/* Storefront homepage: shared layout with Slider Revolution owning its media. */
body.home {
  --storefront-wide-shell-max: 1200px;
}

/* Slider Revolution owns each slide background and its imported media. */
body.home sr7-module {
  height: auto !important;
  margin-bottom: 0 !important;
}

/* Only the optional effect canvas remains suppressed; the image canvas is native. */
body.home sr7-module sr7-slide:not(.sr7-staticslide) > canvas {
  opacity: 0 !important;
}

body.home sr7-module sr7-slide:not(.sr7-staticslide) > h2.sr7-layer,
body.home sr7-module sr7-slide:not(.sr7-staticslide) > h3.sr7-layer {
  color: #ffc107 !important;
  background: #000 !important;
}

/* Preserve the configured slider ratios so the following product section starts
 * at the same coordinate at every responsive width. */
body.home sr7-module {
  width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}

@media (min-width: 768px) {
  body.home sr7-module {
    height: auto !important;
    aspect-ratio: 2611.125 / 1000 !important;
  }
}

@media (min-width: 1241px) {
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > h2.sr7-layer,
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > h3.sr7-layer,
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > sr7-btn.sr7-layer {
    left: 55.375% !important;
  }
}

@media (min-width: 1025px) and (max-width: 1240px) {
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > h2.sr7-layer,
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > h3.sr7-layer,
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > sr7-btn.sr7-layer {
    left: 49.7580645161% !important;
  }
}

@media (min-width: 779px) and (max-width: 1024px) {
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > h2.sr7-layer,
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > h3.sr7-layer,
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > sr7-btn.sr7-layer {
    left: 50% !important;
  }
}

@media (min-width: 768px) and (max-width: 778px) {
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > h2.sr7-layer,
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > h3.sr7-layer,
  body.home sr7-module sr7-slide:not(.sr7-staticslide) > sr7-btn.sr7-layer {
    left: 31.7480719794% !important;
  }
}

@media (max-width: 767px) {
  body.home sr7-module {
    height: auto !important;
    aspect-ratio: 750 / 1101 !important;
  }

}



/* Match the configured below-the-fold effect_1 state. JavaScript reveals these
 * cards once the section enters the viewport. */
body.home .storefront-home-service-section.benefits-motion-ready .storefront-home-service-item {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: opacity .7s ease, transform .7s ease;
}

body.home .storefront-home-service-section.benefits-motion-ready.benefits-motion-visible .storefront-home-service-item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.home .storefront-home-service-section.benefits-motion-ready.benefits-motion-visible .storefront-home-service-item:nth-child(2) {
  transition-delay: .1s;
}

body.home .storefront-home-service-section.benefits-motion-ready.benefits-motion-visible .storefront-home-service-item:nth-child(3) {
  transition-delay: .2s;
}

@media (prefers-reduced-motion: reduce) {

  body.home .storefront-home-service-section.benefits-motion-ready .storefront-home-service-item {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: .01ms !important;
  }
}


/* Storefront News presentation is owned by the Storefront News plugin. */