/*==========================================
  HILTON ALL INCLUSIVE THEME
==========================================*/
/* 
body [data-brand-code="hi"] {

} 
*/

:root {
  --font-sans: 'Loew 2.0';
  --font-headline: 'Loew 2.0';
  --color-primary: 131, 35, 94; /* #83235e */
  --color-hi-ai-purple: 131, 35, 94; /* #83235e */
  --color-hi-ai-pink: 206, 50, 98; /* #ce3262 */
  --color-hi-ai-orange: 229, 114, 0;
}

@font-face {
  font-family: 'Loew 2.0';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  src: url('https://www.hilton.com/modules/assets/fonts/loew2/regular.woff') format('woff');
}

@font-face {
  font-family: 'Loew 2.0 Extra Bold';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  src: url('https://www.hilton.com/modules/assets/fonts/loew2/extraBold.woff') format('woff');
}

.btn:not([data-osc-product='shop-form-selection-button']),
h2,
h3,
h4 {
  font-family: 'Loew 2.0 Extra Bold' !important;
}

.font-black,
.font-headline,
.font-bold,
.font-extrabold,
.btn,
.label,
h3,
h2,
h1,
div[class*='hotel-policies'] span,
div[class*='hotel-policies'] li,
div[class*='hotel-policies'] li > span,
div[class*='hotel-policies'] li > span:first-child,
div[class*='hotel-policies'] [data-reach-accordion-panel] li > span:first-child,
div[class*='hotel-policies'] h3 {
  font-weight: 400;
}

.accordion-stacked.font-extrabold,
.accordion-section ul li div.font-extrabold {
  font-weight: 800;
}

.form-checkbox:checked {
  background-color: rgb(var(--color-hi-ai-pink));
}

.btn.filter-results:hover,
.btn.filter-results:focus {
  color: rgb(var(--color-hi-ai-purple));
  border-color: rgb(var(--color-hi-ai-purple));
}

.btn.filter-results:focus svg,
.btn.filter-results:hover svg {
  fill: rgb(var(--color-hi-ai-purple));
}

.btn.clear-results:focus svg,
.btn.clear-results:hover svg {
  fill: white;
}

[data-element-id='booking-widget-day-button'] {
  color: rgb(var(--color-hi-ai-purple));
}

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

.cp-calendar-button--highlighted {
  background: rgb(var(--color-hi-ai-pink));
}

/* A highlighted date on either "end" of a selected date range" */
[data-osc-product='search-dates']
  > div
  > div
  + div
  table
  tbody
  tr
  td
  button:not([disabled]).bg-primary {
  background-color: rgb(var(--color-hi-ai-purple));
}

/* A highlighted date between selected dates */
[data-osc-product='search-dates']
  > div
  > div
  + div
  table
  tbody
  tr
  td
  button:not([disabled]).bg-bg-primary {
  background-color: rgb(var(--color-hi-ai-pink));
  color: white;
}

button,
.btn {
  border-radius: 0px;
}

h1,
h2,
h3 {
  color: rgb(var(--color-hi-ai-purple));
}

[data-element-id='subtitle-wrapper'],
[data-element-id='subtitle-wrapper'] > span {
  color: rgb(var(--color-hi-ai-orange));
  font-weight: 700;
}

/* BUTTONS */

.btn-primary,
.btn-primary-outline {
  transition-duration: 100ms;
  background-color: rgb(var(--color-white));
  border-color: rgb(var(--color-hi-ai-purple));
  color: rgb(var(--color-hi-ai-purple));
}

.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 {
  transition-duration: 100ms;
  background-color: rgb(var(--color-hi-ai-purple));
  border-color: rgb(var(--color-hi-ai-purple));
  color: rgb(var(--color-white));
}

.btn-white-outline:hover,
.btn-html-menu-white-outline-selected {
  background-color: rgb(var(--color-white));
  border-color: rgb(var(--color-white));
  color: rgb(var(--color-hi-ai-pink));
}

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

.btn-hero-default:hover,
.btn-hero-default:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: rgb(var(--color-hi-ai-purple));
}

/* LANGUAGE SELECTOR OSC */
:root {
  --osc-lang-bg: #ffffff;
  --osc-lang-bg-hover: #84235e;
  --osc-lang-color: #121212;
  --osc-lang-color-hover: #ffffff;
}

/* Find Your best Room nav buttons */
button[data-element-id*='fybr-nav-'] {
  color: rgb(var(--color-primary));
}

/* EVENT CALENDAR FILTER ICON */
.calendar-filter:focus svg path,
.calendar-filter:hover svg path {
  fill: rgb(var(--color-white)) !important;
}

/* Retail Rail */

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

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

[data-osc-date-picker='true'] h2,
[data-osc-shop-form-rooms='true'] h2,
[data-osc-shop-form-special-rates='true'] h2 {
  color: rgb(0, 0, 0);
}

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

[data-osc-date-picker='true'] h2 + button svg,
[data-osc-shop-form-rooms='true'] h2 + button svg,
[data-osc-shop-form-special-rates='true'] h2 + button svg {
  fill: rgb(var(--color-text));
}

[data-osc-date-picker='true'] h2 + button:hover svg,
[data-osc-date-picker='true'] h2 + button:focus svg,
[data-osc-shop-form-rooms='true'] h2 + button:hover svg,
[data-osc-shop-form-rooms='true'] h2 + button:focus svg,
[data-osc-shop-form-special-rates='true'] h2 + button:hover svg,
[data-osc-shop-form-special-rates='true'] h2 + button:focus svg {
  fill: rgb(var(--color-text));
}

[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-testid='calendar-month-header'] {
  color: rgb(0, 0, 0);
}

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

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

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

button[data-testid='shop-modal-done-cta'],
button[data-testid='shop-modal-done-cta'] {
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
  color: #ffffff;
}

button[data-testid='shop-modal-done-cta']:hover,
button[data-testid='shop-modal-done-cta']:focus {
  background-color: transparent;
  border-color: rgb(var(--color-primary));
  color: rgb(var(--color-primary));
}

button[data-testid='shop-modal-done-cta'] + button,
button[data-testid='shop-modal-done-cta'] + button {
  background-color: transparent;
  border-color: rgb(var(--color-primary));
  color: rgb(var(--color-primary));
}

button[data-testid='shop-modal-done-cta'] + button:hover,
button[data-testid='shop-modal-done-cta'] + button:focus {
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
  color: #ffffff;
}

[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 [data-osc-product='shop-form-button'] {
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
  color: #ffffff;
}

.cp-header-shop-form [data-osc-product='shop-form-button']:hover,
.cp-header-shop-form [data-osc-product='shop-form-button']:focus {
  background-color: transparent;
  border-color: rgb(var(--color-primary));
  color: rgb(var(--color-primary));
}

/* END STICKY SHOP FORM STYLES */