.root-panel .panel-header {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 52;
	padding-bottom: .8rem;

	--partner-portal-purple: #654d87;
	--partner-portal-light-purple: #8061ab;
}

.panel-header .inner {
	position: relative;
	width: 100%;
}

.panel-header .inner:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 200px;
	top: 0;
	left: 0;
	background-image: linear-gradient(to bottom, rgba(5,73,123,.7), rgba(5,73,123,0));
	z-index: -1;
	pointer-events: none;
}

.panel-header.no-gradient .inner:after {
	content: none; 
}

.panel-header .fixed-header {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	height: 65px;
	z-index: 60;
	position: relative;
	background-color: white;
}

.panel-header.nav-active .fixed-header {
	background-color: white;
}

.panel-header .header-left .logo img {
	margin: 5%;
	margin-left: 10%;
	height: 54px;
}

.panel-header .header-middle {
	display: none;
}

.panel-header .header-right {
	position: relative;
	display: flex;
	align-items: center;
}

.panel-header .header-right .contentRender_name_plugins_nav_secondary_primary20 {
	height: fit-content;
}

.panel-header .header-right .contentRender_name_plugins_weather_weather,
.panel-header .header-right .contentRender_name_plugins_tripbuilder_counter {
	display: none;
}

.panel-header .header-right button {
	background-color: transparent;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.panel-header .header-right button.search-toggle img {
	width: 16px;
	margin-top: 12px;
}

.panel-header .header-right button.search-toggle .close {
	display: none;
}

.panel-header .header-right button.nav-toggle .closed > * {
	color: var(--primary-dark-blue) !important;
}

.panel-header .header-right button.nav-toggle > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.panel-header .header-right button.nav-toggle div.text {
	color: #fff;
	font-size: 9px;
	letter-spacing: 1px;
	font-family: futura-pt, sans-serif;
	text-transform: uppercase;
}

.panel-header .header-right button.nav-toggle .hamburger {
	display: flex;
	position: relative;
	margin-bottom: 10px;
	width: 27px;
	height: 2px;
	background-color: #fff;
}

.panel-header .header-right button.nav-toggle .closed .hamburger-search-wrapper {
	display: flex;
}

.panel-header .header-right button.nav-toggle .hamburger::after,
.panel-header .header-right button.nav-toggle .hamburger::before {
	position: absolute;
	width: 27px;
	height: 2px;
	background-color: #fff;
}

.panel-header .header-right button.nav-toggle :is(.closed, .open) {
	position: relative;
}

.panel-header .header-right button.nav-toggle .closed {
	width: 45px;
	top: 3px;
	right: -10px;
}

.panel-header .header-right button.nav-toggle .open {
	width: 33px;
	top: 1px;
	right: -2px;
}

.panel-header .header-right button.nav-toggle .hamburger::before {
	content: "";
	display: block;
	top: -6px;
}

.panel-header .header-right button.nav-toggle .hamburger::after {
	content: "";
	display: block;
	bottom: -6px;
}

.panel-header .header-right button.nav-toggle .open {
	display: none
}

.panel-header.nav-active .header-right button.nav-toggle .closed {
	display: none
}

.panel-header.nav-active .header-right button.nav-toggle .open {
	display: block;
}

.panel-header .header-right button.nav-toggle .open div.text {
	margin-bottom: 0px;
}

.panel-header .header-right button.nav-toggle .hamburger-open {
	width: 25px;
	margin: 0 auto;
}

.panel-header .inner .desktop-dropdown,
.panel-header .inner .desktop-search,
.panel-header .inner .mobile-nav {
	display: none;
}

.panel-header .inner .mobile-nav.active {
	display: block;
	background-color: #008c98;
	padding-top: 30px;
}

.panel-header .inner .mobile-nav .search-cont {
	padding: 0 20px;
	margin-bottom: 10px;
}

.panel-header .inner .mobile-nav .mobile-dd-bottom {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.panel-header .inner .mobile-nav .mobile-dd-bottom > div {
	border: .5px solid #008c98;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
	flex: 1;
}

.panel-header .inner .mobile-nav .mobile-dd-bottom > div:first-child  {
	border-left: none;
}

.panel-header .inner .mobile-nav .mobile-dd-bottom > div:last-child {
	border-right: none;
}

.panel-header .inner .desktop-nav-fixed {
	height: 0;
	width: 0;
	overflow: hidden;
	display: none;
	pointer-events: none;
}
	
.panel-header .desktop-nav-fixed .weather-icon .wi-day-sunny {
	color: #ffe964 !important;
}

.panel-header .desktop-nav-fixed .weather-icon .temp,
.panel-header .desktop-nav-fixed .weather-icon .temp .deg {
	display: inline-flex !important;
}

@media screen and (min-width: 1200px){
	.root-panel .panel-header {
		position: relative;
		pointer-events: none;
	}

	.root-panel .panel-header.indian-wells  {
		position: absolute;
		pointer-events: none;
	}

	.panel-header .inner:after {
		display: none;
	}

	.panel-header .fixed-header {
		height: 100px;
		background-color: transparent;
		width: 0;
		height: 0;
		overflow: hidden;
	}

	.panel-header .inner .desktop-nav-fixed {
		height: 100px;
		width: 100%;
		background-color: white;
		display: block;
		pointer-events: all;
		overflow: visible;
	}

	.corporate .inner .desktop-nav-fixed {
		height: 135px;
		background-color: var(--partner-portal-purple);
	}

	.panel-header.indian-wells .inner .desktop-nav-fixed {
		background-color: transparent;
	}

	.panel-header .header-left {
		display: flex;
		align-items: center;
		flex-basis: 232px;
		flex-shrink: 0;
		opacity: 1;
		transform: translateY(0);
		transition: all ease 0.3s;
		pointer-events: all;
	}

	.panel-header.scrolled .header-left {
		pointer-events: none;
	}

	.panel-header .header-left .logo img {
		padding: 5%;
		height: 84px;
	}

	.panel-header .inner .mobile-nav.active {
		display: none;
	}

	.panel-header .header-middle {
		display: flex;
		height: 72px;
		transform: translateY(0);
		transition: all ease 0.3s;
	}

	.panel-header .header-middle > div {
		display: flex;
		align-items: flex-end;
	}

	.panel-header .header-right {
		height: 72px;
	}

	.panel-header .header-right .contentRender_name_plugins_weather_weather, 
	.panel-header .header-right .contentRender_name_plugins_tripbuilder_counter {
		display: flex;
		align-items: center;
		transform: translateY(0);
		transition: all ease 0.3s;
	}

	.panel-header .header-right button {
		pointer-events: all;
	}

	.panel-header .header-right button.nav-toggle {
		margin-left: 20px;
		padding: 0px 16px;
		width: 72px;
		background: unset !important;
	}

	.panel-header .header-right button.nav-toggle div.text {
		font-size: 11px;
		letter-spacing: 2px;
		margin-bottom: 14px;
	}

	.panel-header .header-right button.nav-toggle .hamburger-open {
		width: 33px;
		margin: 0 auto;
	}

	.panel-header .header-right button.nav-toggle .open div.text {
		margin-bottom: 4px;
	}

	.panel-header .header-right button.nav-toggle .hamburger {
		width: 31px;
	}

	.panel-header .header-right button.nav-toggle .hamburger::after, 
	.panel-header .header-right button.nav-toggle .hamburger::before {
		width: 31px;
	}

	.panel-header .header-right button.nav-toggle .hamburger::before {
		top: -7px;
	}

	.panel-header .header-right button.nav-toggle .hamburger::after {
		bottom: -7px;
	}

	.panel-header .header-right .contentRender_name_plugins_tripbuilder_counter,
	.panel-header .header-right button.search-toggle {
		transform: translateY(0);
		transition: all ease 0.3s;
	}

	.panel-header .header-right button.search-toggle img {
		width: 22px;
		height: 22px;
		margin-top: 15px;
	}

	.panel-header .header-right button.search-toggle.active .open {
		display: none;
	}

	.panel-header .header-right button.search-toggle.active .close {
		display: block;
	}

	.panel-header.corporate .header-right button.search-toggle {
		
	}

	.panel-header.corporate .header-right button.search-toggle.active .close {
		background-color: var(--partner-portal-light-purple);
	}

	.panel-header.scrolled .header-left,
	.panel-header.scrolled .header-middle,
	.panel-header.scrolled .header-right .contentRender_name_plugins_weather_weather,
	.panel-header.scrolled .header-right .contentRender_name_plugins_tripbuilder_counter,
	.panel-header.scrolled .header-right .search-toggle {
		opacity: 0;
		transform: translateY(-20px);
	}

	.panel-header.scrolled.nav-active .header-left,
	.panel-header.scrolled.nav-active .header-middle,
	.panel-header.scrolled.nav-active .header-right .contentRender_name_plugins_weather_weather,
	.panel-header.scrolled.nav-active .header-right .contentRender_name_plugins_tripbuilder_counter,
	.panel-header.scrolled.nav-active .header-right .search-toggle,
	.panel-header.scrolled.search-active .header-left,
	.panel-header.scrolled.search-active .header-middle,
	.panel-header.scrolled.search-active .header-right .contentRender_name_plugins_weather_weather,
	.panel-header.scrolled.search-active .header-right .contentRender_name_plugins_tripbuilder_counter,
	.panel-header.scrolled.search-active .header-right .search-toggle {
		opacity: 1;
		transform: translateY(0);
		transition: all ease 0.3s;
	}

	.panel-header .header-right button.search-toggle {
		transition: all ease 0.3s;
	}

	.panel-header .inner .desktop-dropdown {
		display: flex;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		padding: 110px 65px 100px;
		overflow: hidden;
		transform: scaleX(0);
		transform-origin: top;
		background: #008c99;
		transition: all ease 0.6s 0.6s;
		pointer-events: all;
	}

	.panel-header .inner .desktop-dropdown .top-level-nav {
		width: 100%;
		position: relative;
		z-index: 2;
		overflow-y: scroll;
	}

	.panel-header .inner .desktop-dropdown .top-level-nav::-webkit-scrollbar {
		display: none;
	}

	.panel-header .inner .desktop-dropdown .top-level-nav {
		-ms-overflow-style: none;
	}

	.panel-header .inner .desktop-dropdown.active {
		transform: scaleX(1);
		transition: transform ease 0.6s;
	}

	.panel-header .inner .desktop-search {
		position: fixed;
		left: 0;
		top: 0;
		background: #008c99;
		width: 100%;
		height: 252px;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		padding-bottom: 50px;
		transform: scaleX(0);
		transform-origin: center top;
		transition: transform ease 0.6s 0.3s;
		pointer-events: all;
		transform-origin: right;
	}

	.panel-header .inner .desktop-search.active {
		transform-origin: right;
		transform: scaleX(1);
		transition: transform ease 0.5s;
	}

	.panel-header .desktop-dropdown .flower-cont {
		position: absolute;
		right: -70px;
		bottom: -90px;
	}

	.panel-header .desktop-dropdown .flower-cont .flower {
		animation: rotation 60s infinite linear;
		opacity: 0;
		transition: all ease 0.6s;
	}

	.panel-header .desktop-dropdown.active .flower-cont .flower {
		opacity: 0.08;
		transition: all ease 3s 0.5s;
	}

	.header-right {
		font-family: 'Font Awesome 5 Free';
		color: var(--primary-color-hue);
	}

	@keyframes rotation {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(359deg);}
	}
}

@media screen and (min-width: 1400px) {
	.panel-header .header-left .logo img {
		/* padding: 15px 50px; */
	}
}