.panel-header {
	--surface-foreground: var(--primary-color-700);
	--surface-background: var(--primary-color-900);
	--surface-mobile-nav: #fff;
	--text: var(--gray-100);
	--text-alt: var(--gray-900);

	position: relative;
	color: var(--text);
	z-index: 11;
}

.panel-header .header-inner {
	display: flex;
	flex-direction: column-reverse;
}

.panel-header .secondary-nav-container {
	display: none;
	padding: 0 20px;
}

@media (min-width: 40em) {
	.panel-header .secondary-nav-container {
		display: block;
	}
}

.panel-header .primary-content-container {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding: 0 var(--space-5);
}

.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
	padding: var(--space-4) 0;
}

.panel-header .main-nav-widgets-container {
	display: grid;
	align-items: stretch;
	grid-template-columns: min-content;
	gap: var(--space-5);
}

/* Body Overlay */
.body-overlay {
	position: fixed;
	inset: 0;
	display: none;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 3;
}

.hamburger-open .body-overlay {
	display: block;
}

@media (min-width: 64em) {
	.panel-header .main-nav-widgets-container {
		grid-template-columns: min-content min-content;
	}

	.hamburger-open .body-overlay {
		display: none;
	}
}

.panel-header .main-nav-widgets-container > *:not(.widgets) {
	display: flex;
	align-items: center;
}

.panel-header .main-nav-widgets-container .widgets {
	display: none;
	align-items: center;
}

@media (min-width: 64em) {
	.panel-header .main-nav-widgets-container .widgets {
		display: flex;
	}
}

.panel-header .mobile-nav-container {
	position: absolute;
	z-index: 10;
	display: none;
	width: 100%;
}

/* hide the body scrollbar when the mobile nav is open */
body.hamburger-open {
	overflow-y: hidden;
}

.panel-header .mobile-nav-container.active {
	display: flex;
	justify-content: flex-end;
	/* make the mobile nav fixed when open */
	position: fixed;
	top: 0;
	bottom: 0;
	background: linear-gradient(
		to left,
		var(--surface-mobile-nav) 0,
		var(--surface-mobile-nav) 420px,
		transparent 420px,
		transparent 100%
	);
	overflow-y: scroll;
	scrollbar-width: none;
}

@media (min-width: 64em) {
	.panel-header .mobile-nav-container.active {
		display: none;
	}

	/* allow scrolling at desktop sizes */
	body.hamburger-open {
		overflow-y: scroll;
	}

	.panel-header .mobile-nav-container.active {
		position: relative;
	}
}

.panel-header .mobile-nav-container .mobile-nav {
	max-width: 420px;
	width: 100%;
	margin-top: 69px;
	background-color: var(--surface-mobile-nav);
}

.panel-header .mobile-nav .widgets {
	display: grid;
	grid-template-columns: 50px 1fr;
	grid-auto-flow: dense;
	padding: 0;
	color: var(--text-alt);
}

.panel-header .mobile-nav .widgets > *:not(.search-cont) {
	align-self: center;
	justify-self: center;
	width: 50px;
	height: 50px;
}

.panel-header .desktop-header-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	justify-items: end;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	background: rgb(0 0 0 / 45%) 0% 0% no-repeat padding-box;
	gap: var(--space-4);
	padding-right: var(--space-5);
	padding-bottom: var(--space-4);
	z-index: 11;
}

.panel-header .desktop-header-inner .logo-cont {
	justify-self: flex-start;
	margin-left: var(--space-2);
	margin-top: 14px;
	max-width: 115px;
}

@media (min-width: 64em) {
	.panel-header .desktop-header-inner {
		grid-template-columns: 1fr 1fr 50px;
		align-items: unset;
		padding: 0;
	}
	.panel-header .desktop-header-inner .logo-cont {
		margin-left: 29px;
		max-width: unset;
	}
}

.panel-header .widgets .weather-wrapper .weather-button .temp .fa,
.panel-header .widgets .weather-icon {
	display: none;
}

.panel-header .desktop-header-inner .secondary-nav-container {
	display: flex;
	gap: var(--space-5);
	margin-top: var(--space-4);
	margin-bottom: 2px;
	justify-content: flex-end;
}

.panel-header .desktop-header-inner .navigation.secondary {
	position: relative;
	gap: var(--space-5);
	padding-right: var(--space-3);
}

.panel-header .desktop-header-inner .navigation.secondary:before {
	content: '';
	position: absolute;
	right: -6px;
	top: 8px;
	width: 2px;
	height: 15px;
	background: #fff;
}

.panel-header .desktop-header-inner .widgets {
	display: none;
}

.panel-header .desktop-header-inner .widgets > * {
	width: 50px;
	height: 50px;
}
.panel-header .desktop-header-inner .header-cta {
	height: 100%;
	place-items: center;
	display: none;
}

@media (min-width: 64em) {
	.panel-header .desktop-header-inner .widgets {
		display: block;
	}
	.panel-header .desktop-header-inner .header-cta {
		display: grid;
	}
}
.panel-header .header-cta a {
	white-space: nowrap;
	font-size: var(--text-base);
	text-transform: uppercase;
	font-weight: 500;
	color: var(--orange-light);
	letter-spacing: 0.0063rem;
}
.panel-header .menu-toggle .hamburger-inner .menu-btn.no-hero,
.panel-header .menu-toggle .hamburger-inner .menu-btn.close,
body.hamburger-open .panel-header .menu-toggle .hamburger-inner .menu-btn:not(.close) {
	display: none;
}

body.hamburger-open .panel-header .menu-toggle .hamburger-inner .menu-btn.close {
	display: block;
}

body.hamburger-open .panel-header .desktop-header-inner .logo-cont img {
	visibility: hidden;
}

.panel-header .desktop-header-inner .logo-cont .logo {
	transition: opacity 250ms linear 500ms;
}

body.hamburger-open .panel-header .desktop-header-inner .logo-cont .logo {
	background-image: url(/includes/public/assets/shared/logos/logo.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}

@media (min-width: 64em) {
	body.hamburger-open .panel-header .desktop-header-inner:not(.scroll) .logo-cont img {
		visibility: visible;
	}

	body.hamburger-open .panel-header .desktop-header-inner:not(.scroll) .logo-cont .logo {
		background-image: none
	}
}

body.hamburger-open .panel-header .desktop-header-inner {
	background: #fff;
}

@media(min-width: 64em) {
	body.hamburger-open .panel-header .desktop-header-inner:not(.scroll) {
		background: rgb(0 0 0 / 45%) 0% 0% no-repeat padding-box
	}
}

.panel-header .mobile-nav .header-cta {
	display: none;
	padding-left: 23px;
}

body.hamburger-open .panel-header .mobile-nav .header-cta {
	display: block;
}

.panel-header .mobile-nav .custom-cta-cont {
	margin-top: var(--space-12);
}

.panel-header .mobile-nav .mobile-footer-nav {
	margin-top: var(--space-1);
}

.panel-header .mobile-nav .mobile-main-nav {
	margin-top: var(--space-5);
}

/* No hero setting / Fixed Header*/
.root-panel.no-hero > .header-container {
	padding-bottom: 73px;
}

.panel-header .desktop-header-inner {
	transition: transform 300ms ease-out;
}

body.hamburger-open .root-panel.no-hero .desktop-header-inner .logo-cont .logo,
.root-panel.no-hero .desktop-header-inner .logo-cont .logo,
.panel-header .desktop-header-inner.scroll .logo-cont .logo {
	background-image: url(/includes/public/assets/shared/logos/logo.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}

/* begin: downtown microsite styles */
body.theme-downtown .root-panel.no-hero .desktop-header-inner .logo-cont .logo,
body.theme-downtown.hamburger-open .root-panel.no-hero .desktop-header-inner .logo-cont .logo,
body.theme-downtown .panel-header .desktop-header-inner.scroll .logo-cont .logo,
body.theme-downtown.hamburger-open .panel-header .desktop-header-inner .logo-cont .logo {
	background-image: none;
}

body.theme-downtown .root-panel .desktop-header-inner .logo-cont .logo a {
	display: block;
	height: 40px;
}

body.theme-downtown .root-panel .desktop-header-inner .logo-cont .logo a:after {
	display: block;
	position: relative;
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	box-sizing: border-box;
}

body.theme-downtown .root-panel .desktop-header-inner .logo-cont .logo a:after,
body.theme-downtown .panel-header .desktop-header-inner .logo-cont .logo a:after {
	background-image: url(/includes/public/assets/shared/logos/downtown-logo-white.png);
}

body.theme-downtown .root-panel.no-hero .desktop-header-inner .logo-cont .logo a:after,
body.theme-downtown.hamburger-open .root-panel .desktop-header-inner .logo-cont .logo a:after,
body.theme-downtown .panel-header .desktop-header-inner.scroll .logo-cont .logo a:after {
	background-image: url(/includes/public/assets/shared/logos/downtown-logo-color.png);
}

body.theme-downtown .panel-header .desktop-header-inner.scroll .logo-cont .logo img,
body.theme-downtown .root-panel .desktop-header-inner .logo-cont .logo img {
	height: 0;
}

@media(min-width: 64em) {
	body.theme-downtown .root-panel .desktop-header-inner .logo-cont .logo a,
	body.theme-downtown .root-panel .desktop-header-inner .logo-cont .logo a:after {
		height: 70px;
	}
}
/* end: downtown microsite styles */

body.hamburger-open .root-panel.no-hero .menu-toggle .hamburger-inner .menu-btn.no-hero,
.root-panel.no-hero .menu-toggle .hamburger-inner .menu-btn.open,
.panel-header .desktop-header-inner.scroll .menu-toggle .hamburger-inner .menu-btn.open {
	display: none;
}
.root-panel.no-hero .menu-toggle .hamburger-inner .menu-btn.no-hero,
.panel-header .desktop-header-inner.scroll .hamburger-inner .menu-btn {
	display: block;
}

.panel-header .desktop-header-inner.scroll .hamburger-inner .menu-btn.close {
	display: none;
}

body.hamburger-open .root-panel.no-hero .desktop-header-inner .logo-cont img,
.root-panel.no-hero .desktop-header-inner .logo-cont img,
.panel-header .desktop-header-inner.scroll .logo-cont img {
	visibility: hidden;
}

.root-panel.no-hero .navigation.desktop .nav-item.level-1 > .nav-item-control > a,
.panel-header .desktop-header-inner.scroll .navigation.desktop .nav-item.level-1 > .nav-item-control > a {
	color: var(--black);
}

.root-panel.no-hero .navigation.desktop .nav-item.level-1.open > .nav-item-control > a:after,
.panel-header .desktop-header-inner.scroll .navigation.desktop .nav-item.level-1 > .nav-item-control > a::after {
	background-color: var(--black);
}

.root-panel.no-hero .navigation.desktop .nav-item.level-1.secondary > .nav-item-control > a,
.panel-header .desktop-header-inner.scroll .navigation.desktop .nav-item.level-1.secondary > .nav-item-control > a {
	color: var(--gray);
}

body.hamburger-open .root-panel.no-hero .desktop-header-inner,
.root-panel.no-hero .desktop-header-inner,
.panel-header .desktop-header-inner.scroll {
	background: #fff;
	box-shadow: 0px 2px 4px #0000001f;
}

@media (min-width: 64em) {
	.root-panel.no-hero > .header-container {
		padding-bottom: 100px;
	}
}

.custom-navigation > div > .navigation-inner {
	display: none;
}

@media (min-width: 64em) {
	.navigation.desktop .inner-close-button {
		display: block;
		position: absolute;
		right: var(--space-5);
		top: var(--space-3);
		color: var(--black);
		font-size: var(--text-xl-1);
	}
}