/* Superfish reloaded
================================================
This is the default stylesheet for the store related elements. */


/*+clearfix {*/
ul.sf-menu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
ul.sf-menu { display:inline-block; }
ul.sf-menu {
/*\*/
	display: block;
/**/
	-height: 1px;
}
/*+}*/


/*reset the menu*/
ul.sf-menu, ul.sf-menu * { margin: 0; padding: 0; list-style: none; }

/*[clearfix]*/
ul.sf-menu {/*+placement:margin-auto 0px 0px;*/ margin-left: auto; margin-right: auto; line-height: 1; float:right;}
ul.sf-menu li { float: left; margin-left: 35px;  border-bottom: 7px solid #72a839;}
ul.sf-menu li.firstnavitemli{margin-left:0;}
ul.sf-menu li.mobile-only{display:none;}

/*set submenu li widths*/
ul.sf-menu ul li { width: auto; margin:0;}


/* ## first level ## */
ul.sf-menu a {display: block; position: relative; padding: 0; text-decoration: none; color: #72a839; line-height: 1.3em; background:#ccc; font-size:1.6em; font-weight:300;}

/* ## 2nd level ## */
ul.sf-menu li ul {position: absolute; display: none; padding:0 0 20px 0; visibility: hidden; width: 100%; left: 0; margin:7px 0 0 0; background-color: #e2f1cc;}
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul {visibility: visible; display: inline-block; z-index: 99;}
ul.sf-menu li ul li{ padding:20px 20px 0 20px; border:none; background-color: #e2f1cc; float:left; width:65%;}
ul.sf-menu li ul li a { margin-right: 0; margin-bottom:10px; line-height:1.3em; font-size: 1.1em; color:#014a24; font-weight: 400;}
ul.sf-menu li ul li a:hover{text-decoration: underline;}
ul.sf-menu li ul li ul li a {margin-bottom:0px;}

ul.sf-menu li ul li.firstmenuitem{width: 27%; border-right: solid 1px #9ebf99;}
ul.sf-menu li ul li.firstmenuitem h2{text-transform: uppercase; font-size: 1.5em; color:#014a24;}
ul.sf-menu li ul li.firstmenuitem p{margin: 0.5em 0; line-height: 1.3em; font-size: 0.85em;}
ul.sf-menu li ul li.firstmenuitem ul{margin: 0.5em 0; padding: 0;}
ul.sf-menu li ul li.firstmenuitem ul li{margin:0 0 10px 1.5em; padding:0;}


/* ## 3rd level ## */

/*hide 3rd level offscreen*/ 
ul.sf-menu li:hover ul ul,
ul.sf-menu li.sfHover ul ul {/* top: -999em; */}

ul.sf-menu li ul li ul {left: auto; display: block !important; visibility: visible !important; float: left; margin:0; padding:0 0 10px 1.1em; width:auto; max-width: 100%; position: relative;}
ul.sf-menu li ul li ul li{margin:0; padding:0; list-style-type: square; float: none; width: auto; max-width: 100%;}

ul.sf-menu li ul li ul li a {line-height:1.3em; font-size: 1em; color:#333; width:auto; display: block; font-weight: 400;}

/*shows 3rd level*/ 
ul.sf-menu li ul li:hover > ul, 
ul.sf-menu li ul li.sfHover > ul {/* top: 0em; */}

/*4th level*/
/*last level, just style, no superfish disclosure, just copy the above recipe to add more levels!*/
ul.sf-menu li ul li ul li ul { /*hide 4th level*/ top: -999em; }
ul.sf-menu li ul li ul li ul { left: 10em; }
ul.sf-menu li ul li ul li:hover ul,
ul.sf-menu li ul li ul li.sfHover ul { /*show 4th level*/ top: 0em; }

/*hover state / xpath*/
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active { outline: 0; border-bottom-color: #e2f1cc; cursor: pointer;}

/*arrows*/
.sf-menu a.sf-with-ul {padding-right:0; min-width: 1px; /*trigger ie7 haslayout so spans position accurately*/ }
.sf-sub-indicator {position: absolute; display: block; right: 0.60em; top: 0.75em; width: 16px; height: 16px; overflow: hidden; display:none;}
.sf-sub-indicator:after {position:absolute; right:0; top:0; font-family: 'icomoon'; speak: none; content: "\25be"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}
.sf-menu li.sfHover .sf-sub-indicator { }

/*submenu arrows right*/
ul.sf-menu li.sfHover ul li .sf-sub-indicator { top:.5em; background-position: 0px 0px; }
.sf-menu li.sfHover li.sfHover .sf-sub-indicator { background-position: -10px 0px; }
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }


/* ## Main Navigation Theme ## */
.topNav{margin:20px 0 30px 0; padding:0; float:right;}
.mainNav {margin:0; padding:0; float:right;}
ul.sf-menu a { background:none; border:0; }

ul.sf-menu .subtitle{color:#666; font-size: 0.85em; display:block; margin:1px 15px 15px 2px;}


ul.sf-menu li a:hover,
ul.sf-menu li.sfHover > a {}
.mainNav .menuLink { display:none; }




















/* =================================================================
Media Queries
===================================================================*/





/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	
}

/* (1071px - 1170px) */
@media only screen and (min-width:66.938em) and (max-width:73.125em) {

	ul.sf-menu a{font-size: 1.45em;}
	ul.sf-menu .subtitle{font-size: 0.75em; margin-bottom: 13px;}
	ul.sf-menu li{margin-left:30px; border-bottom-width: 6px;}
	ul.sf-menu li ul{margin-top:6px;}
	ul.sf-menu li ul li{margin-left:0px; border: none; width:64%;}
	ul.sf-menu li ul li ul li a {line-height:1.3em; font-size: 0.85em; color:#333;}
	
}

/* (971px - 1070px) */
@media only screen and (min-width:60.688em) and (max-width:66.875em) {

	ul.sf-menu a{font-size: 1.40em;}
	ul.sf-menu .subtitle{font-size: 0.70em; margin-bottom: 12px;}
	ul.sf-menu li{margin-left:27px; border-bottom-width: 5px;}
	ul.sf-menu li ul{margin-top:5px;}
	ul.sf-menu li ul li{width:64%;}
}

/* (871px - 970px) */
@media only screen and (min-width:54.438em) and (max-width:60.625em) {

	ul.sf-menu a{font-size: 1.35em;}
	ul.sf-menu .subtitle{font-size: 0.65em; margin-bottom: 10px;}
	ul.sf-menu li{margin-left:15px; border-bottom-width: 4px;}
	ul.sf-menu li ul{margin-top:4px;}
	ul.sf-menu li ul li{width:63%;}
}

/* (768px - 870px) */
@media only screen and (min-width:48.000em) and (max-width:54.375em) {

	ul.sf-menu a{font-size: 1.30em;}
	ul.sf-menu .subtitle{font-size: 0.55em; margin-bottom: 8px;}
	ul.sf-menu li{margin-left:10px; border-bottom-width: 4px;}
	ul.sf-menu li ul{margin-top:4px;}
	ul.sf-menu li ul li{width:61%;}
	
	
}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {

	
	
}



/* 16px baseline (180px - 480px) */
@media only screen and (min-width:11.250em) and (max-width:30.000em) {

	
}








/* 16px baseline (767px) */
@media only screen and (min-width:0em) and (max-width:47.938em) {

	.mainNav { position: relative; height:auto; }

	.no-js .menuLink { display: none;}
		
	.menuLink {display:inline-block !important; padding:0; color:#fff; font-size: 1.5em; background:#7fbb3f; cursor:pointer; z-index: 9000; width:45px; height: 45px; line-height: 45px; text-align: center;}

	.menuLink:hover,
	.menuLink:focus { color: #fff; text-decoration: none; }



	.mainNav ul li.active > ul,
	.mobile-landing .mainNav > ul,
	.no-js .mainNav > ul {display: block !important; visibility: visible !important;}

	.mainNav.active > ul { display: block}

/*
	.sf-sub-indicator {position: absolute; top: 0; right: 0; display: block; height: 100%; width: 50px; font-size: 1em;}
	.sf-sub-indicator:after {position:absolute; right:50%; top:50%; margin:-4px -10px 0 0; font-family: 'icomoon'; speak: none; content: "\2b"; font-style: normal; font-weight: normal; font-variant: normal; 
		text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 0.4em;}
*/



	ul.sf-menu{display: none; float: none; width:100%; position: absolute; left:0px; top:0px; padding: 65px 0 0 0; background-color:#014a24;}
	ul.sf-menu a{font-size: 1.30em; float:none;}
	
	ul.sf-menu > li > a:after {font-family: 'FontAwesome'; content: '\f107'; margin:0 20px 0 0; color: #fff; float:right;}
	
	ul.sf-menu .subtitle{display:none;}
	.mainNav ul.sf-menu li{margin:0; display: block; float: none; border:none; width:100%;}
	.mainNav ul.sf-menu li.firstnavitemli{border-top: solid 1px #346E50;}
	ul.sf-menu li .subNavOuter .sectionIntro{display:none;}
	
	ul.sf-menu li ul {position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; display: block; padding:0; margin-top: 0;}
	
	.mainNav ul.sf-menu li ul li{margin:0; background-color: #0c6135; max-width: 100%; display: block;}
	.mainNav ul.sf-menu li ul li div:last-child{margin-bottom:10px; background-color: blue;}
	
	ul.sf-menu li ul li.firstmenuitem{display: none;}
	/*ul.sf-menu li ul li .sf-sub-indicator{display: none;}*/
	ul.sf-menu li ul li a{margin:0; border: none; background-color:#0c6135; color:#fff; font-size: 0.95em; padding:10px 10px 10px 30px; color:#fff;}
	ul.sf-menu li ul li ul{display: block; float: none; padding: 0;}
	.mainNav ul.sf-menu li ul li ul li{border: none;}
	ul.sf-menu li ul li ul li a{font-size: 0.8em; padding:10px 10px 10px 45px; color:#fff;}



	



	
	
		
	.mainNav li a {display:block; padding:10px 15px; color:#fff; font-size:1.10em;}
	.mainNav li a:hover, 
	.mainNav li a:focus { text-decoration:none; background:#7FBB3F !important; }

    .mainNav ul ul { padding:0 5px;}
    .mainNav ul ul li { margin:0 !important; padding:0 !important; }
    .mainNav ul ul li:last-child { border:0; }
	
	.mainNav ul ul li a:hover,
	.mainNav ul ul li a:focus { background: #4c4d4f; }


    /* forces display of menu */
    .mainNav .showMenu {display: block !important; visibility:visible !important;}

    /* forces display of sub menu */
    .mainNav .showSub .sf-sub-indicator:after {content: "\2d";} 
    .mainNav .showSub > ul {display: block !important; visibility:visible !important;}
}