.panel-header {
	--surface-foreground: url(https://assets.simpleviewinc.com/simpleview/image/upload/c_fill,f_webp,w_1440,h_82/v1/clients/lascrucesnm/header_blue_bg_e2a51b75-d5dd-4c49-87de-f51c52d572d6.png);
	--surface-background: var(--primary-color-900);
	--surface-mobile-nav: var(--primary-color-200);
	--text: var(--gray-100);
	--text-alt: var(--gray-900);
	
	position: relative;
	color: var(--text);
	z-index: 4;
}

.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: 15px var(--space-4);
	background: var(--surface-foreground);
}

.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
	padding: var(--space-3) 0;
	display: flex;
	align-items: center;
}

.panel-header .main-nav-widgets-container {
	display: flex;
	align-items: flex-end;
	gap: 0;
	justify-content: center;
	align-items: center;
}

.panel-header .weather-wrapper .weather-button .temp .fa {
	display: none;
}

@media (min-width: 64em) {
	.panel-header .main-nav-widgets-container {
		flex-direction: column;
		align-items: flex-end;
	}
}

.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%;
	pointer-events: none;
}

.panel-header .mobile-nav-container.active {
	display: flex;
	justify-content: flex-end;
}

@media (min-width: 64em) {
	.panel-header .mobile-nav-container.active {
		display: none;
	}	
}

.panel-header .mobile-nav-container .mobile-nav {
	max-width: 420px;
	width: 100%;
	background-color: var(--surface-mobile-nav);
}

.panel-header .mobile-nav-container.active .mobile-nav {
	pointer-events: all;
}

.panel-header .mobile-nav .widgets {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-flow: dense;
	padding: 28px var(--space-5) 36px;
	color: var(--text-alt);
}

.panel-header .mobile-nav .search-cont {
	grid-column: 1 / -1;
}

.panel-header .mobile-nav .widgets > *:not(.search-cont) {
	align-self: center;
	justify-self: center;
}

.panel-header .social-media {
	margin: 0 var(--space-5) var(--space-10);
}

.panel-header .social-media .social-title {
	color: var(--dark-grey);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: var(--text-sm);
	margin-bottom: var(--space-2);
}

.panel-header .social-links {
	justify-content: flex-start;
	font-size: 1.6rem;
	list-style: none;
}

.panel-header .social-links {
	gap: var(--space-2);
}

.panel-header .social-links .social-network {
	padding: 0;
}

.panel-header .social-links a {
	background: var(--orange);
	height: 35px;
	border-radius: var(--rounded-circle);
	width: 35px;
	display: flex;
	justify-content: center;
	font-size: var(--text-lg);
	align-items: center;
	color: var(--white);
}

.panel-header .social-links a:hover {
	text-decoration: none;
}

.panel-header .mobile-nav .social-media .fa-facebook:before {
	content: "\f39e";
}

.navigation.desktop.secondary .nav-item.level-1 > .nav-item-control > a {
	font-size: min(calc(14px + (16 - 14) * ((100vw - 1024px) / (1440 - 1024))), 16px);
	font-weight: 500;
}

.navigation.primary .nav-item.level-1 .nav-item-control a {
	text-transform: uppercase;
	font-weight: 700;
}

.mobile-footer-nav .navigation.primary .nav-item.level-1 .nav-item-control a {
	text-transform: unset;
	font-weight: 600;
}

.navigation.desktop .nav-item:not(.level-1) .nav-item-control a {
	text-transform: none;
	font-weight: 500;
	font-size: var(--text-sm);
	color: var(--dark-blue);
}

.navigation.desktop .nav-item.level-1 > .nav-item-control > a {
	font-size: min(calc(16px + (20 - 16) * ((100vw - 1024px) / (1440 - 1024))), 20px);
}

.panel-header .logo {
	width: 167px;
}

@media (max-width: 340px) {
	.panel-header .logo {
		width: 147px;
	}
}

@media (min-width: 64em) {
	.panel-page:not(.no-hero) .panel-header .header-inner {
		display: flex;
		flex-direction: column-reverse;
		top: 0;
		left: 0;
		width: 100%;
		background-color: rgba(14, 17, 60, 1);
		transition: background-color 0.333s ease;
	}
	.panel-page:not(.no-hero) .panel-header .header-inner.scrolled {
		background-color: rgba(14, 17, 60, .75);
		position: fixed;
	}

	.panel-header .primary-content-container {
		background: transparent;
		padding: 7px var(--space-5) 12px 0;
		gap: var(--space-3);
	}

	.panel-page.no-hero .panel-header .primary-content-container {
		background: var(--surface-foreground);
	}

	.panel-header .logo {
		width: unset;
	}

	.panel-header .secondary-nav-container,
	.panel-header .weather-cont {
		display: block;
		opacity: 1;
		transition: opacity ease 0.3s;
	}

	.panel-header.searchOpen .secondary-nav-container,
	.panel-header.searchOpen .weather-cont {
		opacity: 0;
		pointer-events: none;
	}
}

@media (min-width: 90em) {
	.panel-header .primary-content-container {
		padding: 7px var(--space-10) 12px 35px;
	}
}
