/*****UTILITY NAVIGATION*****/
#featured-nav {
	text-align: center;
	position: relative;
	width: 100%;
	background: #313c5c url(custom/images/menu-bg.jpg) left top repeat-x;
	background-size: auto 100%;
	margin: 2.75em 0 0 0; padding: 1em 0;
	font-family:'Roboto',Arial,Helvetica,sans-serif;;}
#featured-nav:after {
	content: '';
	position: absolute;
	z-index: 99;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	background: url(custom/images/menu_shadow.png) center bottom repeat-x; }
#featured-nav ul{
	list-style:none;
	margin:0;
	padding:0;}
#featured-nav li {
	font-size: 1.33em;
	padding: 0;
	letter-spacing: 0.04em;
	border-left: 3px solid #090e21;
	text-transform:uppercase;
	display: inline-block;
	vertical-align: top;
	line-height: 2em;
	position: relative;
	z-index: 999;
	padding: 0 1em 0 1.25em;}
#featured-nav li:first-child { border:0; }
#featured-nav li a { color: #ffffff; }
#featured-nav li a:hover { text-decoration:none; color:#c1c4ce;}

/*****MAIN NAVIGATION*****/
.toggleMenu,.expand{display:none;}
#mainnav {
	padding: 1.5em 0;
	text-align:right;
	float:right;
	display:inline-block;
	width:70%;
	z-index: 1999;
	position: relative;
	font-family:'Roboto',Arial,Helvetica,sans-serif;;}
#mainnav ul{
	list-style:none;
	margin:0;
	padding:0;}
#mainnav li {
	margin:0;
	letter-spacing: 0.03em;
	display:inline-block;
	text-transform:uppercase;
	position: relative; }
#mainnav li a {
	font-size: 21px;
	line-height: 2em;
	padding: 0 0.5em;
	text-decoration: none;
	color: #404041;
	display: block; }
#mainnav li:hover a, #mainnav li a:hover, #mainnav li.active a {
	color: #adafb1;
	background:#eaeaea;
	text-decoration: none; }
#mainnav li ul {
	padding: 1.1em 0;
	display: none;
	width: 275px;
	position:absolute;
	left:0;
	top:100%;
	background:#eaeaea;
	text-align:left;}
#mainnav li:hover ul { display: block; }  
#mainnav li li {
	padding:0.6em 5%;
	width:90%;
	margin:0;
	text-transform:none; } 
#mainnav li li a, #mainnav li.active li a {
	font-size: 1em;
	line-height: 1.4em;
	font-weight:500;
	background: none;
	color: #404041!important; }
#mainnav li:hover li a:hover,#mainnav li:hover li:hover a { color:#313c5c!important; }


/*****INSIDE NAVIGATION*****/
#menu {
	padding: 0 0 1.1em;
	border-top: 25px solid #a79162;
	background: #eaeaea;
	overflow: hidden;
	font-family:'Roboto',Arial,Helvetica,sans-serif;;}
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden; }
#menu ul li {
	padding: 0;
	width: 100%;
	margin: 0;
	float:left;
	display:inline-block;letter-spacing: 1px; }
#menu ul li a {
	padding: 0.6em 7.5% 0.6em 7.5%;
	width:85%;
	display: inline-block;
	color: #404041;
	text-transform: uppercase;
	transition: none;
	-webkit-transition: none;
	font-size: 18px;
	line-height: 1.4em;
	font-weight: 700; }
#menu ul li a:hover, #menu ul li a.ln_default {
	text-decoration: none; 
	color: #ffffff;
	background: #313c5c url(custom/images/heading_bg.jpg) center bottom repeat-x; }
#menu ul ul li a {
	padding: 0;
	font-size: 1em;
	line-height: 1.1em;
	background: none !important;
	font-weight: 500;
	padding: 0.6em 7.5% 0.6em 15%;
	width:77.5%;}
#menu ul ul li a:hover, #menu ul li a.ln2_default {background:none; color: #313c5c !important; }
#menu ul ul ul li a {
	padding: 0.6em 7.5% 0.6em 22.5%;
	width:70%;
	color:#a79162;}
#menu ul ul ul li a:hover, #menu ul li a.ln3_default {background:none; color: #313c5c !important; }

/*****FOOTER NAVIGATION*****/
.footer-navigation {
	margin-bottom: 1.5em;
	border-bottom: 2px solid rgba(255,255,255,0.13);
	padding-bottom: 2.8em; 
	overflow: hidden;
	text-align: center;
	font-family:'Roboto',Arial,Helvetica,sans-serif;;}
.footer-navigation ul{
	margin:0;
	padding:0;
	list-style:none;}
.footer-navigation li {
	margin: 0 1.5%;
	letter-spacing: 0.04em;
	display: inline-block;
	vertical-align: top;
	font-size: 1.4em; line-height: 1.2em;
	text-transform:uppercase; } 
.footer-navigation li a { color: #ffffff; }  
.footer-navigation li a:hover { text-decoration: none; color: #a79162; }



/*****MEDIA QUERIES****/
@media only screen and (max-width: 1315px) {
	#mainnav li a{ font-size:1em;}
	
	#featured-nav li{ font-size: 1.15em; padding-left: 1em;}
}

@media only screen and (max-width: 1075px) {
	#mainnav li a{ font-size:1em;}
	
	#featured-nav li{ font-size: 1em;}
}

@media only screen and (max-width: 880px) {
	#featured-nav li{ font-size: 0.85em;}
	#mainnav li a{font-size:0.85em;}
}

@media only screen and (max-width: 860px) {
	#mainnav li a{ font-size:0.80em;}
}

@media only screen and (max-width: 800px) {
	#mainnav{width:100%; float:left; text-align:right; margin: 0;padding:5px 0; height:auto;}
	#mainnav #topnav{display:none;}
	a.toggleMenu {
		display: block;
		line-height: 1em;
		display: inline-block;
		color: #3b4536;
		text-decoration: none;
		position:relative;
		text-align:center;
		z-index:200;
		font-size: 1.25em;}
	a.toggleMenu:hover { color: #a79162; }
	a.toggleMenu i { display:inline-block; margin: 0; font-size:2.25em; line-height: 40px;}
	#mainnav ul {  display:none; top: 0; width: 100%; margin:0.25em 0 0 0; }
	#mainnav ul li {
		width: 100%;
		padding: 0;
		text-align: left;
		position:relative;
		font-size:1.5em;
		text-align:center;}
	#mainnav ul li a {margin: 0 0 1em;  color: #3b4536; font-size: 1em; }
	#mainnav li a:hover, #mainnav li.active a, #mainnav li:hover a{border:none; background: none;}
	#mainnav li.has-children a{margin:0;}
	#mainnav li a .expand {
		display: inline-block;
		font-size: 0.75em;
		/* margin-bottom: 0.125em; */
		line-height: normal;
		margin-left: 5%;}
	#mainnav li a .expand.actv .fa-caret-down:before {content: "\f0d8";}
	#mainnav li li a { padding-left: 0; margin: 0; }
	#mainnav li ul.shown{opacity:1;}
	#mainnav  ul li ul {
		position: static;
		width: 100%;
		padding: 0;
		margin: 0.25em 0 1em;
		display:none;
		padding-top: 0.5em;}
	#mainnav li li { padding: 0; }
	#mainnav ul li:hover ul { display: none; float:left; /*padding: 0.75em 0;*/ }
	#mainnav ul li.active ul li, #mainnav ul li ul li {
		padding: 0;
		margin:0;
		width: 100%;
		text-align: left;
		min-width: inherit;
		line-height:normal;
		border:none;
		margin-bottom: 20px;}
	#mainnav li:hover ul li a, #mainnav li ul li a{
		color: #ffffff;
		font-size: 0.5em;
		line-height: 1.125em;
		text-transform: none;
		padding:0;
		width:100%;
		text-align:center; }
}

@media only screen and (max-width: 681px) {
	#featured-nav li{ font-size: 1.15em; width: 40%; border: none; margin-bottom: 15px;}
	#featured-nav li:nth-child(even){ border-left: 3px solid #090e21;}
}

@media only screen and (max-width: 640px) {
	.footer-navigation li{ margin-bottom: 20px; margin-left: 3%;}
}

@media only screen and (max-width: 530px) {
	#featured-nav li{ font-size: 1.15em; width: 83%; border: none; margin-bottom: 15px;}
	#featured-nav li:nth-child(even){ border-left: none;}
}

@media only screen and (max-width: 440px) {
	.footer-navigation li{ width: 100%;}
}


/* BEGIN: add for mobile menu reasons */
#mainnav .nav.actv .drop_level2_wrapper_mobile ul {
    display: block;
    margin-bottom: 1.5rem;
    background-color: #fbfbfb;
}
#mainnav .nav.actv .drop_level2_wrapper_mobile ul::before {
    content: "";
    position: absolute;
    top: 29px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #eaeaea;
}
#mainnav .nav.actv .drop_level2_wrapper_mobile ul li{
    margin: 0;
}
#mainnav .nav.actv .drop_level2_wrapper_mobile ul li a{
    font-size: 1.3rem;
    letter-spacing: 0;
}
@media only screen and (max-width:59.9375rem){
    #menu {display:none;}
}
/* END: add for mobile menu reasons */


