.panel-header {
	--surface-mobile-nav: var(--light-tan);
	--text: var(--gray-100);
	--text-alt: var(--gray-900);
	
	position: absolute;
	width: 100%;
	color: var(--text);
	z-index: 20;
}

.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: 24px var(--space-5);
}

@media (max-width: 1023px) {
	.hamburger-open .panel-header .primary-content-container {
		background-image: url(https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/gatlinburgtn-redesign/no_hero_background_af07358e-4903-43e6-8211-16da4b691755.png);
		background-size: cover;
		background-position: bottom;
	}
}

@media (min-width: 64em) {
	.panel-header .primary-content-container {
		padding: 50px calc(40px + (71 - 40) * ((100vw - 1024px) / (1200 - 1024))) 25px 35px;
	}
}

@media (min-width: 1200px) {
	.panel-header .primary-content-container { padding: 50px 71px 25px 35px; }
}

.panel-header .primary-content-container .contentRender_name_plugins_common_logo { width: 80.77px; }

@media (min-width: 64em) {
	.panel-header .primary-content-container .contentRender_name_plugins_common_logo { width: 137px; }
}

.panel-header .nav-widgets-container {
	display: flex;
    align-items: center;
}
@media (min-width: 64em) {
	.panel-header .nav-widgets-container {
		flex-direction: column;
		align-items: end;
		row-gap: 4px;
	}
}

.panel-header .nav-widgets-container .widgets .contentRender_name_plugins_weather_weather,
.panel-header .nav-widgets-container .widgets .contentRender_name_plugins_search_headerbox {
	display: none;
}

@media (min-width: 64em) {
	.panel-header .nav-widgets-container .widgets .contentRender_name_plugins_weather_weather,
	.panel-header .nav-widgets-container .widgets .contentRender_name_plugins_search_headerbox,
	.panel-header .nav-widgets-container .widgets .contentRender_name_plugins_tripbuilder_counter {
		display: flex;
		height: 100%;
		align-items: center;
	}
}

@media (min-width: 64em) {
	.panel-header .nav-widgets-container .widgets {
		display: flex;
		align-items: center;
		gap: 22px;
		margin-left: 16px;
	}

	.panel-header .nav-widgets-container .top {
		display: flex;
		margin-right: 10px;
	}	
}

.panel-header .nav-widgets-container .widgets .header-cta { display: none; }

@media (min-width: 64em) {
	.panel-header .nav-widgets-container .widgets .header-cta {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		font-size: var(--text-base);
		color: var(--white);
		margin: 0 12px 0 3px;
	}

	.panel-header .nav-widgets-container .widgets .header-cta img {
		margin-bottom: 2px;
	}
}

/**************/
/* MOBILE NAV */
/**************/
.panel-header .mobile-nav-container .mobile-nav .dropdown-menu.level-1 > h4,
.panel-header .mobile-nav-container .mobile-nav .dropdown-menu.level-1 > img{
	display: none;
}
.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 {
	position: absolute;
	width: 100%;
	background-color: var(--surface-mobile-nav);
	content-visibility: hidden;
}

.panel-header .mobile-nav-container .mobile-nav:after {
	content: "";
	position: absolute;
	top: 85px;
	left: 0;
	aspect-ratio: 255 / 354;
	width: 100%;
	height: auto;
	background-image: url(https://assets.simpleviewinc.com/simpleview/image/upload/q_65/v1/clients/gatlinburgtn-redesign/nav_background_d536c90b-faa5-4a08-9bf2-7bdd1cc71ae1.png);
	background-size: contain;
	opacity: 0.6;
}
.panel-header .mobile-nav-container .mobile-nav > * {
	position: relative;
	z-index: 1;
	margin-bottom: var(--space-4);
}
.panel-header .mobile-nav-container.active .mobile-nav { 
	pointer-events: all; 
	content-visibility: visible;
}

.panel-header .mobile-nav .widgets {
	display: grid;
	grid-template-columns: 0.4fr 1fr;
	row-gap: var(--space-5);
	grid-auto-flow: dense;
	padding: var(--space-8) var(--space-5) var(--space-4);
	color: var(--text-alt);
	z-index: 2;
}

.panel-header .mobile-nav .search-cont { grid-column: 1 / -1; }
.panel-header .mobile-nav .widgets > *:not(.search-cont) { align-self: center; }

.panel-header .mobile-nav .widgets > .header-cta {
	border: 2px solid var(--dark-orange);
    border-radius: var(--rounded-full);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--text-base);
    font-weight: 500;
    color: var(--black-3d);
    gap: var(--space-2);
    padding: 1px 16px;
	justify-self: left;
	margin-left: var(--space-6);
}
.panel-header .mobile-nav .widgets > .header-cta img { filter: invert(5%) sepia(1%) saturate(841%) hue-rotate(323deg) brightness(0%) contrast(71%); }

.panel-header .mobile-nav .header-cta-cont {
	padding: var(--space-4) 30px;
	flex-direction: column;
}

.panel-header .mobile-nav .close-menu {
	color: var(--white);
	background-color: var(--blue);
	text-transform: uppercase;
	font-size: var(--text-lg);
	letter-spacing: 0.0563rem;
	font-weight: 500;
	width: 100%;
	padding: 10px;
	margin-bottom: 0;
}

/*****************/
/* CTA Container */
/*****************/
.panel-header  .header-cta-cont {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	padding: var(--space-10) 0 var(--space-5);
}