/* wth_cms_cruisesbooking.css -- Brand styles for CMS components */
/**
* [Table of Contents]
* Custom Properties (Variables)
* Global Styles
* Buttons
* Header
* Mega Menu
* Mobile Menu
* Footer
* Uncategorized
* Javascript Dependent Styles
* Brand-Specific Custom Styles
* Media Queries
*/

/**
* [Custom Properties (Variables)]
*/

/******************************************************************************/
/* http://www.color-hex.com/color-names.html */
:root {
	/* Brand Palette -- if updating, copy changes to desktop_BCWEB.css */
	--BRAND-accentyellow: #ffb700 !important;
	--BRAND-actionblue: #006ce4 !important;
	--BRAND-altblue: #1a4f9d !important;
	--BRAND-black: #000 !important;
	--BRAND-bookingblue: #003b95 !important;
	--BRAND-darkblue: #00224f;
	--BRAND-lightgray: #f3f3f3 !important;
	--BRAND-white: #fff !important;

	/* Brand Fonts*/
	--BRAND-heading-font: "Avenir Next", BlinkMacSystemFont, -apple-system, Segoe UI, Roboto,
		Helvetica, Arial, sans-serif !important;
	--BRAND-body-font: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica,
		Arial, sans-serif !important;

	/* site setup  */
	--WTH-site-max-width: 1140px;
	font-size: 14px;

	/* WTH-site-header padding set in wth_cms.css. added here for reference or to edit at the brand level */
	--WTH-site-header__content-container-padding-bottom: 0;
	--WTH-site-header__content-container-padding-left: 1rem;
	--WTH-site-header__content-container-padding-right: 1rem;
	--WTH-site-header__content-container-padding-top: 1rem;
}

/******************************************************************************/

/**
* [Global Styles]
*/

/******************************************************************************/
header {
	/* overflow-x rule supports scrolling of the partner nav on mobile */
	overflow-x: hidden;
}

header,
footer {}

header a.ui-link {}

/* reset link styles */
/******************************************************************************/

/**
* [Buttons]
*/

/******************************************************************************/
.wth4-mobile-menu-button {}

.wth4-button,
.wth4-button:visited,
.ui-page-theme-a .wth4-button,
.ui-page-theme-a .wth4-button:visited,
a.wth4-button,
a.wth4-button:visited {
	--background: var(--BRAND-actionblue);
	--border-color: var(--BRAND-actionblue);
	--border-radius: 4px;
	--color: var(--BRAND-white);
	--font-family: var(--BRAND-body-font);
	--font-size: 1.143rem;
	--font-weight: 500;
	--padding-bottom: 1.143rem;
	--padding-left: 2.643rem;
	--padding-right: 2.643rem;
	--padding-top: 1.143rem;
}

/* button states */
.wth4-button:hover,
.wth4-button:focus,
.wth4-button:focus-visible,
.ui-page-theme-a .wth4-button:hover,
.ui-page-theme-a .wth4-button:focus,
.ui-page-theme-a .wth4-button:focus-visible,
a.wth4-button:hover,
a.wth4-button:focus,
a.wth4-button:focus-visible {
	--background: var(--BRAND-bookingblue);
	--border-color: var(--BRAND-bookingblue);
}

.wth4-button:active,
.ui-page-theme-a .wth4-button:active,
a.wth4-button:active {}

/* button sizes */
.wth4-button--small,
.ui-page-theme-a .wth4-button--small,
a.wth4-button--small {}

/* transparent */
.wth4-button--transparent,
.wth4-button--transparent:active,
.wth4-button--transparent:focus,
.wth4-button--transparent:hover,
.wth4-button--transparent:visited,
.ui-page-theme-a .wth4-button--transparent,
.ui-page-theme-a .wth4-button--transparent:active,
.ui-page-theme-a .wth4-button--transparent:focus,
.ui-page-theme-a .wth4-button--transparent:hover,
.ui-page-theme-a .wth4-button--transparent:visited,
a.wth4-button--transparent,
a.wth4-button--transparent:active,
a.wth4-button--transparent:focus,
a.wth4-button--transparent:hover,
a.wth4-button--transparent:visited {
	--color: var(--BRAND-black);
	--font-size: 1rem;
	--font-weight: normal;
}

.wth4-button--transparent:active,
.wth4-button--transparent:focus,
.wth4-button--transparent:hover,
.ui-page-theme-a .wth4-button--transparent:active,
.ui-page-theme-a .wth4-button--transparent:focus,
.ui-page-theme-a .wth4-button--transparent:hover,
a.wth4-button--transparent:active,
a.wth4-button--transparent:focus,
a.wth4-button--transparent:hover {}

/* icon button */
.wth4-button--icon,
.wth4-button--icon:visited,
.ui-page-theme-a .wth4-button--icon,
.ui-page-theme-a .wth4-button--icon:visited,
a.wth4-button--icon,
a.wth4-button--icon:visited {}

/* mini mobile icon button */
/* chained selectors are to beat styles set in wth_cms_{brand}.css */
.wth4-button.wth4-button--icon-mini,
.wth4-button.wth4-button--icon-mini:visited,
.ui-page-theme-a .wth4-button.wth4-button--icon-mini,
.ui-page-theme-a .wth4-button.wth4-button--icon-mini:visited,
a.wth4-button.wth4-button--icon-mini,
a.wth4-button.wth4-button--icon-mini:visited {}


/* header-nav */
.wth4-header-nav-button,
.wth4-header-nav-button:visited,
a.wth4-header-nav-button,
a.wth4-header-nav-button:visited {
	--background: var(--BRAND-altblue);
	--border-radius: 2.1rem;
	--border-width: 1px;
	--color: var(--BRAND-white);
	--padding-bottom: 0.714rem;
	--padding-left: 1.3rem;
	--padding-right: 1.3rem;
	--padding-top: 0.714rem;
}

.wth4-header-nav-button:focus-visible,
.wth4-header-nav-button:focus,
.wth4-header-nav-button:hover,
a.wth4-header-nav-button:focus-visible,
a.wth4-header-nav-button:focus,
a.wth4-header-nav-button:hover {
	--background: var(--BRAND-altblue);
	--border-color: var(--BRAND-white);
	--color: var(--BRAND-white);
}

.js-button-top-nav--active,
.js-button-top-nav--active:focus,
.js-button-top-nav--active:hover,
.wth4-header-nav-button:active,
a.wth4-header-nav-button:active {
	--background: var(--BRAND-altblue);
}

/* full-width */
.wth4-button--full-width-flex,
.ui-page-theme-a .wth4-button--full-width-flex,
a.wth4-button--full-width-flex {}

/******************************************************************************/

/**
* [Header]
*/

/******************************************************************************/
/* IMPORTANT: position of the mobile menu is based on the size
and position of the header element. Any changes to margin, padding,
etc. of the header element will affect the position mobile menu.
Be sure to test the mobile menu on all screen sizes after making changes.
*/
.wth4-site-header {
	--background-color: var(--BRAND-bookingblue);
	--color: var(--BRAND-white);
	--font-family: var(--BRAND-body-font);
}

.wth4-site-banner {
	--background-color: var(--BRAND-accentyellow);
	--color: var(--BRAND-black);
	--font-size: 1rem;
	--font-weight: normal;
	--margin-bottom: 0;
}


.wth4-site-banner__link-container {}

.wth4-site-banner__link,
a.wth4-site-banner__link,
.ui-page-theme-a a.wth4-site-banner__link,
.wth4-site-banner__link:visited,
a.wth4-site-banner__link:visited,
.ui-page-theme-a a.wth4-site-banner__link:visited {
	--background-color: var(--BRAND-accentyellow);
	--color: var(--BRAND-black);
	--font-size: 1rem;
	--font-weight: normal;
}

.wth4-site-banner__countdown-container {}

.wth4-site-banner__countdown-text {}

.wth4-site-banner__countdown {}

/* .timer-unit-label doesn't fit naming convention because it targets an element in timer-promo.js */
.wth4-site-banner__countdown .timer-unit-label {}

.wth4-site-header__desktop-utility-links-container {
	--align-items: center;
	--gap: 1rem;
	--padding-right: 1.9rem;
	align-items: var(--align-items);
	display: flex;
	flex-direction: row;
	gap: var(--gap);
	justify-content: end;
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
}

/* used for mobile header */
.wth4-site-header__mobile-utility-links-container,
.wth4-utility-links-container {}

.wth4-utility-links-container__link,
a.wth4-utility-links-container__link,
.ui-page-theme-a .wth4-utility-links-container__link,
.wth4-utility-links-container__link:visited,
a.wth4-utility-links-container__link:visited,
.ui-page-theme-a .wth4-utility-links-container__link:visited {}

.wth4-utility-links-container__link:hover,
a.wth4-utility-links-container__link:hover,
.ui-page-theme-a .wth4-utility-links-container__link:hover {}

.wth4-utility-links-container__link:active,
a.wth4-utility-links-container__link:active,
.ui-page-theme-a .wth4-utility-links-container__link:active {}

.ui-page-theme-a .wth4-utility-links-container__link--partner-home,
.ui-page-theme-a .wth4-utility-links-container__link--partner-home:visited,
.wth4-utility-links-container__link--partner-home,
.wth4-utility-links-container__link--partner-home:visited,
a.wth4-utility-links-container__link--partner-home,
a.wth4-utility-links-container__link--partner-home:visited {}

.ui-page-theme-a .wth4-utility-links-container__link--partner-home:focus-visible,
.ui-page-theme-a .wth4-utility-links-container__link--partner-home:focus,
.ui-page-theme-a .wth4-utility-links-container__link--partner-home:hover,
.wth4-utility-links-container__link--partner-home:focus-visible,
.wth4-utility-links-container__link--partner-home:focus,
.wth4-utility-links-container__link--partner-home:hover,
a.wth4-utility-links-container__link--partner-home:focus-visible,
a.wth4-utility-links-container__link--partner-home:focus,
a.wth4-utility-links-container__link--partner-home:hover {}

.ui-page-theme-a .wth4-utility-links-container__link--partner-home:active,
.wth4-utility-links-container__link--partner-home:active,
a.wth4-utility-links-container__link--partner-home:active {}

.wth4-utility-links-container__button-container {}

.wth4-site-header__partner-container {
	--align-items: start;
	--flex-direction: column;
}

.wth4-site-header__partner-container-link-list {}

.wth4-site-header__partner-container-link,
.ui-page-theme-a .wth4-site-header__partner-container-link,
.wth4-site-header__partner-container-link:visited,
.ui-page-theme-a .wth4-site-header__partner-container-link:visited {}

.wth4-site-header__partner-container-link:hover,
.ui-page-theme-a .wth4-site-header__partner-container-link:hover {}

.wth4-site-header__partner-container-link:focus,
.ui-page-theme-a .wth4-site-header__partner-container-link:focus,
.wth4-site-header__partner-container-link:focus-visible,
.ui-page-theme-a .wth4-site-header__partner-container-link:focus-visible {}

.wth4-site-header__content-container {}

.wth4-site-header__desktop-content-container {}

.wth4-site-header__desktop-nav-container {
	--background-color: var(--BRAND-altblue);
	--border-radius: 10px;
	--padding-bottom: 0.66rem;
	--padding-top: 0.46rem;
}

.wth4-site-header__mobile-content-container {}

.wth4-site-header__mobile-partner-home-link-container {}

.wth4-site-header__mobile-partner-home-link,
a.wth4-site-header__mobile-partner-home-link,
.ui-page-theme-a a.wth4-site-header__mobile-partner-home-link,
.wth4-site-header__mobile-partner-home-link:visited,
a.wth4-site-header__mobile-partner-home-link:visited,
.ui-page-theme-a a.wth4-site-header__mobile-partner-home-link:visited {}

.wth4-site-header__booking-header-content-container {
	--align-items: flex-start;
}

i.wth4-site-header__phone-icon {
	font-size: 1.5rem;
	position: relative;
	top: 2px;
}

.wth4-site-header__booking-header-link-list-container {}

/* Where the site logo and booking engine header home link are siblings */
.wth4-site-header__logo+.wth4-site-header__booking-header-link-list-container {
	--padding-left: 0;
	--padding-right: 0;
}

.wth4-site-header__booking-header-logo-container {}

.wth4-site-header__logo {}

.wth4-site-header__logo-link {}

.wth4-site-header__logo-image {}

.wth4-site-header__phone-container {}

.wth4-site-header__phone-container--label-after {}

.wth4-site-header__phone-icon {}

.ui-page-theme-a .wth4-site-header__phone-link,
.wth4-site-header__phone-link,
a.wth4-site-header__phone-link {
	--font-family: var(--BRAND-heading-font);
	--font-size: 20px;
	--font-weight: bold;
	display: flex;
}

.wth4-site-header__phone-label {}

.wth4-site-header__list,
.wth4-mobile-menu__list {}

/******************************************************************************/

/**
* [Mega Menu]
*/

/******************************************************************************/
.wth4-mega-menu {}

.wth4-mega-menu-list-container {}

/*
This element houses the entire contents of the mega menu.
The direct children are the <li> elements that contain the top-level nav buttons.
Becareful when adding styles that may propage to other ancestor elements.
*/
.wth4-mega-menu__list {}

/* this element is the link list within the mega menu content panels */
.wth4-mega-menu__link-list {}

.wth4-mega-menu-link,
a.wth4-mega-menu-link {}

.wth4-mega-menu-link:hover,
a.wth4-mega-menu-link:hover,
.wth4-mega-menu-link:focus,
a.wth4-mega-menu-link:focus {}

.wth4-mega-menu__content-panel {
	--background: var(--BRAND-darkblue);
	--border-bottom-left-radius: 0;
	--border-bottom-right-radius: 0;
}

.wth4-mega-menu__marketing-placement {
	--background-color: transparent;
	--font-family: var(--BRAND-heading-font);
	--font-weight: 500;
}

.wth4-mega-menu__marketing-placement-button-container {}

.wth4-mega-menu__category-heading {
	--font-family: var(--BRAND-heading-font);
	--font-size: 1rem;
}

.wth4-mega-menu__button-container {}

.wth4-mega-menu-top-level-nav-button {}

/******************************************************************************/

/**
* [Mobile Menu]
*/

/******************************************************************************/
.wth4-mobile-menu {}

.wth4-mobile-menu__content-container {}

.wth4-mobile-menu__category-heading {
	--color: var(--BRAND-black);
	--font-size: 1rem;
	--font-weight: 700;
}

.wth4-mobile-menu__slider {}

.wth4-mobile-menu__back-button-panel {}

.wth4-mobile-menu__back-button-container {}

/******************************************************************************/

/**
* [Footer]
*/

/******************************************************************************/
/* Outer footer container */
.wth-footer-dotcms {
	--margin-top: 0;
}

/* Inner footer container */
.wth4-site-footer {
	--background-color: var(--BRAND-white;);
	--padding-top: 2rem;
}

.wth4-site-footer--booking-footer {}

.wth4-site-footer__partner-container {
	overflow-x: hidden;
}

.wth4-site-footer__main-content-container {}

.wth4-site-footer__main-content {
	--border-top-color: var(--BRAND-black);
	--border-top-style: solid;
	--border-top-width: 2px;
	--padding-bottom: 0.714rem;
}

/* See stack layout pattern */
.wth4-site-footer__link-group>*+* {
	--margin-top: 0.714rem;
}

/* See stack layout pattern */
.wth4-site-footer__list>*+* {
	--margin-top: 0.714rem;	
}

.wth4-site-footer__heading {}

.wth4-site-footer__partner-content {
	--padding-bottom: 0;
	--padding-top: 0;
}

.wth4-site-footer__legal-copy {
	--color: var(--BRAND-black);
	--font-size: 0.857rem;
	--grid-column-end: -1;
	--grid-column-start: 1;
	--text-align: center;
}

.wth4-site-footer__list--inline {}

.wth4-site-footer__link-group-container,
.wth4-site-footer__link-groups-container {}

.wth4-site-footer__link-groups-container--primary {}

.wth4-site-footer__link-groups-container--secondary {}

.wth4-site-footer__email-signup {}

.wth4-site-footer__logo-container {}

.wth4-site-footer__list-heading {
	--font-size: 1rem;
	--font-weight: 700;
}

.wth4-site-footer__icon-group {}

.wth4-site-footer__email-signup {}

.wth4-site-footer__email-signup-heading {}

.wth4-site-footer__email-signup-copy {}

.wth4-site-footer__email-signup-link,
.wth4-site-footer__email-signup-link:visited,
a.wth4-site-footer__email-signup-link,
a.wth4-site-footer__email-signup-link:visited {}

.wth4-site-footer__email-signup-link:focus,
.wth4-site-footer__email-signup-link:hover,
a.wth4-site-footer__email-signup-link:focus,
a.wth4-site-footer__email-signup-link:hover {}

.wth4-site-footer__icon-group-link,
a.wth4-site-footer__icon-group-link,
.wth4-site-footer__icon-group-link:visited,
a.wth4-site-footer__icon-group-link:visited {}

.wth4-site-footer__icon-group-link:hover,
a.wth4-site-footer__icon-group-link:hover,
.wth4-site-footer__icon-group-link:focus,
a.wth4-site-footer__icon-group-link:focus {}

.wth4-site-footer__icon-group-link:active,
a.wth4-site-footer__icon-group-link:active {}

.wth4-site-footer__link,
a.wth4-site-footer__link,
.wth4-site-footer__link:visited,
a.wth4-site-footer__link:visited {
	--color: var(--BRAND-actionblue);
}

.wth4-site-footer__link:hover,
a.wth4-site-footer__link:hover,
.wth4-site-footer__link:focus,
a.wth4-site-footer__link:focus {}

.wth4-site-footer__link:active,
a.wth4-site-footer__link:active {}

.wth4-site-footer__logo-container {}

.wth4-site-footer__logo-container-copy {}

.wth4-site-footer__logo-image {}

.wth4-site-footer__feature-container {}

.wth4-site-footer__feature {
	--display: block;
	--padding-left: 1rem;
	--padding-right: 1rem;
}

.wth4-site-footer__feature-heading {}

.wth4-site-footer__feature-icon-list {}

.wth4-site-footer__feature-icon-list-item {}

.wth4-site-footer__feature-copy {}

.wth4-site-footer__feature-link,
a.wth4-site-footer__feature-link,
.ui-page-theme-a .wth4-site-footer__feature-link,
.wth4-site-footer__feature-link:visited,
a.wth4-site-footer__feature-link:visited,
.ui-page-theme-a .wth4-site-footer__feature-link:visited {}

.wth4-site-footer__feature-image {}

/******************************************************************************/

/**
* [Uncategorized]
*/

/******************************************************************************/
.wth4-divider {
	border-color: #404040;
	border-width: 1px;
}

/* where the divider is in the mega menu, make it white */
.wth4-mega-menu__content-panel .wth4-divider {
	border-color: var(--BRAND-white);
}

.wth4-vertical-divider {}

.wth4-svg-icon {}

.wth4-img-icon {}

.wth4-icon-link-container {}

/******************************************************************************/

/**
* [Javascript Dependent Styles]
*/

/******************************************************************************/

.js-mobile-menu {}

.js-mobile-menu--open {}

.js-slider {}

.js-slider--open {}

.js-slider--closed {}

.js-mobile-menu__back-button-panel {}

.js-mobile-menu__back-button-panel--open {}

.js-mega-menu__content-panel {}

.js-mega-menu__content-panel--open {}

/******************************************************************************/
/* Brand-Specific Custom Styles */

/******************************************************************************/
/* Header */
.wth4-mega-menu__list>li {
	border-image: linear-gradient(to bottom, transparent 20%, var(--BRAND-actionblue) 20% 90%, transparent 90%) 1;
	border-right: 1px solid;
	box-sizing: border-box;
	padding: 0 1.9rem;
}

.wth4-mega-menu__list>li:last-child {
	border-right: none;
}

.wth4-header-nav-button::before {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: " ";
	display: inline-block;
	height: 20px;
	margin-right: 0.5rem;
	position: relative;
	top: 5px;
	width: 20px;
}

.wth4-site-header__desktop-nav-container:has(.wth4-header-nav-button.js-button-top-nav--active) {
	box-shadow: 0px 26px 0px 0px var(--BRAND-darkblue);
}

#button-top-nav-0::before {
	background-image: url(/images_unique/bcweb/icon/binoculars.svg);
}

#button-top-nav-1::before {
	background-image: url(/images_unique/bcweb/icon/tag.svg);
}

#button-top-nav-2::before {
	background-image: url(/images_unique/bcweb/icon/suitcase.svg);
}


#wthHdrMainPhone::before {
	background-image: url(/images_unique/bcweb/icon/phone.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	content: " ";
	display: inline-block;
	height: 25px;
	padding-right: 10px;
	width: 25px;
}

.wth4-site-header__link,
a.wth4-site-header__link,
.ui-page-theme-a a.wth4-site-header__link,
.wth4-site-header__link:visited,
a.wth4-site-header__link:visited,
.ui-page-theme-a a.wth4-site-header__link:visited {
	--color: var(--BRAND-white);
	color: var(--color);
}

/* Mobile Menu */
.wth4-mobile-menu__content-container .wth4-mega-menu__marketing-placement {
	--color:var(--BRAND-black);
}

/* Buttons */
/* transparent */
/* transparent buttons in mobile header are white over a field of blue */
.wth4-site-header__mobile-content-container .wth4-button--transparent,
.wth4-site-header__mobile-content-container .wth4-button--transparent:active,
.wth4-site-header__mobile-content-container .wth4-button--transparent:focus,
.wth4-site-header__mobile-content-container .wth4-button--transparent:hover,
.wth4-site-header__mobile-content-container .wth4-button--transparent:visited,
.wth4-site-header__mobile-content-container .ui-page-theme-a .wth4-button--transparent,
.wth4-site-header__mobile-content-container .ui-page-theme-a .wth4-button--transparent:active,
.wth4-site-header__mobile-content-container .ui-page-theme-a .wth4-button--transparent:focus,
.wth4-site-header__mobile-content-container .ui-page-theme-a .wth4-button--transparent:hover,
.wth4-site-header__mobile-content-container .ui-page-theme-a .wth4-button--transparent:visited,
.wth4-site-header__mobile-content-container a.wth4-button--transparent,
.wth4-site-header__mobile-content-container a.wth4-button--transparent:active,
.wth4-site-header__mobile-content-container a.wth4-button--transparent:focus,
.wth4-site-header__mobile-content-container a.wth4-button--transparent:hover,
.wth4-site-header__mobile-content-container a.wth4-button--transparent:visited {
	--color: var(--BRAND-white);
}

/* Custom Header Bar */
.BCWEB-custom-link-row-container {
	overflow-x: auto;
	position: relative;
	scrollbar-width: none;
}

.BCWEB-custom-link-row-container::-webkit-scrollbar {
	display: none !important;
}

.BCWEB-custom-link-row-container::-webkit-scrollbar,
.BCWEB-custom-link-row-container::-moz-scrollbar,
.BCWEB-custom-link-row-container::-o-scrollbar,
.BCWEB-custom-link-row-container::-ms-scrollbar,
.BCWEB-custom-link-row-container::-webkit-scrollbar-thumb,
.BCWEB-custom-link-row-container::-webkit-scrollbar-track {
	background-color: transparent !important;
	display: none !important;
	height: 0px !important;
	width: 0px !important;
}

.BCWEB-custom-link-row-container {
	scrollbar-color: transparent transparent !important;
	/* Foreground, Background */
}

.BCWEB-custom-link-list {
	display: block;
	list-style-type: none;
	margin-bottom: 3px;
	margin-top: 3px;
	padding-right: 16px;
	position: relative;
	scrollbar-width: none;
	white-space: nowrap;
}

.BCWEB-custom-link-item {
	display: inline-block;
	padding-left: 4px;
}

.BCWEB-custom-link-list li:first-child {
	padding-left: 0;
}

.BCWEB-custom-link-img-container {
	display: inline-block;
	height: 20px;
	min-width: max-content;
	vertical-align: middle;
}

.BCWEB-custom-link-img-container img {
	height: 100%;
	width: 100%;
}

.BCWEB-custom-link-anchor,
a.BCWEB-custom-link-anchor {
	align-items: center;
	border-radius: 1.5rem;
	color: var(--BRAND-white);
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	padding: 11px 16px;
}

a.BCWEB-custom-link-anchor:hover {
	background-color: var(--BRAND-altblue) !important;
	text-decoration: none;
}

a.BCWEB-custom-link-anchor:focus {
	box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 4px var(--BRAND-actionblue);
	outline: none !important;
}

.BCWEB-custom-link-anchor-selected {
	background-color: var(--BRAND-altblue);
	border: 1px solid var(--BRAND-white) !important;
}

/* footer */
.wth4-site-footer__feature-container {
	display: none;
}

.cruisesbooking-custom-footer-banner {
	background-color: var(--BRAND-bookingblue);
	color: var(--BRAND-white);
	/* hide by default -- show based on screen width */
	display: none;
	font-size: 1rem;
	font-weight: 500;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding-bottom: 1.429rem;
	padding-top: 1.429rem;
	text-align: center;
}

.cruisesbooking-custom-footer-banner a,
.cruisesbooking-custom-footer-banner a:visited {
	color: var(--BRAND-white);
	font-weight: bold;
	text-decoration: underline;
}

.cruisesbooking-custom-footer-banner a:hover,
.cruisesbooking-custom-footer-banner a:focus {
	color: var(--BRAND-white);
	text-decoration: none;
}

.wth4-site-footer__feature-image-container .wth4-site-footer__list--inline {
	--gap: 2rem;
	--justify-content: center;
}

/******************************************************************************/
/* Media Queries */

/******************************************************************************/
@media (min-width: 576px) {}

@media (min-width: 768px) {
	.wth4-site-footer__list-item--inline {
		--border-right-color: transparent;
	}
}

@media (min-width: 992px) {
	header {
		/* revert overflow-x rule that supports scrolling of the partner nav on mobile */
		overflow-x: visible;
	}

	.wth4-site-header {
		padding-bottom: 1rem;
	}
	

	.wth4-mega-menu__content-panel {
		--max-width: 1112px;
	}
	.wth4-site-footer__feature-container {
		display: block;
	}

	.cruisesbooking-custom-footer-banner {
		display: block;
	}

}

@media (min-width: 1200px) {}

@media (min-width: 1600px) {}