/* Root */
.header-container {
	z-index: 15;
}

@media (min-width: 64em) {
	.root-panel.hamburger-open {
		height: 100vh;
		overflow-y: hidden;
	}
}

/* Header */ 
.panel-header.hamburger {
	--top-bar-height: 70px;
	--text-color: var(--gray-900);
	--surface-dropdown-nav: var(--primary-color-200);
	width: 100%;
	position: fixed;
	z-index: 11;
}

.no-hero:not(.details) .header-container {
	z-index: 15;
	padding-bottom: 21px;
}

@media (min-width: 64em) {
	.panel-header.hamburger .primary-content-container {
		height: var(--top-bar-height);
		padding-top: var(--space-6);
		padding-inline: 30px;
		pointer-events: all;
		background-image: url(/includes/public/assets/shared/header-green-pattern.png);
		background-repeat: repeat;
	}

	.no-hero:not(.details) .header-container {
		padding-bottom: 45px;
	}
}

.panel-header.hamburger .logo {
	width: 128px;
	position: absolute;
	top: 10px;
	left: var(--space-5);
	opacity: 1;
	transition: opacity ease .2s;
}
.panel-header.hamburger.scrolled .logo {
	opacity: 0;
	transition: opacity ease .2s;
}
.panel-header.hamburger.active.scrolled .logo {
	opacity: 1;
	transition: opacity ease .2s;
}
.panel-header.hamburger.scrolled .primary-content-container {
	background: transparent;
}
.panel-header.hamburger.active.scrolled .primary-content-container {
	background: url(/includes/public/assets/shared/header-green-pattern-sm.png) #fff;
}

@media (min-width: 64em) {
	.panel-header.hamburger .logo {
		width: 225px;
		position: absolute;
		top: 20px;
		left: 30px;
	}
	.panel-header.hamburger.active.scrolled .primary-content-container {
		background: url(/includes/public/assets/shared/header-green-pattern.png) #fff;
	}
}

/* Dropdown Toggle */
.panel-header.hamburger .nav-container {
	gap: var(--space-2);
}

.panel-header.hamburger .nav-container .hamburger-dropdown-toggle {
	height: 100%;
	display: flex;
	align-items: center;
	column-gap: var(--space-2);
	padding: var(--space-2);
	color: var(--white);
}

@media (max-width: 1023px) {
	.panel-header.hamburger .nav-container .hamburger-dropdown-toggle {
		height: 40px;
		width: 40px;
		display: grid;
		justify-items: center;
		align-items: center;
		background-color: var(--lime);
	}

	.panel-header.hamburger .nav-container .hamburger-dropdown-toggle .mobile-open,
	.panel-header.hamburger .nav-container .hamburger-dropdown-toggle .mobile-close {
		grid-column: 1 / -1;
		grid-row: 1 / -1;
	}

	.panel-header.hamburger .nav-container .hamburger-dropdown-toggle .mobile-close,
	.panel-header.hamburger .nav-container .hamburger-dropdown-toggle.active .mobile-open {
		display: none;
	}

	.panel-header.hamburger .nav-container .hamburger-dropdown-toggle.active .mobile-close {
		display: block;
	}
}

@media (min-width: 64em) {
	.panel-header.hamburger .nav-container .hamburger-dropdown-toggle .mobile-close,
	.panel-header.hamburger .nav-container .hamburger-dropdown-toggle .mobile-open {
		display: none;
		visibility: hidden;
	}

	.panel-header.hamburger .nav-container {
		gap: var(--space-3);
	}
}

.panel-header.hamburger .nav-container .hamburger-dropdown-toggle .search-icon {
	transition: opacity ease .2s;
}

.panel-header.hamburger .nav-container .hamburger-dropdown-toggle.active .search-icon {
	opacity: 0;
}

.panel-header.hamburger .nav-container .hamburger-dropdown-toggle:focus-visible {
	outline-offset: 0;
}

.panel-header.hamburger .header-cta {
	display: flex;
	align-items: center;
	color: var(--blue-dark);
	font-size: .625rem;
	line-height: 1.1;
	gap: 5px;
	font-family: var(--font-mission-bold);
	text-transform: uppercase;
	letter-spacing: var(--tracking-widest);
}

.panel-header.hamburger .header-cta i {
	font-size: var(--text-xs);
}

@media (min-width: 64em) {
	.panel-header.hamburger .nav-container .hamburger-dropdown-toggle {
		height: 55px;
		width: 55px;
		min-width: 55px;
		background-color: var(--lime);
		justify-content: center;
	}

	.panel-header.hamburger .header-cta {
		font-size: var(--text-base);
	}
	.panel-header.hamburger .header-cta i {
		font-size: var(--text-2xl);
	}
}

/* Dropdown Nav Container */
.dropdown-nav-container {
	--top-bar-height: 70px;
	--text-color: var(--gray-900);

	position: fixed;
	z-index: 10;
	display: none;
	content-visibility: hidden;
	top: -100%;
	width: 100%;
	background: var(--surface-dropdown-nav);
}

@media (min-width: 64em) {
	.panel-header.hamburger,
	.dropdown-nav-container {
		--top-bar-height: 115px;
	}
}

.dropdown-nav-container.active {
	display: block;
	transition: top 250ms ease-in-out;
	content-visibility: auto
}

.dropdown-nav-container.transitioned {
	top: var(--top-bar-height);
}

/* Dropdown Nav */
.dropdown-nav-container :is(.nav-container.secondary, .nav-container .navigation) {
	display: none;
}


.dropdown-nav-container .nav {
	width: 100%;
	max-width: var(--width-comfortable);
	margin: 0 0 0 auto;
	padding-bottom: var(--space-4);
	display: grid;
}

.dropdown-nav-container .main-nav .menu-toggle {
	display: none;
}

.dropdown-nav-container .nav .nav-link:focus-visible {
	outline: 1px solid var(--primary-color-700);
}

@media (min-width: 40em) {
	.panel-header.hamburger .navigation .nav-item.open > .nav-item-control {
		background-color: transparent;
		color:  var(--primary-color-100);
	}

	.panel-header.hamburger .navigation .nav-item .dropdown-menu {
		background-color: transparent;
	}
}

@media (min-width: 64em) {
	.dropdown-nav-container {
		--scrollbar-color: var(--primary-color-300);
		--surface-dropdown-nav: var(--blue-navy);

		height: calc(100vh - var(--top-bar-height));
		overflow-y: scroll;
		scrollbar-color: var(--scrollbar-color) transparent;
		scrollbar-width: thin;
	}

	.dropdown-nav-container::-webkit-scrollbar {
		width: var(--space-1);
	}

	.dropdown-nav-container::-webkit-scrollbar-thumb {
		background-color: var(--scrollbar-color);
		border-radius: var(--rounded-md);
	}

	.dropdown-nav-container::before {
		content: '';
		width: min(calc(334px + (494 - 334)  *  ((100vw - 1024px)  /  (1440 - 1024))), 494px);
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		pointer-events: none;
		border-right: 2px solid rgba(255, 255, 255, .25);
	}

	.dropdown-nav-container::after {
		content: '';
		background-color: var(--blue-light);
		width: calc(25% - 18px);
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		pointer-events: none;
		z-index: -2;
	}

	.dropdown-nav-container .nav {
		bottom: 0;
		max-width: unset;
		padding: 50px var(--space-10);
		display: grid;
		grid-template-columns: minmax(0, 406fr) minmax(0, 406fr) minmax(0, 373fr);
		grid-template-rows: auto 1fr;
		grid-auto-flow: dense;
		justify-items: stretch;
		column-gap: 86px;
	}
	
	.dropdown-nav-container .nav .nav-cont {
		position: relative;
		max-width: var(--width-compact);
		padding-right: 47px;
	}

	.dropdown-nav-container .nav :is(.main-nav, .secondary-nav) {
		grid-row: 1 / -1;
		width:  100%;
		max-width: var(--width-compact);
	}

	.dropdown-nav-container .nav .mobile-footer-nav {
		display: none;
	}

	.dropdown-nav-container .nav .nav-item-control.level-1 > .nav-link {
		font-size: 1.75rem;
		line-height: var(--leading-none);
	}

	.dropdown-nav-container .secondary-nav .nav-item-control.level-1 > .nav-link {
		font-size: var(--text-3xl);
	}
}
.dropdown-nav-container {
	--scrollbar-color: var(--primary-color-300);
	--surface-dropdown-nav: var(--blue-navy);
	height: calc(100vh - var(--top-bar-height));
	overflow-y: scroll;
	scrollbar-color: var(--scrollbar-color) transparent;
	scrollbar-width: thin;
}
.dropdown-nav-container::-webkit-scrollbar {
	width: var(--space-1);
}
.dropdown-nav-container::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-color);
	border-radius: var(--rounded-md);
}

/* Quick Links Container */
.panel-header.hamburger .quick-links-container {
	display: none;
}

@media (min-width: 64em) {
	.panel-header.hamburger .quick-links-container {
		display: flex;
		align-items: center;
	}
}

/* Nav Widgets */
.dropdown-nav-container .nav .widgets {
	display: contents;
}

.dropdown-nav-container .nav .widgets > .inner {
	margin: 0 auto;
	padding: 37px var(--space-5) 17px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-flow: dense;
	color: var(--text-color);
	width: 100%;
	background-color: var(--blue-light);
}

.dropdown-nav-container .nav .widgets > .inner > :is(.weather-wrapper, [data-tripbuilder-cont]) {
	align-self: center;
	justify-self: center;
}

@media (min-width: 64em) {
	.dropdown-nav-container .nav .widgets {
		display: flex;
		grid-column: 3;
		align-self: start;
		flex-direction: column;
		align-items: center;
		gap: var(--space-8);
		
	}
	.dropdown-nav-container .nav .widgets > .inner {
		padding: 0;
		gap: var(--space-5);
		background-color: unset;
	}

	.dropdown-nav-container .nav .widgets > .inner > :is(.weather-wrapper, [data-tripbuilder-cont]) {
		display: none;
	}

	.dropdown-nav-container .nav .cta-cont {
		display: flex;
		flex-direction: column;
		gap: var(--space-5);
		padding-inline: 9px;
	}
}

/* Search Cont */
.dropdown-nav-container .nav .search-cont,
.dropdown-nav-container .nav .cta-cont {
	grid-column: 1 / -1;
}

@media (min-width: 64em) {
	.dropdown-nav-container .nav .search-cont {
		width:  100%;
		max-width:  var(--width-compact);
		height: var(--space-12);
	}
}

/* ENews */
.dropdown-nav-container .enews-cont {
	margin-top: var(--space-5);
	order: 1;
}

@media (min-width: 64em) {
	.dropdown-nav-container .nav .enews-cont {
		margin-top: var(--space-5);
		grid-column: 3;
		grid-row: 2;
		padding-top: 0;
	}
}