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

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

/******************************************************************************/
/* https://www.color-hex.com/color-names.html */
:root {
	/* Brand Palette -- if updating, copy changes to desktop_ii.css */

	/* Primary */
	--brand-darkteal: #11627c;
	--brand-deepnavy: #01304d;
	--brand-rosesea: #a6445e;

	/* Tint/Secondary Use */
	--brand-cherriesjubilee: #f3dfeb;
	--brand-emeraldwisp: #cfe0e5;
	--brand-golddust: #f6e6c7;

	/* Neutral */
	--brand-alto: #d9d9d9;
	--brand-black: #000;
	--brand-grey: #efefef;
	--brand-white: #fff;

	/* Accent */
	--brand-slicksilver: #a1acb4;
	--brand-solid-gold: #b78346;
	--brand-titanium: #4f5f69;

	/* Brand Fonts*/
	--brand-heading-font: "Playfair Display", serif;
	--brand-body-font: "Overpass", sans-serif;

	/* site setup */
	--brand-content-max-width: 1112px;
	--WTH-site-max-width: 1200px;

	/* 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: 1rem;
	--WTH-site-header__content-container-padding-left: 1rem;
	--WTH-site-header__content-container-padding-right: 1rem;
	--WTH-site-header__content-container-padding-top: 1rem;

	/* Brand Tokens */
	/* https://medium.com/eightshapes-llc/naming-tokens-in-design-systems-9e86c7444676 */
	/* naming convention: brand-element-variant-property-category-state */
	/* Button */
	--brand-button-background-color: var(--brand-rosesea);
	--brand-button-border-color: var(--brand-rosesea);
	--brand-button-border-radius: 50px;
	--brand-button-border-style: solid;
	--brand-button-border-width: 1px;
	--brand-button-box-shadow: none;
	--brand-button-text-color: var(--brand-white);
	--brand-button-font-family: var(--brand-body-font);
	--brand-button-font-size:  1rem;
	--brand-button-font-weight: 700;
	--brand-button-padding-bottom: 1.125rem;
	--brand-button-padding-left: 1.5rem;
	--brand-button-padding-right: 1.5rem;
	--brand-button-padding-top: 1.125rem;
	--brand-button-text-transform: none;
	--brand-button-animation-transition: none;

	/* Button: Hover/Focus */
	--brand-button-background-color-hover: var(--brand-titanium);
	--brand-button-border-color-hover: var(--brand-titanium);
	--brand-button-box-shadow-hover: none;
	--brand-button-text-color-hover: var(--brand-white);
	--brand-button-outline-hover: none;
	--brand-button-text-decoration-hover: none;

	/* Button: Active */
	--brand-button-background-color-active: var(--brand-rosesea);
	--brand-button-text-color-active: var(--brand-rosesea);
	--brand-button-text-decoration-active: none;
}

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

/**
* [Global Styles]
*/

/******************************************************************************/
header {}

header,
footer {}

header a.ui-link,
header a.ui-link:visited {}

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

/**
* [Buttons]
*/

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

/*** Button attributes are located above in Brand Tokens section -- starting with line 41 ***/
.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 {}

/* 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 {}

.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 {
	font-weight: 400 !important;
}

.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 {
	font-size: 1.25rem;
}


/* header-nav */
.wth4-header-nav-button,
.wth4-header-nav-button:visited,
a.wth4-header-nav-button,
a.wth4-header-nav-button:visited {
	--border-radius: 8px;
	--padding-bottom: 1.625rem;
	--padding-left: 1.125rem;
	--padding-right: 1.125rem;
	--padding-top: 1.625rem;
}

.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-deepnavy);
	--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-deepnavy);
	--color: var(--brand-white);
}

.js-button-top-nav--active,
.js-button-top-nav--active:focus,
.js-button-top-nav--active:hover {
	--padding-bottom: 2.575rem;
	--border-radius: 8px 8px 0 0;
}

/* 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 {}

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

.wth4-site-banner__link-container {
	--padding-bottom: 1.25rem;
	--padding-top: 1.25rem;
}

.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 {
	--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 {}

/* 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 {
	--font-size: 1.375rem;
	--font-weight: bold;
	text-wrap: nowrap;
}

.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 {}

.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 {
	--align-items: baseline;
	min-height: 88px;
}

.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 {}

.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 {}

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

.wth4-site-header__logo {
	align-self: center;
	margin-right: 2.5rem;
}

.wth4-site-header__logo-link {}

.wth4-site-header__logo-image {
	--max-width: 100%;

	width: clamp(240px, calc(200px + 5vw), 340px);
	transform: translate(0, 5px);
}

.wth4-site-header__phone-container {}

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

i.wth4-site-header__phone-icon {
	--font-size: 1.5em;
	--margin-right: 5px;
	transform: translate(0, -4px);
}

.ui-page-theme-a .wth4-site-header__phone-link,
.wth4-site-header__phone-link,
a.wth4-site-header__phone-link {}

.wth4-site-header__phone-link:hover,
.wth4-site-header__phone-link:focus,
.wth4-site-header__phone-link:focus-visible,
.ui-page-theme-a .wth4-site-header__phone-link:hover,
.ui-page-theme-a .wth4-site-header__phone-link:focus,
.ui-page-theme-a .wth4-site-header__phone-link:focus-visible,
a.wth4-site-header__phone-link:hover,
a.wth4-site-header__phone-link:focus,
a.wth4-site-header__phone-link:focus-visible {}

.wth4-site-header__phone-link:active,
.ui-page-theme-a .wth4-site-header__phone-link:active,
a.wth4-site-header__phone-link:active {}

.wth4-site-header__phone-label {
	text-align: right;
	transform: translate(0, 16px);
	min-width: max-content;
}

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

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

/**
* [Mega Menu]
*/

/******************************************************************************/
.wth4-mega-menu {
	flex-shrink: 0;
	margin-left: auto;
}

.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 {
	--color: var(--brand-white);
	--font-weight: 400;
}

.wth4-mega-menu-link:hover,
a.wth4-mega-menu-link:hover,
.wth4-mega-menu-link:focus,
a.wth4-mega-menu-link:focus {
	--opacity: 1;
	--text-decoration: underline;
}

.wth4-mega-menu__content-panel {
	--background: var(--brand-deepnavy);
	--border-bottom-left-radius: 8px;
	--border-bottom-right-radius: 8px;
	--border-top-left-radius: 8px;
	--border-top-right-radius: 8px;
	--box-shadow: none;
	transform: translateY(-5px);
}

.wth4-mega-menu__marketing-placement {
	--background-color: var(--brand-darkteal);
	--font-family: var(--brand-heading-font);
	--font-size: clamp(1.25rem, 2.5vw, 1.75rem);
	--font-weight: 700;
	--padding-bottom: 2rem;
	--padding-left: 2rem;
	--padding-right: 2rem;
	--padding-top: 2rem;
}

:where(.wth4-mobile-menu__slider) .wth4-mega-menu__marketing-placement {}

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

.wth4-mega-menu__category-heading {
	--color: var(--brand-white);
	--font-size: 1rem;
	--font-weight: 700;
}

.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 {
	--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 {}

/* Inner footer container */
.wth4-site-footer {
	--background-color: var(--brand-black);
	--color: var(--brand-white);
	padding-bottom: 0;
}

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

.wth4-site-footer__partner-container {}

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

.wth4-site-footer__main-content {
	--padding-bottom: 1rem;
	--padding-left: 1.75rem;
	--padding-right: 1.75rem;
	--padding-top: 2rem;
}

.wth4-site-footer--booking-footer .wth4-site-footer__main-content {
	--justify-items: start;
	gap: 1rem;
}

/* See stack layout pattern */
.wth4-site-footer__link-group>*+* {}

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

.wth4-site-footer__heading {}

.wth4-site-footer__partner-content {}

.wth4-site-footer__legal-copy {
	--color: var(--brand-white);
	--grid-row-start: 3;
	--line-height: 2;
	--text-align: center;
	padding-bottom: 2.75rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.wth4-site-footer--booking-footer .wth4-site-footer__legal-copy {
	--grid-row-start: 2;
	margin-left: auto;
	margin-right: auto;
}

.wth4-site-footer__list--inline {}

.wth4-site-footer__link-group-container,
.wth4-site-footer__link-groups-container {
	--border-top-color: var(--brand-slicksilver);
	--border-top-style: solid;
	--border-top-width: 1px;
	--line-height: 1.5;
	--padding-top: 1.75rem;
	padding-bottom: 2.5rem;
}

/* extra selectors here to beat specificty of the base
.wth4-site-footer__link-groups-container rules located in media queries */
.wth4-site-footer--booking-footer .wth4-site-footer__link-group-container,
.wth4-site-footer--booking-footer .wth4-site-footer__link-groups-container,
.wth4-site-footer--booking-footer .wth4-site-footer__link-group-container:first-of-type,
.wth4-site-footer--booking-footer .wth4-site-footer__link-groups-container:first-of-type,
.wth4-site-footer--booking-footer .wth4-site-footer__link-group-container:last-of-type,
.wth4-site-footer--booking-footer .wth4-site-footer__link-groups-container:last-of-type {
	--padding-top: 0;
	border-top: none;
	grid-column: 1 / -1;
	padding-bottom: 0;
}

.wth4-site-footer__link-group-container:last-of-type,
.wth4-site-footer__link-groups-container:last-of-type {
	border-bottom: 1px solid var(--brand-slicksilver);
}

.wth4-site-footer__link-group-container[role="presentation"] {
	display: none;
}

.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;
	margin-bottom: 0.25rem;
}

.wth4-site-footer__icon-group {
	--font-size: 1.5rem;
	--max-width: 787px;
	--padding-bottom: 2.75rem;
	--padding-top: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.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 {
	--color: var(--brand-white);
}

.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 {
	--color: var(--brand-white);
}

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

.wth4-site-footer__icon-group-link img {
	padding-right: 1rem;
	position: relative;
	top: 1em;
}

.wth4-site-footer__link,
a.wth4-site-footer__link,
.wth4-site-footer__link:visited,
a.wth4-site-footer__link:visited {
	--color: var(--brand-white);
	--padding-top: 1rem;
}

.wth4-site-footer__link:hover,
a.wth4-site-footer__link:hover,
.wth4-site-footer__link:focus,
a.wth4-site-footer__link:focus {
	--color: var(--brand-white);
	--text-decoration-line: underline;
}

.wth4-site-footer__link:active,
a.wth4-site-footer__link:active {
	--color: var(--brand-white);
}

.wth4-site-footer__logo-container {}

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

.wth4-site-footer__logo-image {}

.wth4-site-footer__feature-container {
	--padding-top: 1.5rem;
}

.wth4-site-footer__feature {
	--max-width: 787px;
	--padding-bottom: 1rem;
	--padding-top: 0.5rem;
	font-size: 1.5rem;
}

.wth4-site-footer__feature-heading {}

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

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

.wth4-site-footer__feature-copy {
	line-height: 1.35;
	padding-left: 2.75rem;
	padding-right: 2.75rem;
	padding-top: 2.75rem;
}

.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 {}

.wth4-site-footer__phone-container {}

.wth4-site-footer__phone-link,
.wth4-site-footer__phone-link:visited,
.ui-page-theme-a .wth4-site-footer__phone-link,
.ui-page-theme-a .wwth4-site-footer__phone-link:visited,
a.wth4-site-footer__phone-link,
a.wth4-site-footer__phone-link {
	color: var(--brand-white);
}

.wth4-site-footer__phone-link:hover,
.wth4-site-footer__phone-link:focus,
.wth4-site-footer__phone-link:focus-visible,
.ui-page-theme-a .wth4-site-footer__phone-link:hover,
.ui-page-theme-a .wth4-site-footer__phone-link:focus,
.ui-page-theme-a .wth4-site-footer__phone-link:focus-visible,
a.wth4-site-footer__phone-link:hover,
a.wth4-site-footer__phone-link:focus,
a.wth4-site-footer__phone-link:focus-visible {}

.wth4-site-footer__phone-link:active,
.ui-page-theme-a .wth4-site-footer__phone-link:active,
a.wth4-site-footer__phone-link:active {}

.wth4-site-footer__phone-icon {
	font-size: 2em !important;
	padding-right: 0.125em;
	transform: translate(0, 8px);
}

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

/**
* [Uncategorized]
*/

/******************************************************************************/
.wth4-divider {
	--border-color: var(--brand-darkteal);
	width: 60px;
}

.wth4-vertical-divider {}

.wth4-svg-icon {}

.wth4-img-icon {}

.wth4-icon-link-container {
	gap: 0px;
}

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

/******************************************************************************/
.loweb-vertical-divider {
	border: none;
}

.loweb-booking-business-hours {
	text-align: right;
	margin-top: 1rem;
}

@media (min-width: 576px) {
	.loweb-vertical-divider {
		border-left-color: var(--brand-slicksilver);
		border-left-style: solid;
		border-left-width: 1px;
	}

	.loweb-booking-business-hours {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.loweb-booking-business-hours {
		transform: translateY(-1rem);
	}
}

@media (min-width: 1200px) {
	.loweb-booking-business-hours {
		transform: translateY(-1.4rem);
	}
}

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

/**
* [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 {}


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

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

	.wth4-site-footer__feature-container {
		--padding-top: 1rem;
	}

	.wth4-site-footer__feature-copy {
		padding-left: 1.75rem;
		padding-right: 1.75rem;
		padding-top: 2.5rem;
	}
}

@media (min-width: 768px) {

	.wth4-site-footer__main-content {
		--justify-items: center;
	}

	.wth4-site-footer__link-group-container,
	.wth4-site-footer__link-groups-container {
		--border-top-style: none;
		--padding-top: 0;
	}

	.wth4-site-footer__link-group-container:last-of-type,
.wth4-site-footer__link-groups-container:last-of-type {
	border-bottom: none;
}

	.wth4-site-footer__feature {
		border-bottom-color: var(--brand-slicksilver);
		border-bottom-style: solid;
		border-bottom-width: 1px;
		padding-bottom: 2.625rem;
	}

	.wth4-site-footer__icon-group {
	--border-top-color: var(--brand-slicksilver);
	--border-top-style: solid;
	--border-top-width: 1px;
	--padding-top: 0.5rem;
}

	.wth4-site-footer__link-group-container:first-of-type {
		grid-column: 2 / 5;
	}

	.wth4-site-footer__link-group-container:last-of-type {
		grid-column: 5 / 8;
	}

	.wth4-site-footer__link-group-container[role="presentation"] {
		border-left: 1px solid var(--brand-slicksilver);
		display: block;
		grid-column: 4 / 6;
	}

	.wth4-site-footer__link-group {
		max-width: none;
	}

	.wth4-site-footer__feature-copy {
		padding-left: 0;
		padding-right: 0;
	}

}

@media (min-width: 992px) {

	:root {
		--WTH-site-header__content-container-padding-bottom: 0;
		--WTH-site-header__content-container-padding-top: 1.75rem;
	}
	
	.wth4-site-header__logo-image {
		transform: none;
	}
	
	.wth4-site-banner__link-container {
		--margin-left: auto;
		--margin-right: auto;
		--max-width: var(--WTH-site-max-width);
		--text-align: left;
	}

	.wth4-mega-menu__content-panel {
	--mega-menu-max-width: var(--WTH-site-max-width);

		left: 50%;
		max-width: var(--mega-menu-max-width, 1280px);
		transform: translate(-50%, -4px);
	}

}

@media (min-width: 1200px) {
	.wth4-site-header__logo-image {
		max-width: 340px;
		width: auto;
	}

	.wth4-site-footer__link-group-container:first-of-type {
		grid-column: 3 / 7;
	}

	.wth4-site-footer__link-group-container:last-of-type {
		grid-column: 7 / 11;
	}

	.wth4-site-footer__link-group-container[role="presentation"] {
		grid-column: 6 / 8;
	}

}

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