/* Elson 1.8.3 mobile nav (Tools > Elson SEO Apply > "Mobile nav" item). Theme hamburger breakpoint: max-width 1199px. Desktop (>=1200px) untouched. */
.emn-toggle { display: none; }
@media screen and (max-width: 1199px) {
	/* White hamburger on the black header (not on the white scrolled header, not on the open "X") */
	.prague-header:not(.scroll) .prague-nav-menu-icon:not(.active) a i,
	.prague-header:not(.scroll) .prague-nav-menu-icon a i::before,
	.prague-header:not(.scroll) .prague-nav-menu-icon a i::after { background-color: #ffffff; }
	/* Collapsible submenus */
	.prague-header .prague-navigation .main-menu li.emn-has-toggle { position: relative; padding-right: 48px; }
	.prague-header .prague-navigation .main-menu li.emn-has-toggle > .sub-menu { display: none; }
	.prague-header .prague-navigation .main-menu li.emn-has-toggle.emn-open > .sub-menu { display: block; }
	.prague-header .prague-navigation .main-menu li.emn-has-toggle > .emn-toggle {
		display: block; position: absolute; top: 0; right: 0; width: 44px; height: 44px; margin: 0; padding: 0;
		border: 0; border-radius: 0; background: transparent; box-shadow: none; cursor: pointer; z-index: 2;
		-webkit-tap-highlight-color: transparent;
	}
	.prague-header .prague-navigation .main-menu li.emn-has-toggle > .emn-toggle::before {
		content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -7px 0 0 -5px;
		border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate(45deg);
		transition: transform 0.2s ease-in, margin 0.2s ease-in;
	}
	.prague-header .prague-navigation .main-menu li.emn-has-toggle.emn-open > .emn-toggle::before { transform: rotate(225deg); margin-top: -2px; }
	.prague-header .prague-navigation .main-menu li.emn-has-toggle > .emn-toggle:focus-visible { outline: 2px solid #faaf43; outline-offset: -2px; }
}

/* 1.8.5: white menu text in every header state (top, scrolled/sticky, open); Contact, Service Division and Truckee Meadows Electric keep the original #faaf43 orange. */
@media screen and (max-width: 1199px) {
html body .prague-header .prague-navigation .main-menu li > a,
html body .prague-header.scroll .prague-navigation .main-menu li > a,
html body .prague-header.open-menu .prague-navigation .main-menu li > a,
html body .prague-header .prague-navigation .main-menu li.navTitle > a,
html body .prague-header.scroll .prague-navigation .main-menu li.navTitle > a,
html body .prague-header .prague-navigation .sub-menu li > a,
html body .prague-header .prague-navigation .main-menu li.current-menu-item > a,
html body .prague-header .prague-navigation .main-menu li.current-menu-ancestor > a { color: #ffffff !important; }
html body .prague-header .prague-navigation .main-menu li.navTitleYellow > a,
html body .prague-header.scroll .prague-navigation .main-menu li.navTitleYellow > a,
html body .prague-header .prague-navigation .main-menu li.menu-item-4784 > a,
html body .prague-header .prague-navigation .main-menu li.menu-item-6922 > a,
html body .prague-header .prague-navigation .main-menu li.menu-item-4812 > a,
html body .prague-header.scroll .prague-navigation .main-menu li.menu-item-4784 > a,
html body .prague-header.scroll .prague-navigation .main-menu li.menu-item-6922 > a,
html body .prague-header.scroll .prague-navigation .main-menu li.menu-item-4812 > a { color: #faaf43 !important; }
html body .prague-header .prague-navigation .main-menu li > .emn-toggle::before { border-color: #ffffff !important; }
/* 1.8.5: open panel = viewport minus header, scrolls on its own to the last item. */
.prague-header .prague-navigation {
	height: calc(100vh - var(--emn-hdr, 90px)) !important;
	height: calc(100dvh - var(--emn-hdr, 90px)) !important;
	max-height: calc(100vh - var(--emn-hdr, 90px)) !important;
	max-height: calc(100dvh - var(--emn-hdr, 90px)) !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	scroll-snap-type: none !important;
	touch-action: pan-y;
	box-sizing: border-box;
	padding-bottom: 40px !important;
}
.prague-header .prague-navigation .main-menu > li > .sub-menu { max-height: none !important; overflow: visible !important; }
html.no-scroll, html.no-scroll body { overscroll-behavior: none; }
}