/* OVERLAY HEADER */
:root {
  --header-height: 9.34rem;
  --header-height-xl: 9.34rem;
  --header-height-l: 8.1rem;
  --header-height-m: 7.71rem;
  --header-height-s: 7.23rem;
  --offset-xl: 9.34rem;
  --offset-l: 8.1rem;
  --offset-m: 7.71rem;
  --offset-s: 7.23rem;
}
/* Header Height */
@media (max-width: 1200px) {
  :root {
    --header-height: var(--header-height-xl);
  }
}
@media (max-width: 992px) {
  :root {
    --header-height: var(--header-height-l);
  }
}
@media (max-width: 767px) {
  :root {
    --header-height: var(--header-height-m);
  }
}
@media (max-width: 480px) {
  :root {
    --header-height: var(--header-height-s);
  }
}
/* Offset */
:root {
  --offset: var(--offset-xl);
}
@media (max-width: 992px) {
  :root {
    --offset: var(--offset-l);
  }
}
@media (max-width: 767px) {
  :root {
    --offset: var(--offset-m);
  }
}
@media (max-width: 480px) {
  :root {
    --offset: var(--offset-s);
  }
}
/* Select Header Style */
[data-header-style="Overlay"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: unset;
}
[data-header-style="Overlay"] .tg-header__subtitle {
  color: var(--base-d-1);
}
[data-header-style="Overlay"] .tg-header__container .tg-header__menu {
  color: var(--white);
}
/* --------------------------------------- */
/* MOBILE MENU */
@media (max-width: 1150px) {
  .bricks-mobile-menu-toggle {
    display: block;
  }
  .bricks-nav-menu-wrapper.custom {
    display: none;
  }
  .tg-header__logo-wrapper {
    border-bottom: none;
  }
}
@media (min-width: 1151px) {
  .bricks-nav-menu-wrapper.custom {
    display: block;
  }
  .bricks-mobile-menu-toggle {
    display: none;
  }
}
/* --------------------------------------- */
/* HERO SECTION */
.hero {
  position: relative;
  flex-direction: row;
  justify-content: center;
  display: flex;
  z-index: 0;
  isolation: isolate;
  align-items: center;
}
body.header-style-overlay main > section.hero {
  --hero-section-space: var(--section-l);
  position: relative;
  z-index: 2;
  padding-block-start: calc(var(--hero-section-space) + var(--header-height));
  padding-block-end: var(--hero-section-space);
}
/* HERO WITH SLIDER */
.hero-slider-section {
  --hero-height: 90svh;
  --hero-rail-height: 65%;
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr) 3rem;
  min-height: var(--hero-height);
  padding: 0;
  margin: 0;
}
/* SLIDE */
.hero-slider-section .splide__slide {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 0;
}
/* REAL SLIDE IMAGE */
.hero-slider-section .real-image--slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}
/* OVERLAY */
/* HERO CONTENT */
.hero__content {
  position: inherit;
  z-index: 5;
}
/* HERO WITH SLIDER CONTENT */
.hero-slider-section .hero-content-inner {
  position: relative;
  z-index: 20;
  width: 100%;
  max-width: var(--mw-65);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transform: translateY(2rem);
}
/* SLIDER BACKGROUND SPANS ALL 3 GRID COLUMNS */
.hero-slider-section > .slider__nestable {
  grid-column: 1 / -1;
  grid-row: 1;
  min-width: 0;
  min-height: 0;
  height: 100%;
}
/* SIDE RAILS */
.hero-slider-section > .hero__grid--left, .hero-slider-section > .hero__grid--right {
  position: relative;
  z-index: 30;
  grid-row: 1;
  height: var(--hero-rail-height);
  align-self: center;
  min-height: 0;
  color: var(--white);
}
.hero-slider-section > .hero__grid--left {
  grid-column: 1;
}
.hero-slider-section > .hero__grid--right {
  grid-column: 3;
}
/* LET SPLIDE FILL THE GRID ROW */
.hero-slider-section .splide__track, .hero-slider-section .splide__list, .hero-slider-section .splide__slide {
  height: 100%;
  min-height: 0;
}
/* SLIDE POSITIONING CONTEXT */
.hero-slider-section .splide__slide {
  position: relative;
  overflow: hidden;
}
/* REAL SLIDE IMAGE */
.hero-slider-section .real-image--slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}
/* ARROWS */
.hero-slider-section .splide__arrows {
  position: absolute;
  z-index: 40;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex !important;
  gap: 12px;
}
/* ARROW BUTTON BOXES */
.hero-slider-section .splide__arrow {
  position: static !important;
  transform: none !important;
  background: rgba(255, 255, 255, 0.15) !important;
  width: 32px;
  height: 32px;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
/* SVG ICONS & ROTATION */
.hero-slider-section .splide__arrow svg {
  fill: #ffffff !important;
  width: 14px;
  height: 14px;
  transition: transform 0.25s ease;
}
.hero-slider-section .splide__arrow.splide__arrow--prev svg {
  transform: rotate(180deg);
}
/* HOVER EFFECTS */
.hero-slider-section .splide__arrow:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}
/* RESPONSIVE HERO HEIGHT */
@media (max-width: 992px) {
  .hero-slider-section {
    --hero-height: 80svh;
  }
}
@media (max-width: 767px) {
  .hero-slider-section {
    --hero-height: 70svh;
  }
  .hero-slider-section .hero-content-inner {
    width: 100%;
    max-width: var(--mw-55);
    transform: translateY(0);
  }
  .hero-slider-section .slide__description {
    display: none;
  }
  .hero-slider-section .splide__arrows {
    display: none !important;
  }
  .hero-slider-section .splide__slide:not(:first-child) {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .hero-slider-section {
    --hero-height: 50svh;
  }
}