/* wth_cms_wwwaadvantagecruises.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
* Media Queries
*/

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

/******************************************************************************/
/* https://www.color-hex.com/color-names.html */
@import url('/includes/fonts/aaweb_custom_fonts.css');
:root {
	/* Brand Palette -- if updating, copy changes to desktop_{brand}.css */
	--BRAND-black: #1b1f23 !important;
	--BRAND-blue: #006dc0 !important;
	--BRAND-darkgray: #5e6d7a !important;
	--BRAND-palesky: #d0dae0 !important;
	--BRAND-palesliver: #f3f5f7 !important;
	--BRAND-rust: #b23c1b !important;
	--BRAND-snowdrift: #f9fafb !important;
	--BRAND-subtleblue: #b8dfef !important;
	--BRAND-white: #fff !important;

	/* Brand Fonts*/
	--BRAND-heading-font: 'CharFix','americansans_mediumregular', sans-serif;
	--BRAND-body-font: 'americansansregular', sans-serif;

	/* site setup  */
	--WTH-site-max-width: 1280px;

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

}

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

/**
* [Global Styles]
*/

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

header,
footer {}

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

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

/**
* [Buttons]
*/

/******************************************************************************/
/* important to ensure mobile menu button opacity dosn't change on hover/focus */
.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-blue);
	--border-color: var(--BRAND-blue);
	--border-radius: 4px;
	--border-width: 1px;
	--color: var(--BRAND-white);
	--font-size: clamp(14px, 2.5vw, 1rem);
	--font-weight: 700;
	--padding-bottom: 0.7rem;
	--padding-left: 0.7rem;
	--padding-right: 0.7rem;
	--padding-top: 0.7rem;
	min-width: 88px
}

/* 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: #003e92;
	--border-color: #003e92;
}

.wth4-button:active,
.ui-page-theme-a .wth4-button:active,
a.wth4-button:active {
	--background: var(--BRAND-blue);
	--border-color: var(--BRAND-blue);
}

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

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

.wth4-button.wth4-button--success:active,
.ui-page-theme-a .wth4-button.wth4-button--success:active,
a.wth4-button.wth4-button--success: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);
}

.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.7rem;
}

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

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

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

/* 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;
	--color: var(--BRAND-black);
	--font-weight: 700;
}

.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: transparent;
	--border-color: transparent;
	--color: var(--BRAND-blue);
	--text-decoration: underline;
	text-decoration-thickness: 0.25rem;
	text-underline-offset: 0.25rem;
	text-decoration-skip-ink: none;
}

.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: transparent;
	--border-color: transparent;
	--color: var(--BRAND-blue);
	--text-decoration: underline;
	text-decoration-thickness: 0.25rem;
	text-underline-offset: 0.25rem;
	text-decoration-skip-ink: none;
}

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

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

.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 {
	--padding-left: 0;
	--padding-right: 0;
}

/* 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 {
	--text-decoration: none;
	--font-weight: bold;
}

.wth4-utility-links-container__link:hover,
a.wth4-utility-links-container__link:hover,
.ui-page-theme-a .wth4-utility-links-container__link:hover {
	--text-decoration: underline;
}

.wth4-utility-links-container__link:active,
a.wth4-utility-links-container__link:active,
.ui-page-theme-a .wth4-utility-links-container__link:active {
	--text-decoration: none;
}

.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 {
	--padding-bottom: 1.75rem;
	--padding-top: 1.75rem;
	--padding-left: 33px;
	--padding-right: 33px;
	box-sizing: border-box;
}

.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:active,
.ui-page-theme-a .wth4-site-header__partner-container-link:active {}

.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 {
	max-width: none;
}

.wth4-site-header__desktop-content-container {
	border-bottom: 3px solid #f3f5f7; 
}

.wth4-site-header__desktop-nav-container {
	--margin-left: auto;
	--margin-right: auto;
	--max-width: var(--WTH-site-max-width);
	--padding-left: 33px;
	--padding-right: 33px;
	box-sizing: border-box;
}

.wth4-site-header__mobile-content-container {
	border-bottom: 3px solid #f3f5f7;
	padding-bottom: 0.75rem;
	padding-left: 0.75rem;
	padding-right: 0;
	padding-top: 0.75rem;
}

.wth4-site-header__mobile-partner-home-link-container {
	--background-color: #f3f5f7;
	--border-bottom-width: 0;
	--padding-bottom: 1rem;
	--padding-left: 2rem;
	--padding-right: 2rem;
	--padding-top: 1rem;
	color: var(--BRAND-darkgray);
	display: flex;
	flex-direction: column;
	font-size: 0.75rem;
	gap: 1rem;
	justify-content: flex-end;
	text-align: right;
}

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

.wth4-site-header__logo-link {}

.wth4-site-header__logo-image {
	max-width: clamp(110px, 2vw, 160px);
}

.wth4-site-header__phone-container {}

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

i.wth4-site-header__phone-icon {}

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

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

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

.wth4-site-header__phone-link:active,
.ui-page-theme-a .wth4-site-header__phone-link:active,
a.wth4-site-header__phone-link:active {
	--color: var(--BRAND-blue);
	--text-decoration: none;
}

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

.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 {
	border-top: 1px solid var(--BRAND-palesliver);
}

.wth4-mega-menu__marketing-placement {
	--background-color: var(--BRAND-palesliver);
	--border-color: #b4c1cf;
	--border-radius: 12px;
	--border-style: solid;
	--border-width: 1px;
	--color: var(--BRAND-black);
}

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

.wth4-mega-menu__category-heading {
	--color: var(--BRAND-darkgray);
	--font-size: 0.875rem;
	--font-weight: 700;
}

.wth4-mega-menu__button-container {
	border-bottom: 1px solid #bbc8d4;
	padding-bottom: 0.5rem;
	width:100%;
}

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

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

/**
* [Mobile Menu]
*/

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

.wth4-mobile-menu__content-container {}

.wth4-mobile-menu__category-heading {}

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

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

.wth4-site-footer__partner-container {}

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

.wth4-site-footer__main-content {
	--padding-bottom: 1.5rem;
	--padding-top: 1.5rem;
}

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

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

.wth4-site-footer__heading {}

.wth4-site-footer__partner-content {}

.wth4-site-footer__legal-copy {}

.wth4-site-footer__list--inline {}

.wth4-site-footer__link-group-container,
.wth4-site-footer__link-groups-container {
	--max-width: 210px;
}

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

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

.wth4-site-footer__email-signup {}

.wth4-site-footer__list-heading {
	color: var(--BRAND-blue);
	font-size: 1rem;
	font-weight: bold;
}

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

.wth4-site-footer__link:hover,
a.wth4-site-footer__link:hover,
.wth4-site-footer__link:focus,
a.wth4-site-footer__link:focus {
	--text-decoration-line: underline;
}

.wth4-site-footer__link:active,
a.wth4-site-footer__link:active {
	--text-decoration-line: none;
}

.wth4-site-footer__logo-container {
	--text-align: auto;
}

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

.wth4-site-footer__logo-image {
	--max-width: 165px;
}

.wth4-site-footer__feature-container {}

.wth4-site-footer__feature {}

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

.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-blue);
	--font-weight: bold;
	--text-decoration: none;
}

.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(--BRAND-blue);
	--text-decoration: underline;
}

.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(--BRAND-blue);
	--text-decoration: none;
}

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

/**
* [Uncategorized]
*/

/******************************************************************************/
.wth4-divider {
	--border-color: transparent;
	--margin-bottom: 0;
}

.wth4-vertical-divider {}

.wth4-svg-icon {}

.wth4-img-icon {}

.wth4-icon-link-container {}

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

/******************************************************************************/
.AA-custom-partner-header {
	background-color: var(--BRAND-palesliver);
}

#AA_popup_toggle_mobile,
#AA_popup_toggle_mobile:focus,
#AA_popup_toggle_mobile:visited,
#AA_popup_toggle,
#AA_popup_toggle:focus,
#AA_popup_toggle:visited {
	background: #d8e9fd !important;
	border: 3px double var(--BRAND-blue);
	color: var(--BRAND-blue);
	padding-bottom: 7px;
	padding-top: 7px;
}

#AA_popup_toggle_mobile:hover, 
#AA_popup_toggle:hover {
	background: #fff !important;
	border-color: #003e92;
	color: #003e92;
}

#AA_logout_,
#AA_logout_:visited,
#AA_logout_mobile,
#AA_logout_mobile:visited {
	background: #fff;
	color: var(--BRAND-blue);
}

#AA_logout_:focus,
#AA_logout_:hover,
#AA_logout_mobile:focus,
#AA_logout_mobile:hover {
	background: #fff !important;
	border-color: #003e92;
	color: #003e92;
}

#AA_account,
#AA_account_mobile {
	max-width: 12ch;
	overflow: hidden;
	text-overflow: ellipsis;
}

#account_popup,
#account_popup_mobile {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
	margin-top: 0.5rem;
	padding-bottom: 2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1rem;
	position: absolute;
	right: 0;
	width: 243px;
	z-index: 1000;
}

#name_container,
#name_container_mobile {
	font-size: 1.25rem;
}

#miles_container,
#miles_container_mobile {
	color: var(--BRAND-blue);
	font-size: 1.75rem;
}

#membership_container,
#membership_container_mobile {
	font-size: 0.875rem;
}

.aaweb-name-span {
	display: inline-block;
	max-width: min-content;
}

.wth4-header-login-module {
	max-width: min-content;
	position:relative;
}

.wth4-header-login-module__button-group {
	display: flex;
	gap: 0.5rem;
}


.AAWEB-custom-join-button,
.AAWEB-custom-join-button:visited,
.ui-page-theme-a .AAWEB-custom-join-button,
.ui-page-theme-a .AAWEB-custom-join-button:visited,
a.AAWEB-custom-join-button,
a.AAWEB-custom-join-button:visited {
	background: #fff;
	color: #006dc0;
}

.AAWEB-custom-join-button:hover,
.AAWEB-custom-join-button:focus,
.ui-page-theme-a .AAWEB-custom-join-button:hover,
.ui-page-theme-a .AAWEB-custom-join-button:focus,
a.AAWEB-custom-join-button:hover,
a.AAWEB-custom-join-button:focus {
	background: #fff !important;
	border-color: #003e92;
	color: #003e92;
}

.wth4-site-header__mobile-partner-home-link-container .wth4-icon-link-container {
	color: var(--BRAND-black);
	flex-direction: row-reverse;
	font-size: 1rem;
	font-weight: 700;
}

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

/******************************************************************************/
/* Extra small devices (portrait phones, 576px and up) */
@media (min-width: 576px) {
	.wth4-site-header__mobile-content-container {
		padding-bottom: 0.75rem;
		padding-top: 0.75rem;
	}
}

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

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

	.wth4-site-footer__main-content>*+*,
	.wth4-site-footer__partner-content>*+* {}

	.wth4-site-footer__email-signup {}

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

	.wth4-site-footer__list--inline {}

	.wth4-site-footer__list-item--inline {}

	.wth4-site-footer__list--inline li.wth4-site-footer__list-item--inline:first-child {}

	.wth4-site-footer__list--inline li.wth4-site-footer__list-item--inline:last-child {}

	.wth4-site-footer__list--inline>*+* {}

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

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

}

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

	/* *** header *** */
	.wth4-mega-menu__content-panel-container {}

	.wth4-mega-menu__content-panel {}

	#mobile-menu-button {}

	.wth4-mobile-display-toggle {}

	.wth4-desktop-display-toggle {}

	.wth4-mega-menu__content-panel-container {}

	.wth4-mega-menu__content-panel {}

	.wth4-mega-menu__content-panel-grid {}

	.wth4-mega-menu__marketing-placement {}

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

	.wth4-site-header__logo-image {
		max-width: 212px;
	}

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

	.wth4-stack--responsive {}

	.wth4-stack--responsive>*+* {}

	.wth4-site-footer__legal-copy {}

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

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

	/* *** header *** */
	.wth4-mega-menu__content-panel {}

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

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

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

	.wth4-site-footer__legal-copy {}

	.wth4-site-footer__email-signup {}

}

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