/* Hilton Hotels & Resorts Beginning Late 2024 */
:root {
  --color-primary: 0, 47, 97; /* #002f61 */
  --color-primary-alt: 0, 38, 78; /* #00264e */
  --color-secondary: 240, 233, 230; /* #f0e9e6 */
  --color-secondary-alt: 192, 186, 184; /* #c0bab8 */
  --color-bg-alt: 240, 233, 230; /* #f0e9e6 */
  --color-tertiary: 0, 114, 147; /* #007293 */
  --color-tertiary-alt: 0, 91, 118; /* #005b76 */
  --color-quarternary: 6, 147, 126; /* #06937e */
  --color-dark-grey: 10, 10, 10; /* #0a0a0a */
  --font-sans: 'Hilton Sans';
  --font-serif: 'Hilton Serif';
  --font-headline: 'Hilton Serif Medium';
  --font-headline-brand: 'Hilton Serif Medium';
  --font-black: 'Hilton Serif Medium'; /* #f0e9e6 */
  --osc-lang-color-hover: #000000;
  --language-selector-dropdown-text-colour: #000000;
  --osc-lang-color: #000000;
  --language-selector-dropdown-bg-colour-hover: 240, 233, 230; /* #f0e9e6 */
  --osc-lang-bg-hover: 240, 233, 230; /* #f0e9e6 */
  --language-selector-dropdown-divider-colour: #000000;
}

html {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

/* Hilton Sans */
@font-face {
  font-family: 'Hilton Sans';
  font-weight: 400;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/hilton-sans/HiltonSansRegular.woff2') format('woff2'),
    url('https://www.hilton.com/modules/assets/fonts/hilton-sans/HiltonSansRegular.woff') format('woff');
}
@font-face {
  font-family: 'Hilton Sans';
  font-weight: 400;
  font-display: swap;
  font-style: italic;
  src:
    url('https://www.hilton.com/modules/assets/fonts/hilton-sans/HiltonSansRegularItalic.woff2') format('woff2'),
    url('https://www.hilton.com/modules/assets/fonts/hilton-sans/HiltonSansRegularItalic.woff') format('woff');
}

/* Hilton Serif */
@font-face {
  font-family: 'Hilton Serif';
  font-weight: 400;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/hilton-serif/Hilton-SerifRegular.woff2') format('woff2'),
    url('https://www.hilton.com/modules/assets/fonts/hilton-serif/Hilton-SerifRegular.woff') format('woff');
}
@font-face {
  font-family: 'Hilton Serif';
  font-weight: 400;
  font-display: swap;
  font-style: italic;
  src:
    url('https://www.hilton.com/modules/assets/fonts/hilton-serif/Hilton-SerifRegularItalic.woff2') format('woff2'),
    url('https://www.hilton.com/modules/assets/fonts/hilton-serif/Hilton-SerifRegularItalic.woff') format('woff');
}

/* Medium (font weight 500) */
@font-face {
  font-family: 'Hilton Serif Medium';
  font-weight: 500;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/hilton-serif/Hilton-SerifMedium.woff2') format('woff2'),
    url('https://www.hilton.com/modules/assets/fonts/hilton-serif/Hilton-SerifMedium.woff') format('woff');
}
@font-face {
  font-family: 'Hilton Serif Medium';
  font-weight: 500;
  font-display: swap;
  font-style: italic;
  src:
    url('https://www.hilton.com/modules/assets/fonts/hilton-serif/Hilton-SerifMediumItalic.woff2') format('woff2'),
    url('https://www.hilton.com/modules/assets/fonts/hilton-serif/Hilton-SerifMediumItalic.woff') format('woff');
}

.font-headline {
  font-family: 'Hilton Serif Medium', serif;
  font-weight: 500;
}

h1,
h2,
h3:not([data-osc='accordion-item'] h3) {
  color: rgb(var(--color-primary));
}

h1:not([data-element-id='retail-flyout'] button h1) {
  line-height: 54px !important;
}

[data-element-id='nav-desktop'],
[data-element-id='nav-desktop'] button,
.btn,
.font-bold,
div,
p,
ul,
ul li,
blockquote,
em,
ul a,
ol,
ol li,
label,
label span {
  font-family: 'Hilton Sans', sans-serif;
}

/* Headline font settings on additional components */
[data-element-id='video-media-copy-content'] h2,
[data-element-id='wedding-availability-calendar-wrapper'] h2,
[data-element-id='wedding-availability-calendar-wrapper'] h3 {
  font-family: var(--font-serif);
}

/*====================================================== 
  BUTTONS
======================================================*/

.btn {
  border-radius: 0.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75rem;
}

.btn:not(
  [data-osc-product='search-dates'] > div > div > button,
  [data-osc-product='osc-dialog-title'] + button,),
:not(div[id*='-content-tab-guests'] buttton) {
  height: 3rem;
}

[data-osc-product='osc-dialog-title'] + button.btn.absolute.end-0 {
  height: 1rem;
}

/* Primary */
.btn.btn-primary {
  border-width: 1px;
  --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));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
span[id^='calendar-month'] + table tbody td button.btn.btn-primary {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}

span[id^='calendar-month'] + table tbody td button.btn.btn-primary {
  color: #ffffff;
  background: rgb(var(--color-primary));
}
button[data-element-id='curated-offers-pill'].btn.btn-primary {
  background-color: #000000;
  color: #ffffff;
}
button[data-element-id='curated-offers-pill'].btn.btn-primary span div svg {
  fill: #ffffff;
}
[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.btn.btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary-alt), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary-alt), var(--tw-bg-opacity));
}

/* Primary Outline */
.btn.btn-primary-outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

.btn.btn-primary-outline:hover,
.btn.btn-primary-outline:focus {
  --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));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

span[id^='calendar-month'] + table tbody td button.btn.btn-primary-outline:hover,span[id^='calendar-month'] + table tbody td button
.btn.btn-primary-outline:focus {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}


span[id^='calendar-month'] + table tbody td button.btn.btn-primary-outline:hover,
span[id^='calendar-month'] + table tbody td button
.btn.btn-primary-outline:focus {
  color: #ffffff;
  background: rgb(var(--color-primary));
}

button[data-element-id='curated-offers-pill'].btn.btn-primary-outline:hover,button[data-element-id='curated-offers-pill']
.btn.btn-primary-outline:focus {
  background-color: #000000;
  color: #ffffff;
}

button[data-element-id='curated-offers-pill'].btn.btn-primary-outline:hover span div svg,button[data-element-id='curated-offers-pill']
.btn.btn-primary-outline:focus span div svg {
  fill: #ffffff;
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.btn.btn-primary-outline:hover,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
.btn.btn-primary-outline:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/* Secondary */
.btn.btn-secondary {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-secondary), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}
[data-element-id='event-calendar-mobile-datepicker'] .btn.btn-secondary.text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-secondary-alt), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary-alt), var(--tw-bg-opacity));
}

/* Secondary Outline */
.btn.btn-secondary-outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-secondary), var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}
[data-element-id='subtitle-wrapper'].btn.btn-secondary-outline {
  color: rgb(var(--color-primary));
}

.btn.btn-secondary-outline:focus,
.btn.btn-secondary-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-secondary), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] .btn.btn-secondary-outline:focus.text-white,[data-element-id='event-calendar-mobile-datepicker'] 
.btn.btn-secondary-outline:hover.text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/* Tertiary */
.btn.btn-tertiary {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-tertiary), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.btn.btn-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

.btn.btn-tertiary:hover,
.btn.btn-tertiary:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-tertiary-alt), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary-alt), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.btn.btn-tertiary:hover,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
.btn.btn-tertiary:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/* Tertiary Outline */
.btn.btn-tertiary-outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-tertiary), var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-tertiary), var(--tw-text-opacity));
}

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

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.btn.btn-tertiary-outline:focus,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
.btn.btn-tertiary-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/* Quaternary/Quarternary */
/* Note that .quarternary isn't the correct spelling but it is what's in the class name */
.btn.btn-quarternary {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(5 130 112 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(5 130 112 / var(--tw-bg-opacity));
}

.btn.btn-quarternary:hover,
.btn.btn-quarternary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(4 104 90 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(4 104 90 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.btn.btn-quarternary:hover,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
.btn.btn-quarternary:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/* Quaternary/Quarternary Outline */
.btn.btn-quarternary-outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(5 130 112 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(5 130 112 / var(--tw-text-opacity));
}

.btn.btn-quarternary-outline:focus,
.btn.btn-quarternary-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(5 130 112 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(5 130 112 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.btn.btn-quarternary-outline:focus,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
.btn.btn-quarternary-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/* White */
.btn.btn-white {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

.btn.btn-white:hover,
.btn.btn-white:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-secondary), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] .btn.btn-white:hover.text-white,[data-element-id='event-calendar-mobile-datepicker'] 
.btn.btn-white:focus.text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/* White Outline */
.btn.btn-white-outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.btn.btn-white-outline {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

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

/* Black */
.btn.btn-black {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-black), var(--tw-border-opacity));
  --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));
}
[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.btn.btn-black {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}
.btn.btn-black:hover,
.btn.btn-black:focus {
  --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));
}
span[id^='calendar-month'] + table tbody td button.btn.btn-black:hover,span[id^='calendar-month'] + table tbody td button
.btn.btn-black:focus {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}

span[id^='calendar-month'] + table tbody td button.btn.btn-black:hover,
span[id^='calendar-month'] + table tbody td button
.btn.btn-black:focus {
  color: #ffffff;
  background: rgb(var(--color-primary));
}
button[data-element-id='curated-offers-pill'].btn.btn-black:hover,button[data-element-id='curated-offers-pill']
.btn.btn-black:focus {
  background-color: #000000;
  color: #ffffff;
}
button[data-element-id='curated-offers-pill'].btn.btn-black:hover span div svg,button[data-element-id='curated-offers-pill']
.btn.btn-black:focus span div svg {
  fill: #ffffff;
}

/* Black outline  */
.btn.btn-black-outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-black), var(--tw-border-opacity));
  background-image: none;
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

.btn.btn-black-outline:hover,
.btn.btn-black-outline:focus {
  --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));
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.btn.btn-black-outline:hover,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
.btn.btn-black-outline:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/*====================================================== 
 HEADER & NAV
======================================================*/
[data-element-id='nav-desktop'],
[data-element-id='nav-desktop'] > li,
[data-element-id='nav-desktop'] > li a,
[data-element-id='nav-desktop'] > li > div > button.font-bold,
ul[data-element-id='nav-desktop'] > li > div > button,
[data-element-id='nav-mobile'] + div[role='dialog'] ul li,
[data-element-id='nav-mobile'] + div[role='dialog'],
.cp-mobileNav-subItems {
  font-weight: normal;
}

/*====================================================== 
 OSC SHOP FORM
======================================================*/

.cp-header-shop-form {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

/* Tiny little special rates number */
div[data-osc-product='search-rates-button'] > button > div.rounded-full {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Divider line in between check-in/check-out dates */
.divide-border > :not([hidden]) ~ :not([hidden]) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-black), var(--tw-border-opacity));
}

/* Icons in the shop form */
[data-osc-product='osc-dialog-title'] + button > svg,
[data-osc-product='search-dates'] > div > div:first-of-type button,
[data-osc-product='rooms'] button:not(.stroke-text-disabled),
[data-osc-product='rooms'] + div.border-border > button.stroke-primary svg {
  stroke: rgb(var(--color-black));
}

/* Checkboxes in Shop Form */
[data-osc-product='search-rates-first'] input[type='checkbox'],
[data-osc-product='search-rates-first'] input[type='radio'],
.dialog-content-v2 input[type='checkbox'],
.dialog-content-v2 input[type='radio'],
.dialog-content-v2 input[type='text']:not([disabled]) {
  border-color: rgb(var(--color-primary));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dialog-content-v2 input[type='checkbox'].form-checkbox:checked,
.dialog-content-v2 input[type='radio'].form-checkbox:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='rgb(0, 47, 97)' 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");
}

[data-osc-product='search-dates'] table tbody td button.text-text-inverse {
  background-color: rgb(var(--color-primary));
  color: #ffffff;
}

span[id^='calendar-month'] + table tbody td button.bg-primary {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}

[data-osc-product='search-dates'] table tbody tr td button {
  border-style: none;
}

.dialog-content-v2 .border-border {
  border-color: rgba(0, 0, 0, 0.2);
}

.dialog-content-v2 a:not([data-element-id='room-gallery'] + div a):not(:has(.btn)) span,
.dialog-content-v2 button:has(.btn-primary-link) div span,
.dialog-content-v2 button:has(.btn-primary-link) div svg {
  color: rgb(var(--color-primary));
  fill: rgb(var(--color-primary));
}
.dialog-content-v2 a:not([data-element-id='room-gallery'] + div a):not(:has(.btn)):hover span,
.dialog-content-v2 button:has(.btn-primary-link):hover div span,
.dialog-content-v2 button:has(.btn-primary-link):hover div svg {
  color: rgb(var(--color-black));
  fill: rgb(var(--color-black));
}

/* Date selector values */
[data-osc-product='search-dates'] table tbody td button.text-text-inverse,
span[id^='calendar-month'] + table tbody td button.bg-primary {
  color: #ffffff;
  background: rgb(var(--color-primary));
}

[data-osc-product='search-dates'] table tbody tr td button {
  border-style: none;
}

[data-osc-product='search-dates'] table tbody td button.text-text {
  background-color: #ffffff;
}

[data-osc-product='search-dates'] table tbody td button.text-text span {
  color: rgb(var(--color-black));
}

/* Expired dates in datepicker */
.disabled\:text-text-disabled:disabled {
  color: #bdbdbd;
}

h2[id*='calendar-month-'],
h2[data-osc-product='osc-dialog-title'] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

/*====================================================== 
 ALERT BAR
======================================================*/
.propertyAlert {
  background-color: rgb(var(--color-secondary));
}

.propertyAlert div {
  color: #000000;
}

.propertyAlert a,
.propertyAlert button {
  color: #000000;
}

/*====================================================== 
 COMMON COMPONENT DEFAULTS
  
 Media + Copy
 Copy Block/Hotel Title
 2:1 Media + Copy
 2:2 Media + Copy
 Media + Copy Carousel
 Media + Copy Overlay Wrapper
 Room Types
 
======================================================*/

.cp-contactBar,
[data-element-id='room-types-wrapper'] {
  background-color: #ffffff;
}

.cp-contactBar p,
[data-element-id='cp-media-and-copy'] p,
[data-element-id='two-one-media-and-copy-wrapper'] p,
[data-element-id='two-two-media-and-copy-wrapper'] p [data-element-id='media-slider-controls'],
[data-element-id='slider-controls-prev-next'] span {
  color: #000000;
}

[data-element-id='copy-table-component-row-item'] {
  color: #000000;
  border-color: #000000;
}

[data-element-id='media-slider-controls'] button > svg {
  fill: #000000;
}

/*====================================================== 
 CONTACT BAR
======================================================*/

[data-element-id='cp-contactBar'] div.container {
  background-color: #ffffff;
}

[data-element-id='cp-contactBar'] a,
[data-element-id='cp-contactBar'] div p a,
[data-element-id='cp-contactBar-tripadvisor'] .text-text-alt,
[data-element-id='cp-contactBar-tripadvisor'] .text-text {
  color: #000000;
}

[data-element-id='cp-contactBar-tripadvisor'] .border-text-disabled,
[data-element-id='cp-contactBar'] div,
[data-element-id='cp-contactBar'] > div > .border-text-disabled {
  border-color: #000000;
}

/*====================================================== 
 COPY BLOCK & HOTEL TITLE
======================================================*/
[data-element-id='copy-block-component-div'] div h1 > p,
[data-element-id='copy-block-component-div'] div h2 > p {
  color: rgb(var(--color-primary));
}

[data-element-id='copy-block-component-div'] div p {
  color: #000000;
}

[data-element-id='subtitle-wrapper'].text-secondary {
  color: rgb(var(--color-primary));
}

/*====================================================== 
MEDIA + COPY
======================================================*/
div.fiftyFifty:nth-child(even) {
  background-color: #ffffff;
}
[data-element-id='media-and-copy-copy-section'] {
  background-color: rgb(var(--color-secondary));
}

/*====================================================== 
2:1 MEDIA + COPY
======================================================*/

[data-element-id='two-one-media-and-copy-wrapper'] > div.container > div > div.bg-bg-alt {
  background-color: rgb(var(--color-secondary));
}

[data-element-id='small-image-wrapper'] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  padding: 0.75rem;
}

span[id^='calendar-month'] + table tbody td button[data-element-id='small-image-wrapper'] {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}


span[id^='calendar-month'] + table tbody td button[data-element-id='small-image-wrapper'] {
  color: #ffffff;
  background: rgb(var(--color-primary));
}

button[data-element-id='curated-offers-pill'][data-element-id='small-image-wrapper'] {
  background-color: #000000;
  color: #ffffff;
}

button[data-element-id='curated-offers-pill'][data-element-id='small-image-wrapper'] span div svg {
  fill: #ffffff;
}

/*====================================================== 
2:2 MEDIA + COPY
======================================================*/
[data-element-id='two-two-media-and-copy-wrapper'] div.bg-bg-alt {
  background-color: rgb(var(--color-secondary));
}

/*====================================================== 
MEDIA + COPY CAROUSEL
======================================================*/
[data-element-id='media-copy-carousel-content-wrapper'] {
  background-color: rgb(var(--color-secondary));
}

/*====================================================== 
MEDIA + COPY OVERLAY
======================================================*/
[data-element-id='media-copy-overlay-content-wrapper'].bg-bg-alt {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}
[data-element-id='event-calendar-mobile-datepicker'] [data-element-id='media-copy-overlay-content-wrapper'].bg-bg-alt.text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/*====================================================== 
    SOCIAL MEDIA
======================================================*/
/* Social media account link */
[data-element-id='cp-social-media'] [data-element-id='social-link'] svg {
  color: rgb(var(--color-black));
}

/*====================================================== 
    RETAIL FLYOUT & RETAIL RAIL
======================================================*/
[data-element-id='retail-rail-component'],
[data-element-id='retail-flyout'] > button,
[data-element-id='retail-flyout'] > div {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
}
span[id^='calendar-month'] + table tbody td button[data-element-id='retail-rail-component'],span[id^='calendar-month'] + table tbody td button
[data-element-id='retail-flyout'] > button,span[id^='calendar-month'] + table tbody td button
[data-element-id='retail-flyout'] > div {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}

span[id^='calendar-month'] + table tbody td button[data-element-id='retail-rail-component'],
span[id^='calendar-month'] + table tbody td button
[data-element-id='retail-flyout'] > button,
span[id^='calendar-month'] + table tbody td button
[data-element-id='retail-flyout'] > div {
  color: #ffffff;
  background: rgb(var(--color-primary));
}
button[data-element-id='curated-offers-pill'][data-element-id='retail-rail-component'],button[data-element-id='curated-offers-pill']
[data-element-id='retail-flyout'] > button,button[data-element-id='curated-offers-pill']
[data-element-id='retail-flyout'] > div {
  background-color: #000000;
  color: #ffffff;
}
button[data-element-id='curated-offers-pill'][data-element-id='retail-rail-component'] span div svg,button[data-element-id='curated-offers-pill']
[data-element-id='retail-flyout'] > button span div svg,button[data-element-id='curated-offers-pill']
[data-element-id='retail-flyout'] > div span div svg {
  fill: #ffffff;
}

[data-element-id='retail-rail-component'],
[data-element-id='retail-rail-component'] h3,
[data-element-id='retail-rail-component'] button,
[data-element-id='retail-rail-component'] div,
[data-element-id='retail-rail-component'] p,
[data-element-id='retail-flyout'] button,
[data-element-id='retail-flyout'] h3,
[data-element-id='retail-flyout'] div,
[data-element-id='retail-flyout'] p {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary[data-element-id='retail-rail-component'],[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
[data-element-id='retail-rail-component'] h3,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
[data-element-id='retail-rail-component'] button,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
[data-element-id='retail-rail-component'] div,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
[data-element-id='retail-rail-component'] p,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
[data-element-id='retail-flyout'] button,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
[data-element-id='retail-flyout'] h3,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
[data-element-id='retail-flyout'] div,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
[data-element-id='retail-flyout'] p {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

[data-element-id='retail-rail-component'] button > svg,
[data-element-id='retail-flyout'] button > svg {
  fill: #ffffff;
}

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

/*====================================================== 
    FULL WIDTH MEDIA & COPY OVERLAY
======================================================*/
[data-element-id='full-width-media-copy-overlay'],
[data-element-id='full-width-media-copy-overlay-content'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-element-id='full-width-media-copy-overlay-content'] button:not(.btn),
[data-element-id='full-width-media-copy-overlay-content']
  a:not(.btn)
  [data-element-id='full-width-media-copy-overlay-content']
  div,
[data-element-id='full-width-media-copy-overlay-content'] p {
  color: #000000;
}

[data-element-id='fullWidthTextContent']
  [data-element-id='full-width-media-copy-overlay-content']
  button
  > svg {
  fill: #000000;
}

[data-element-id='pager-buttons'] {
  border-color: #000000;
}

/*====================================================== 
    HTML MENU
======================================================*/
[data-element-id='htmlMenu-tab'][aria-selected='true'] > div {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
}
span[id^='calendar-month'] + table tbody td button[data-element-id='htmlMenu-tab'][aria-selected='true'] > div {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}

span[id^='calendar-month'] + table tbody td button[data-element-id='htmlMenu-tab'][aria-selected='true'] > div {
  color: #ffffff;
  background: rgb(var(--color-primary));
}
button[data-element-id='curated-offers-pill'][data-element-id='htmlMenu-tab'][aria-selected='true'] > div {
  background-color: #000000;
  color: #ffffff;
}
button[data-element-id='curated-offers-pill'][data-element-id='htmlMenu-tab'][aria-selected='true'] > div span div svg {
  fill: #ffffff;
}

.htmlMenuSubtitle,
.htmlMenuLine1 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

.htmlMenuLine2,
.htmlMenuPrice,
.htmlMenuDisclaimer {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

/*====================================================== 
   MEDIA & COPY CAROUSEL
======================================================*/
[data-element-id='media-copy-carousel-content-wrapper'] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}
[data-element-id='event-calendar-mobile-datepicker'] [data-element-id='media-copy-carousel-content-wrapper'].text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

[data-element-id='media-and-copy-carousel-copy'] table {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='media-and-copy-carousel-wrapper'] button > svg {
  fill: #000000;
}

[data-element-id='media-and-copy-carousel-wrapper']
  [data-element-id='media-slider-controls']
  > div
  > div:last-child {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

/*====================================================== 
  MULTI COLUMN TILES
======================================================*/

/* Filter options */
[data-element-id='multi-column-tiles-component'] ul li > button {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

.multi-column-tiles-hovered,
.multi-column-tiles-title {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] .multi-column-tiles-hovered.text-white,[data-element-id='event-calendar-mobile-datepicker'] 
.multi-column-tiles-title.text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

.multi-column-tiles-subtitle,
.multi-column-tiles-hovered p {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

.multi-column-tiles-title {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

[data-element-id='hover-tile-content-hovered'] > .border-4 {
  border-color: #000000;
}

/*====================================================== 
  MULTI COLUMN TILES CAROUSEL (With Hover)
======================================================*/
.cp-hoverTile p {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

.cp-hoverTile > div > div {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-element-id='multi-column-tile-carousel-wrapper']
  [data-element-id='media-slider-controls']
  a.btn-primary,
[data-element-id='multi-column-tile-carousel-wrapper']
  [data-element-id='media-slider-controls']
  a.btn-primary
  span {
  color: #ffffff;
}

[data-element-id='unhovered-tile-title-wrapper'] {
  box-shadow: none !important;
}

[data-element-id='unhovered-tile-title'] {
  opacity: 1;
  box-shadow: none !important;
}

[data-element-id='multi-column-tile-carousel-wrapper'] [data-element-id='tile-title-content'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

/*====================================================== 
  MULTI COLUMN COMPARE (AKA TWO COLUMN COMPARE)
======================================================*/

/* Title in component when tiles are in non-hovered state */
.two-column-compare-title {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

/*====================================================== 
  TWO COLUMN HOVER TILE
======================================================*/
[data-element-id='two-column-hover-tiles'] h3 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary[data-element-id='two-column-hover-tiles'] h3 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/*====================================================== 
  TWO COLUMN ICON LIST
======================================================*/
[data-element-id='two-column-icon-list'] [data-element-id='subtitle-wrapper'] > div {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

[data-element-id='two-column-icon-list'] svg {
  fill: rgb(var(--color-primary));
}

/*====================================================== 
  ROOMS
======================================================*/
[data-element-id='tile-wrapper'],
[data-element-id='pricing-overlay'],
[data-element-id='room-details-modal-content'] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}
[data-element-id='event-calendar-mobile-datepicker'] [data-element-id='tile-wrapper'].text-white,[data-element-id='event-calendar-mobile-datepicker'] 
[data-element-id='pricing-overlay'].text-white,[data-element-id='event-calendar-mobile-datepicker'] 
[data-element-id='room-details-modal-content'].text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

[data-element-id='room-results'] {
  border-color: #000000;
}

[data-element-id='room-types-wrapper'] .filter-title {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='room-types-wrapper'] .form-select {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
  border-color: rgb(var(--color-primary));
}

button.filter-results {
  background-color: rgba(0, 0, 0, 0);
  --tw-border-opacity: 1 !important;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-primary), var(--tw-text-opacity)) !important;
}

button.filter-result svg {
  fill: rgb(var(--color-primary));
}

button.filter-results:hover,
button.filter-results:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-black), var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

button.filter-results:hover svg,
button.filter-results:focus svg {
  fill: #fff !important;
}

button.clear-results {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

span[id^='calendar-month'] + table tbody td buttonbutton.clear-results {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}


span[id^='calendar-month'] + table tbody td buttonbutton.clear-results {
  color: #ffffff;
  background: rgb(var(--color-primary));
}

button[data-element-id='curated-offers-pill']button.clear-results {
  background-color: #000000;
  color: #ffffff;
}

button[data-element-id='curated-offers-pill']button.clear-results span div svg {
  fill: #ffffff;
}
button.clear-results svg {
  fill: #fff;
}

button.clear-results:hover,
button.clear-results:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-black), var(--tw-bg-opacity));
}

.cp-trigger-tabs button[id*='-trigger-tab'].opacity-100 {
  color: #000000;
}

.cp-trigger-tabs button[id*='-trigger-tab'].opacity-30 {
  color: rgba(97, 97, 97, 1);
  opacity: 1 !important;
}

#roomsFilterTabs h2 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='fybr-nav-prev'],
[data-element-id='fybr-nav-next'],
[data-element-id='fybr-nav-reset'] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

[data-element-id='fybr-nav-prev']:disabled,
[data-element-id='fybr-nav-next']:disabled,
[data-element-id='fybr-nav-reset']:disabled {
  color: rgba(97, 97, 97, 1);
  opacity: 1;
}

/* Cards */
[data-element-id='pricing-overlay'],
[data-element-id='pricing-overlay'] div,
[data-element-id='pricing-overlay'] div p,
[data-element-id='pricing-overlay'] p,
[data-element-id='fee-transparency-popunder'],
[data-element-id='fee-transparency'] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='room-gallery'] > div button {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='room-gallery'] > div button svg {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='room-gallery'] > div button svg > g[data-name='Icons Outlined'] {
  stroke: #000;
}

[data-element-id='room-gallery'] > div button svg > g[data-name='Icons Outlined'] g path {
  fill: #fff;
}

[data-element-id='room-gallery'] ol {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='room-gallery'] ol li,
[data-element-id='room-gallery'] ol li span {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='room-details-modal-content'],
[data-element-id='room-details-modal-content'] p,
[data-element-id='room-details-modal-content'] div,
[data-element-id='room-details-modal-content'] ul li {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='room-details-modal-content'] ul li {
  border-color: #000;
}

[class*='-flyout'] input[type='checkbox'],
[class*='-flyout'] input[type='radio'] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

input[type='checkbox'].form-checkbox,
input[type='radio'].form-checkbox {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity));
}

input[type='checkbox'].form-checkbox:checked,
input[type='radio'].form-checkbox:checked {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='rgb(0, 47, 97)' 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.accordion-stacked[aria-expanded='false']
  [data-osc='accordion-indicator-wrapper']
  svg
  button.accordion-stacked[aria-expanded='false']
  [data-element-id='rooms-modal-accordion']
  svg
  path,
button.accordion-stacked[aria-expanded='false']
  [data-element-id='rooms-modal-accordion']
  svg
  polyline {
  fill: none;
}

button.accordion-stacked[aria-expanded='true'] > .accordion-indicator-wrapper svg {
  fill: #000;
}

[data-osc='accordion-item'] [data-element-id='rooms-modal-accordion'] {
  border-color: #000000;
}

/*====================================================== 
  ICON LIST (CORE +)
======================================================*/
[data-element-id='icon-block-item'] > div > p {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='icon-block-item'] div svg {
  fill: rgb(var(--color-primary));
}

.cp-iconGridCorePlus div h2 {
  border-color: #000;
}
.cp-iconGridCorePlus div ul li {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

/*====================================================== 
  GALLERIES
======================================================*/
[data-element-id='image-gallery-wall-wrapper'] [data-element-id='subtitle-wrapper'] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

/* Modal Gallery Viewer */
[data-element-id='gallery-tiles-and-fullscreen-carousel-wrapper'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.cp-generic-modal,
[data-element-id='image-wall-modal-overlay-wrapper'] [data-element-id='gallery-modal-background'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-element-id='gallery-modal-background'] button,
[data-element-id='gallery-modal-background'] + div > button,
[data-element-id='image-modal-series-buttons'] button {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

span[id^='calendar-month'] + table tbody td button[data-element-id='gallery-modal-background'] button,span[id^='calendar-month'] + table tbody td button
[data-element-id='gallery-modal-background'] + div > button,span[id^='calendar-month'] + table tbody td button
[data-element-id='image-modal-series-buttons'] button {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}


span[id^='calendar-month'] + table tbody td button[data-element-id='gallery-modal-background'] button,
span[id^='calendar-month'] + table tbody td button
[data-element-id='gallery-modal-background'] + div > button,
span[id^='calendar-month'] + table tbody td button
[data-element-id='image-modal-series-buttons'] button {
  color: #ffffff;
  background: rgb(var(--color-primary));
}

button[data-element-id='curated-offers-pill'][data-element-id='gallery-modal-background'] button,button[data-element-id='curated-offers-pill']
[data-element-id='gallery-modal-background'] + div > button,button[data-element-id='curated-offers-pill']
[data-element-id='image-modal-series-buttons'] button {
  background-color: #000000;
  color: #ffffff;
}

button[data-element-id='curated-offers-pill'][data-element-id='gallery-modal-background'] button span div svg,button[data-element-id='curated-offers-pill']
[data-element-id='gallery-modal-background'] + div > button span div svg,button[data-element-id='curated-offers-pill']
[data-element-id='image-modal-series-buttons'] button span div svg {
  fill: #ffffff;
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary[data-element-id='gallery-modal-background'] button,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
[data-element-id='gallery-modal-background'] + div > button,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
[data-element-id='image-modal-series-buttons'] button {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

[data-element-id='gallery-modal-background'] + div > button svg {
  color: #fff;
}

.cp-generic-modal .dialog-content-v2 > div[role='alertdialog'] {
  background-image: none !important;
}

[data-element-id='image-modal-button-container'] button {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
}

span[id^='calendar-month'] + table tbody td button[data-element-id='image-modal-button-container'] button {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}


span[id^='calendar-month'] + table tbody td button[data-element-id='image-modal-button-container'] button {
  color: #ffffff;
  background: rgb(var(--color-primary));
}

button[data-element-id='curated-offers-pill'][data-element-id='image-modal-button-container'] button {
  background-color: #000000;
  color: #ffffff;
}

button[data-element-id='curated-offers-pill'][data-element-id='image-modal-button-container'] button span div svg {
  fill: #ffffff;
}

[data-element-id='image-modal-button-container'] button svg {
  stroke: #fff;
}

[data-element-id='image-modal-button-container'] button svg g:first-child {
  stroke: none;
}

[data-element-id='image-modal-series-buttons'] button > svg > g > path,
[data-element-id='image-modal-button-container'] button svg g:last-child path {
  stroke: #fff;
}

[data-element-id='image-modal-series-buttons'] button > svg {
  fill: #fff;
}

[data-element-id='image-modal-series-pagination'],
[data-element-id='image-modal-gallery-pagination'] p {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

/* Slider */
[data-element-id='image-gallery-slider-controls'] button {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-element-id='image-gallery-slider-controls'] button svg {
  color: #000;
}

[data-element-id='gallery-slider-counter'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-element-id='gallery-slider-counter'] button svg {
  fill: #000;
}
[data-element-id='gallery-slider-counter'] span {
  color: #000;
}

.dialog-content-v2.bg-transparent div[role='alertdialog'] {
  background-image: none;
}

/*====================================================== 
  GOOGLE MAPS
======================================================*/
.location-google-map-content h2 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

.location-google-map-content > div > div p:first-child a {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

/*====================================================== 
  KEY INFO GRID
======================================================*/

.key-info-grid-table tbody tr td div svg {
  fill: #000000;
}

/*====================================================== 
  HOTEL POLICIES
======================================================*/
[data-osc='accordion-item'] h3,
[data-osc='accordion-item'] h3 button {
  color: #000000;
}

[data-osc='accordion-trigger'] {
  border-color: #000000;
}

.button.accordion-stacked {
  color: #000000;
}

/*====================================================== 
  RESTAURANTS
======================================================*/
[data-element-id='restaurants-wrapper'] [data-element-id='restaurants-grid'] div {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}
[data-element-id='event-calendar-mobile-datepicker'] [data-element-id='restaurants-wrapper'] [data-element-id='restaurants-grid'] div.text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

[data-element-id='restaurants-wrapper'] [data-element-id='hours-button'],
[data-element-id='restaurants-wrapper'] [data-element-id='hours-separator'],
[data-element-id='restaurants-wrapper'] [data-element-id='tile-content'].border-b-solid {
  border-color: #000000;
}

/*====================================================== 
  ACCORDIONS (OSC)
======================================================*/
[data-osc='accordion-component'] button.accordion-stacked {
  border-color: #000000;
  color: #000000;
}

[data-osc='accordion-component'] [data-element-id='subtitle-wrapper'] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

/*====================================================== 
  MEETING CAPACITY SUMMARY
======================================================*/
[data-element-id='meeting-capacity-content-area'] ul li {
  border-color: #000000;
}
/* Capacity Info First Row (the numerical quantities and units) */
[data-element-id='meeting-capacity-stat-dimension-type'] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}
/* Space type names */
[data-element-id='meeting-capacity-space-type'] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

/*====================================================== 
  MEETING CAPACITY CHART
======================================================*/
/* [data-element-id='meeting-capacity-charts'] table thead tr {
  @apply bg-primary text-white;
}
[data-element-id='meeting-capacity-charts'] table thead tr th {
  @apply text-white;
}

[data-element-id='meeting-capacity-charts'] table tbody tr {
  @apply text-black;
}

[data-element-id='meeting-capacity-charts'] table tbody tr.bg-bg {
  background-color: rgb(var(--color-secondary));
}

[data-element-id='meeting-capacity-charts'] table tbody tr.bg-bg-alt {
  background-color: #fcf4f2;
} */

/* Measurement switch */
#unitType {
  border-color: #000000;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

#unitType span {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

/*====================================================== 
 OFFSET COMPONENT
======================================================*/

[data-element-id='offset-component'] figcaption > a,
[data-element-id='offset-component'] figcaption > div {
  background-color: rgba(0, 47, 97, 0.9);
}

/*====================================================== 
 MULTI-COLUMN LIST
======================================================*/
[data-element-id='multi-column-list'] h3 {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='multi-column-list'] div.flex div {
  border-color: #000000;
}

/*====================================================== 
 MULTI-COLUMN TILES
======================================================*/

[data-element-id='multi-column-tile'] ol[data-element-id='controls-compact'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: rgb(var(--color-dark-grey));
}

[data-element-id='multi-column-tile'] ol[data-element-id='controls-compact'] button svg {
  color: rgb(var(--color-dark-grey));
}

/*====================================================== 
VIDEO MEDIA AND COPY
======================================================*/
[data-element-id='video-media-copy-content'] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}
[data-element-id='event-calendar-mobile-datepicker'] [data-element-id='video-media-copy-content'].text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/*====================================================== 
INTERACTIVE MAP
======================================================*/
[data-element-id='map-controls-wrapper'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-element-id='category-toggle-mobile'] {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

/*====================================================== 
OFFERS CURATED
======================================================*/
[data-element-id='curated-offers-container'] .grid > div {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity)) !important;
}

[data-element-id='curated-offers-container'] .grid > div button.btn-secondary-outline {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

[data-element-id='curated-offers-container'] .grid > div button.btn-secondary-outline:hover,
[data-element-id='curated-offers-container'] .grid > div button.btn-secondary-outline:focus {
  --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));
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary[data-element-id='curated-offers-container'] .grid > div button.btn-secondary-outline:hover,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
[data-element-id='curated-offers-container'] .grid > div button.btn-secondary-outline:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

button[data-element-id='curated-offers-pill'].bg-primary {
  background-color: #000000;
  color: #ffffff;
}

button[data-element-id='curated-offers-pill'].bg-primary span div svg {
  fill: #ffffff !important;
}

span[data-element-id='curated-offers-pill'] {
  background-color: #d4cccb;
  color: '#000';
}

span[data-element-id='curated-offers-pill'].pill-tag-disabled {
  background-color: #ffffff;
}

/*====================================================== 
INFORMATION BAR
======================================================*/
[data-element-id='information-bar-wrapper'] > div {
  border-bottom-width: 2px;
  border-top-width: 2px;
  border-color: #000000;
}

[data-element-id='information-bar-contact'] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] [data-element-id='information-bar-contact'].text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/*====================================================== 
EVENTS CALENDAR
======================================================*/
button#filterTypesBtn {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-black), var(--tw-text-opacity)) !important;
}

button#filterTypesBtn:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

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

.calendar-additional-button {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

span[id^='calendar-month'] + table tbody td button.calendar-additional-button {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}


span[id^='calendar-month'] + table tbody td button.calendar-additional-button {
  color: #ffffff;
  background: rgb(var(--color-primary));
}

button[data-element-id='curated-offers-pill'].calendar-additional-button {
  background-color: #000000;
  color: #ffffff;
}

button[data-element-id='curated-offers-pill'].calendar-additional-button span div svg {
  fill: #ffffff;
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.calendar-additional-button {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

.calendar-additional-button {
  border-color: rgb(var(--color-primary));
}

.calendar-additional-button:hover,
.calendar-additional-button:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.calendar-additional-button:hover,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
.calendar-additional-button:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

.calendar-additional-button:hover,
.calendar-additional-button:focus {
  border-color: #000000;
}

[data-element-id='daily-event-list-item'] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

span[id^='calendar-month'] + table tbody td button[data-element-id='daily-event-list-item'] {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}


span[id^='calendar-month'] + table tbody td button[data-element-id='daily-event-list-item'] {
  color: #ffffff;
  background: rgb(var(--color-primary));
}

button[data-element-id='curated-offers-pill'][data-element-id='daily-event-list-item'] {
  background-color: #000000;
  color: #ffffff;
}

button[data-element-id='curated-offers-pill'][data-element-id='daily-event-list-item'] span div svg {
  fill: #ffffff;
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary[data-element-id='daily-event-list-item'] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

[data-element-id='daily-event-list-item'] {
  border-color: rgb(var(--color-primary));
}

[data-element-id='daily-event-list-item']:hover,
[data-element-id='daily-event-list-item']:focus {
  color: #000000;
  border-color: #000000;
}

h3#dailyEventsFilter {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

.calendar-special-date:not(.text-text-disabled),
.calendar-regular-event:not(.text-text-disabled) {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-black), var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] .calendar-special-date:not(.text-text-disabled).text-white,[data-element-id='event-calendar-mobile-datepicker'] 
.calendar-regular-event:not(.text-text-disabled).text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

.calendar-special-date:not(.text-text-disabled),
.calendar-regular-event:not(.text-text-disabled) {
  border-color: #000000;
}

.calendar-regular-event:not(.text-text-disabled):hover,
.calendar-regular-event:not(.text-text-disabled):focus,
.calendar-special-date:not(.text-text-disabled):hover,
.calendar-special-date:not(.text-text-disabled):focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

span[id^='calendar-month'] + table tbody td button.calendar-regular-event:not(.text-text-disabled):hover,span[id^='calendar-month'] + table tbody td button
.calendar-regular-event:not(.text-text-disabled):focus,span[id^='calendar-month'] + table tbody td button
.calendar-special-date:not(.text-text-disabled):hover,span[id^='calendar-month'] + table tbody td button
.calendar-special-date:not(.text-text-disabled):focus {
  color: rgb(var(--color-white));
  background: rgb(var(--color-primary));
}


span[id^='calendar-month'] + table tbody td button.calendar-regular-event:not(.text-text-disabled):hover,
span[id^='calendar-month'] + table tbody td button
.calendar-regular-event:not(.text-text-disabled):focus,
span[id^='calendar-month'] + table tbody td button
.calendar-special-date:not(.text-text-disabled):hover,
span[id^='calendar-month'] + table tbody td button
.calendar-special-date:not(.text-text-disabled):focus {
  color: #ffffff;
  background: rgb(var(--color-primary));
}

button[data-element-id='curated-offers-pill'].calendar-regular-event:not(.text-text-disabled):hover,button[data-element-id='curated-offers-pill']
.calendar-regular-event:not(.text-text-disabled):focus,button[data-element-id='curated-offers-pill']
.calendar-special-date:not(.text-text-disabled):hover,button[data-element-id='curated-offers-pill']
.calendar-special-date:not(.text-text-disabled):focus {
  background-color: #000000;
  color: #ffffff;
}

button[data-element-id='curated-offers-pill'].calendar-regular-event:not(.text-text-disabled):hover span div svg,button[data-element-id='curated-offers-pill']
.calendar-regular-event:not(.text-text-disabled):focus span div svg,button[data-element-id='curated-offers-pill']
.calendar-special-date:not(.text-text-disabled):hover span div svg,button[data-element-id='curated-offers-pill']
.calendar-special-date:not(.text-text-disabled):focus span div svg {
  fill: #ffffff;
}

[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.calendar-regular-event:not(.text-text-disabled):hover,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
.calendar-regular-event:not(.text-text-disabled):focus,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
.calendar-special-date:not(.text-text-disabled):hover,[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary
.calendar-special-date:not(.text-text-disabled):focus {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

.calendar-regular-event:not(.text-text-disabled):hover,
.calendar-regular-event:not(.text-text-disabled):focus,
.calendar-special-date:not(.text-text-disabled):hover,
.calendar-special-date:not(.text-text-disabled):focus {
  border-color: rgb(var(--color-primary));
}

[data-element-id='event-calendar-daily-events-wrapper'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

#filterFormDiv .form-checkbox:checked {
  background-color: #ffffff;
}

/* Mobile date-picker for dates within selected range */
[data-element-id='event-calendar-mobile-datepicker'] .bg-secondary.text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

#clearEventDatepicker,
#clearEventDatepicker:focus,
#clearEventDatepicker:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] #clearEventDatepicker.text-white,[data-element-id='event-calendar-mobile-datepicker'] 
#clearEventDatepicker:focus.text-white,[data-element-id='event-calendar-mobile-datepicker'] 
#clearEventDatepicker:hover.text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/*====================================================== 
WEDDING AVAILABILITY CALENDAR
======================================================*/
[data-element-id='wedding-availability-calendar-wrapper'] div.grid > div {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}
[data-element-id='event-calendar-mobile-datepicker'] [data-element-id='wedding-availability-calendar-wrapper'] div.grid > div.text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

[data-element-id='wedding-calendar-venue-section'] {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}

[data-element-id='event-calendar-mobile-datepicker'] [data-element-id='wedding-calendar-venue-section'].text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

[data-element-id='wedding-calendar-venue-section'] div.grid > div:nth-child(-n + 2) {
  background-color: rgb(212, 204, 203);
}

/* Calendar Venue Checkboxes and Labels */
[data-element-id='wedding-calendar-venue-section']
  div.grid
  > div:nth-child(-n + 2)
  fieldset
  div
  input,
[data-element-id='wedding-calendar-venue-section'] div.grid > div:nth-child(-n + 2) fieldset div,
[data-element-id='wedding-calendar-venue-section']
  div.grid
  > div:nth-child(-n + 2)
  fieldset
  div
  label,
[data-element-id='wedding-calendar-venue-section']
  div.grid
  > div:nth-child(-n + 2)
  fieldset
  div
  label
  svg {
  color: #828282;
}

[data-element-id='wedding-calendar-venue-section']
  div.grid
  > div:nth-child(-n + 2)
  fieldset
  div
  label
  svg
  circle {
  stroke: #828282;
}

[data-element-id='wedding-calendar-venue-section']
  div.grid
  > div:nth-child(-n + 2)
  fieldset
  div
  label
  svg
  circle
  + path {
  fill: #828282;
}

/* Calendar Venue Checkboxes and Labels (Checked) */
[data-element-id='wedding-calendar-venue-section']
  div.grid
  > div:nth-child(-n + 2)
  fieldset
  div.checked
  input,
[data-element-id='wedding-calendar-venue-section']
  div.grid
  > div:nth-child(-n + 2)
  fieldset
  div.checked,
[data-element-id='wedding-calendar-venue-section']
  div.grid
  > div:nth-child(-n + 2)
  fieldset
  div.checked
  label,
[data-element-id='wedding-calendar-venue-section']
  div.grid
  > div:nth-child(-n + 2)
  fieldset
  div.checked
  label
  svg {
  color: #000000;
}

[data-element-id='wedding-calendar-venue-section']
  div.grid
  > div:nth-child(-n + 2)
  fieldset
  div.checked
  label
  svg
  circle {
  stroke: #000;
}

[data-element-id='wedding-calendar-venue-section']
  div.grid
  > div:nth-child(-n + 2)
  fieldset
  div.checked
  label
  svg
  circle
  + path {
  fill: #000;
}

/* Calendar Button States (and calendar day corner flags) */
[data-element-id='wedding-availability-calendar-table'] div.date-disabled {
  background-color: #d4cccb;
  color: #000000;
}

[data-element-id='wedding-availability-calendar-table'] div.date-disabled > div {
  border-bottom-color: rgb(212, 204, 203);
}

[data-element-id='wedding-availability-calendar-table'] div.date-full {
  background-color: #000000;
  color: #ffffff;
}

[data-element-id='wedding-availability-calendar-table'] div.date-full > div {
  border-bottom-color: rgb(0, 0, 0);
}
[data-element-id='wedding-availability-calendar-table'] div.date-partial {
  background-color: #002f61;
  color: #ffffff;
}

[data-element-id='wedding-availability-calendar-table'] div.date-partial > div {
  border-bottom-color: rgb(255, 255, 255);
}

[data-element-id='wedding-availability-calendar-table'] div.date-free {
  background-color: #002f61;
  color: #ffffff;
}

[data-element-id='wedding-availability-calendar-table'] div.date-free > div {
  border-bottom-color: rgba(1, 1, 1, 0);
}

[data-element-id='wedding-availability-calendar-table'] div.date-selected {
  background-color: #007293;
  color: #ffffff;
}

[data-element-id='wedding-availability-calendar-table'] div.date-selected > div {
  border-bottom-color: rgba(0, 0, 0, 0);
}

/*====================================================== 
  WIFI LANDING PAGE
======================================================*/
[data-element-id='wifi-multi-column-tiles'] > div.flex-col {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}
[data-element-id='event-calendar-mobile-datepicker'] [data-element-id='wifi-multi-column-tiles'] > div.flex-col.text-white {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  color: #ffffff;
}

/*====================================================== 
  FOCUS RING
======================================================*/

*:focus:not(.exclude-focus),
*:focus-visible {
  outline: 2px #ffffff solid !important;
  outline-offset: 0 !important;
  box-shadow: 0 0 0 4px rgb(var(--color-quarternary)) !important;
}

/*====================================================== 
  LANGUAGE SELECTOR DROPDOWN
======================================================*/

#language-selector ul li:hover,
#language-selector ul li:hover::after,
#language-selector ul li:hover::before {
  background-color: rgb(var(--color-secondary)) !important;
}

/*====================================================== 
  BREADCRUMBS
======================================================*/

/* [data-element-id='breadcrumb-component'] li span {
  color: #000000;
} */