/* For mobile - Toggle shadowed overlay on page when nav is open */
.root-panel .menu-overlay {
	pointer-events: none;
}
.root-panel.active .menu-overlay {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 15;
	background-color: var(--dark-navy);
	opacity: 0.8;
	pointer-events: all;
}

@media (min-width: 64em) {
	.root-panel.active .overlay {
		display: none;
	}

	.root-panel.panel-page.no-header #main-content .panel-navigation-share {
		padding-left: 125px;
	}
}

@media (min-width: 1440px) {
	.root-panel.panel-page.no-header #main-content .panel-navigation-share {
		padding-left: 150px;
	}
}

.panel-header {
	--surface-foreground: linear-gradient(var(--dark-blue), transparent);
	--surface-background: linear-gradient(var(--dark-blue), transparent);
	--surface-mobile-nav: transparent;
	--text: var(--white);
	--text-alt: var(--mint);
	position: absolute;
    width: 100%;
    height: 60px;
	z-index: 50;
	color: var(--text);
}

.panel-header::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent linear-gradient(180deg, #394C62 0%, #394C6200 100%) 0% 0% no-repeat padding-box;
}

.no-hero .panel-header {
	position: relative;
	width: 100%;
	height: 60px;
	background: var(--dark-blue);
}

@media (min-width: 40em) {
	.no-hero .panel-header {
		position: relative;
		background: var(--dark-blue);
	}
}

@media (min-width: 64em) {
	.panel-header {
		position: absolute;
	}

	.panel-header::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent linear-gradient(180deg, #394C62 0%, #394C6200 100%) 0% 0% no-repeat padding-box;
	}

	.no-hero .panel-header {
		position: relative;
		height: 148px;
	}

	.no-hero .panel-header::after {
		background: var(--dark-blue);
	}

	.no-hero.details .panel-header {
		position: relative;
		height: unset;
	}

	.no-hero.details .panel-header::after {
		background: transparent linear-gradient(180deg, #394C62 0%, #394C6200 100%) 0% 0% no-repeat padding-box;
	}
}

.panel-header .secondary-nav-container {
	display: none;
	padding: 0 var(--space-5);
	background-color: var(--surface-background);
}

@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;
	position: absolute;
	width: 100%;
	z-index: 12;
}

.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
	width: calc(105px + (145 - 105) * ((100vw - 320px) / (375 - 320)));
	opacity: 1;
	transition: opacity  Var(--ease-inout-quad) var(--speed-fast);
	pointer-events: all;
	margin-left: 30px;
	padding-top: 12px;
}

@media (min-width: 375px) {
	.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
		width: 145px;
	}
}

@media (min-width: 64em) {
	.panel-header .primary-content-container {
		position: static;
	}
	.panel-header .primary-content-container .contentRender_name_plugins_common_logo {
		z-index: 2;
		height: 65px;
		width: 163.23px;
		opacity: 1;
		transition: opacity  Var(--ease-inout-quad) var(--speed-fast);
		pointer-events: all;
		margin-left: unset;
		padding-top: 0;
	}
}

.panel-header.active .primary-content-container .contentRender_name_plugins_common_logo {
	opacity: 0;
	pointer-events: none;
}

.panel-header.default-green .primary-content-container .contentRender_name_plugins_common_logo::after {
	background-color: var(--green);
}

.panel-header.default-pink .primary-content-container .contentRender_name_plugins_common_logo::after {
	background-color: var(--magenta);
}

.panel-header.default-gray .primary-content-container .contentRender_name_plugins_common_logo::after {
	background-color: var(--slate-gray);
}

.panel-header.active .primary-content-container .contentRender_name_plugins_common_logo::after {
	opacity: 0;
	pointer-events: none;
}

.panel-header .primary-content-container .contentRender_name_plugins_common_logo .logo.sports,
.panel-header .primary-content-container .contentRender_name_plugins_common_logo .logo.meetings {
	display: none;
}

.panel-header .primary-content-container .navigation-container .header-links {
	display: none;
}

@media (min-width: 64em) {
	.panel-header .primary-content-container .primary-main-section {
		position: relative;
		width: 100%;
		height: 110px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding: 14px 0 0 0;
	}

	.no-hero .panel-header .primary-content-container .primary-main-section {
		height: 130px;
		justify-content: center;
	}

	.panel-header .primary-content-container .navigation-container .header-links {
		display: block;
	}

	.panel-header .primary-content-container .navigation-container {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
		opacity: 1;
		pointer-events: all;
		padding-right: var(--space-5);
		transition: background-color Var(--ease-inout-quad) var(--speed-normal);
		max-width: 600px;
	}

	.panel-header.active .primary-content-container .navigation-container {
		opacity: 0;
		pointer-events: none;
		transition: opacity Var(--ease-inout-quad) var(--speed-normal);
	}

	.panel-header .primary-content-container .navigation-container .primary-links > .contentRender_name_plugins_common_header_links {
		margin-right: var(--space-1);
	}

	.panel-header .primary-content-container .navigation-container .secondary-links {
		padding-top: var(--space-2);
		margin-bottom: var(--space-3);
	}

	.panel-header .primary-content-container .navigation-container .secondary-links > .contentRender_name_plugins_common_header_links .header-links ul li {
		margin: 0 9px;
	}

	.panel-header .primary-content-container .navigation-container .secondary-links > .contentRender_name_plugins_common_header_links .header-links a {
		font-size: 14px;
		font-weight: 400;
		text-transform: unset;
	}
}

@media (min-width:1440px) {
	.panel-header .primary-content-container .contentRender_name_plugins_common_logo img {
		width: 182px;
	}

	.panel-header .primary-content-container .navigation-container {
		max-width: 975px;
	}
}

.main-nav-widgets-container {
	z-index: 120;
}
.panel-header .main-nav-widgets-container .menu-toggle {
	display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
	background-color: var(--white);
	cursor: pointer;
	height: 60px;
	width: 60px;
	padding: var(--space-2);
	position: relative;
	z-index: 10;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.65px;
	line-height: 16px;
	color: var(--dark-blue);
	text-transform: uppercase;
}

.panel-header .main-nav-widgets-container .menu-toggle .hamburger-inner {
	position: relative;
	width: 100%;
	padding: 0 var(--space-2);
}

@media (min-width: 64em) {
	.panel-header .main-nav-widgets-container .menu-toggle {
		font-size: 15px;
		line-height: 22px;
		letter-spacing: 0.75px;
		align-items: center;
		height: 100%;
		width: 100%;
	}

	.panel-header .main-nav-widgets-container .menu-toggle .hamburger-inner {
		position: relative;
		width: 100%;
		padding: var(--space-2);
	}
}

.panel-header .main-nav-widgets-container .menu-toggle .hamburger-inner.fixed,
.panel-header .main-nav-widgets-container .menu-toggle .hamburger-inner.desktop {
	display: none;
}

@media (min-width: 64em) {
	.panel-header .main-nav-widgets-container .menu-toggle .hamburger-inner.desktop.default {
		display: block;
	}

	.panel-header .main-nav-widgets-container .menu-toggle:hover {
		background-color: var(--light-teal);
	}

	.panel-header .main-nav-widgets-container .menu-toggle .hamburger-inner {
		position: relative;
		width: 100%;
		padding: 14px var(--space-5) 0 var(--space-5);
	}
}


.panel-header .main-nav-widgets-container .menu-toggle .hamburger-inner.close,
.panel-header .main-nav-widgets-container .menu-toggle.active .hamburger-inner.open, .panel-header .main-nav-widgets-container .menu-toggle span.opened, .panel-header .main-nav-widgets-container .menu-toggle.active span.closed {
	display: none;
}

.panel-header .main-nav-widgets-container .menu-toggle.active .hamburger-inner.close, .panel-header .main-nav-widgets-container .menu-toggle.active span.opened {
	display: block;
}

@media (min-width: 64em) {
	.panel-header .main-nav-widgets-container .menu-toggle .hamburger-inner.close.desktop.default,
	.panel-header .main-nav-widgets-container .menu-toggle.active .hamburger-inner.open.desktop.default {
		display: none;
	}

	.panel-header .main-nav-widgets-container .menu-toggle.active .hamburger-inner.close.desktop.default {
		display: block;
	}
}

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

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

.panel-header .main-nav-widgets-container .widgets {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse;
	height: fit-content;
	width: fit-content;
	grid-row: 1;
	z-index: 102;
}

.panel-header .main-nav-widgets-container .widgets > .contentRender_name_plugins_search_headerbox {
	display: none;
}

.panel-header .main-nav-widgets-container .widgets > .contentRender_name_plugins_weather_weather {
	display: flex;
	justify-content: flex-end;
	height: 100%;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity Var(--ease-inout-quad) var(--speed-normal);
	background-color: var(--slate-gray);
}

.panel-header.active .main-nav-widgets-container .widgets > .contentRender_name_plugins_weather_weather {
	opacity: 1;
	pointer-events: all;
}

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

	.panel-header .main-nav-widgets-container .widgets > .menu-toggle {
		justify-content: center;
		order: 1;
	}

	.panel-header .main-nav-widgets-container .widgets > .contentRender_name_plugins_tripbuilder_counter {
		justify-content: center;
		order: 2
	}

	.panel-header .main-nav-widgets-container .widgets > .contentRender_name_plugins_common_check_rates {
		justify-content: center;
		opacity: 1;
		pointer-events: all;
		order: 3;
	}
}

.panel-header .mobile-nav-container {
	position: absolute;
	z-index: 10;
	width: 100%;
	opacity: 0;
	height: 0;
	transition: opacity ease 0.2s;
	pointer-events: none;
	background-image: url(../jpg/blue_noise.jpg);
}

.panel-header .mobile-nav-container.active {
	display: flex;
	justify-content: flex-end;
	height: auto;
	opacity: 1;
	pointer-events: all;
}

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

.panel-header .mobile-nav-container .mobile-nav {
	width: 100%;
	box-shadow: 0px 20px 25px rgb(0 0 0 / 45%);
}

.panel-header .mobile-nav .widgets  {
	padding: 61px var(--space-5) 12px var(--space-5);
}

.panel-header .mobile-nav .widgets > div[data-tripbuilder-cont] {
	display: none;
}

.panel-header .mobile-nav .search-cont {
	grid-column: 1 / -1;
}

.mobile-nav .search-cont > h2 {
	font-family: var(--font-body);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.8px;
	line-height: 26px;
}

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

/* Dividers on Mobile Menu */
.mobile-nav .mobile-footer-nav {
	border-top: 1px solid rgba(57, 76, 98, 0.75);
	padding: 0 0 20px;
}

/* Social Links Styling for Header */
.panel-header .header-social {
	margin-bottom: 60px;
}

.mobile-nav .social-links {
	height: 65px;
}

.panel-header .social-links, .mobile-nav .social-links {
	justify-content: center;
	background-color: var(--green);
	gap: 24px;
}

.panel-header .social-links .social-network a:hover {
	color: var(--light-teal);
}

.panel-header .social-links a i {
	font-size: 34px;
}

.mobile-nav .social-links a i {
	font-size: 25px;
}

@media (min-width: 64em) {
	.panel-header .header-social {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 30px);
		margin-bottom: 0;
	}

	.panel-header .social-links {
		height: 80px;
	}

	.panel-header .social-links a i {
		font-size: 25px;
	}
}

/* Header/footer CTA Styling */
.panel-header .header-cta .footer-cta {
	background-color: transparent;
	max-height: 285px;
}

.panel-header .header-cta .footer-cta .visitor-guide-container {
	transform: translateY(0);
}

.panel-header .header-cta .footer-cta .newsletter-container {
	transform: translateY(0);
}


/* Nav Menu popup and styling*/
.panel-header .menu {
	display: none;
}

.mobile-nav .visitors-guide {
	background-image: url(../jpg/vg_background_6e9f28be-62e9-4887-9485-5c7b95961ab3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 255px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}

.mobile-nav .visitors-guide::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: -1;
}

@media (min-width: 40em) {
	.panel-header .menu .menu-inner .right-content .visitors-guide {
		background-image: url(../jpg/vg_background_6e9f28be-62e9-4887-9485-5c7b95961ab3-2.jpg);
	}
}

@media (min-width: 64em) {
	.panel-header .menu {
		display: block;
		position: fixed;
		z-index: 100;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		padding: 0;
		opacity: 0;
		background-image: url(../jpg/blue_noise.jpg);
		pointer-events: none;
		transition: opacity Var(--ease-inout-quad) 0.3s;
	}

	.panel-header.active .menu {
		opacity: 1;
		pointer-events: all;
	}

	.panel-header .menu .menu-inner {
		position: relative;
		overflow-y: auto;
		overflow-x: hidden;
		display: grid;
		grid-template-columns: 0.68fr 0.32fr;
		height: 100%;
	}


	.panel-header .menu .menu-inner .left-content {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		min-width: 490px;
		max-width: 100%;
		padding: 54px calc(30px + (70 - 30) * ((100vw - 1025px) / (1250 - 1025)));
		overflow-y: auto;
	}

	.panel-header .menu .menu-inner .right-content {
		display: grid;
		min-width: 100%;
		grid-template-rows: 148px 1fr 80px;
	}

	.panel-header .menu .menu-inner .right-content .visitors-guide {
		background-image: url(../jpg/vg_background_6e9f28be-62e9-4887-9485-5c7b95961ab3-3.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 64%;
		height: 100%;
		width: 100%;
		display: flex;
    	justify-content: center;
    	align-items: center;
		position: relative;
	}

	.panel-header .menu .menu-inner .right-content .visitors-guide::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.panel-header .menu .menu-inner .secondary-section {
		padding-top: var(--space-6);
		padding-bottom: var(--space-5);
	}

	.panel-header .menu .menu-inner > .menu-footer {
		width: 100%;
	}
}

@media (min-width: 1250px) {
	.panel-header .menu .menu-inner .left-content {
		padding: 48px 70px;
	}
}

@media (min-width: 1440px) {
	.panel-header .menu .menu-inner > .content-section > .inner {
		grid-template-columns: 1fr 460px;
	}
}

/* Fixed Header */
.panel-header .primary-content-container .contentRender_name_plugins_common_logo > .fixed-logo {
	display: none;
}

@media (min-width: 64em) {
	.panel-header.fixed {
		position: fixed;
		right: 0;
		top: -120px;
		background: #333f48;
		width: 100%;
		height: 70px;
		z-index: 11;
		transform: translateY(-120px);
		transition: transform ease-in-out 0.4s, top ease-in-out 0.4s;
	}

	.panel-header.fixed.show {
		transform: translateY(0);
		top: 0;
	}

	.panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo {
		pointer-events: all;
		height: 100%;
	}

	.panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo::after {
		opacity: 0;
		pointer-events: none;
	}

	.panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo > .logo {
		opacity: 0;
		pointer-events: none;
	}

	.panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo > .fixed-logo {
		display: block;
	}

	.panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo img.sports,
	.panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo img.meetings {
		display: none;
	}

	.panel-header.fixed .primary-content-container .contentRender_name_plugins_common_logo img.default {
		top: 0;
		left: 27px;
		width: 178px;
	}

	.panel-header.fixed .primary-content-container .navigation-container {
		display: flex;
		align-items: center;
	}

	.panel-header.fixed .primary-content-container .navigation-container .secondary-links {
		display: none;
	}

	.panel-header.fixed .primary-content-container .widgets > .contentRender_name_plugins_weather_weather {
		display: none;
	}

	.panel-header .main-nav-widgets-container {
		z-index: 101;
		position: fixed;
		top: 0;
		right: 0;
	}

	.panel-header.fixed .main-nav-widgets-container .menu-toggle {
		height: 70px;
	}

	.panel-header.fixed .main-nav-widgets-container .menu-toggle .hamburger-inner:not(.fixed) {
		display: none;
	}

	.panel-header.fixed .main-nav-widgets-container .menu-toggle .hamburger-inner.fixed.default {
		display: block;
	}

	.panel-header.fixed .main-nav-widgets-container .menu-toggle.active .hamburger-inner.fixed.default {
		display: none;
	}

	.panel-header.fixed .menu {
		top: 70px;
		min-height: calc(100vh - 70px);
	}

	.panel-header.fixed .menu .menu-inner {
		max-height: calc(100vh - 68px);
		min-height: calc(100vh - 70px);
	}

	.panel-header.fixed .menu .search-container {
		top: -62px;
	}
}

/* - * - * - * - * - * */
/* Check Rates styles */
/* - * - * - * - * - */
.check-rates {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    padding: 5px 10px;
    height: 60px;
    width: 45px;
    color: var(--white);
    background-color: var(--dark-navy);

	font-family: var(--font-body);
	font-weight: 400;
	font-size: 8px;
	letter-spacing: 0.05em;
	line-height: 10px;
	text-transform: uppercase;
	text-align: center;
}

.check-rates span {
	background-color: var(--white);
	width: 12px;
	height: 12px;
	border-radius: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.check-rates i {
	font-size: 7px;
	color: var(--dark-navy);
}

@media (hover : hover) {
	.check-rates:hover {
		background-color: var(--teal);
		color: var(--white);
	}
}

@media (min-width:64em) {
	.check-rates {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: nowrap;
		padding: 5px 10px;
		height: 40px;
		width: unset;
		font-size: 10px;
		line-height: 12px;
		text-transform: uppercase;
		text-align: left;
	}

	.check-rates span {
		width: 16px;
		height: 16px;
		margin-right: 10px;
	}

	.check-rates i {
		font-size: 8px;
		color: var(--dark-navy);
	}
}