/* Hilton Los Cabos - sjdlchh  */
:root {
  /* #4a6a7f */
  --color-primary: 74, 106, 127;
  /* #ffffff */
  --color-secondary: 255, 255, 255;
  /* #191919 */
  --color-primary-alt: 25, 25, 25;
  /* #414a50 */
  --color-dark-grey: 65, 74, 80;
  /* #f4f4f4 */
  --color-light-grey: 244, 244, 244;
  /* #eedfda */
  --color-light-salmon: 238, 223, 218; /* This colors appears in several component backgrounds */
  --font-sans: 'Ekstra';
  --font-headline: 'Ivy Mode';
}

/* FONTS */

/* Ivy Mode */
@font-face {
  font-family: 'Ivy Mode';
  src: url('https://www.hilton.com/modules/assets/fonts/ivy-mode/thin.otf') format('opentype');
  font-weight: 100;
  font-display: swap;
}

/* Ekstra */
@font-face {
  font-family: 'Ekstra';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  src:
    url('https://www.hilton.com/modules/assets/fonts/ekstra/regular.woff') format('woff'),
    url('https://www.hilton.com/modules/assets/fonts/ekstra/regular.woff2') format('woff2');
}

.btn {
  border-radius: 9999px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn:hover {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), 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-primary), var(--tw-text-opacity));
}

.form-checkbox:checked {
  background-color: rgb(var(--color-primary));
}

.cp-calendar-button--selected {
  background: rgb(var(--color-primary));
}

.cp-calendar-button--highlighted {
  background: rgb(var(--color-secondary));
  color: rgb(var(--color-primary));
}

.clear-results {
  color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
}

.filter-results:hover,
.filter-results:focus {
  color: rgb(var(--color-secondary));
  border-color: rgb(var(--color-secondary));
}

/* Rooms tiles date picker and filter dropdown button toggles */
[data-element-id='rooms-widget-wrapper'] button div > span + div,
[data-element-id='rooms-widget-wrapper'] + div,
[data-element-id='rooms-widget-wrapper'] + div button {
  color: rgb(var(--color-dark-grey));
}

/* Rooms tiles date picker associated filter flyouts */
div[data-radix-popper-content-wrapper] header.font-headline,
div[data-radix-popper-content-wrapper] div.grid label {
  color: rgb(var(--color-dark-grey));
}