#scroll-anchor {
	position: absolute;
	left: 0;
	top: 35px;
	width: 1px;
	height: 1px;
}

.panel-header {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 20;
}

.panel-header .inner {
	width: 100%;
	margin: 0 auto;
}

.panel-header .logo img { width:100% }

.panel-header .mobile-nav {
	width: 100%;
}

.panel-header [data-logo-cont] {
	display: flex;
	align-items: center;
}

.panel-header .mobile-nav .logo {
	width: 192px;
	margin-left: 20px;
}

.panel-header .mobile-nav .navbar {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	background-color: white;
	z-index: 20;
}

.panel-header .mobile-nav .nav-toggle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 75px;
	height: 76px;
	background-color: #250e62;
	color: white;
	cursor: pointer;
}

.panel-header .mobile-nav .nav-toggle i {
	font-size: 26px;
}

.panel-header .mobile-nav .nav-toggle i.close { display: none; }

.panel-header .mobile-nav.active .nav-toggle i.close { display: block; }

.panel-header .mobile-nav.active .nav-toggle i.open { display: none; }

.panel-header .mobile-nav .nav-toggle .menu-text {
	font: 400 14px 'ibm-plex-sans-condensed', sans-serif;
}

.panel-header .mobile-nav .mobile-dd {
	position: fixed;
	top: 75px;
	right: 0;
	width: 100%;
	z-index: 10;
	height: calc(100vh - 75px);
	background-color: #007672;
	opacity: 0;
	pointer-events: none;
	transition: opacity 200ms ease;
}

.panel-header .mobile-nav.active .mobile-dd {
	opacity: 1;
	pointer-events: all;
	overflow-y: auto;
}

.panel-header .mobile-dd-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px 13px 15px;
	background-color: #14817d;
}

.panel-header .mobile-dd-top .search_widget_headerbox {
	width: 100%;
	padding-right: 15px;
}

.panel-header .desktop-dd-top {
	display: none;
}

.panel-header [data-trip-builder] {
	margin-left: auto;
	margin-right: 15px;
}

.panel-header .tripItems {
	display: flex;
	align-items: center;
	color: white;
	font: 500 16px 'ibm-plex-sans-condensed', sans-serif;
}

.panel-header .tripItems i {
	font-size: 18px;
	margin-right: 4px;
	margin-top: 3px;
}

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

@media (min-width: 640px) {
	.panel-header .search-cont,
	.panel-header .weather-cont {
		background-color: white;
	}

	.panel-header[data-animation-state='top'] {
		transform: translateY(0);
		transition: transform 300ms ease-in-out;
	}

	.panel-header[data-animation-state='slide-up'] {
		transform: translateY(-76px);
		transition: transform 300ms ease-in-out;
	}

	.panel-header[data-animation-state*='sticky-slide'] .nav-toggle,
	.panel-header[data-animation-state*='sticky-slide'] .search-cont,
	.panel-header[data-animation-state*='sticky-slide'] .tripbuilder-cont,
	.panel-header[data-animation-state*='sticky-slide'] .weather-cont {
		transform: translateX(76px);
	}

	.panel-header[data-animation-state='sticky-slide-left'] {
		transition: none;
	}

	.panel-header[data-animation-state*='sticky'] {
		width: auto;
	}

	.panel-header[data-animation-state='sticky'] .nav-toggle {
		transition: transform 300ms ease-in-out;
	}
 
	.panel-header[data-animation-state='sticky'] .search-cont {
		transition: transform 300ms ease-in-out 100ms, height 200ms ease;
	}

	.panel-header[data-animation-state='sticky'] .tripbuilder-cont {
		transition: transform 300ms ease-in-out 200ms;
	}

	.panel-header[data-animation-state='sticky'] .weather-cont {
		transition: transform 300ms ease-in-out 300ms;
	}

	.panel-header[data-animation-state='sticky-slide-right'] .nav-toggle {
		transition: transform 300ms ease-in-out 300ms;
	}
 
	.panel-header[data-animation-state='sticky-slide-right'] .search-cont {
		transition: transform 300ms ease-in-out 200ms;
	}

	.panel-header[data-animation-state='sticky-slide-right'] .tripbuilder-cont {
		transition: transform 300ms ease-in-out 100ms;
	}

	.panel-header[data-animation-state='sticky-slide-right'] .weather-cont {
		transition: transform 300ms ease-in-out;
	}

	.panel-header[data-animation-state='sticky'] .nav-toggle, 
	.panel-header[data-animation-state='sticky'] .search-cont,
	.panel-header[data-animation-state='sticky'] .tripbuilder-cont,
	.panel-header[data-animation-state='sticky'] .weather-cont {
		transform: translateX(0);
	}

	.panel-header[data-animation-state='slide-down'] {
		transform: translateY(-76px);
	}

	.panel-header[data-animation-state*='sticky'] .navbar {
		flex-direction: column-reverse;
		justify-content: flex-start;
		height: auto;
		width: 75px;
		background-color: transparent;
	}

	.panel-header[data-animation-state*='sticky'] [data-logo-cont] {
		display: none;
	}

	.panel-header[data-animation-state*='sticky'] .desktop-dd-top {
		flex-direction: column-reverse;
		width: 75px;
	}

	.panel-header[data-animation-state*='sticky'] .desktop-dd-top > div {
		margin-right: 0;
		height: 44px;
		width: 100%;
	}

	.panel-header[data-animation-state*='sticky'] .search-cont.active {
		height: 75px;
		background-color: #385e9d;
	}

	.panel-header[data-animation-state*='sticky'] .search_widget_headerbox {
		right: 75px;
	}

	.panel-header[data-animation-state*='sticky'] .search-cont.active .search-button .close {
		display: block;
		color: white;
		font-size: 28px;
	}

	.panel-header[data-animation-state*='sticky'] .search-cont.active .search-button .open {
		display: none;
	}

	.panel-header[data-animation-state*='sticky'] .desktop-dd-top .tripbuilder-cont {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		background-color: #f2f2f2;
	}

	.panel-header[data-animation-state*='sticky'] .desktop-dd-top .weather-wrapper:not(.active) .weather {
		margin-top: -4px;
	}

	.panel-header[data-animation-state*='sticky'] .desktop-dd-top .weather-wrapper.active {
		height: 75px;
	}

	.panel-header[data-animation-state*='sticky'] .mobile-nav .mobile-dd {
		top: 0;
		height: 100vh;
	}

	.panel-header .navbar {
		height: 76px;
	}

	.panel-header .mobile-nav .logo {
		margin-left: 50px;
	}

	.panel-header .mobile-dd-top {
		display: none;
	}

	.panel-header .desktop-dd-top {
		display: flex;
		align-items:center;
		justify-content: flex-end;
		margin-left: auto;
	}

	.panel-header .desktop-dd-top .weather-cont {
		margin-right: 15px;
	}

	.panel-header .desktop-dd-top .tripbuilder-cont {
		margin-right: 20px;
	}

	.panel-header .nav-cont {
		background-color: #007672;
	}

	
	.panel-header .mobile-nav .nav-toggle .menu-text {
		font-size: 16px;
	}

	.panel-header .tripItems {
		color: #250e62;
		font-size: 20px;
		font-weight: 700;
	}
	
	.panel-header .tripItems i {
		font-size: 25px;
		color: #e40046;
		margin-top: 4px;
	}
}

@media screen and (min-width: 1024px) {
	.panel-header .mobile-nav .mobile-dd.no-left-section {
		background-color: transparent;
	}
	
	.panel-header .mobile-nav .mobile-dd {
		display: grid;
		display: -ms-grid;
		grid-template-rows: 1fr 1fr;
		-ms-grid-rows: 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
	}

	.panel-header .mobile-dd .nav-cont {
		grid-column: 3 / span 2;
		-ms-grid-column: 3;
		-ms-grid-column-span: 2;
		grid-row: 1 / span 2;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
	}

	.panel-header .mobile-dd .visitors-guide-cont {
		grid-column: 1;
		-ms-grid-column: 1;
		grid-row: 1;
		-ms-grid-row: 1;
	}

	.panel-header .mobile-dd .enews-cont {
		grid-column: 2;
		-ms-grid-column: 2;
		grid-row: 1;
		-ms-grid-row: 1;
	}

	.panel-header .mobile-dd .featured-event-cont {
		grid-column: 1 / span 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-row: 2;
		-ms-grid-row: 2;
	}

	.panel-header .visitors-guide-cont > .contentRender,
	.panel-header .visitors-guide-cont > .contentRender > a,
	.panel-header .visitors-guide-cont .visitors-guide,
	.panel-header .enews-cont > .contentRender,
	.panel-header .enews-cont > .contentRender > a,
	.panel-header .enews-cont .enews {
		height: 100%;
	}
	
	.panel-header .mobile-secondary-nav,
	.panel-header .mobile-main-nav {
		background-color: #007672;
		padding-left: 50px;
	}

	.panel-header .mobile-secondary-nav .nav-container,
	.panel-header .mobile-main-nav .nav-container {
		max-width: 520px
	}
}

@media screen and (min-width: 1300px) {
	.panel-header .mobile-secondary-nav,
	.panel-header .mobile-main-nav {
		padding-left: 100px;
	}
}