/* Page-only fixes for the Webflow body. Loaded only by /home-new.
   Scoped to .cf-home-new-main so they cannot restyle the shared header or footer. */

.cf-home-new-main [style*="opacity:0"]:not(.w-dropdown-list) {
  opacity: 1 !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

.cf-home-new-main .w-dropdown-list.w--open {
  display: block;
  height: auto !important;
  opacity: 1 !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.cf-home-new-main .accordion-item.w--open {
  height: auto !important;
}

.cf-home-new-main .w-dropdown-toggle,
.cf-home-new-main .w-slider-arrow-left,
.cf-home-new-main .w-slider-arrow-right,
.cf-home-new-main .w-slider-dot {
  cursor: pointer;
}

/* Keep Webflow layers under the shared sticky header. */
.cf-home-new-main {
  position: relative;
  z-index: 0;
}

/* One horizontal hero track. The photo set is in the markup twice; translating
   by half the track width loops without a jump. */
.cf-home-new-main .carousel-container,
.cf-home-new-main .carousel-container-mobile {
  overflow: hidden;
  flex-wrap: nowrap;
}

.cf-home-new-main .cf-hero-marquee-track {
  display: flex;
  flex-flow: row nowrap;
  width: max-content;
  animation: cf-hero-marquee 40s linear infinite;
  will-change: transform;
}

.cf-home-new-main .cf-hero-marquee-track > .slide-container {
  flex: 0 0 auto;
  width: max-content;
  flex-wrap: nowrap;
}

.cf-home-new-main .carousel-container:hover .cf-hero-marquee-track,
.cf-home-new-main .carousel-container-mobile:hover .cf-hero-marquee-track {
  animation-play-state: paused;
}

@keyframes cf-hero-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .cf-home-new-main .cf-hero-marquee-track {
    animation: none;
    will-change: auto;
  }
}

.cf-home-new-main .cf-hero-marquee-track .slide-item {
  background-image: none !important;
}

.cf-home-new-main .cf-hero-photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
}

.cf-home-new-main img.cf-hero-photo,
.cf-home-new-main .cf-hero-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.cf-home-new-main .slide-item .div-block-115,
.cf-home-new-main .slide-item .div-block-85,
.cf-home-new-main .slide-item .hero-slider-background-video {
  position: relative;
  z-index: 2;
}

@media (min-width: 992px) {
  .cf-home-new-main .slide-item.is-9::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(#00000054, #00000054);
    z-index: 1;
    pointer-events: none;
  }
}