/*==========================================
  DOUBLETREE THEME
==========================================*/

:root {
  --color-bg: 255, 255, 255;
  --color-bg-alt: 255, 255, 255;
  --color-bg-disabled: 228, 228, 228;
  --color-bg-inverse: 255, 255, 255;

  --color-bg-primary: 207, 72, 15;
  --color-bg-secondary: 10, 25, 78;
  --color-bg-quarternary: 162, 205, 57;
  --color-bg-tertiary: 255, 204, 31;

  --color-border: 227, 227, 227;
  --color-border-alt: 227, 227, 227;
  --color-danger: 211, 3, 41;
  --color-danger-alt: 250, 229, 233;
  --color-info: 223, 196, 166;
  --color-info-alt: 229, 245, 251;
  --color-warn: 186, 131, 35;
  --color-warn-alt: 253, 237, 169;
  --color-success: 30, 97, 44;
  --color-success-alt: 226, 248, 226;

  --color-primary: 207, 72, 2;
  --color-primary-alt: 207, 72, 2;
  --color-secondary: 9, 25, 78;
  --color-secondary-alt: 9, 25, 78;
  --color-tertiary: 255, 204, 0;
  --color-tertiary-alt: 255, 204, 0;
  --color-quarternary: 163, 205, 57;
  --color-quarternary-alt: 163, 205, 57;

  --color-text: 9, 25, 78;
  --color-text-alt: 255, 255, 255;
  --color-white: 255, 255, 255;
  --color-outline-shadow: rgba(0, 156, 222, 0.3);
  --color-overlay: rgba(29, 29, 29, 0.3);

  --font-sans: 'Trade Gothic Next';
  --font-headline: 'Stag';
  --font-headline-brand: 'Stag';
}

@font-face {
  font-family: 'Stag';
  font-weight: 400;
  font-display: swap;
  src: url('/modules/assets/fonts/stag/Stag-Semibold.otf');
}

@font-face {
  font-family: 'Stag';
  font-weight: 400;
  font-display: swap;
  font-style: italic;
  src: url('/modules/assets/fonts/stag/Stag-BookItalic.otf');
}

@font-face {
  font-family: 'Stag';
  font-weight: 600;
  font-display: swap;
  src: url('/modules/assets/fonts/stag/Stag-Bold.woff2');
}

@font-face {
  font-family: 'Trade Gothic Next';
  font-weight: 300;
  font-display: swap;
  src:
    url('/modules/assets/fonts/trade-gothic-next/light.woff2') format('woff2'),
    url('/modules/assets/fonts/trade-gothic-next/light.woff') format('woff');
}

@font-face {
  font-family: 'Trade Gothic Next';
  font-weight: 400;
  font-display: swap;
  src:
    url('/modules/assets/fonts/trade-gothic-next/regular.woff2') format('woff2'),
    url('/modules/assets/fonts/trade-gothic-next/regular.woff') format('woff');
}

@font-face {
  font-family: 'Trade Gothic Next';
  font-weight: 400;
  font-display: swap;
  font-style: italic;
  src:
    url('/modules/assets/fonts/trade-gothic-next/italic.woff2') format('woff2'),
    url('/modules/assets/fonts/trade-gothic-next/italic.woff') format('woff');
}

@font-face {
  font-family: 'Trade Gothic Next';
  font-weight: 700;
  font-display: swap;
  src:
    url('/modules/assets/fonts/trade-gothic-next/bold.woff2') format('woff2'),
    url('/modules/assets/fonts/trade-gothic-next/bold.woff') format('woff');
}

body * ::selection {
  background-color: #a3cd39 !important;
}

[data-element-id='booking-widget-modal-trigger'] {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  font-family: var(--font-headline), var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='multi-column-tiles-component']
  div[data-element-id='booking-widget-modal-trigger']:not([data-elmement-id='cp-tile-label']) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-element-id='hero-image'] [data-element-id='booking-widget-modal-trigger'] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='hero-image'] [data-element-id='booking-widget-modal-trigger'] button,
[data-element-id='hero-image'] [data-element-id='booking-widget-modal-trigger'] button svg {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Contact Bar */
[data-element-id='cp-contactBar'] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
  color: rgb(var(--color-white));
}

[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-telephone'] .text-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-telephone'] svg {
  fill: rgb(var(--color-white));
}

[data-element-id='cp-contactBar'] a,
[data-element-id='cp-contactBar'] button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='cp-contactBar-address'] h2 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-align: left;
}

[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-address'] .text-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn {
  font-family: var(--font-headline), var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 18px;
  border-radius: 0;
}

ol[data-element-id='breadcrumb-component'] {
  background-color: rgb(var(--color-secondary));
}

ol[data-element-id='breadcrumb-component'] li,
ol[data-element-id='breadcrumb-component'] a,
ol[data-element-id='breadcrumb-component'] a + span span {
  color: rgb(var(--color-white));
}

footer {
  background-color: rgb(var(--color-secondary));
  color: rgb(var(--color-white));
}

footer .text-text {
  color: rgb(var(--color-white));
}

main,
div#main,
[data-element-id='small-image-wrapper'],
[data-element-id='retail-flyout'],
[data-element-id='retail-rail-component'],
[data-element-id='osc-composable-hero-div-wrapper'] {
  background: rgb(var(--color-white));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.generic-modal-booking-widget {
  background-color: rgb(var(--color-white));
}

#roomInfoButton,
#specialRatesButton {
  color: rgba(var(--color-text));
  border-color: rgba(var(--color-text));
}

.key-info-grid-background-w-overlay [data-element-id='key-grid-tile-wrapper'] > div {
  border: 1px solid;
  border-color: rgb(var(--color-border));
}

#closeModalButton svg {
  color: rgba(var(--color-text));
}

/* Meetings Group */
[data-osc='meetings-group'] h2 {
  font-family: var(--font-headline), var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

[data-osc='meetings-group'] div a.btn:after {
  position: absolute;
  bottom: -0.25rem;
  width: 100%;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* Meeting Capacity Chart */
[data-element-id='meeting-capacity-charts'] tr th span {
  color: rgb(var(--color-secondary));
}

/* OSC Composable Search Form */
[data-osc-product='shop-form-dates'] .text-primary.tabular-nums {
  line-height: 1em;
}

[data-osc-product='shop-form-dates'] > div > div {
  align-self: center;
}

.osc-search-content-wrapper button[type='submit'] {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

[data-osc-product='search-dates']
  > div
  > div
  + div
  table
  tbody
  tr
  td
  button:not([disabled]).bg-bg-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-osc-product='search-dates']
  > div
  > div
  + div
  table
  tbody
  tr
  td
  button:not([disabled]).bg-bg-primary
  span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-osc-product='search-dates'] > div > div + div table tbody tr td button {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

/* OSC dates in a range of selected dates (the dates in between the arrival/departure dates) */
[data-osc-product='search-dates'] table tbody tr td button.bg-bg-primary {
  background: rgb(var(--color-border));
}
[data-osc-product='search-dates'] table tbody tr td button.bg-bg-primary span {
  color: rgb(var(--color-secondary)) !important;
}

/* OSC Composable/Booking widget modal overlay and button fills */
[data-element-id='booking-widget-modal-trigger'] + div .bg-primary-alt {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}

[data-element-id='booking-widget-modal-trigger'] + div button > svg path {
  fill: rgb(var(--color-secondary)) !important;
}

/* Resorts world <select> */
[name='resortsWorldSelect'],
[data-osc-product='search-dates'] + div select {
  background-color: rgb(var(--color-white)) !important;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
  font-family: 'Stag';
  border-radius: 0;
  border-color: rgb(0, 0, 0);
  border-width: 1px;
  font-weight: 400;
}

.dialog-content-v2,
.dialog-content-v2 .form-input:not([disabled]) {
  background-color: rgb(var(--color-white));
}

.dialog-content-v2 > div > div > h2 + .btn {
  position: absolute;
  right: 0;
  top: 0;
}

.dialog-content-v2 > div > div > h2 + .btn:where([dir="rtl"], [dir="rtl"] *) {
  left: 0;
}

.form-select,
.form-checkbox:not(:checked):not([disabled]) {
  background-color: rgb(var(--color-white));
}

/* Multi-column tiles */
[data-element-id='multi-column-tiles-component'] div[data-element-id='multi-column-tile'] {
  border-color: rgb(var(--color-border));
  border-width: 1px;
}

[data-element-id='multi-column-tiles-component']
  div.bg-primary:not([data-elmement-id='cp-tile-label']) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-element-id='multi-column-tiles-component'] h3 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
[data-element-id='reveal-panel-wrapper'] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

div[data-element-id='copy-table-component'] div[data-element-id='copy-table-component-row-item'] {
  color: rgb(var(--color-text));
}

div[data-element-id='media-and-copy-carousel-wrapper'] h1,
div[data-element-id='media-and-copy-carousel-wrapper'] h2,
div[data-element-id='media-and-copy-carousel-wrapper'] h3,
div[data-element-id='media-and-copy-carousel-wrapper'] h4,
div[data-element-id='media-and-copy-carousel-wrapper'] h5,
div[data-element-id='media-and-copy-carousel-wrapper'] h6,
div[data-element-id='media-and-copy-carousel-wrapper'] p {
  color: rgb(var(--color-text));
}

.location-google-map-content {
  background-color: rgb(var(--color-white));
}

.location-google-map-content h3,
.location-google-map-content p {
  color: rgb(var(--color-text));
}

/* CTA Styline */

/* Primary & Primary Outline */
.btn-primary {
  background: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-primary:hover,
.btn-primary:focus,
.btn-html-menu-primary-selected {
  border-color: rgb(var(--color-primary));
  background: none;
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-telephone'] .btn-primary:hover,[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-telephone'] 
.btn-primary:focus,[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-telephone'] 
.btn-html-menu-primary-selected {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-address'] .btn-primary:hover,[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-address'] 
.btn-primary:focus,[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-address'] 
.btn-html-menu-primary-selected {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-osc-product='shop-form-dates'] .btn-primary:hover.tabular-nums,[data-osc-product='shop-form-dates'] 
.btn-primary:focus.tabular-nums,[data-osc-product='shop-form-dates'] 
.btn-html-menu-primary-selected.tabular-nums {
  line-height: 1em;
}

[data-element-id='cp-social-media'] div a.btn-primary:hover,
[data-element-id='cp-social-media'] div a.btn-primary:hover svg,[data-element-id='cp-social-media'] div a
.btn-primary:focus,
[data-element-id='cp-social-media'] div a
.btn-primary:focus svg,[data-element-id='cp-social-media'] div a
.btn-html-menu-primary-selected,
[data-element-id='cp-social-media'] div a
.btn-html-menu-primary-selected svg {
  color: rgb(var(--color-text));
}

.btn-primary-outline {
  border-color: rgb(var(--color-primary));
  background: none;
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-telephone'] .btn-primary-outline {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-address'] .btn-primary-outline {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-osc-product='shop-form-dates'] .btn-primary-outline.tabular-nums {
  line-height: 1em;
}

[data-element-id='cp-social-media'] div a.btn-primary-outline,
[data-element-id='cp-social-media'] div a.btn-primary-outline svg {
  color: rgb(var(--color-text));
}

.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-html-menu-primary-outline-selected {
  background: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Secondary & Secondary Outline */
.btn-secondary {
  background: rgb(var(--color-secondary));
  border-color: rgb(var(--color-secondary));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-html-menu-secondary-selected {
  background: none;
  border-color: rgb(var(--color-secondary));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

.btn-secondary-outline {
  background: none;
  border-color: rgb(var(--color-secondary));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-html-menu-secondary-outline-selected {
  background: rgb(var(--color-secondary));
  border-color: rgb(var(--color-secondary));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Tertiary & Tertiary Outline */
.btn-tertiary {
  background: rgb(var(--color-tertiary));
  border-color: rgb(var(--color-tertiary));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}
.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-html-menu-tertiary-selected {
  background: none;
  border-color: rgb(var(--color-tertiary));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

.btn-tertiary-outline {
  background: none;
  border-color: rgb(var(--color-tertiary));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}
.btn-tertiary-outline:hover,
.btn-tertiary-outline:focus,
.btn-html-menu-tertiary-outline-selected {
  background: rgb(var(--color-tertiary));
  border-color: rgb(var(--color-tertiary));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

/* Quaternary & Quaternary Outline (Note: May also be spelled "quartenary" */
.btn-quarternary {
  background: rgb(var(--color-quarternary));
  border-color: rgb(var(--color-quarternary));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

.btn-quarternary:hover,
.btn-quarternary:focus,
.btn-html-menu-quarternary-selected {
  background: none;
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

.btn-quarternary-outline {
  background: none;
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

.btn-quarternary-outline:hover,
.btn-quarternary-outline:focus,
.btn-html-menu-quarternary-outline-selected {
  background: rgb(var(--color-quarternary));
  border-color: rgb(var(--color-quarternary));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

.btn-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

.btn-white:hover,
.btn-white:focus,
.btn-html-menu-white-selected {
  background: none;
}

.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-html-menu-white-outline-selected {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

.btn-black:hover,
.btn-black:focus,
.btn-html-menu-black-selected {
  background: none;
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-html-menu-black-outline-selected {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-black), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Hero Image CTA Default */
.btn-hero-default {
  border-style: none;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity)) !important;
  color: #ffffff !important;
  border: 1px solid rgb(var(--color-quarternary));
}

.btn-hero-default:hover,
.btn-hero-default:focus {
  color: rgb(var(--color-secondary)) !important;
  border: 1px solid rgb(var(--color-quarternary)) !important;
  background-color: rgb(var(--color-quarternary)) !important;
}

.btn-hero-default:hover::after,
.btn-hero-default:focus::after {
  background-color: #ffffff !important;
}

/* Modals */

[data-element-id='image-wall-modal-overlay-wrapper'] div:first-child,
.cp-imageModal-mask {
  background: rgb(var(--color-secondary));
}

[data-element-id='image-wall-modal-overlay-wrapper'] div,
[data-element-id='image-wall-modal-overlay-wrapper'] p,
[data-element-id='image-wall-modal-overlay-wrapper'] span,
.cp-imageModal div,
.cp-imageModal h3,
.cp-imageModal p,
.cp-imageModal span {
  color: rgb(var(--color-white));
}

[data-element-id='image-gallery-wall-wrapper'] div,
[data-element-id='image-gallery-wall-wrapper'] h2,
[data-element-id='image-gallery-wall-wrapper'] h3,
[data-element-id='image-gallery-wall-wrapper'] p {
  color: rgb(var(--color-secondary));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

[data-element-id='hero-image'] .bg-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='hero-image'] .bg-primary button,
[data-element-id='hero-image'] .bg-primary button svg {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='hero-image-title'] span,
[data-element-id='hero-image-title'] p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='interactive-map-wrapper'],
[data-element-id='interactive-map-wrapper'] div {
  color: rgb(var(--color-text));
}

[data-element-id='media-and-copy-wrapper'] div.text-bg {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='multi-column-tile-carousel-wrapper'] [data-element-id='media-slider-controls'],
[data-element-id='media-and-copy-carousel-wrapper']
  [data-element-id='media-slider-controls']
  button
  svg {
  color: rgb(var(--color-text));
}

[data-element-id='cp-social-media'] div a.text-primary,
[data-element-id='cp-social-media'] div a.text-primary svg {
  color: rgb(var(--color-text));
}

[data-element-id='retail-flyout'] > div,
[data-element-id='retail-flyout'] > button {
  background: none;
}

[data-element-id='retail-flyout'] button span {
  text-transform: inherit;
}

/*====================================================== 
    MULTI-COLUMN CAROUSEL
======================================================*/
[data-element-id='multi-column-tile-carousel-wrapper']
  [data-element-id='media-slider-controls']
  div,
[data-element-id='multi-column-tile-carousel-wrapper']
  [data-element-id='media-slider-controls']
  span,
[data-element-id='multi-column-tile-carousel-wrapper']
  [data-element-id='media-slider-controls']
  button
  svg {
  color: rgb(var(--color-text));
}

[data-element-id='room-tile-popunder-wrapper'] {
  background: rgb(var(--color-white));
}

[data-element-id='tile-wrapper'] > div:last-child {
  background: rgb(var(--color-white));
}

/* Accordion */
[data-osc='accordion-component'] button.accordion-stacked {
  border-color: rgb(var(--color-border));
}

/* Table defaults for Tabbed Table Data */
.cp-tabbedTableData table thead tr {
  background: none;
  border-color: rgb(var(--color-border));
  border-bottom-width: 1px;
}

.cp-multiColumnTilesWithHover h3,
.cp-multiColumnTilesWithHover p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

h3.multi-column-tiles-title + div > div.border-bg {
  border-color: rgb(var(--color-white));
}

[data-element-id='comparison-table-wrapper'] svg {
  fill: rgb(var(--color-secondary));
}

/* Event Calendar */
.cp-eventCalendar div,
.cp-eventCalendar select {
  border-color: rgb(var(--color-secondary));
  color: rgb(var(--color-secondary));
}

select#selectMonthDropdown {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-bg-alt), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-telephone'] select#selectMonthDropdown {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='cp-contactBar'] [data-element-id='cp-contactBar-address'] select#selectMonthDropdown {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-osc-product='shop-form-dates'] select#selectMonthDropdown.tabular-nums {
  line-height: 1em;
}

[data-element-id='cp-social-media'] div aselect#selectMonthDropdown,
[data-element-id='cp-social-media'] div aselect#selectMonthDropdown svg {
  color: rgb(var(--color-text));
}

button#filterTypesBtn:hover svg g,
button#filterTypesBtn:focus svg g {
  fill: #ffffff !important;
}

/* LANGUAGE SELECTOR OSC */

:root {
  --osc-lang-bg: #ffffff;
  --osc-lang-bg-hover: #a3cd39;
  --osc-lang-color: #09194e;
  --osc-lang-color-hover: #09194e;
}

/* Honors Dropdown */

[data-element-id='honors-dropdown-menu-item']:hover {
  color: #09194e;
  background-color: rgb(var(--color-bg-disabled));
}

/* STICKY SHOP FORM STYLES */

/* sticky shop form background override */
.cp-header-shop-form {
  background-color: rgb(var(--color-secondary));
}

[data-testid='close-icon'] {
  fill: rgb(var(--color-bg-secondary));
}

[data-osc-date-picker='true'] td button[tabindex='0']:not(:disabled) {
  background-color: rgb(var(--color-secondary));
  border-color: rgb(var(--color-secondary));
  color: #ffffff;
}

[data-osc-date-picker='true'] td button.text-text[tabindex='-1']:not(:disabled) {
  background-color: rgb(227, 227, 227);
  border-color: rgb(227, 227, 227);
  color: rgb(0, 0, 0);
}

.cp-header-shop-form [data-osc-product='shop-form-dates'] span span {
  color: #ffffff;
}

/* sticky shop form button style overrides */
[data-osc-product='search-dates'] td button[tabindex='0'] {
  background-color: rgb(var(--color-bg-secondary));
}

[data-osc-product='search-dates'] td button:disabled {
  background-color: transparent;
}

[data-osc-date-picker='true'] input.form-checkbox {
  border-color: rgb(0, 0, 0);
}

[data-osc-date-picker='true'] input.form-checkbox:checked {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='rgba(0,0,0)' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
}

button[data-testid='shop-modal-done-cta'],
button[data-testid='shop-modal-done-cta'] + button {
  border-color: rgb(var(--color-secondary));
  background-color: rgb(var(--color-secondary));
  color: white;
}

[data-osc-date-picker='true'] div div,
[data-osc-product='search-dates'],
[data-osc-shop-form-rooms='true'] div div,
[data-osc-shop-form-rooms='true'] + div,
[data-osc-shop-form-rooms='true'] + div + div,
[data-osc-shop-form-special-rates='true'] div div {
  border-color: rgb(227, 227, 227);
}

button[data-testid='shop-modal-done-cta']:hover,
button[data-testid='shop-modal-done-cta'] + button:hover,
button[data-testid='shop-modal-done-cta']:focus,
button[data-testid='shop-modal-done-cta'] + button:focus {
  color: rgb(var(--color-secondary));
  border-color: rgb(var(--color-quarternary));
  background-color: rgb(var(--color-quarternary)) !important;
}

[data-osc-product='rooms'] h2 + button svg,
[data-osc-product='rooms'] h2 + button svg:hover,
[data-osc-product='rooms'] + div button,
[data-osc-product='rooms'] + div button:hover {
  stroke: rgb(var(--color-secondary));
}

[data-osc-shop-form-rooms='true'] a span,
[data-osc-shop-form-rooms='true'] a span:focus,
[data-osc-shop-form-rooms='true'] a span:hover,
[data-osc-shop-form-special-rates='true'] div {
  color: rgb(var(--color-secondary));
}

[data-osc-product='search-rates-second'] input.form-input,
[data-osc-product='search-rates-first'] input.form-checkbox {
  border-color: rgb(0, 0, 0);
}

[data-osc-product='search-rates-first'] input.form-checkbox:checked {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='rgba(0,0,0)' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
}

.cp-header-shop-form [data-osc-product='shop-form-button'] {
  /*  */
  color: rgb(var(--color-secondary));
  border-color: rgb(var(--color-quarternary));
  background-color: rgb(var(--color-quarternary));
}

.cp-header-shop-form [data-osc-product='shop-form-button']:hover {
  color: white;
  border-color: rgb(var(--color-quarternary));
  background-color: rgb(var(--color-secondary));
}

.cp-header-shop-form [data-osc-product='shop-form-button']:focus {
  color: white;
  border-color: rgb(var(--color-quarternary));
  background-color: rgb(var(--color-secondary));
}

[data-testid='rooms'] button svg {
  stroke: rgb(var(--color-secondary));
}

/* END STICKY SHOP FORM STYLES */