/* Zemi Beach House  - azazbol */
:root {
  --color-bg: 255, 255, 255;
  --color-bg-alt: 255, 255, 255;
  --color-bg-disabled: 228, 228, 228;
  --color-bg-inverse: 0, 0, 0;

  --color-bg-primary: 139, 99, 75;
  --color-bg-secondary: 51, 78, 58;
  --color-bg-tertiary: 226, 220, 211;

  --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: 173, 99, 46; /* #AD632E  */
  --color-primary-alt: 173, 99, 46; /* #AD632E  */
  --color-secondary: 32, 92, 64; /* #205c40 */
  --color-secondary-alt: 32, 92, 64; /* #205c40 */
  --color-tertiary: 173, 99, 46; /* #ad632e */
  --color-tertiary-alt: 173, 99, 46; /* #ad632e */

  --color-text: 0, 0, 0;
  --color-text-alt: 102, 102, 102;
  --color-white: 255, 255, 255;

  --font-headline: 'Didot';
  --font-headline-brand: 'Didot';
  --font-sans: 'bookmania';
  --font-serif: 'Proxima Nova';
}

@font-face {
  font-family: 'Didot';
  font-weight: 400;
  font-display: swap;
  src: url('https://www.hilton.com/modules/assets/fonts/didot/regular.ttf');
}

/* CTA Styline */

/* Primary & Primary Outline */
[data-element-id='tile-wrapper']:not(.shadow-lg) .btn-primary:hover {
  color: #8b634b !important;
}

html {
  font-family: 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: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  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: 400;
  text-transform: uppercase;
}

.btn {
  border-radius: 0px;
  font-family: var(--font-serif), Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
}

.font-headline {
  font-weight: 400;
  text-transform: uppercase;
}

ul[data-element-id='nav-desktop'] {
  font-size: 15px;
}

[data-element-id='honors-header-login'] button {
  font-family: var(--font-serif), Georgia, Cambria, "Times New Roman", Times, serif;
}

#calendarButton .tabular-nums {
  color: rgba(var(--color-text));
}

#roomInfoButton,
#specialRatesButton {
  color: rgba(var(--color-text));
  border-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";
  font-weight: 400;
  text-transform: uppercase;
}

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

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'],
.generic-modal-booking-widget {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-element-id='html-menu'] > div > h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

@media (min-width: 768px) {
  [data-element-id='html-menu'] > div > h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

[data-element-id='subtitle-wrapper'] {
  font-size: 1.5rem;
  line-height: 2rem;
  text-transform: none;
  font-style: italic;
}

@media (min-width: 768px) {
  [data-element-id='subtitle-wrapper'] {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

[data-osc-product='shop-form-dates'] > span,
[data-osc-product='search-rooms-button'] button,
[data-osc-product='search-rates-button'] button {
  font-weight: 400 !important;
}