/* DF Hero KB - Divi-friendly Ken Burns background */
.df-hero-kb {
  position: relative !important;
  overflow: hidden !important;
  min-height: 100vh !important;
}

.df-hero-kb .et_pb_code:has(.df-kb-bg),
.df-hero-kb .et_pb_code:has(.df-kb-bg) .et_pb_code_inner,
.df-hero-kb .df-kb-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.df-hero-kb .et_pb_row {
  position: relative !important;
  z-index: 3 !important;
}

.df-hero-kb .df-kb-bg {
  overflow: hidden !important;
}

.df-hero-kb .df-kb-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--df-kb-overlay, rgba(0,0,0,.35));
  z-index: 2;
}

.df-hero-kb .df-kb-slide {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  opacity: 0;
  transform: scale(var(--df-kb-slide-zoom-start, var(--df-kb-zoom-start, 1)));
  animation-name: dfKenBurns;
  animation-duration: var(--df-kb-duration, 24s);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  z-index: 1;
  will-change: transform, opacity;
}

@keyframes dfKenBurns {
  0% {
    opacity: 0;
    transform: scale(var(--df-kb-slide-zoom-start, var(--df-kb-zoom-start, 1)));
  }

  8% {
    opacity: 1;
  }

  33% {
    opacity: 1;
    transform: scale(var(--df-kb-slide-zoom-end, var(--df-kb-zoom-end, 1.14)));
  }

  41% {
    opacity: 0;
    transform: scale(var(--df-kb-slide-zoom-end, var(--df-kb-zoom-end, 1.14)));
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 980px) {
  .df-hero-kb {
    min-height: 70vh !important;
  }
}

@media (max-width: 767px) {
  .df-hero-kb {
    min-height: 560px !important;
  }
}