/* Pages: page-template and context-specific overrides */

body.post-type-archive-event #site-header {
  background-color: #000;
  backdrop-filter: none;
}

body.page-template-page-events #site-header .location-link-text,
body.page-template-page-events #site-header .main-nav .primary-menu li a,
body.page-template-page-events #site-header .lang-selector {
  color: #fff;
}

body.page-template-page-events #site-header .gift-card-btn {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

body.page-template-page-events #site-header .book-now-btn-top {
  color: #000;
  background-color: #fff;
}

body.page-template-page-events
  #site-header
  .mobile-menu-toggle:not(.active)
  span {
  background-color: #fff;
}

body.page-template-page-events #site-header .logo-container img.site-logo {
  opacity: 0;
}

body.page-template-page-events #site-header .logo-container img.site-logo-dark {
  opacity: 1;
}

body.post-type-archive-event #site-header:hover,
body.post-type-archive-event #site-header.scrolled {
  backdrop-filter: none;
  background-color: #000;
}

body.page-template-page-booking-status .overlay-text-book-now {
  display: none;
}

body.page-template-page-giftcards .hero-section {
  height: 40vh;
  margin-bottom: 60px;
  margin-top: -45px;
}

body.home .hero-swiper .mb-carousel__pagination--dots {
  left: 50% !important;
  right: auto !important;
  bottom: 300px !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 991px) {
body.home .hero-swiper .mb-carousel__pagination--dots {
    bottom: 110px !important;
  }
}

@media (min-width: 992px) {
body.home .hero-section {
    height: 100vh;
    overflow: hidden;
    position: relative;
  }

body.home .hero-swiper {
    height: 120vh;
  }

body.home .hero-video,
  body.home .hero-image {
    height: 120vh;
    object-fit: cover;
  }
}

@media (max-width: 1675px) and (min-width: 991px) {
body.home .hero-swiper .mb-carousel__pagination--dots {
    display: none;
  }
}

body.page-template-front-page .offers-grid.columns-1 {
  grid-template-columns: 1fr !important;
}

body.page-template-front-page .offers-grid.columns-2 {
  grid-template-columns: repeat(2, 1fr) !important;
}

body.page-template-front-page .offers-grid.columns-3 {
  grid-template-columns: repeat(3, 1fr) !important;
}

@media (min-width: 991px) {
body.page-template-page-offers .offer-item {
    aspect-ratio: 2/1;
  }
}

@media (min-width: 992px) {
body.page-template-front-page .offers-grid.columns-2 .offer-tile {
    aspect-ratio: 1.35;
  }

body.page-template-front-page .offers-grid.columns-1 .offer-tile {
    aspect-ratio: 1.6;
  }
}

body.page-template-page-careers .column-section {
  margin-top: 60px;
}

@media (max-width: 991px) {
body.page-template-page-amenities .amenities-links {
    flex-direction: column;
  }
}

body.page-template-page-booking-status .wubook-availability-message {
	display: none;
}

body.page-template-page-menus #site-header {
  background-color: #000;
  backdrop-filter: none;
}

body.page-template-page-menus #site-header::after {
  opacity: 0;
}

body.page-template-page-menus #site-header:hover,
body.page-template-page-menus #site-header.scrolled {
  background-color: #000;
  backdrop-filter: none;
}

body.page-template-page-menus #site-header .location-link-text,
body.page-template-page-menus #site-header .main-nav .primary-menu li a,
body.page-template-page-menus #site-header .lang-selector {
  color: #fff;
}

body.page-template-page-menus #site-header .gift-card-btn {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

body.page-template-page-menus #site-header .book-now-btn-top {
  color: #000;
  background-color: #fff;
}

body.page-template-page-menus #site-header .mobile-menu-toggle:not(.active) span {
  background-color: #fff;
}

body.page-template-page-menus #site-header .location-link svg path {
  fill: #fff;
}

body.page-template-page-menus #site-header .logo-container img.site-logo {
  opacity: 0;
}

body.page-template-page-menus #site-header .logo-container img.site-logo-dark {
  opacity: 1;
}
