/* Zemi Miches All-Inclusive Resort, Curio Collection by Hilton */

:root {
  --font-sans: 'Open Sans';
  --font-headline: 'Brandon Grotesque';
}

/* Open Sans */

@font-face {
  font-family: 'Open Sans';
  src: url('https://www.hilton.com/modules/assets/fonts/open-sans/regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://www.hilton.com/modules/assets/fonts/open-sans/italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://www.hilton.com/modules/assets/fonts/open-sans/bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Brandon Grotesque */

@font-face {
  font-family: 'Brandon Grotesque';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/brandon-grotesque/regular.woff') format('woff'),
    url('https://www.hilton.com/modules/assets/fonts/brandon-grotesque/regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Brandon Grotesque Bold';
  font-weight: 700;
  font-style: bold;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/brandon-grotesque/bold.woff') format('woff'),
    url('https://www.hilton.com/modules/assets/fonts/brandon-grotesque/bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Brandon Grotesque Bold';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/brandon-grotesque/bold-italic.woff') format('woff'),
    url('https://www.hilton.com/modules/assets/fonts/brandon-grotesque/bold-italic.woff2') format('woff2');
}

h1,
h2,
.font-black,
.font-bold,
.font-headline,
.btn:not([data-osc-product='shop-form-dates'], [data-osc-product='shop-form-selection-button']),
button:not([data-osc-product='shop-form-dates'], [data-osc-product='shop-form-selection-button']),
[data-element-id='nav-desktop'] {
  font-weight: 700;
  font-family: 'Brandon Grotesque Bold';
}

.btn {
  padding-top: 0.5rem;
}

[data-testid='meetings-group-wrapper'] .btn {
  padding-top: 1rem;
}

h3,
[data-element-id='nav-utility'] {
  font-family: 'Brandon Grotesque Bold';
  font-weight: 400;
}

[data-element-id='breadcrumb-component'] {
  font-family: 'Brandon Grotesque';
  font-weight: 400;
}

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

/* Navigation Book Button */
[data-element-id='booking-widget-modal-trigger'] {
  line-height: 2.25;
}

/*====================================================== 
    OSC COMPOSABLE SEARCH FORM
======================================================*/
[data-osc-product='shop-form-dates'] {
  padding-top: 0.25rem;
}

/*====================================================== 
    BOOKING WIDGET ON ROOMS PAGE
======================================================*/
[data-element-id='booking-widget-day-button'] {
  line-height: 0.75;
}

/* SHOP FORM OVERRIDES */
[data-osc-date-picker='true'] td button.font-bold[tabindex='0']:not(:disabled):not(:focus) {
  background-color: rgb(241, 241, 241);
  border-color: rgb(255, 255, 255);
  color: rgb(29, 29, 27);
}

[data-osc-date-picker='true'] td button:not(:disabled):not(:focus):not(.bg-primary) {
  background-color: rgb(241, 241, 241);
  border-color: rgb(255, 255, 255);
  color: rgb(29, 29, 27);
}

[data-osc-date-picker='true'] td button.font-bold[tabindex='0']:not(:disabled):not(.bg-bg-alt) {
  background-color: rgb(95, 64, 40);
  border-color: rgb(255, 255, 255);
  color: rgb(227, 227, 227);
}

[data-osc-date-picker='true'] td button.text-text[tabindex='-1']:not(:disabled) {
  background-color: rgb(215, 196, 183);
  border-color: rgb(255, 255, 255);
  color: rgb(95, 64, 40);
}

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

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

[data-osc-date-picker='true'] input.form-checkbox:checked {
  background-color: rgb(164, 90, 42);
  border-color: rgb(164, 90, 42);
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' 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-rates-second'] input.form-input,
[data-osc-product='search-rates-first'] input.form-checkbox {
  border-color: rgb(227, 227, 227);
}

[data-osc-product='search-rates-first'] input.form-checkbox:checked {
  background-color: rgb(164, 90, 42);
  border-color: rgb(164, 90, 42);
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' 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-rates-second'] input.form-input,
[data-osc-product='search-rates-first'] input.form-checkbox {
  border-color: rgb(227, 227, 227);
}

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