/*==========================================
  CURIO THEME 
  - Tough one since they are all different
==========================================*/

:root {
  --color-primary: 77, 93, 112; /* pale darker blue */
  --color-primary-alt: 87, 167, 185; /* light blue */
  --color-secondary: 87, 167, 185; /* light blue */
  --color-secondary-alt: 77, 157, 175; /* light blue alt */
  --font-headline: 'Miller Banner';
  --font-sans: 'Proxima Nova';
  --color-black-alt: #121212;
}

@font-face {
  font-family: 'Miller Banner';
  src: url('https://www.hilton.com/modules/assets/fonts/miller-banner/bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  font-weight: 400;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/proxima-nova/regular.woff2') format('woff2'),
    url('https://www.hilton.com/modules/assets/fonts/proxima-nova/regular.woff') format('woff');
}

@font-face {
  font-family: 'Proxima Nova';
  font-weight: 700;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/proxima-nova/bold.woff2') format('woff2'),
    url('https://www.hilton.com/modules/assets/fonts/proxima-nova/bold.woff') format('woff');
}

body {
  font-family: var(--font-sans);
}

.btn {
  border-radius: 0px;
  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: 700;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

[data-osc-date-picker='true'] td button.btn[tabindex='0']:not(:disabled):not(:focus) {
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
  color: #ffffff;
}

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

[data-osc-product='search-dates'] table tbody tr button.btn {
  background-color: rgb(231, 228, 209);
  border-color: rgb(231, 228, 209);
  color: #1a4954;
}

[data-osc-date-picker='true'] td button.btn[tabindex='0']:not(:disabled):not(:focus):hover,
[data-osc-date-picker='true']
  td
  button.btn[tabindex='0']:not(:disabled):not(.bg-bg-alt):hover {
  border-color: rgb(0, 0, 0);
}
.btn:hover {
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* PRIMARY BUTTON STYLES */
.btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-bg), var(--tw-text-opacity));
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-html-menu-primary-selected,
.btn-html-menu-primary-outline-selected {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary-alt), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-text), var(--tw-text-opacity));
}
[data-osc-date-picker='true'] td button.btn-primary:hover[tabindex='-1']:not(:disabled),[data-osc-date-picker='true'] td button
.btn-primary:focus[tabindex='-1']:not(:disabled),[data-osc-date-picker='true'] td button
.btn-primary-outline:hover[tabindex='-1']:not(:disabled),[data-osc-date-picker='true'] td button
.btn-primary-outline:focus[tabindex='-1']:not(:disabled),[data-osc-date-picker='true'] td button
.btn-html-menu-primary-selected[tabindex='-1']:not(:disabled),[data-osc-date-picker='true'] td button
.btn-html-menu-primary-outline-selected[tabindex='-1']:not(:disabled) {
  background-color: rgb(87, 167, 185);
  border-color: rgb(87, 167, 185);
  color: rgb(0, 0, 0);
}

[data-osc-date-picker='true'] td button.btn-primary:hover[tabindex='-1']:not(:disabled):hover,
[data-osc-date-picker='true'] td button
.btn-primary:focus[tabindex='-1']:not(:disabled):hover,
[data-osc-date-picker='true'] td button
.btn-primary-outline:hover[tabindex='-1']:not(:disabled):hover,
[data-osc-date-picker='true'] td button
.btn-primary-outline:focus[tabindex='-1']:not(:disabled):hover,
[data-osc-date-picker='true'] td button
.btn-html-menu-primary-selected[tabindex='-1']:not(:disabled):hover,
[data-osc-date-picker='true'] td button
.btn-html-menu-primary-outline-selected[tabindex='-1']:not(:disabled):hover {
  border-color: rgb(0, 0, 0);
}

/* SECONDARY BUTTON STYLES */
.btn-secondary,
.btn-secondary-outline {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-html-menu-secondary-selected,
.btn-html-menu-secondary-outline-selected {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-bg), var(--tw-text-opacity));
}

/* TERTIARY BUTTON STYLES */
.btn-tertiary,
.btn-tertiary-outline {
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-bg), var(--tw-text-opacity));
}

.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary-outline:hover,
.btn-tertiary-outline:focus,
.btn-html-menu-tertiary-selected,
.btn-html-menu-tertiary-outline-selected {
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-bg), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

/* QUATERNARY BUTTON STYLES */
.btn-quarternary,
.btn-quarternary-outline {
  border-color: transparent;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-primary-alt), var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1;
  color: rgba(var(--color-text), var(--tw-text-opacity));
}
[data-osc-date-picker='true'] td button.btn-quarternary[tabindex='-1']:not(:disabled),[data-osc-date-picker='true'] td button
.btn-quarternary-outline[tabindex='-1']:not(:disabled) {
  background-color: rgb(87, 167, 185);
  border-color: rgb(87, 167, 185);
  color: rgb(0, 0, 0);
}

[data-osc-date-picker='true'] td button.btn-quarternary[tabindex='-1']:not(:disabled):hover,
[data-osc-date-picker='true'] td button
.btn-quarternary-outline[tabindex='-1']:not(:disabled):hover {
  border-color: rgb(0, 0, 0);
}

.btn-quarternary:hover,
.btn-quarternary:focus,
.btn-quarternary-outline:hover,
.btn-quarternary-outline:focus,
.btn-html-menu-quarternary-selected,
.btn-html-menu-quarternary-outline-selected {
  border-color: transparent;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-bg), var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

/* WHITE BUTTON STYLES */
.btn-white {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text), var(--tw-text-opacity));
}
[data-osc-date-picker='true'] td button.btn-white[tabindex='-1']:not(:disabled) {
  background-color: rgb(87, 167, 185);
  border-color: rgb(87, 167, 185);
  color: rgb(0, 0, 0);
}

[data-osc-date-picker='true'] td button.btn-white[tabindex='-1']:not(:disabled):hover {
  border-color: rgb(0, 0, 0);
}
.btn-white-outline {
  --tw-text-opacity: 1;
  color: rgba(var(--color-text), var(--tw-text-opacity));
}
[data-osc-date-picker='true'] td button.btn-white-outline[tabindex='-1']:not(:disabled) {
  background-color: rgb(87, 167, 185);
  border-color: rgb(87, 167, 185);
  color: rgb(0, 0, 0);
}

[data-osc-date-picker='true'] td button.btn-white-outline[tabindex='-1']:not(:disabled):hover {
  border-color: rgb(0, 0, 0);
}

.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-html-menu-white-outline-selected {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-bg), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-text), var(--tw-text-opacity));
}

[data-osc-date-picker='true'] td button.btn-white-outline:hover[tabindex='-1']:not(:disabled),[data-osc-date-picker='true'] td button
.btn-white-outline:focus[tabindex='-1']:not(:disabled),[data-osc-date-picker='true'] td button
.btn-html-menu-white-outline-selected[tabindex='-1']:not(:disabled) {
  background-color: rgb(87, 167, 185);
  border-color: rgb(87, 167, 185);
  color: rgb(0, 0, 0);
}


[data-osc-date-picker='true'] td button.btn-white-outline:hover[tabindex='-1']:not(:disabled):hover,
[data-osc-date-picker='true'] td button
.btn-white-outline:focus[tabindex='-1']:not(:disabled):hover,
[data-osc-date-picker='true'] td button
.btn-html-menu-white-outline-selected[tabindex='-1']:not(:disabled):hover {
  border-color: rgb(0, 0, 0);
}

/* BLACK BUTTON STYLES */
.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-html-menu-black-outline-selected {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-text), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-bg), var(--tw-text-opacity));
}

/* Hero Image CTA Default */
.btn-hero-default {
  border-style: none;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
}

.btn-hero-default:hover,
.btn-hero-default:focus {
  background-color: #57a7b9 !important;
}

/* LANGUAGE SELECTOR OSC */

:root {
  --osc-lang-bg: #ffffff;
  --osc-lang-bg-hover: #949b9e;
  --osc-lang-color: #000000;
  --osc-lang-color-hover: #000000;
}

/* Retail Rail */

[data-element-id='retail-flyout'] button span {
  text-transform: inherit;
}

/* STICKY SHOP FORM STYLES */
.cp-header-shop-form {
  border-top-color: #e3e3e3;
  border-top-width: 1px;
}

/* sticky shop form button style overrides */
[data-testid='rooms'] button:disabled {
  opacity: 0.5;
}

/* data-osc-shop-form-special-rates */
[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 {
  stroke: none;
}

[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: #000000;
}

button#shop-form-dates[data-osc-product='shop-form-dates'] span {
  border-color: rgb(0, 0, 0);
}

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

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

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

[data-osc-date-picker='true'] td button.text-text[tabindex='-1']:not(:disabled) {
  background-color: rgb(87, 167, 185);
  border-color: rgb(87, 167, 185);
  color: rgb(0, 0, 0);
}

[data-osc-product='search-dates'] table tbody tr button.font-bold {
  background-color: rgb(231, 228, 209);
  border-color: rgb(231, 228, 209);
  color: #1a4954;
}

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

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

[data-osc-date-picker='true'] input.form-checkbox:checked {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='rgba(0,0,0)' 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-shop-form-rooms='true'] a span {
  color: rgb(0, 0, 0);
}

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

[data-osc-product='search-rates-second'] input.form-input,
[data-osc-product='search-rates-first'] input.form-checkbox {
  border-color: rgb(0, 0, 0);
}

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

.cp-header-shop-form button[data-testid='shop-modal-done-cta'] {
  background-color: #4d5d70;
  border-color: #4d5d70;
  color: #ffffff;
}

.cp-header-shop-form button[data-testid='shop-modal-done-cta'] + button {
  background-color: #ffffff;
  border-color: #000000;
  color: #000000;
}

button[data-testid='shop-modal-done-cta'] + button:hover,
button[data-testid='shop-modal-done-cta'] + button:focus {
  background-color: #4d5d70;
  border-color: #4d5d70;
  color: #ffffff;
}

/* END STICKY SHOP FORM STYLES */