/* custom_nav_main_partial.html - global */
.navigation a {
	display: block;
	padding: 10px 16px;
	width: 100%;
	font-size: 1.2rem;
	line-height: 1.2;
	color: inherit;
	text-decoration: none;
	font-family:'Avenir Next LT W01 Bold';
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	color: #273b56;
	letter-spacing: 0.2em;
}

.navigation.secondary.mobile a {
	font-family:'Avenir Next LT W01 Demi';
	padding: 10px 16px;
	font-size: 16px;
	letter-spacing: 0px;
	text-transform: none;
}

.navigation a:hover {
	color: #273b56;
	font-weight: normal;
	background-color: transparent;
}

 .nav-container.secondary a {
	font-family:'Avenir Next LT W01 Demi';
	font-weight: 500;
	text-transform: none;
	font-size: 16px;
	color: #273b56;
	letter-spacing: 0em;
}

.navigation a:focus {
	text-decoration: none;
	color: #273b56;
}

.navigation .nav-item .nav-item-control {
	display: flex;
	justify-content: space-between;
}

.navigation .level-2 .nav-item-control a {
	font-family:'Avenir Next LT W01 Demi';
	padding: 8px 16px;
	padding-left: 40px;
	font-size: 14px;
	letter-spacing: 0px;
	text-transform: none;
}

.navigation .level-3 .nav-item-control a {
	padding-left: 60px;
}

.navigation .level-4 .nav-item-control a {
	padding-left: 90px;
}

.navigation .nav-item .dropdown-toggle {
	margin: 0;
	padding: 0 20px 0 20px;
	color: #58b7dd;
	font-size: 13px;
	background-color: transparent;
	transition: background-color 100ms cubic-bezier(0,0,0.3,1);
}

.navigation .nav-item .dropdown-toggle:focus {
	outline: 1px dashed #222;
}

/* custom_nav_main_partial.html - mobile */
.navigation.mobile.primary {
	background-color: #f4f3ed;
	padding: 18px 0;
}

.navigation.mobile .nav-item .dropdown-toggle .icon-toggle {
	transform-origin: center;
	transition: transform 300ms cubic-bezier(0,0,0.3,1);
}

.navigation.mobile .nav-item.open > .nav-item-control .dropdown-toggle .icon-toggle {
	transform: rotate(-180deg);
}

/* custom_nav_main_partial.html - desktop */
.navigation.desktop {
	/* position: relative; */
	display: flex;
	justify-content: space-between;
}

.navigation.desktop .dropdown-menu {
	display: block !important;
	opacity: 0;
	pointer-events: none;
	transition: opacity 100ms cubic-bezier(0,0,0.3,1);
	z-index: 30;
	padding-top: 20px;
	padding-bottom: 20px;
}
.navigation.desktop .level-1.nav-item > .nav-item-control {
	color: #fff
}

.navigation.desktop .level-1.nav-item.open > .nav-item-control {
	color: #222;
}

.navigation.desktop .level-1.nav-item > .nav-item-control > .dropdown-toggle {
	display: none;
}

.navigation.desktop .level-1.nav-item.open > .nav-item-control {
	background-color: transparent;
}

.navigation .nav-item.open > .nav-item-control.level-1 > a {
	position: relative;
}

.navigation.desktop .nav-item.open > .nav-item-control.level-1 > a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 16px;
	right: 16px;
	height: 6px;
	background-color:#6dcff6;
}

.navigation.secondary.mobile {
	margin-top: 6px;
	background-color: #dfeaea;
	padding: 20px 0;
}

.mobile-footer-nav {
	margin-top: 6px;
	background-color: #f9f8f5;
	padding: 20px 0;
}

.mobile-footer-nav .navFooter {
	list-style: none;
}

.mobile-footer-nav li {
	line-height: 1.9em;
}

.mobile-footer-nav a {
	font-family:'Avenir Next LT W01 Demi';
	font-weight: normal;
	color: #273b56;
	padding: 8px 16px;
	padding-left: 0;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-transform: none;
}

.mobile-footer-nav a:hover {
	color: #273b56;
	font-weight: normal;
}

@media screen and (min-width: 64em) {
	.top-nav-cont .weather-wrapper.hide,
	.top-nav-cont .header-right-bottom.hide,
	.top-nav-cont .navigation.navigation-dropdown.secondary.hide {
		display: none;
	}

	.panel-header .top-nav-cont {
		padding: 0 20px;
	}

	.navigation-dropdown.secondary.desktop {
		margin-right: 20px;
	}

	.navigation .level-1 a {
		font-size: 14px;
		padding: 5px 8px 15px;
	}

	.navigation .nav-item .dropdown-toggle {
		display: none;
	}	

	.navigation .level-2 .nav-item-control a {
		font-family:'AvenirNextLTW01-Medium';
		font-size: 14px;
		padding: 12px 16px 12px 50px;
	}

	.navigation .level-2 .nav-item-control a.has-children:after {
		content: "\f054";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 13px;
		color: #58b7dd;
	}

	.navigation-three-col.primary.desktop .nav-item:last-of-type .nav-link {
		padding-right: 7px;
	}

	/* secondary menu */
	.navigation.dropdown-menu.secondary {
		margin-right: 17px;
	}

	.navigation.dropdown-menu.secondary .dropdown-toggle {
		display: none;
	}

	.nav-container.secondary a {
		font-size: 13px;
		letter-spacing: 0.05em;
		padding: 14.5px 12px 11px;
	}

	.navigation .dropdown-menu .nav-item:hover > .nav-item-control {
		background-color: #e2f0f3;
	}	
}

@media screen and (min-width: 75em) {
	.navigation-three-col.primary.desktop .level-1 > a {
		padding: 5px 16px 15px;;
		font-size: 16px;
	}

	.panel-header .top-nav-cont {
		padding: 0;
	}
}
