/*****MAIN NAVIGATION*****/
#mainnav { width: 100%; background: #0000cd; }
#mainnav .toggleMenu { display: none; }
#mainnav .nav { list-style: none; padding: 0; margin: 0; float:left; }
#mainnav .nav li { float:left; letter-spacing: 0.025em; position: relative; background: url(custom/images/menu-sep.png) right center no-repeat; }
#mainnav .nav li:last-child { background: none; }
#mainnav .nav li.first a { padding-left: 0; }
#mainnav .nav li a { padding: 25px 22px 22px 21px; display: block; color: #fff; font-size: 17px; line-height: 20px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
#mainnav .nav li a:hover, #mainnav .nav li:hover a, #mainnav .nav li.active a { color: #ffc60b; }
#mainnav .nav li ul { display: none; padding: 10px 0; width: 270px; position: absolute; left: 0px; top: 100%; background: rgba(255,255,255,0.96); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
#mainnav .nav li:hover ul li { width: 100%; padding: 1px 0; background: none; }
#mainnav .nav li:hover ul li a { padding: 12px 10px 12px 30px; font-size: 15px; line-height: 20px; color: #0000cd; border-left: 7px solid #fff; }
#mainnav .nav li:hover ul li a:hover, #mainnav .nav li:hover ul li.active a { color: #fff; background: #424242; border-color:#ffc60b; }
#mainnav .icons { float: right; padding-top: 22px; }
#mainnav .icons li { float:left; padding: 0 0 0 11px; }
#mainnav .icons li a img { width: 100%; }
#mainnav .icons li a { color: #0000cd; text-align: center; text-decoration: none; line-height: 24px; display: block; width: 25px; height: 25px; background: #0000cd; border-radius: 50%; -webkit-border-radius: 50%; }
#mainnav .icons li a:hover { opacity: 0.8; }
#mainnav .icons li a i { display: block; line-height: 24px; font-size: 12px; }
#mainnav .icons li a i.fa-user { font-size: 14px; }
#mainnav .icons li a svg{ fill: #0000cd; background: #fff; width: 25px; height: 25px; padding: 3px; border-radius: 50%;}

#mainnav .expand{display: none;}

/*****INSIDE NAVIGATION*****/
#inside_nav { padding: 18px 0 345px; margin-bottom: 30px; background: #6b6b6b url(custom/images/inside_nav_bg.png) right bottom no-repeat; overflow: hidden; border-top: 6px solid #0000cd; background-size: 112%; }
#inside_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0; }
#inside_nav li { width: 100%; float:left; padding: 4px 0; }
#inside_nav li a { border-left: 7px solid rgba(0,0,0,0); text-decoration: none; padding: 7px 5px 7px 22px; display:block; color: #fff; font-size: 23px; line-height: 30px; font-family: 'Lora', serif; font-weight: 700; }
#inside_nav ul > li > a:hover, #inside_nav ul > li.active > a { border-color: #ffc60b; background: #0000cd; }
#inside_nav li li a { background: none; color: #bababa; font-weight: 400; }
#inside_nav li li { padding: 6px 0; }
#inside_nav li > ul > li > a:hover, #inside_nav li > ul > li.active > a { background: #424242; color: #fff; border-color: rgba(0,0,0,0); }
#inside_nav li ul { padding: 5px 0 0; }
#inside_nav li ul ul li a { font-size: 17px; font-style: italic; color: #fff; padding-left: 57px; }
#inside_nav li ul ul { padding: 15px 0 0 ; }


/*****MEDIA QUERIES*****/
@media only screen and (min-width: 768px) {
	#mainnav .nav li:hover ul { display: block; }
}

@media only screen and (max-width: 1279px) {
	
	#mainnav .nav li a { font-size: 14px; padding: 25px 16px 22px 16px; }
	#mainnav .nav li:hover ul li a { padding-left: 15px; }
	
	#inside_nav li a { font-size: 20px; line-height: 28px; } 	
		
}

@media only screen and (max-width: 1023px) {
	
	#mainnav .nav li a { font-size: 12px; padding: 15px 5px 12px 5px; }
	#mainnav .nav li:hover ul li a { font-size: 12px; padding: 7px 8px 7px 13px; }
	
	#mainnav .icons li { padding-left: 8px; }	
	#mainnav .icons { padding-top: 12px; }
	
	#inside_nav li a { font-size: 17px; padding-left: 18px; }
	#inside_nav li ul ul li a { font-size: 15px; padding-left: 45px; }

	#utility-navigation li a { font-size: 12px; min-width: 110px; }
	
}

@media only screen and (max-width: 767px) {


	#mainnav { width: 100%; padding: 10px 0; }
	#mainnav ul { display: none; }
	#mainnav a.toggleMenu { display: block; line-height: 28px; display: inline-block; color: #fff; text-transform: uppercase; font-size: 16px; text-decoration: none; }
	#mainnav a.toggleMenu:hover { }
	#mainnav a.toggleMenu i { float: right; margin: 6px 0 0 10px; font-size: 16px; }
	#mainnav a.toggleMenu i.fa-chevron-up { display: none; }
	#mainnav a.toggleMenu.active i.fa-chevron-up { display: block; }
	#mainnav a.toggleMenu.active i.fa-chevron-down { display: none; }
	#mainnav ul.nav  { top: 40px; display: none; width: 100%; margin:0; }
	#mainnav ul.nav li { width: 100%; padding: 5px 10px; text-align: left; background: none; position: relative;}
	#mainnav ul.nav > li, #mainnav ul > li.last { padding: 0; }
	#mainnav ul.nav li a { padding-left: 20px; margin: 11px 0; font-size: 30px; color: #fff; }
	#mainnav ul.nav li li a { padding-left: 0; margin: 0; border-left: 7px solid #fff; }
	#mainnav ul.nav li ul { position: static; width: 100%; margin-top: 10px; background: rgba(255, 255, 255, 1); }
	#mainnav ul.nav li li { padding: 0; }
	#mainnav ul.nav li:hover ul { display: none; }
	#mainnav ul.nav li.active li, #mainnav ul.nav li li { padding: 11px 0 12px; width: 100%; text-align: left; min-width: inherit; }
	#mainnav ul.nav li.active li a, #mainnav ul.nav li li a { color: #0000cd; font-size: 18px; font-weight: 600; line-height: 22px; text-transform: none; }
	#mainnav ul.nav li.active li a:hover, #mainnav ul.nav li li a:hover { color: #424242; }
	
	#mainnav .expand{display: block; color: #fff; position: absolute; right: 10px; top: 5px; font-size: 21px;}

	#mainnav ul.nav li ul, #mainnav ul.nav li.active ul, #mainnav ul.nav li:hover ul { width: auto; margin: 0; padding: 10px 0; }
	
	#mainnav ul.nav li:hover ul li, #mainnav ul.nav li.active ul li { padding: 0; }
	#mainnav ul.nav li:hover ul li a, #mainnav ul.nav li.active ul li a { padding: 10px 17px; }
	#mainnav .nav li:hover ul li a:hover, #mainnav .nav li:hover ul li.active a { color: #fff; }

	#mainnav ul.nav ul { padding-bottom: 15px; }
	#mainnav ul.nav { padding: 15px 0 0; }
	#mainnav ul.nav li.active li a, #mainnav ul.nav li li a, #mainnav ul.nav li:hover li a { font-size: 16px; line-height: 18px; }
	#mainnav ul.nav li.active li, #mainnav ul.nav li li, #mainnav ul.nav li:hover li { padding: 5px 0; width: 100%; float:left; }
	#mainnav ul.nav li a { font-size: 15px; margin: auto; max-width: 100%; padding: 0; }
	#mainnav ul.nav li ul { margin: auto; width: 320px; overflow: hidden; }
	#mainnav ul.nav li a { padding: 8px 0; }

	#mainnav ul.nav li:hover ul li:hover ul { display: block; }
	#mainnav ul.nav li:hover ul li .drop_level2_wrapper, #mainnav ul.nav li ul li .drop_level2_wrapper { display: none; padding-top: 15px }
	#mainnav ul.nav li.active ul li.active ul { display: block; }
	
	#mainnav ul.nav li ul li a.drop1_haschildren:before { position: absolute; right: 15px; top: 5px; font-size: 14px; display: inline-block; font-family: FontAwesome; font-kerning: auto;  font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; content: '\f0d7'; }
	#mainnav ul.nav li ul li.active2 a.drop1_haschildren:before { content: '\f0d8'; }
	#mainnav ul.nav li ul li.active2 a { color: #424242; }
	#mainnav ul.nav li ul li.active2 li a { color: #fff; }
	#mainnav ul.nav li ul li.active2 li a:hover, #mainnav ul.nav li ul li li.active a:hover { color: #424242; }
	#mainnav ul.nav li ul li a.drop1_haschildren { position: relative; }

	#mainnav ul.nav li a.drop1_haschildre:before { position: absolute; right: 10px; top: 11px; font-size: 20px; display: inline-block; font-family: FontAwesome; font-kerning: auto;  font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; content: '\f0d7'; }
	#mainnav ul.nav li.active a.drop1_haschildre:before { content: '\f0d8'; }
	#mainnav ul.nav li a { position: relative; width: 90%;}
	.expand{ z-index: 999;}
	
	#utility-navigation li a { min-width: 10px; padding: 15px 10px; font-size: 10px; line-height: 100%;}

	#mainnav .icons { display: block; position: absolute; right: 15px; top: 2px; padding: 0; }
	
	#inside_nav { padding: 0px; border: none; display: block;}
	#inside_nav #menu { }
	#inside_nav { margin-bottom:15px; margin-top: 30px;}
	
	#utility-navigation ul { float: none; width: 100%; text-align: center; }
	#utility-navigation ul li { float: none; display: inline-block; vertical-align: top; padding: 0; margin: 0px; width: calc( 25% - 4px);}
	header.sticky #utility-navigation ul li { width: calc( 20% - 4px);} /* WA 3-27-19*/	

}

@media only screen and (max-width: 479px) {
	#utility-navigation li a{padding: 15px 2px; font-size: 9px; line-height: 115%;}
}
/* BEGIN: add for mobile menu reasons */
@media only screen and (max-width: 767px){
    #menu {
        display:none;
    }
}
#mainnav .nav li ul {
    box-shadow: none;
}
#mainnav ul.nav li:hover ul li:hover ul {
    display: block;
    padding-left: 1rem;
}

/* END: add for mobile menu reasons */