/*==========================================
  WALDORF ASTORIA THEME
==========================================*/

:root {
  --color-bg: 255, 255, 255;
  --color-bg-alt: 241, 241, 241;
  --color-bg-disabled: 228, 228, 228;
  --color-bg-inverse: 18, 18, 18;
  --color-bg-primary: 231, 242, 246;
  --color-bg-quarternary: 249, 219, 191;
  --color-border: 227, 227, 227;
  --color-border-alt: 220, 220, 220;
  --color-danger: 211, 3, 41;
  --color-danger-alt: 250, 229, 233;
  --color-info: 223, 196, 166;
  --color-info-alt: 229, 245, 251;
  --color-warn: 186, 131, 35;
  --color-warn-alt: 253, 237, 169;
  --color-success: 30, 97, 44;
  --color-success-alt: 226, 248, 226;
  --color-primary: 0, 0, 0;
  /* #20201F - 000000 */
  --color-primary-alt: 8, 8, 8;
  --color-secondary: 3, 33, 101;
  /* 222d59 - 032165 */
  --color-secondary-alt: 0, 25, 93;
  --color-tertiary: 154, 185, 173;
  /* 97AEB2 - 9AB9AD */
  --color-tertiary-alt: 146, 177, 165;
  --color-quarternary: 255, 255, 255;
  /* FFFFFF */
  --color-quarternary-alt: 247, 247, 247;
  --color-text: 18, 18, 18;
  --color-text-alt: 102, 102, 102;
  --color-text-disabled: 189, 189, 189;
  --color-text-inverse: 255, 255, 255;
  --color-white: 255, 255, 255;
  --color-outline-shadow: rgba(0, 156, 222, 0.3);
  --color-overlay: rgba(29, 29, 29, 0.3);
  /*
    yeah i know, waldorf astoria serif aint a sans font, but we use this for
    body copy everywhere and need to have this updated
  */
  --font-sans: 'Waldorf Astoria Serif';
  --font-serif: 'Waldorf Astoria Serif';
  --font-mono: 'Menlo';
  --font-headline: 'Waldorf Astoria Sans';
  --font-headline-brand: 'Waldorf Astoria Sans';
}

@font-face {
  font-family: 'Waldorf Astoria Sans';
  font-weight: 400;
  font-display: swap;
  src: url('https://www.hilton.com/modules/assets/fonts/waldorf-astoria-sans/WaldorfAstoriaSans-Regular.woff2');
}

@font-face {
  font-family: 'Waldorf Astoria Sans';
  font-weight: 600;
  font-display: swap;
  src: url('https://www.hilton.com/modules/assets/fonts/waldorf-astoria-sans/WaldorfAstoriaSans-Bold.woff2');
}

@font-face {
  font-family: 'Waldorf Astoria Sans';
  font-weight: 300;
  font-display: swap;
  src: url('https://www.hilton.com/modules/assets/fonts/waldorf-astoria-sans/WaldorfAstoriaSans-Light.woff2');
}

@font-face {
  font-family: 'Waldorf Astoria Serif';
  font-weight: 400;
  font-display: swap;
  src: url('https://www.hilton.com/modules/assets/fonts/waldorf-astoria-serif/WaldorfAstoriaSerif-Regular.woff2');
}

@font-face {
  font-family: 'Waldorf Astoria Serif';
  font-weight: 400;
  font-display: swap;
  font-style: italic;
  src: url('https://www.hilton.com/modules/assets/fonts/waldorf-astoria-serif/WaldorfAstoriaSerif-Regular-Italic.woff2');
}

@font-face {
  font-family: 'Waldorf Astoria Serif';
  font-weight: 300;
  font-display: swap;
  src: url('https://www.hilton.com/modules/assets/fonts/waldorf-astoria-serif/WaldorfAstoriaSerif-Light.otf');
}

@font-face {
  font-family: 'Waldorf Astoria Serif';
  font-weight: 300;
  font-display: swap;
  font-style: italic;
  src: url('https://www.hilton.com/modules/assets/fonts/waldorf-astoria-serif/WaldorfAstoriaSerif-Light-Italic.otf');
}

@font-face {
  font-family: 'Waldorf Astoria Serif';
  font-weight: 600;
  font-display: swap;
  src: url('https://www.hilton.com/modules/assets/fonts/waldorf-astoria-serif/WaldorfAstoriaSerif-Bold.woff2');
}

@font-face {
  font-family: 'Waldorf Astoria Serif';
  font-weight: 600;
  font-display: swap;
  font-style: italic;
  src: url('https://www.hilton.com/modules/assets/fonts/waldorf-astoria-serif/WaldorfAstoriaSerif-Bold-Italic.woff2');
}

[data-element-id='hero-image-main-title'] {
  font-family: 'Waldorf Astoria Sans';
  text-transform: uppercase;
  font-weight: 300;
}

[data-element-id='hero-image-subtitle'] {
  font-family: 'Waldorf Astoria Serif';
  text-transform: none !important;
}

/* HEADINGS */
h1,
h2,
h3,
h4,
h5,
h6,
h1 > *,
h2 > *,
h3 > *,
h4 > *,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 300 !important;
  text-transform: uppercase;
}

.font-headline:not([data-element-id='subtitle-wrapper']) {
  text-transform: uppercase;
}

/* BUTTONS */

[data-element-id='booking-widget-modal-trigger'] {
  font-size: 14px;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  font-family: var(--font-serif), Georgia, Cambria, "Times New Roman", Times, serif;
  --tw-text-opacity: 1;
  color: rgba(var(--color-quarternary), var(--tw-text-opacity));
}

.btn {
  overflow: visible;
}

.btn:not(
  [data-element-id='booking-widget-modal-trigger'],
  [data-osc-product='shop-form-button'],
  .btn-virtual-tours
) {
  margin-left: 0px;
  border-color: transparent;
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: var(--font-headline), 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-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.btn:not(
  [data-element-id='booking-widget-modal-trigger'],
  [data-osc-product='shop-form-button'],
  .btn-virtual-tours
):not([data-element-id='subtitle-wrapper']) {
  text-transform: uppercase;
}

.btn:not(
  [data-element-id='booking-widget-modal-trigger'],
  [data-osc-product='shop-form-button'],
  .btn-virtual-tours
) {
  font-weight: 400 !important;
  padding: 0;
  position: relative;
}

[data-element-id='iconGridCorePlusModalButton'] {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.btn.btn-virtual-tours {
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.btn.btn-virtual-tours:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(154 185 173 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgba(var(--color-black), var(--tw-text-opacity)) !important;
}

.btn.btn-virtual-tours {
  font-weight: 400 !important;
}

.btn:not([data-element-id='booking-widget-modal-trigger'], .btn-virtual-tours):after {
  position: absolute;
  bottom: -0.25rem;
  left: 0;
  width: 100%;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  height: 3px;
  content: '' !important;
}

#roomInfoButton {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 768px) {

  #roomInfoButton {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

#specialRatesButton {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 768px) {

  #specialRatesButton {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

[data-element-id='booking-widget-modal-trigger'],
[data-osc-product='shop-form-button'] {
  margin-bottom: -0.125rem;
  border-radius: 0px;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: var(--font-serif), Georgia, Cambria, "Times New Roman", Times, serif !important;
}

@media (min-width: 1024px) {

  [data-element-id='booking-widget-modal-trigger'],
[data-osc-product='shop-form-button'] {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}

[data-element-id='booking-widget-modal-trigger'],
[data-osc-product='shop-form-button'] {
  font-weight: 400;
  color: #fff !important;
  font-size: 14px;
}

[data-osc-product='shop-form-button']:hover,
[data-osc-product='shop-form-button']:focus {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity)) !important;
  color: #000000 !important;
}

[data-osc-product='shop-form-button']:after {
  display: none !important;
  background: none !important;
}

@media screen and (max-width: 1280px) {
  [data-element-id='booking-widget-modal-trigger'],
  [data-osc-product='shop-form-button'] {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
}

.cp-header-navUtilities button[data-element-id='booking-widget-modal-trigger'] {
  margin-bottom: 0px;
}

@media (min-width: 640px) {

  .cp-header-navUtilities button[data-element-id='booking-widget-modal-trigger'] {
    margin-bottom: 0.25rem;
  }
}

@media (min-width: 1024px) {

  .cp-header-navUtilities button[data-element-id='booking-widget-modal-trigger'] {
    margin-bottom: 0px;
  }
}

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

.btn-primary:hover,
.btn-primary-outline:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

.btn-primary:after,
.btn-primary-outline:after {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
}

.btn-primary:hover:after,
.btn-primary-outline:hover:after,
.btn-primary:focus:after,
.btn-primary-outline:focus:after {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
}

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

.btn-secondary:hover,
.btn-secondary-outline:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

.btn-secondary:after,
.btn-secondary-outline:after {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}

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

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

.btn-tertiary:hover,
.btn-tertiary-outline:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-quarternary), var(--tw-text-opacity));
}

.btn-tertiary:after,
.btn-tertiary-outline:after {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
}

.btn-tertiary:hover:after,
.btn-tertiary-outline:hover:after,
.btn-tertiary:focus:after,
.btn-tertiary-outline:focus:after {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-quarternary), var(--tw-bg-opacity));
}

/* QUATERNARY BUTTON STYLES */
.btn-quarternary,
.btn-quarternary-outline {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

.btn-quarternary:hover,
.btn-quarternary-outline:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-secondary), var(--tw-text-opacity));
}

.btn-quarternary:after,
.btn-quarternary-outline:after {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
}

.btn-quarternary:hover:after,
.btn-quarternary-outline:hover:after,
.btn-quarternary:focus:after,
.btn-quarternary-outline:focus:after {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
}

.btn-white:focus:after,
.btn-white-outline:focus:after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

/* BLACK OUTLINE */
.btn-black-outline {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

.btn-black-outline:after {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
}

.btn-black-outline:hover,
.btn-black-outline:focus {
  color: #3b3b3b !important;
}

.btn-black-outline:hover:after,
.btn-black-outline:focus:after {
  background-color: #3b3b3b !important;
}

/* disabled button styles */
.btn:disabled,
.btn:disabled {
  color: rgb(var(--color-text-disabled));
}

.btn:disabled:hover,
.btn:disabled:hover {
  color: rgb(var(--color-text-disabled));
}

.btn:disabled:after,
.btn:disabled:after {
  color: rgb(var(--color-bg-disabled));
}

.btn:disabled:hover:after,
.btn:disabled:hover:after,
.btn:disabled:focus:after,
.btn:disabled:focus:after {
  color: rgb(var(--color-bg-disabled));
}

/* buttons inline with each other */
.btn:only-child {
  margin-right: 0px;
}

.btn:not([data-element-id='popunder-cta'], [data-element-id='iconGridCorePlusModalButton']) {
  margin-right: 15px;
}

.btn + svg {
  vertical-align: middle;
}

.btn:last-child {
  margin-right: 0px;
}

/* Hero Image CTA Defaults */
.btn-hero-default {
  border-radius: 0px;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
  border: 1px solid #000000 !important;
}

.btn-hero-default > span > span:last-child {
  position: inherit !important;
}

.btn-hero-default::after,
.btn-hero-default:hover::after,
.btn-hero-default:focus::after {
  display: none;
}

.btn-hero-default:hover,
.btn-hero-default:focus {
  --tw-text-opacity: 1;
  color: rgba(var(--color-black), var(--tw-text-opacity));
  background-color: rgb(var(--color-tertiary)) !important;
}

/*
   COMPONENT STYLING THAT CAN'T BE DONE VIA CMS
*/

/* Mobile nav */
.cp-mobileNav-subItems {
  font-family: var(--font-headline), 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: 400 !important;
}
.cp-mobileNav-subItems:not([data-element-id='subtitle-wrapper']) {
  text-transform: uppercase;
}

/* Booking widget Dates */
#calendarButton {
  font-family: var(--font-serif), Georgia, Cambria, "Times New Roman", Times, serif;
}

#calendarButton div:last-of-type {
  --tw-border-opacity: 1 !important;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity)) !important;
}

[data-reach-popover] thead tr th,
[data-radix-popper-content-wrapper] thead tr th {
  font-family: var(--font-headline), 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: 400;
}

[data-reach-popover] thead tr th:not([data-element-id='subtitle-wrapper']),
[data-radix-popper-content-wrapper] thead tr th:not([data-element-id='subtitle-wrapper']) {
  text-transform: uppercase;
}

[data-reach-popover] .cp-calendar-button--highlighted,
[data-radix-popper-content-wrapper] .cp-calendar-button--highlighted {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

.clear-results,
.filter-results {
  display: flex;
  align-items: center;
}

#roomInfoButton,
#specialRatesButton {
  border-color: var(--color-primary) !important;
}

.generic-modal-booking-widget .btn-primary.btn-xl {
  display: inline-block;
  width: auto;
  margin: 0 auto;
}

/* MINI NAV ITEMS */
[data-element-id='nav-utility'] ul li.border-current,
[data-element-id='honors-wrapper'],
[data-element-id='honors-wrapper-mobile'] {
  border-color: #cccccc !important;
}

[data-element-id='language-wrapper'] button {
  font-size: 12px;
}

/* HERO IMAGE CAROUSEL STYLING */

[data-element-id='hero-image-carousel-controls'] {
  background-color: rgb(var(--color-white)) !important;
  border-color: rgb(var(--color-border)) !important;
}

[data-element-id='hero-image-carousel-controls'] .carousel-arrow,
[data-element-id='hero-image-carousel-controls'] .carousel-counter,
[data-element-id='hero-image-carousel-controls'] .carousel-divider {
  color: rgb(var(--color-primary)) !important;
  fill: currentColor !important;
}

/* VIDEO CTA BUTTON STYLING */
[data-element-id='heroImage-videoCta'] {
  background-color: rgb(var(--color-white)) !important;
}

[data-element-id='heroImage-videoCta'] .play-pause,
[data-element-id='heroImage-videoCta'] .mute,
[data-element-id='heroImage-videoCta'] .unmute {
  color: rgb(var(--color-primary)) !important;
}

/* Hero Image */
[data-element-id='heroImage-videoCta'] {
  font-family: var(--font-headline), 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";
}
[data-element-id='heroImage-videoCta']:not([data-element-id='subtitle-wrapper']) {
  text-transform: uppercase;
}

/* Contact Bar */
[data-element-id='cp-contactBar-address']:before,
[data-element-id='cp-contactBar-address']:after {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity)) !important;
}

[data-element-id='cp-contactBar-address'] h1,
[data-element-id='cp-contactBar-address'] h2 {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

[data-element-id='cp-contactBar-checkin'] .text-text {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

[data-element-id='address-icon'],
[data-element-id='address-icon'] svg {
  color: #000000;
  fill: #000000 !important;
}

[data-element-id='cp-contactBar-tripadvisor']:before,
.addressBarBorder:before,
.addressBarBorder:after {
  background-color: rgb(var(--color-primary)) !important;
}

[data-element-id='cp-contactBar-tripadvisor'] .border-text-disabled {
  border-color: rgb(var(--color-primary));
}

.cp-offers h1 {
  font-family: var(--font-headline), 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-size: 3rem;
  line-height: 1;
}

.cp-offers h1:not([data-element-id='subtitle-wrapper']) {
  text-transform: uppercase;
}

.cp-offers h2 {
  font-family: var(--font-serif), Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1.5rem;
  line-height: 2rem;
}

.cp-offers p,
.cp-offers div {
  font-family: var(--font-serif), Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

body[data-brand-code='wa'] .dialog-content-v2 .btn.btn-primary-outline {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

[data-element-id='tile-terms-button'] {
  font-family: 'Waldorf Astoria Sans', sans-serif !important;
  text-transform: uppercase;
}

/* Meetings Group */

[data-osc='meetings-group'] h2 {
  font-family: var(--font-headline), 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";
}

[data-osc='meetings-group'] h2:not([data-element-id='subtitle-wrapper']) {
  text-transform: uppercase;
}

[data-osc='meetings-group'] div a.btn {
  width: auto;
  align-self: flex-start;
}

[data-osc='meetings-group'] div a.btn:after {
  position: absolute;
  bottom: -0.25rem;
  width: 100%;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* OSC Composable Search Form */
[data-osc-product='shop-form-dates'],
[data-osc-product='search-rooms-button'] button,
[data-osc-product='search-rates-button'] button {
  font-family: var(--font-serif), Georgia, Cambria, "Times New Roman", Times, serif !important;
}

.cp-header-shop-form button[type='submit'] {
  margin-bottom: 0px !important;
  border-radius: 0px !important;
}

[data-modal-id='booking-widget'] {
  width: 100% !important;
  overflow: hidden !important;
}

.osc-search-content-wrapper button[type='submit'] {
  margin-left: 0.5rem;
  margin-bottom: -0.25rem;
  align-self: center;
}

.osc-search-content-wrapper button[type='submit']:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0.5rem;
}

.cp-header-shop-form button[type='submit'] {
  margin-left: 0px;
  --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));
  outline-style: solid;
  outline-width: 1px;
  outline-color: rgb(var(--color-primary));
}

.cp-header-shop-form button[type='submit']:is(:hover, :focus) {
  margin-left: 0px;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-tertiary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
  outline-color: rgb(var(--color-tertiary));
}

.cp-header-shop-form button[type='submit']::after {
  display: none;
}

.dialog-content-v2 > div > div > h2 + .btn {
  position: absolute;
  right: 0;
  top: 0;
}

.dialog-content-v2 > div > div > h2 + .btn:where([dir="rtl"], [dir="rtl"] *) {
  left: 0;
}

@media (min-width: 768px) {

  [data-element-id='osc-composable-hero-div-wrapper'] {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {

  [data-element-id='osc-composable-hero-div-wrapper'] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

/* SIGN IN OSC */

.dialog-content-v2 button[type='submit'] {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: auto;
}

/* LANGUAGE SELECTOR OSC */

:root {
  --osc-lang-bg: #ffffff;
  --osc-lang-bg-hover: #9ab9ad;
  --osc-lang-color: #000000;
  --osc-lang-color-hover: #000000;
}

/* KEY INFO GRID */
.key-info-grid-table th {
  text-transform: uppercase;
  font-weight: 300;
}

[data-element-id='key-info-grid'] [data-element-id='subtitle-wrapper'] > * {
  font-weight: 300;
}

/*==========================================
  EVENTS CALENDAR
==========================================*/

[data-element-id='add-to-calendar-buttons'] .calendar-additional-button {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-secondary), var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

/* Utility / Icon / Top Navigation in Header */
[data-element-id='cp-header-core-wrapper'] {
  font-family: var(--font-serif), Georgia, Cambria, "Times New Roman", Times, serif;
}

[data-element-id='mobile-nav-item'] {
  font-family: var(--font-serif), Georgia, Cambria, "Times New Roman", Times, serif;
}