/* =============================================
	Main Navigation - Inspired by Superfish - but probably not as good.
================================================ */

/* ### BASE STYLES and =< TABLET SIZE ### */
	
/* =============== Mobile Menu Icon ============= */

.menuLink {
	display:inline-block;
	z-index:9000;
	padding:7px 10px;
	font-size:2em; color:#333;
    cursor:pointer;
	text-decoration:none;
}
.menuLink span { position:relative; top:-8px; font-weight:bold;font-size:.5em; text-transform:uppercase; }
.menuLink.open span { top:-4px; }
.menuLink.open span:before { content:'Close'; position:absolute; top:-8px; left:0; display:block; font-weight:bold; font-size:.6em; letter-spacing:4.3px; }
	
.menuLink:hover, .menuLink:focus { color:#555; text-decoration:none; }



/* =============== Superfish Defaults ============= */

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

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

		

/* =============== Base Styles ============= */
		
.sf-menu { display:block; position:absolute; top:-9999em; width:100%; background:#6d6d6d; }	
.sf-menu.showMenu { position:static; margin-bottom:10px; }
	
/* Global <li> styles */	
.sf-menu li {  }
		
/* Global <a> styles */	
.sf-menu a { display:block; text-decoration:none; 
	-webkit-transition:all .2s;
	   -moz-transition:all .2s;
		-ms-transition:all .2s;
		 -o-transition:all .2s;
			transition:all .2s;
}

/* Global <ul> styles */	
.sf-menu ul {  
	-webkit-transition:opacity .2s;
	   -moz-transition:opacity .2s;
		-ms-transition:opacity .2s;
		 -o-transition:opacity .2s;
			transition:opacity .2s;
}

/* Sub Menu fix */
.subMenu { position:relative; }



/* =============== Top Level Specifics ============= */

.sf-menu > li { display:block; }
.sf-menu > li .subMenu > a { padding:1.2em 20px; font-weight:bold; font-size:.75em; min-height: 63px; box-sizing: border-box;color:#eff1f0; text-transform:uppercase; }
.sf-menu > li:hover .subMenu > a { color:#fff; background:#d0000d; }


/* =============== Second Level (Sub) Specifics ============= */

.sf-menu > li ul { position:absolute; top:-9999em; width:12em; min-width:100%; background:#fff; opacity:0; }
.sf-menu > li .subMenu li > a { padding:.8em 20px; font-weight:bold; font-size:.9em; color:#d0000d; }
.sf-menu > li .subMenu li > a:hover, .sf-menu > li .subMenu li > a:focus { color:#333; background:#ddd; }
.sf-menu > li.showSub .subMenu > ul { position:relative; top:0; opacity:1; }


/* =============== Third Level (Sub Sub) Specifics ============= */
	
	
	
/* =============== Arrows ============= */

.sf-sub-indicator { 
	position:absolute; top:0; right:0;
	display:block;
	height:50px; width:50px; background:#333;
}

.sf-sub-indicator:after {
    content:"\2b";
    position:absolute; right:51%; top:51%;
    margin:-8px -8px 0 0;
	font-family:'icomoon'; font-style:normal; font-weight:normal; font-variant:normal;
	speak:none;
	text-transform:none; line-height:1;
	-webkit-font-smoothing: antialiased;
}	

.sf-sub-indicator.showing:after {
    content:"\2d";
}	


/*navigation*/
.sf-menu {background: #009abc}
.sf-menu li {border-right: 1px solid #51bbd1; border-left: 1px solid #1e889e}
.sf-menu li.firstnavitemli {border-left: none;}
.sf-menu li.lastnavitemli {border-right: none;}

.sf-menu > li:hover .subMenu > a {background: #007993;}
.sf-menu > li .subMenu li > a {color: #009abc}
	
		
/* ### >= TABLET SIZE ADJUSTMENTS ### */
		
@media only screen and (min-width:767px) {


	/* =============== Mobile Menu Icon ============= */
	.menuLink { display:none; }

	
	
	/* =============== Base Styles ============= */
	.sf-menu, .no-js .sf-menu { display:table; }
	.sf-menu { position:static; }
	
	
	
	/* =============== Top Level (Main) Specifics ============= */

	.sf-menu > li { display:table-cell; }
	.sf-menu > li .subMenu > a { text-align:center; }
	
	
	
	/* =============== Second Level (Sub) Specifics ============= */

	.sf-menu > li ul {margin: 14px 0 0 0; }
	.sf-menu > li:hover ul { position:absolute; top:49px; opacity:1; }
	
	
	/* =============== Arrows ============= */
	
	.sf-sub-indicator { display:none; }	
}