/* front page menu */
.btn.nav-btn {
	min-width: 8em;
	margin-left: 0;
	margin-left: .5em !important;
	font-size: 15px;
	padding: 8px !important;
}

.btn.nav-btn:hover {
	border-color: #0d40b4;
	color: #0d40b4;
}

.btn.nav-btn--active {
	background-color: white;
	border-color: #0d40b4;
	color: #0d40b4;
}

.btn.nav-btn--active:hover {
	background-color: transparent;
	border-color: white;
	color: white;
}

.menu-toggle .close-icon, .menu-toggle.menu-toggle--open .menu-icon {
	display: none;
}

.menu-toggle.menu-toggle--open .close-icon {
	display: block;
	width: 25px;
	height: 25px;
}

#menu-overlay {
	opacity: 0;
	transition: .25s all ease;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: -1;
}

.menu-overlay--active {
	opacity: .85 !important;
	background-color: #0d40b4;
	z-index: 11 !important;
}

.menu.js-main-menu {
	display: none !important;
}

.menu.js-main-menu.main-menu--visible {
	display: flex !important;
}

.menu.js-main-menu.main-menu--visible .menu-item {
	color: white;
}

.sticky-nav.sticky-nav--open .banner {
	background: transparent;
}

.main-logo--open img, .sticky-nav.sticky-nav--open .main-logo img {
	filter: brightness(0) invert(1);
}

.noscroll {
	overflow-y: hidden;
}

.js-toggle-menu {
	border: none;
	background: transparent;
	width: 62px;
	height: 62px;
}

.js-toggle-menu svg {
	outline: none;
	width: 50px;
	height: 50px;
}

.js-toggle-menu.menu-toggle {
	display: none;
}

@media only screen and (min-width: 992px) {
	#search_icon-sticky img, #search_icon img {
		transform: scale(1.7);
		filter: grayscale(100%);
		opacity: .4;
		margin-right: 1em;
	}
	
	.active-overlay-search img {
		opacity: 1 !important;
		filter: brightness(3.5) grayscale(100%) !important;
	}
	
	.js-toggle-menu.menu-toggle {
		display: block;
	}
}