/* wth_cms.css -- Platform styles for CMS components */
/**
* [Table of Contents]
* Custom Properties (Variables)
* Global Styles
* Utility Classes
* Layout CSS
* Buttons
* Header
* Mega Menu
* Mobile Menu
* Footer
* Uncategorized
* Javascript Dependent Styles
* Layout Grid
* Support Queries
* Media Queries
*/

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

/******************************************************************************/
/* https://www.color-hex.com/color-names.html */
:root {
	--WTH-black: #000;
	--WTH-gray51: #828282;
	--WTH-gray87: #dedede;
	--WTH-success-dark: #226948;
	--WTH-success-light: #2a835a;
	--WTH-success: #35a471;
	--WTH-white: #fff;
	--WTH-whitesmoke: #f3f3f3;

	--WTH-site-max-width: 1300px;

	--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;

	/* Grid Variables */
	--WTH-reflex-columns: 4;
	--WTH-reflex-grid-spacing: 1rem;
}

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

/**
* [Global Styles]
*/

/******************************************************************************/
header {
	z-index: 1005;
}

header,
footer {
	background: var(--WTH-white);
	width: 100%;
}

header a.ui-link:not(.wth4-button) {
	border: none;
}

/* reset link styles */

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

/**
* [Utility Classes]
*/

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

/* flexbox */
.wth4-display\:flex {
	display: flex !important;
}

.wth4-flex-direction\:column {
	flex-direction: column !important;
}

.wth4-align-items\:center {
	align-items: center !important;
}

.wth4-justify-content\:space-between {
	justify-content: space-between !important;
}

.wth4-justify-content\:flex-end {
	justify-content: flex-end !important;
}

.wth4-gap\:0\.5rem {
	gap: 0.5rem !important;
}

.wth4-white-space\:no-wrap {
	white-space: nowrap !important;
}

/* box-sizing */
.wth4-box-sizing\:border-box {
	box-sizing: border-box !important;
}

/* padding */
/* ~44px @ 16px base */
.wth4-padding-top\:2\.75rem {
	padding-top: 2.75rem !important;
}

/* ~32px @ 16px base */
.wth4-padding-left\:2rem {
	padding-left: 2rem !important;
}

.wth4-padding-right\:2rem {
	padding-right: 2rem !important;
}

/* ~24px @ 16px base */
.wth4-padding-bottom\:1\.5rem {
	padding-bottom: 1.5rem !important;
}

.wth4-padding-left\:1\.5rem {
	padding-left: 1.5rem !important;
}

.wth4-padding-right\:1\.5rem {
	padding-right: 1.5rem !important;
}

.wth4-padding-top\:1\.5rem {
	padding-top: 1.5rem !important;
}

/* ~16px @ 16px base */
.wth4-padding-left\:1rem {
	padding-left: 1rem !important;
}

.wth4-padding-right\:1rem {
	padding-right: 1rem !important;
}

/* ~8px @ 16px base */
.wth4-padding-top\:0\.5rem {
	padding-top: 0.5rem !important;
}

/* margin */
/* 8px @ 16px base */
.wth4-margin-top\:0\.5rem {
	margin-top: 0.5rem !important;
}

/* 16px @ 16px base */
.wth4-margin-top\:1rem {
	margin-top: 1rem !important;
}

/* ~32px @ 16px base */
.wth4-margin-bottom\:2rem {
	margin-bottom: 2rem !important;
}

/* ~24px @ 16px base */
.wth4-margin-bottom\:1\.5rem {
	margin-bottom: 1.5rem !important;
}

.wth4-margin-left\:1rem {
	margin-left: 1.5rem !important;
}

/* auto margins */
.wth4-margin-left\:auto {
	margin-left: auto !important;
}

.wth4-margin-right\:auto {
	margin-right: auto !important;
}

/* positioning */
.wth4-position\:relative {
	position: relative !important;
}

.wth4-position\:absolute {
	position: absolute !important;
}

.wth4-left\:0 {
	left: 0 !important;
}

.wth4-u-list-unstyled {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wth4-u-centered-site-max-width {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--WTH-site-max-width, 1280px);
}

.wth4-sentence-case {
	text-transform: lowercase;
}

.wth4-sentence-case:first-letter {
	text-transform: uppercase;
}

.wth4-u-superscript {
	font-size: smaller;
	vertical-align: super;
}

.wth4-u-fine-print,
a.wth4-u-fine-print,
a.wth4-u-fine-print:active,
a.wth4-u-fine-print:focus,
a.wth4-u-fine-print:hover,
a.wth4-u-fine-print:visited {
	color: var(--WTH-gray51);
	font-size: 0.75rem;
}

.wth4-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* display */
.wth4-display\:none {
	display: none !important;
}

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

/**
* [Layout CSS]
*/

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

/*the stack layout pattern*/
.wth4-stack {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.wth4-stack>* {
	margin-top: 0;
	margin-bottom: 0;
}

.wth4-stack>*+* {
	margin-top: 1rem;
}

.wth4-stack--sm>*+* {
	margin-top: 0.5rem;
}

.wth4-stack--lg>*+* {
	margin-top: 1.5rem;
}

.wth4-stack--xl>*+* {
	margin-top: 2rem;
}

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

/**
* [Buttons]
*/

/******************************************************************************/
/* important to ensure mobile menu button opacity dosn't change on hover/focus */
.wth4-mobile-menu-button {
	opacity: 1 !important;
}

/*
Chained selectors here are to beat current-gen styles.
Hopefully we can remove these in the future.
*/
.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(--WTH-white);
	--border-color: var(--WTH-gray87);
	--border-radius: 0;
	--border-style: solid;
	--box-shadow: none;
	--color: var(--WTH-black);
	--font-size: 1rem;
	--font-weight: normal;
	--padding-bottom: 1.5rem;
	--padding-left: 1rem;
	--padding-right: 1rem;
	--padding-top: 1.5rem;
	--text-transform: none;
	align-items: center;
	background-repeat: no-repeat;
	background: var(--background);
	border-color: var(--border-color);
	border-radius: var(--border-radius);
	border-style: var(--border-style);
	border-width: var(--border-width);
	box-shadow: var(--box-shadow);
	box-sizing: border-box;
	color: var(--color);
	cursor: pointer;
	display: flex;
	/* important is to override viewport-based button font-family rule located in wth_c */
	font-family: var(--font-family) !important;
	font-size: var(--font-size);
	/* important is to override font weight rule for links in desktop_rr (and likely other brand style sheets) */
	font-weight: var(--font-weight) !important;
	gap: 0.5rem;
	justify-content: center;
	line-height: 1;
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
	text-align: center;
	text-decoration: none;
	text-transform: var(--text-transform);
	transition: var(--transition);
	white-space: nowrap;
	width: 100%;
}

/* 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(--WTH-gray87);
	--color: var(--WTH-white);
	--text-decoration: none;
	/* !important to override .ui-link class that is inserted when page is generated */
	background: var(--background) !important;
	border-color: var(--border-color);
	box-shadow: var(--box-shadow);
	color: var(--color);
	/* !important to override outline style set in wth_c.css */
	outline: var(--outline) !important;
	text-decoration: var(--text-decoration);
}

.wth4-button:active,
.ui-page-theme-a .wth4-button:active,
a.wth4-button:active {
	--background: var(--WTH-white);
	--text-decoration: var(--text-decoration);
	background: var(--background);
	color: var(--color);
}

/* success button */
.wth4-button.wth4-button--success,
.wth4-button.wth4-button--success:visited,
.ui-page-theme-a .wth4-button.wth4-button--success,
.ui-page-theme-a .wth4-button.wth4-button--success:visited,
a.wth4-button.wth4-button--success,
a.wth4-button.wth4-button--success:visited {
	--background: var(--WTH-success);
	--border-color: var(--WTH-success);
	--color: var(--WTH-white);
}

.wth4-button.wth4-button--success:hover,
.wth4-button.wth4-button--success:focus,
.wth4-button.wth4-button--success:focus-visible,
.ui-page-theme-a .wth4-button.wth4-button--success:hover,
.ui-page-theme-a .wth4-button.wth4-button--success:focus,
.ui-page-theme-a .wth4-button.wth4-button--success:focus-visible,
a.wth4-button.wth4-button--success:hover,
a.wth4-button.wth4-button--success:focus,
a.wth4-button.wth4-button--success:focus-visible {
	--background: var(--WTH-success);
	--background: var(--WTH-success-light);
	--border-color: var(--WTH-success-light);
	--color: var(--WTH-white);
}

.wth4-button.wth4-button--success:active,
.ui-page-theme-a .wth4-button.wth4-button--success:active,
a.wth4-button.wth4-button--success:active {
	--background: var(--WTH-success-dark);
	--border-color: var(--WTH-success-dark);
	--color: var(--WTH-white);
}

/* button sizes */
.wth4-button--small,
.ui-page-theme-a .wth4-button--small,
a.wth4-button--small {
	padding-top: clamp(0.5rem, 2.5vw, 1rem);
	padding-bottom: clamp(0.5rem, 2.5vw, 1rem);
	padding-left: 1rem;
	padding-right: 1rem;
}

/* 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(--WTH-black);
	--box-shadow: none;
	/* !important to override .ui-link class that is inserted when page is generated */
	background: transparent !important;
	border-color: transparent;
	box-shadow: var(--box-shadow);
	color: var(--color);
}

.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 {
	box-shadow: var(--box-shadow);
	opacity: 0.5;
	/* !important to override a:focus rule in wth_c.css */
	outline-color: transparent !important;
}

/* 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 {
	--align-items: center;
	--display: flex;
	--gap: 0.5rem;
	align-items: var(--align-items);
	display: var(--display);
	flex-wrap: nowrap;
	gap: var(--gap);
}

/* 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 {
	--border-radius: 5px;
	--padding-bottom: 0.5rem;
	--padding-left: 0.5rem;
	--padding-right: 0.5rem;
	--padding-top: 0.5rem;
	align-items: center;
	display: flex;
	border-radius: var(--border-radius);
	justify-content: center;
	min-height: 44px;
	min-width: 44px;
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
}

/* mini circle icon button */
.wth4-button.wth4-button--icon-mini-circle,
.wth4-button.wth4-button--icon-mini-circle:visited,
.ui-page-theme-a .wth4-button.wth4-button--icon-mini-circle,
.ui-page-theme-a .wth4-button.wth4-button--icon-mini-circle:visited,
.ui-overlay-a .wth4-button.wth4-button--icon-mini-circle,
.ui-overlay-a .wth4-button.wth4-button--icon-mini-circle:visited,
a.wth4-button.wth4-button--icon-mini-circle,
a.wth4-button.wth4-button--icon-mini-circle:visited {
	--background: transparent;
	--border-color: transparent;
	--border-radius: 50%;
	--border-width: 1px;
	--color: var(--WTH-black);
	--padding-bottom: 0.5rem;
	--padding-left: 0.5rem;
	--padding-right: 0.5rem;
	--padding-top: 0.5rem;
	min-height: 44px;
	min-width: 44px;
}

.wth4-button.wth4-button--icon-mini-circle:hover,
.wth4-button.wth4-button--icon-mini-circle:focus,
.wth4-button.wth4-button--icon-mini-circle:focus-visible,
.ui-page-theme-a .wth4-button.wth4-button--icon-mini-circle:hover,
.ui-page-theme-a .wth4-button.wth4-button--icon-mini-circle:focus,
.ui-page-theme-a .wth4-button.wth4-button--icon-mini-circle:focus-visible,
.ui-overlay-a .wth4-button.wth4-button--icon-mini-circle:hover,
.ui-overlay-a .wth4-button.wth4-button--icon-mini-circle:focus,
.ui-overlay-a .wth4-button.wth4-button--icon-mini-circle:focus-visible,
a.wth4-button.wth4-button--icon-mini-circle:hover,
a.wth4-button.wth4-button--icon-mini-circle:focus,
a.wth4-button.wth4-button--icon-mini-circle:focus-visible {
	--background: var(--WTH-whitesmoke);
	--border-color: var(--WTH-whitesmoke);
	--color: var(--WTH-black);
}

.ui-overlay-a .wth4-button.wth4-button--icon-mini-circle:active,
.ui-overlay-a .wth4-button.wth4-button--icon-mini-circle.wth4-JS-account-button--active,
.ui-page-theme-a .wth4-button.wth4-button--icon-mini-circle:active,
.ui-page-theme-a .wth4-button.wth4-button--icon-mini-circle.wth4-JS-account-button--active,
.wth4-button.wth4-button--icon-mini-circle:active,
.wth4-button.wth4-button--icon-mini-circle.wth4-JS-account-button--active,
a.wth4-button.wth4-button--icon-mini-circle:active,
a.wth4-button.wth4-button--icon-mini-circle.wth4-JS-account-button--active {
	--background: var(--WTH-whitesmoke);
	--border-color: var(--WTH-black);
	--color: var(--WTH-black);
}

/* header-nav */
.wth4-header-nav-button,
.wth4-header-nav-button:visited,
a.wth4-header-nav-button,
a.wth4-header-nav-button:visited {
	--background: transparent;
	--border-color: transparent;
	--border-radius: 0;
	--border-width: 0;
	--box-shadow: none;
	--color: var(--WTH-black);
	--font-size: 1rem;
	--font-weight: normal;
	--padding-bottom: 2rem;
	--padding-left: 1rem;
	--padding-right: 1rem;
	--padding-top: 2rem;
	background: var(--background);
	border-color: var(--border-color);
	border-radius: var(--border-radius);
	border-style: solid;
	border-width: var(--border-width);
	box-shadow: var(--box-shadow);
	color: var(--color);
	cursor: pointer;
	font-family: var(--font-family);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
	text-transform: var(--text-transform);
}

.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(--WTH-gray87);
	--border-color: var(--WTH-gray87);
	--color: var(--WTH-black);
	--text-decoration: none;
	/* !important to override .ui-link class that is inserted when page is generated */
	background: var(--background) !important;
	border-color: var(--border-color);
	box-shadow: var(--box-shadow);
	color: var(--color);
	/* !important to override a:focus rule in wth_c.css */
	outline-color: transparent !important;
	outline-offset: 0 !important;
	outline-style: none !important;
	outline-width: 0 !important;
	text-decoration: var(--text-decoration);
}

.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(--WTH-gray87);
	--border-color: var(--WTH-gray87);
	--color: var(--WTH-black);
	/* !important to override .ui-link class that is inserted when page is generated */
	background: var(--background) !important;
	border-color: var(--border-color);
	color: var(--color);
	text-decoration: var(--text-decoration);
}

/* full-width */
.wth4-button--full-width-flex,
.ui-page-theme-a .wth4-button--full-width-flex,
a.wth4-button--full-width-flex {
	display: flex;
	justify-content: space-between;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

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

/**
* [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(--WTH-white);
	--border-bottom-color: var(--WTH-gray87);
	--border-top-color: var(--WTH-gray87);
	--margin-bottom: 0;
	background-color: var(--background-color);
	border-bottom-color: var(--border-bottom-color);
	border-bottom-style: var(--border-bottom-style);
	border-bottom-width: var(--border-bottom-width);
	border-top-color: var(--border-top-color);
	border-top-style: var(--border-top-style);
	border-top-width: var(--border-top-width);
	border-top-width: var(--border-top-width);
	box-sizing: border-box;
	color: var(--color);
	font-family: var(--font-family);
	margin-bottom: var(--margin-bottom);
}

.wth4-site-banner {
	--background-color: var(--WTH-gray51);
	--box-shadow: none;
	--color: var(--WTH-white);
	--font-size: clamp(1rem, 2vw, 1.25rem);
	--font-weight: bold;
	--line-height: 1.2;
	--margin-bottom: 0.5rem;
	background-color: var(--background-color);
	box-shadow: var(--box-shadow);
	color: var(--color);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	line-height: var(--line-height);
	margin-bottom: var(--margin-bottom);
}

.wth4-site-banner__link-container {
	--max-width: auto;
	--padding-bottom: 1rem;
	--padding-left: 1rem;
	--padding-right: 1rem;
	--padding-top: 1rem;
	--text-align: center;
	--width: 100%;
	box-sizing: border-box;
	margin-left: var(--margin-left);
	margin-right: var(--margin-right);
	max-width: var(--max-width);
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
	text-align: var(--text-align);
	width: var(--width);
}

.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 {
	--color: var(--WTH-white);
	--font-size: clamp(1rem, 2vw, 1.25rem);
	--font-weight: bold;
	--line-height: 1.2;
	color: var(--color);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	line-height: var(--line-height);
}

.wth4-site-banner__countdown-container {
	color: var(--color);
}

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

/* Hide the header banner on the Customer Self Service login page */
div#css_login_page_id #HeaderBannerModule {
	display: none;
}

.wth4-site-header__desktop-utility-links-container {
	--gap: 1rem;
	--align-items: center;
	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 {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: var(--justify-content);
	margin-left: auto;
	gap: 0.5rem;
}

.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: 1rem;
	--text-decoration: none;
	color: var(--color);
	font-family: var(--font-family);
	font-size: var(--font-size);
	/* important to override font weight rule for links in desktop_rr (and likely other brand style sheets) */
	font-weight: var(--font-weight) !important;
	text-decoration: var(--text-decoration);
	text-transform: var(--text-transform);
}

.wth4-utility-links-container__link:hover,
a.wth4-utility-links-container__link:hover,
.ui-page-theme-a .wth4-utility-links-container__link:hover {
	color: var(--color);
}

.wth4-utility-links-container__link:active,
a.wth4-utility-links-container__link:active,
.ui-page-theme-a .wth4-utility-links-container__link:active {
	color: var(--color);
}

.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 {
	--color: var(--color);
	--text-decoration: none;
	text-decoration: var(--text-decoration);
}

.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 {
	text-decoration: var(--text-decoration);
}

.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 {
	text-decoration: var(--text-decoration);
}

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

.wth4-header-login-module {
	/* display: flex;
	gap: 1rem; */
}

/* if container has a child with style="display:none" applied, hide the container */
.wth4-header-login-module__button-container:has(.wth4-button[style*="display: none"]) {
	display: none;
}

.wth4-site-header__partner-container {
	--align-items: center;
	--flex-direction: row;
	--gap: 1rem;
	--justify-content: center;
	--margin-bottom: 1rem;
	--max-width: var(--WTH-site-max-width);
	align-items: var(--align-items);
	display: flex;
	flex-direction: var(--flex-direction);
	gap: var(--gap);
	justify-content: var(--justify-content);
	margin-bottom: var(--margin-bottom);
	margin-left: auto;
	margin-right: auto;
	max-width: var(--max-width);
	padding-bottom: var(--padding-bottom);
	padding-top: var(--padding-top);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	position: relative;
}

.wth4-site-header__partner-container-link-list {
	display: flex;
	gap: 1rem;
}

.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 {
	--border-top-color: transparent;
	--border-top-style: none;
	--border-top-width: 0;
	border-radius: var(--border-radius);
	border-top-color: var(--border-top-color);
	border-top-style: var(--border-top-style);
	border-top-width: var(--border-top-width);
	color: var(--color);
	display: block;
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
}

.wth4-site-header__partner-container-link:hover,
.ui-page-theme-a .wth4-site-header__partner-container-link:hover {
	/* !important to override styles set on .ui-link in wth_c.css */
	--text-decoration: none;
	background-color: var(--background-color) !important;
	color: var(--color);
	text-decoration: var(--text-decoration);
}

.wth4-site-header__partner-container-link:active,
.ui-page-theme-a .wth4-site-header__partner-container-link:active {
	text-decoration: var(--text-decoration);
}

.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 {
	/* !important to override styles set on a element in wth_c.css */
	outline-color: var(--outline-color) !important;
	outline-style: var(--outline-style) !important;
	outline-width: var(--outline-width) !important;
	/* background-color: var(--background-color); */
	color: var(--color);
	text-decoration: var(--text-decoration);
}

.wth4-site-header__content-container {
	--box-sizing: border-box;
	--max-width: var(--WTH-site-max-width);
	box-sizing: var(--box-sizing);
	font-family: var(--font-family);
	margin-left: auto;
	margin-right: auto;
	max-width: var(--max-width);
	padding-bottom: var(--WTH-site-header__content-container-padding-bottom);
	padding-left: var(--WTH-site-header__content-container-padding-left);
	padding-right: var(--WTH-site-header__content-container-padding-right);
	padding-top: var(--WTH-site-header__content-container-padding-top);
}

.wth4-site-header__desktop-content-container {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.wth4-site-header__desktop-nav-container {
	--align-items: center;
	--max-width: none;
	--margin-left: 0;
	--margin-right: 0;
	align-items: var(--align-items);
	background-color: var(--background-color);
	border-color: var(--border-color);
	border-radius: var(--border-radius);
	border-style: var(--border-style);
	border-width: var(--border-width);
	display: flex;
	gap: var(--gap);
	justify-content: space-between;
	margin-left: var(--margin-left);
	margin-right: var(--margin-right);
	max-width: var(--max-width);
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
}

.wth4-site-header__mobile-content-container {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.wth4-site-header__mobile-partner-home-link-container {
	--background-color: transparent;
	--border-bottom-width: 1px;
	--border-color: var(--WTH-gray87);
	--padding-bottom: 0.5rem;
	--padding-left: 1rem;
	--padding-right: 1rem;
	--padding-top: 0.5rem;
	background-color: var(--background-color);
	border-bottom-style: solid;
	border-bottom-width: var(--border-bottom-width);
	border-color: var(--border-color);
	display: flex;
	font-family: var(--font-family);
	justify-content: flex-end;
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-bottom);
}

.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 {
	text-transform: var(--text-transform);
	color: var(--color);
	font-weight: var(--font-weight);
}

.wth4-site-header__booking-header-content-container {
	--align-items: center;
	--justify-content: space-between;
	align-items: var(--align-items);
	display: flex;
	justify-content: var(--justify-content);
	padding-bottom: var(--padding-bottom);
	padding-top: var(--padding-top);
}

.wth4-site-header__booking-header-link-list-container {
	display: flex;
	gap: 1rem;
}

/* 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-bottom: 0.5rem;
	--padding-left: 0.5rem;
	--padding-right: 0.5rem;
	--padding-top: 0.5rem;
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
}

.wth4-site-header__booking-header-logo-container {
	display: flex;
	flex-direction: column;
}

.wth4-site-header__logo {
	--margin-bottom: 0;
	--margin-left: 0;
	margin-bottom: var(--margin-bottom);
	margin-left: var(--margin-left);
}

.wth4-site-header__logo-link {
	display: block;
	margin: 0;
}

.wth4-site-header__logo-image {
	--max-width: 10rem;
	max-width: var(--max-width);
}

.wth4-site-header__phone-container {
	--align-items: center;
	--flex-direction: row;
	--gap: 0.5rem;
	--padding-top: 0;
	align-items: var(--align-items);
	display: flex;
	flex-direction: var(--flex-direction);
	gap: var(--gap);
	padding-top: var(--padding-top);
}

.wth4-site-header__phone-container--label-after {
	--align-items: flex-end;
	--flex-direction: column;
	--gap: 0;
}

/* TODO: Fix targeting and sizing of icon for cross-brand consistency */
i.wth4-site-header__phone-icon {
	--margin-right: 0;
	font-size: var(--font-size);
	margin-right: var(--margin-right);
}

/*
if setting the font size of the header phone number larger than 1rem, use a
responsive method such as clamp() to set the font size. This is to ensure the 
booking header phone number does not overflow the header on smaller screens.
ex. --font-size: clamp(1rem, 2.5vw, 2rem);
*/
.ui-page-theme-a .wth4-site-header__phone-link,
.wth4-site-header__phone-link,
a.wth4-site-header__phone-link {
	--font-size: 1rem;
	font-family: var(--font-family);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
}

.wth4-site-header__phone-link,
.wth4-site-header__phone-link:visited,
.ui-page-theme-a .wth4-site-header__phone-link,
.ui-page-theme-a .wth4-site-header__phone-link:visited,
a.wth4-site-header__phone-link,
a.wth4-site-header__phone-link {
	--font-weight: normal;
	--text-decoration: none;
	color: var(--color);
	font-weight: var(--font-weight);
	text-decoration: var(--text-decoration);
}

.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 {
	color: var(--color);
	display: var(--display);
	font-weight: var(--font-weight);
	justify-content: var(--justify-content);
	margin-top: var(--margin-top);
}

.wth4-site-header__list,
.wth4-mobile-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

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

/**
* [Mega Menu]
*/

/******************************************************************************/
.wth4-mega-menu {
	align-self: var(--align-self);
}

.wth4-mega-menu-list-container {
	padding-bottom: 1.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

/*
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 {
	display: flex;
	gap: var(--gap);
}

/* 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(--color);
	display: block;
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	padding: 0.25rem 0;
	text-decoration: var(--text-decoration);
	text-transform: var(--text-transform);
}

.wth4-mega-menu-link:hover,
a.wth4-mega-menu-link:hover,
.wth4-mega-menu-link:focus,
a.wth4-mega-menu-link:focus {
	--opacity: 0.5;
	color: var(--color);
	opacity: var(--opacity);
	/* important to override style set in wth_c.css */
	outline: none !important;
	text-decoration: var(--text-decoration);
}

.wth4-mega-menu__content-panel {
	--background: var(--WTH-white);
	--border-bottom-left-radius: 24px;
	--border-bottom-right-radius: 24px;
	--border-top-left-radius: 0;
	--border-top-right-radius: 0;
	--box-shadow: -16px 46px 36px rgba(0, 0, 0, 0.25), 16px 46px 36px rgba(0, 0, 0, 0.25), 0px 36px 36px rgba(0, 0, 0, 0.25);
	background: var(--background);
	border-bottom-left-radius: var(--border-bottom-left-radius);
	border-bottom-right-radius: var(--border-bottom-right-radius);
	border-top-left-radius: var(--border-top-left-radius);
	border-top-right-radius: var(--border-top-right-radius);
	box-shadow: var(--box-shadow);
	width: 100%;
	z-index: 1000;
}

.wth4-mega-menu__marketing-placement {
	--background-color: var(--WTH-gray51);
	--background-image: none;
	--background-blend-mode: luminosity;
	--border-radius: 0;
	--color: var(--WTH-white);
	--font-size: clamp(1rem, 2vw, 2rem);
	--font-weight: normal;
	--padding-bottom: 1.5rem;
	--padding-left: 1.5rem;
	--padding-right: 1.5rem;
	--padding-top: 1.5rem;
	align-items: center;
	background-blend-mode: var(--background-blend-mode);
	background-color: var(--background-color);
	background-image: var(--background-image);
	background-position: bottom center;
	border-color: var(--border-color);
	border-radius: var(--border-radius);
	border-style: var(--border-style);
	border-width: var(--border-width);
	color: var(--color);
	display: flex;
	flex-direction: column;
	font-family: var(--font-family);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	gap: 1.5rem;
	grid-column-end: 6;
	grid-column-start: 1;
	grid-row-end: 2;
	grid-row-start: 2;
	line-height: 1.2;
	margin-top: 4rem;
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
}

.wth4-mega-menu__marketing-placement-button-container {
	width: 100%;
}

.wth4-mega-menu__category-heading {
	--font-size: 1.5rem;
	--font-weight: 500;
	--text-transform: none;
	color: var(--color);
	font-family: var(--font-family);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	text-transform: var(--text-transform);
}

.wth4-mega-menu__button-container {
	width: fit-content;
}

.wth4-mega-menu-top-level-nav-button {
	display: none;
}

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

/**
* [Mobile Menu]
*/

/******************************************************************************/
.wth4-mobile-menu {
	--background-color: var(--WTH-white);
	--border-top: 1px solid var(--WTH-gray87);
	background-color: var(--background-color);
	border-top: var(--border-top);
	overflow-x: hidden;
	width: 100%;
	position: absolute;
	position: fixed;
	z-index: 900;
}

.wth4-mobile-menu__content-container {
	margin-right: 0.4rem;
	padding-bottom: 12.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 2.75rem;
	position: relative;
}

.wth4-mobile-menu__category-heading {
	--font-size: 1.5rem;
	--font-weight: 500;
	--text-transform: none;
	color: var(--color);
	font-family: var(--font-family);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	text-transform: var(--text-transform);
}

.wth4-mobile-menu__slider {
	--background: var(--WTH-white);
	background: var(--background);
	bottom: 0;
	box-sizing: border-box;
	height: 100%;
	margin-top: calc(var(--header-height) + var(--slider-back-button-container-height));
	overflow: auto;
	padding-top: 2.75rem;
	padding-bottom: 200px;
	padding-left: 2rem;
	padding-right: 2rem;
	position: fixed;
	top: 0;
	width: 100%;
}

.wth4-mobile-menu__back-button-panel {
	border-bottom: 0.0625rem solid var(--WTH-gray87);
	transition: ease-in-out 0.75s;
	position: relative;
	position: fixed;
	background-color: var(--WTH-white);
	width: 100%;
}

.wth4-mobile-menu__back-button-container {
	width: fit-content;
}

/* TODO: ORGANIZE STYLES BELOW */
.wth4-desktop-display-toggle {
	display: none;
}

@keyframes slide-out-to-right {
	from {
		left: 0;
	}

	to {
		left: 100%;
	}
}

@keyframes slide-in-from-left {
	from {
		left: 100%;
	}

	to {
		left: 0;
	}
}

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

/**
* [Footer]
*/

/******************************************************************************/
/* Outer footer container */
.wth-footer-dotcms {
	/* needed to clear old existing floats in current platform */
	--margin-top: 2rem;
	clear: both;
	margin-top: var(--margin-top);
}

/* Inner footer container */
.wth4-site-footer {
	--background-image: none;
	--background-position: auto;
	--background-repeat: no-repeat;
	--color: var(--WTH-black);
	--padding-top: 0;
	background-color: var(--background-color);
	background-image: var(--background-image);
	background-position: var(--background-position);
	background-repeat: var(--background-repeat);
	border-top-color: var(--border-top-color);
	border-top-style: var(--border-top-style);
	border-top-width: var(--border-top-width);
	box-sizing: border-box;
	color: var(--color);
	font-family: var(--font-family);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	padding-bottom: 128px;
	padding-top: var(--padding-top);
}

.wth4-site-footer--booking-footer {
	background-color: var(--background-color);
}

.wth4-site-footer__partner-container {
	background-color: var(--background-color);
}

.wth4-site-footer__main-content-container {
	background-color: var(--background-color);
}

.wth4-site-footer__main-content {
	--max-width: var(--WTH-site-max-width);
	--padding-bottom: 50px;
	--padding-left: 1rem;
	--padding-right: 1rem;
	--padding-top: 2rem;
	border-top-color: var(--border-top-color);
	border-top-style: var(--border-top-style);
	border-top-width: var(--border-top-width);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	line-height: var(--line-height);
	margin: 0 auto;
	max-width: var(--max-width);
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
	width: 100%;
}

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

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

.wth4-site-footer__heading {
	--font-size: 1.5rem;
	--font-weight: 500;
	--text-transform: none;
	color: var(--color);
	font-family: var(--font-family);
	font-family: var(--font-family);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	margin-bottom: 1rem;
	margin-top: 1rem;
	text-align: center;
	text-transform: var(--text-transform);
}

.wth4-site-footer__partner-content {
	--max-width: var(--WTH-site-max-width);
	--padding-bottom: 50px;
	--padding-left: 1rem;
	--padding-right: 1rem;
	--padding-top: 2rem;
	box-sizing: border-box;
	display: flex;
	margin: 0 auto;
	max-width: var(--max-width);
	padding-bottom: var(--padding-bottom, 50px);
	padding-left: var(--padding-left, 1rem);
	padding-right: var(--padding-right, 1rem);
	padding-top: var(--padding-top, 2rem);
}

.wth4-site-footer__legal-copy {
	--border-top-color: transparent;
	--border-top-style: none;
	--border-top-width: 0;
	--color: var(--WTH-gray51);
	--font-weight: normal;
	--line-height: 1.2rem;
	--text-align: left;
	border-top-color: var(--border-top-color);
	border-top-style: var(--border-top-style);
	border-top-width: var(--border-top-width);
	color: var(--color);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	justify-content: start;
	line-height: var(--line-height);
	text-align: var(--text-align);
}

.wth4-site-footer__list--inline {
	--flex-direction: column;
	--justify-content: center;
	display: flex;
	flex-direction: var(--flex-direction);
	gap: 10px;
	justify-content: var(--justify-content);
	list-style-type: none;
}

.wth4-site-footer__link-group-container,
.wth4-site-footer__link-groups-container {
	--border-top-style: none;
	--border-top-width: 0;
	--max-width: none;
	--padding-top: 0;
	border-top-color: var(--border-top-color);
	border-top-style: var(--border-top-style);
	border-top-width: var(--border-top-width);
	max-width: var(--max-width);
	padding-top: var(--padding-top);
}

.wth4-site-footer__link-groups-container--primary {
	--display: flex;
	display: var(--display);
	justify-content: var(--justify-content);
}

.wth4-site-footer__link-groups-container--secondary {
	--display: flex;
	--justify-content: end;
	display: var(--display);
	justify-content: var(--justify-content);
}

.wth4-site-footer__email-signup {}

.wth4-site-footer__logo-container {}

.wth4-site-footer__list-heading {
	--font-size: 1.5rem;
	--font-weight: 500;
	--text-transform: none;
	color: var(--color);
	font-family: var(--font-family);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	text-transform: var(--text-transform);
	white-space: var(--white-space);
}

.wth4-site-footer__icon-group {
	--border-bottom-style: none;
	--border-bottom-width: 0;
	--border-top-style: none;
	--border-top-width: 0;
	--gap: 1.2rem;
	--justify-content: center;
	--margin-left: 0;
	--margin-right: 0;
	--max-width: fit-content;
	--padding-bottom: 0;
	--padding-left: 0;
	--padding-right: 0;
	--padding-top: 0;
	border-bottom-color: var(--border-bottom-color);
	border-bottom-style: var(--border-bottom-style);
	border-bottom-width: var(--border-bottom-width);
	border-top-color: var(--border-top-color);
	border-top-style: var(--border-top-style);
	border-top-width: var(--border-top-width);
	display: flex;
	font-size: var(--font-size);
	gap: var(--gap);
	justify-content: var(--justify-content);
	margin-left: var(--margin-left);
	margin-right: var(--margin-right);
	max-width: var(--max-width);
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
}

.wth4-site-footer__email-signup {}

.wth4-site-footer__email-signup-heading {
	--font-size: 2rem;
	--font-weight: 600;
	font-size: var(--font-size);
	font-weight: var(--font-weight);
}

.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 {
	--color: var(--WTH-black);
	--text-decoration: underline;
	color: var(--color);
	text-decoration: var(--text-decoration);
}

.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 {
	--text-decoration: none;
}

.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(--WTH-black);
	border: var(--border);
	color: var(--color);
	display: block;
	text-decoration: none;
}

.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(--color);
}

.wth4-site-footer__icon-group-link:active,
a.wth4-site-footer__icon-group-link:active {
	color: var(--color);
}

.wth4-site-footer__link,
a.wth4-site-footer__link,
.wth4-site-footer__link:visited,
a.wth4-site-footer__link:visited {
	--color: var(--WTH-black);
	--font-weight: normal;
	--text-decoration: none;
	border: var(--border);
	color: var(--color);
	font-weight: var(--font-weight, normal);
	text-decoration: var(--text-decoration, none);
}

.wth4-site-footer__link:hover,
a.wth4-site-footer__link:hover,
.wth4-site-footer__link:focus,
a.wth4-site-footer__link:focus {
	--color: var(--WTH-black);
	--text-decoration-line: none;
	color: var(--color);
	/* important to override style set in wth_c.css */
	outline: none !important;
	text-decoration-color: var(--text-decoration-color);
	text-decoration-line: var(--text-decoration-line);
}

.wth4-site-footer__link:active,
a.wth4-site-footer__link:active {
	--color: var(--WTH-black);
	--text-decoration: none;
	color: var(--color);
	text-decoration: var(--text-decoration);
}

.wth4-site-footer__logo-container {
	--grid-column-end: 4;
	--grid-column-start: 3;
	--grid-row-start: 2;
	--justify-content: center;
	--margin-left: 0;
	--margin-right: 0;
	--max-width: none;
	--text-align: center;
	font-family: var(--font-family);
	font-size: var(--font-size);
	grid-column-end: var(--grid-column-end);
	grid-column-start: var(--grid-column-start);
	grid-row-start: var(--grid-row-start);
	justify-content: var(--justify-content);
	margin-left: var(--margin-left);
	margin-right: var(--margin-right);
	max-width: var(--max-width);
	text-align: var(--text-align);
}

.wth4-site-footer__logo-container-copy {
	margin-bottom: 0.5rem;
}

.wth4-site-footer__logo-image {
	--height: auto;
	--width: 100%;
	height: var(--height);
	max-height: var(--max-height);
	max-width: var(--max-width);
	width: var(--width);
}

.wth4-site-footer__feature-container {
	--box-shadow: none;
	--padding-top: 2rem;
	background-color: var(--background-color);
	box-shadow: var(--box-shadow);
	padding-top: var(--padding-top);
}

.wth4-site-footer__feature {
	--display: flex;
	--gap: 0;
	--max-width: var(--WTH-site-max-width);
	--padding-bottom: 0;
	--padding-left: 0;
	--padding-right: 0;
	--padding-top: 0;
	align-items: center;
	display: var(--display);
	flex-direction: column;
	gap: var(--gap);
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin: 0 auto;
	max-width: var(--max-width);
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
	text-align: center;
}

.wth4-site-footer__feature-heading {
	--background-color: var(--WTH-gray51);
	--color: var(--WTH-white);
	--font-size: clamp(1rem, 2vw, 1.25rem);
	--font-weight: bold;
	--line-height: 1.2;
	--padding-bottom: 1rem;
	--padding-left: 1rem;
	--padding-right: 1rem;
	--padding-top: 1rem;
	background-color: var(--background-color);
	color: var(--color);
	font-family: var(--font-family);
	font-size: var(--font-size);
	font-weight: var(--font-weight);
	line-height: var(--line-height);
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
	text-align: center;
}

.wth4-site-footer__feature-icon-list {
	--border-bottom-color: transparent;
	--border-bottom-style: none;
	--gap: 1rem;
	--padding-bottom: 1rem;
	--padding-left: 1rem;
	--padding-right: 1rem;
	--padding-top: 1rem;
	border-bottom-color: var(--border-bottom-color);
	border-bottom-style: var(--border-bottom-style);
	border-bottom-width: var(--border-bottom-width);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	padding-bottom: var(--padding-bottom);
	padding-left: var(--padding-left);
	padding-right: var(--padding-right);
	padding-top: var(--padding-top);
	width: 100%;
}

.wth4-site-footer__feature-icon-list-item {
	--border-bottom-color: transparent;
	--border-bottom-style: none;
	--border-right-color: transparent;
	--border-right-style: none;
	--padding-bottom: 1rem;
	--padding-left: 1rem;
	--padding-right: 1rem;
	--padding-top: 1rem;
	border-bottom-color: var(--border-bottom-color);
	border-bottom-style: var(--border-bottom-style);
	border-bottom-width: var(--border-bottom-width);
	border-right-color: var(--border-right-color);
	border-right-style: var(--border-right-style);
	border-right-width: var(--border-right-width);
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding-bottom: var(--padding-bottom);
	padding-top: var(--padding-top);
}

.wth4-site-footer__feature-copy {
	color: var(--color);
}

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

.wth4-site-footer__feature-image {
	max-width: var(--max-width);
	width: 100%;
}

.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(--WTH-black);
	--font-weight: normal;
	--text-decoration: none;
	font-weight: var(--font-weight);
	text-decoration: var(--text-decoration);
}

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

.wth4-site-footer__phone-link:active,
.ui-page-theme-a .wth4-site-footer__phone-link:active,
a.wth4-site-footer__phone-link:active {
	--color: var(--WTH-black);
}

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

/**
* [Uncategorized]
*/

/******************************************************************************/
.wth4-divider {
	/* avoid setting opacity as it introduces a display bug in the mobile menu */
	--border-color: var(--WTH-black);
	--border-style: solid;
	--border-width: 2px;
	--margin-bottom: 0.5rem;
	border-color: var(--border-color);
	border-style: var(--border-style);
	border-width: var(--border-width);
	margin-bottom: var(--margin-bottom);
	margin-left: 0;
	margin-right: 0;
	width: 16px;
}

.wth4-vertical-divider {
	--border-color: var(--WTH-black);
	--border-style: solid;
	--border-width: 1px;
	--height: 1rem;
	border-color: var(--border-color);
	border-style: var(--border-style);
	border-width: var(--border-width);
	height: var(--height);
	width: 0;
}

.wth4-svg-icon {
	height: auto;
	max-height: 1rem;
	max-width: 1rem;
	object-fit: contain;
}

.wth4-img-icon {
	height: auto;
	max-height: 1rem;
	max-width: 1rem;
	object-fit: contain;
	width: 1rem;
}

.wth4-icon-link-container {
	align-items: center;
	display: flex;
	gap: 5px;
}

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

/**
* [Javascript Dependent Styles]
*/

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

.js-mobile-menu {
	display: none;
	opacity: 0;
}

.js-mobile-menu--open {
	display: block;
	opacity: 1;
	height: 100%;
}

.js-slider {
	display: none;
	transform: translate(100%);
	transition: ease-in-out 0.75s;
	visibility: hidden;
}

.js-slider--open {
	animation: slide-in-from-left 0.75s ease-in-out;
	display: block;
	left: 0;
	opacity: 1;
	transform: translate(0);
	visibility: visible;
}

.js-slider--closed {
	animation: slide-out-to-right 0.75s ease-in-out;
	opacity: 0;
	transform: translate(100%);
	visibility: hidden;
}

.js-mobile-menu__back-button-panel {
	--background-color: var(--WTH-white);
	background-color: var(--background-color);
	opacity: 0;
	transform: translate(100%);
	visibility: hidden;
}

.js-mobile-menu__back-button-panel--open {
	animation: slide-in-from-left 0.75s ease-in-out;
	left: 0;
	opacity: 1;
	transform: translate(0);
	visibility: visible;
	z-index: 1;
}

.js-mega-menu__content-panel {
	display: none;
	opacity: 0;
}

.js-mega-menu__content-panel--open {
	display: block;
	opacity: 1;
}

/* These rules are added when the mobile menu is open. Not for use with the desktop header. */
@media (max-width: 1053px) {
	.js-site-header--fixed {
		position: fixed;
		top: 0;
	}

	.js-body--overflow-hidden {
		overflow: hidden;
	}
}

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

/**
* [Layout Grid]
*/

/******************************************************************************/
@supports (display: grid) {
	.wth4-grid {
		display: grid !important;
		grid-gap: var(--WTH-reflex-grid-spacing) !important;
		grid-template-columns: repeat(var(--WTH-reflex-columns), 1fr) !important;
		row-gap: var(--WTH-reflex-grid-spacing) !important;
	}

	.wth4-col-span-all {
		grid-column: 1 / -1 !important;
	}

	/* .wth4-col-12 {
		grid-column: span 12;
	}

	.wth4-col-11 {
		grid-column: span 11;
	}

	.wth4-col-10 {
		grid-column: span 10;
	}

	.wth4-col-9 {
		grid-column: span 9;
	}

	.wth4-col-8 {
		grid-column: span 8;
	}

	.wth4-col-7 {
		grid-column: span 7;
	}

	.wth4-col-6 {
		grid-column: span 6;
	}

	.wth4-col-5 {
		grid-column: span 5;
	} */

	.wth4-col-4 {
		grid-column: span 4;
	}

	.wth4-col-3 {
		grid-column: span 3;
	}

	.wth4-col-2 {
		grid-column: span 2;
	}

	.wth4-col-1 {
		grid-column: span 1;
	}

	.wth4-col-spacer-1 {
		--display: none;
		background: transparent;
		display: var(--display);
		grid-column-start: 1;
	}
}

/******************************************************************************/
/* Support Queries */

/******************************************************************************/
/*
Safari iOS 10.2 and below (iPhone X) does not support gap property
https://caniuse.com/?search=gap
*/
@supports not (gap: var(--gap)) {
	.wth4-site-footer__icon-group li {
		margin-left: calc(var(--gap)/2);
		margin-right: calc(var(--gap)/2);
	}

	.wth4-site-footer__icon-group li:first-child {
		margin-left: 0;
	}

	.wth4-site-footer__icon-group li:last-child {
		margin-right: 0;
	}

	.wth4-site-footer__main-content>*+* {
		margin-top: 1rem;
	}

}

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

/******************************************************************************/
/* Extra small devices (portrait phones, 576px and up) */
@media (min-width: 576px) {

	/* *** Layout Grid *** */
	.wth4-grid {
		--WTH-reflex-columns: 4;
	}

	[class*=wth4-col-] {
		width: auto !important;
	}

	.wth4-col-xs-4 {
		grid-column: span 4;
	}

	.wth4-col-xs-3 {
		grid-column: span 3;
	}

	.wth4-col-xs-2 {
		grid-column: span 2;
	}

	.wth4-col-xs-1 {
		grid-column: span 1;
	}
}

/* Small devices (landscape phones, 768px and up) */
@media (min-width: 768px) {

	/* *** footer *** */
	.wth4-site-footer__main-content,
	.wth4-site-footer__partner-content {
		--grid-template-columns: repeat(4, 1fr);
		--grid-template-rows: 1fr auto;
		display: grid;
		gap: clamp(10px, 4vw, 50px);
		grid-template-columns: var(--grid-template-columns);
		grid-template-rows: var(--grid-template-rows);
		justify-items: var(--justify-items);
	}

	.wth4-site-footer__main-content>*+*,
	.wth4-site-footer__partner-content>*+* {
		margin-top: 0;
	}

	.wth4-site-footer__email-signup {
		--grid-column-end: -1;
		--grid-column-start: 1;
		--grid-row-start: 1;
		grid-column-end: var(--grid-column-end);
		grid-column-start: var(--grid-column-start);
		grid-row-start: var(--grid-row-start);
	}

	.wth4-site-footer__link-group-container,
	.wth4-site-footer__link-groups-container {
		grid-row-start: 1;
	}

	.wth4-site-footer__link-groups-container--primary {
		--grid-column-end: -1;
		--grid-column-start: 1;
		--grid-row-start: 2;
		grid-column-end: var(--grid-column-end);
		grid-column-start: var(--grid-column-start);
		grid-row-start: var(--grid-row);
	}

	.wth4-site-footer__link-groups-container--secondary {
		--grid-column-start: 1;
		--grid-column-end: -1;
		--grid-row-start: 3;
		--justify-content: start;
		grid-column-start: var(--grid-column-start);
		grid-column-end: var(--grid-column-end);
		grid-row-start: var(--grid-row-start);
	}

	.wth4-site-footer__legal-copy {
		--grid-column-end: 3;
		--grid-column-start: 1;
		--grid-row-start: 2;
		grid-column-end: var(--grid-column-end);
		grid-column-start: var(--grid-column-start);
		grid-row-start: var(--grid-row-start);
	}

	.wth4-site-footer__list--inline {
		flex-wrap: wrap;
		flex-direction: row;
		gap: 1rem;
	}

	.wth4-site-footer__list-item--inline {
		--border-right-color: var(--WTH-white);
		--border-right-style: solid;
		--padding-left: 1rem;
		--padding-right: 1rem;
		border-right-color: var(--border-right-color);
		border-right-style: var(--border-right-style);
		border-right-width: 1px;
		padding-left: var(--padding-left);
		padding-right: var(--padding-right);
	}

	.wth4-site-footer__list--inline li.wth4-site-footer__list-item--inline:first-child {
		padding-left: 0;
	}

	.wth4-site-footer__list--inline li.wth4-site-footer__list-item--inline:last-child {
		border-right-style: none;
		padding-right: 0;
	}

	.wth4-site-footer__list--inline>*+* {
		margin-top: 0;
	}

	.wth4-site-footer__feature-icon-list {
		flex-direction: row;
	}

	.wth4-site-footer__feature-icon-list-item {
		width: 33.333%;
	}

	/* *** Layout Grid *** */
	.wth4-grid {
		--WTH-reflex-columns: 8;
	}

	.wth4-col-sm-8 {
		grid-column: span 8;
	}

	.wth4-col-sm-7 {
		grid-column: span 7;
	}

	.wth4-col-sm-6 {
		grid-column: span 6;
	}

	.wth4-col-sm-5 {
		grid-column: span 5;
	}

	.wth4-col-sm-4 {
		grid-column: span 4;
	}

	.wth4-col-sm-3 {
		grid-column: span 3;
	}

	.wth4-col-sm-2 {
		grid-column: span 2;
	}

	.wth4-col-sm-1 {
		grid-column: span 1;
	}

	.wth4-col-spacer-1 {
		--display: block;
	}

}

/* Medium devices (tablets, 992px and up) */
@media (min-width: 992px) {

	/* *** header *** */
	.wth4-mega-menu__content-panel-container {
		width: 100%;
	}

	.wth4-mega-menu__content-panel {
		left: 50%;
		max-width: fit-content;
		transform: translateX(-50%);
	}

	#mobile-menu-button {
		display: none;
	}

	.wth4-mobile-display-toggle {
		display: none;
	}

	.wth4-desktop-display-toggle {
		display: block;
	}

	.wth4-mega-menu__content-panel-container {
		left: 0;
		position: absolute;
		top: var(--header-height);
	}

	.wth4-mega-menu__content-panel {
		max-width: var(--mega-menu-max-width, 1280px);
		min-width: var(--mega-menu-min-width, auto);
		position: absolute;
	}

	.wth4-mega-menu__content-panel-grid {
		display: grid;
		gap: 1rem;
		grid-template-columns: repeat(5, auto);
		grid-template-rows: 1fr auto;
		padding: 1.5rem;
	}

	.wth4-mega-menu__marketing-placement {
		flex-direction: row;
		margin-top: 0;
	}

	.wth4-mega-menu__marketing-placement-button-container {
		width: auto;
		margin-left: auto;
	}

	/* *** footer *** */
	.wth4-site-footer__main-content,
	.wth4-site-footer__partner-content {
		gap: clamp(1rem, 4vw, 50px);
	}

	.wth4-stack--responsive {
		flex-direction: row;
		gap: 2.5rem;
	}

	.wth4-stack--responsive>*+* {
		margin-top: 0;
	}

	.wth4-site-footer__legal-copy {}

	.wth4-site-footer__link-groups-container--secondary {
		--grid-column-end: -1;
		--grid-column-start: 3;
	}

	/* *** Layout Grid *** */
	.wth4-grid {
		--WTH-reflex-columns: 8;
	}

	.wth4-col-md-8 {
		grid-column: span 8;
	}

	.wth4-col-md-7 {
		grid-column: span 7;
	}

	.wth4-col-md-6 {
		grid-column: span 6;
	}

	.wth4-col-md-5 {
		grid-column: span 5;
	}

	.wth4-col-md-4 {
		grid-column: span 4;
	}

	.wth4-col-md-3 {
		grid-column: span 3;
	}

	.wth4-col-md-2 {
		grid-column: span 2;
	}

	.wth4-col-md-1 {
		grid-column: span 1;
	}

}

/* Large devices (desktops, 1200px and up) */
@media (min-width: 1200px) {

	/* *** header *** */
	.wth4-mega-menu__content-panel {
		/*
	--mega-menu-left-offset is based on the position of #mega-menu, set in js.
	Must subtract wth4-site-header__content-container-padding-left from
	mega-menu-left-offset to get proper positioning of mega menu content panels
	*/
		--left: var(--mega-menu-left-offset);
		--max-width: fit-content;
		--min-width: 1024px;
		--transform: none;
		left: var(--left);
		max-width: var(--max-width);
		min-width: var(--min-width);
		transform: var(--transform);
	}

	/* *** footer *** */
	.wth4-site-footer__main-content,
	.wth4-site-footer__partner-content {}

	.wth4-site-footer__link-groups-container--primary {
		--grid-column-end: -1;
		--grid-column-start: 3;
		--grid-row-start: 1;
		--justify-content: space-between;
	}

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

	.wth4-site-footer__legal-copy {}

	.wth4-site-footer__email-signup {
		--grid-column-end: 3;
		--grid-column-start: 1;
	}

	/* *** Layout Grid *** */
	.wth4-grid {
		--WTH-reflex-columns: 12;
	}

	.wth4-col-lg-12 {
		grid-column: span 12;
	}

	.wth4-col-lg-11 {
		grid-column: span 11;
	}

	.wth4-col-lg-10 {
		grid-column: span 10;
	}

	.wth4-col-lg-9 {
		grid-column: span 9;
	}

	.wth4-col-lg-8 {
		grid-column: span 8;
	}

	.wth4-col-lg-7 {
		grid-column: span 7;
	}

	.wth4-col-lg-6 {
		grid-column: span 6;
	}

	.wth4-col-lg-5 {
		grid-column: span 5;
	}

	.wth4-col-lg-4 {
		grid-column: span 4;
	}

	.wth4-col-lg-3 {
		grid-column: span 3;
	}

	.wth4-col-lg-2 {
		grid-column: span 2;
	}

	.wth4-col-lg-1 {
		grid-column: span 1;
	}

	.wth4-lg-align-items-center {
		align-items: center;
	}

	.wth4-col-spacer-1 {
		--display: none;
	}

}

/* Extra large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) {

	/* *** Layout Grid *** */
	.wth4-grid {
		--WTH-reflex-columns: 12;
	}

	.wth4-col-xlg-12 {
		grid-column: span 12;
	}

	.wth4-col-xlg-11 {
		grid-column: span 11;
	}

	.wth4-col-xlg-10 {
		grid-column: span 10;
	}

	.wth4-col-xlg-9 {
		grid-column: span 9;
	}

	.wth4-col-xlg-8 {
		grid-column: span 8;
	}

	.wth4-col-xlg-7 {
		grid-column: span 7;
	}

	.wth4-col-xlg-6 {
		grid-column: span 6;
	}

	.wth4-col-xlg-5 {
		grid-column: span 5;
	}

	.wth4-col-xlg-4 {
		grid-column: span 4;
	}

	.wth4-col-xlg-3 {
		grid-column: span 3;
	}

	.wth4-col-xlg-2 {
		grid-column: span 2;
	}

	.wth4-col-xlg-1 {
		grid-column: span 1;
	}
}