/*  Zachari Dunes on Mandalay Beach, Curio Collection by Hilton – sbazdqq */

:root {
  --color-bg-alt: 244, 239, 231;
  --color-salmon: 246, 151, 133;
  --font-sans: 'Avenir Next';
  --font-headline: 'Avenir Next';
}

@font-face {
  font-family: Avenir Next;
  font-weight: 200;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/avenir-next/regular.woff') format('woff'),
    url('https://www.hilton.com/modules/assets/fonts/avenir-next/regular.woff2') format('woff2');
}
@font-face {
  font-family: Avenir Next;
  font-weight: 600;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/avenir-next/bold.woff') format('woff'),
    url('https://www.hilton.com/modules/assets/fonts/avenir-next/bold.woff2') format('woff2');
}

@font-face {
  font-family: Hanley Rough;
  font-display: swap;
  src: url('https://www.hilton.com/modules/assets/fonts/hanley/HanleyRoughSignature.otf') format('opentype');
}

html {
  font-family: 'Avenir Next', Arial, Helvetica, sans-serif;
}
body {
  background-color: #f4efe7;
}

h1,
h2,
h3,
h4 {
  text-transform: uppercase;
}

h2.font-headline {
  font-size: 40px;
}

[data-element-id='subtitle-wrapper'],
[data-element-id='subtitle-wrapper'] p,
[data-element-id='subtitle-wrapper'] span {
  color: #f69785;
  font-family: 'Hanley Rough';
  font-size: 50px !important;
  font-weight: 200;
  text-transform: none;
}

[data-element-id='subtitle-wrapper'] p,
[data-element-id='subtitle-wrapper'] span {
  margin-top: 0.5rem;
}

/*============================================================== 
    OSC COMPOSABLE SEARCH FORM - PROPERTY GROUP STYLES
=============================================================*/

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

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

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

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

[data-osc-date-picker='true'] input.form-checkbox:checked {
  background-color: rgb(87, 167, 185);
  border-color: rgb(87, 167, 185);
  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-first'] input.form-checkbox:checked {
  background-color: rgb(87, 167, 185);
  border-color: rgb(87, 167, 185);
  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-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);
}

[data-osc-shop-form-rooms='true'] a span {
  color: rgb(77, 93, 112);
}

[data-osc-shop-form-rooms='true'] a span:hover,
[data-osc-shop-form-rooms='true'] a span:focus {
  color: rgb(87, 167, 185);
}

[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-testid='rooms'] button:disabled > svg,
[data-testid='rooms'] button:disabled:hover > svg {
  stroke: rgb(var(--color-text-disabled));
}

[data-osc-shop-form-rooms='true'] h2 + button svg,
[data-osc-shop-form-special-rates='true'] h2 + button svg,
[data-osc-shop-form-rooms='true'] h2 + button svg:hover,
[data-osc-shop-form-special-rates='true'] h2 + button svg:hover,
[data-osc-shop-form-rooms='true'] h2 + button svg:focus,
[data-osc-shop-form-special-rates='true'] h2 + button svg:focus,
[data-osc-shop-form-rooms='true'] div button svg,
[data-osc-shop-form-special-rates='true'] div button svg,
[data-osc-shop-form-rooms='true'] div button:hover svg,
[data-osc-shop-form-special-rates='true'] div button:hover svg,
[data-osc-shop-form-rooms='true'] div button:focus svg,
[data-osc-shop-form-special-rates='true'] div button:focus svg {
  stroke: rgb(112, 155, 164);
}