/* Hilton Waikoloa Village – koahwhh */
.makaiBg {
  background-color: #272324 !important;
}

/*============================================================== 
 MAKAI PAGE -- [data-page-id="3073"] 
=============================================================*/
[data-page-id='3073'] ::selection {
  background-color: #231f20 !important;
  color: #ebdecc !important;
}

[data-page-id='3073'] footer ::selection {
  background-color: #ebdecc;
  color: #231f20;
}

[data-page-id='3073'] [data-element-id='close-generic-modal-button'] {
  background-color: #ebdecc !important;
}

[data-page-id='3073'] [data-element-id='close-generic-modal-button'] svg {
  fill: #231f20 !important;
}

[data-page-id='3073'] ::focus {
  --tw-ring-color: #231f20;
}

/*============================================================== 
  MAKAI HEADER
=============================================================*/
[data-page-id='3073'] #hotel-logo {
  background-color: #231f20 !important;
}
[data-page-id='3073'] [data-element-id='nav-underline-bar'] {
  background-color: #231f20 !important;
}

[data-page-id='3073'] [data-element-id='booking-widget-modal-trigger'] {
  background-color: #231f20;
  border-color: #231f20;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

[data-page-id='3073'] [data-element-id='booking-widget-modal-trigger']:hover,
[data-page-id='3073'] [data-element-id='booking-widget-modal-trigger']:focus {
  background-color: #ebdecc;
  border-color: #231f20;
  color: #231f20 !important;
}

[data-page-id='3073'] a[id*='subMenuItem-makai'] > div,
[data-page-id='3073'] a[id*='subMenuItem'] > div {
  background-color: #231f20 !important;
  background: #231f20 !important;
}

[data-page-id='3073'] h1,
h2,
h3 {
  color: #231f20;
}

/*============================================================== 
    FYBR FILTERS & ROOMS
=============================================================*/
[data-page-id='3073'] [data-element-id='room-types-wrapper'] div[id^='radix'] *,
[data-page-id='3073'] button.filter-results {
  color: #231f20 !important;
}

[data-page-id='3073'] [data-element-id='room-types-wrapper'] button {
  border-color: #231f20;
}

[data-page-id='3073'] input[type='checkbox'].form-checkbox,
[data-page-id='3073'] button.filter-results {
  border-color: #231f20;
}

[data-page-id='3073'] button.filter-results:hover,
[data-page-id='3073'] button.filter-results:focus {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  border-color: #231f20 !important;
}

[data-page-id='3073'] [id*='-content-filter-features'] button.form-select {
  background-color: #ebdecc;
}

[data-page-id='3073'] button.clear-results:hover,
[data-page-id='3073'] button.clear-results:focus {
  color: #231f20 !important;
}

[data-page-id='3073'] button.clear-results:hover svg,
[data-page-id='3073'] button.clear-results:focus svg {
  fill: #231f20;
}

[data-page-id='3073'] [data-element-id='popunder-cta'] {
  background-color: #231f20;
}

[data-page-id='3073'] div[class*='-flyout'] {
  background-color: #ebdecc;
  border: none;
  color: #231f20;
}
[data-page-id='3073'] div[class*='-flyout'] * {
  color: #231f20;
}

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

/*====================================================== 
  FOCUS RING
======================================================*/
[data-page-id='3073'] *:focus:not(.exclude-focus),
[data-page-id='3073'] *:focus-visible {
  outline: 2px #ffffff solid !important;
  outline-offset: 0 !important;
  box-shadow: 0 0 0 4px #231f20 !important;
}