/* Lemon Parallax Sticky Cover - single native Elementor Container extension
 * The enabled container is the sticky visual base.
 * Following content can cover it with a higher z-index/optional overlap.
 */
.lt-parallax-sticky-cover {
  --lt-psc-sticky-top: 0px;
  --lt-psc-base-z: 1;
  --lt-psc-cover-z: 5;
  --lt-psc-cover-overlap: 0vh;
  position: sticky !important;
  top: var(--lt-psc-sticky-top, 0px) !important;
  z-index: var(--lt-psc-base-z, 1);
  overflow: hidden;
  overflow: clip;
  --lt-psc-bg-y: 0px;
  --lt-psc-content-y: 0px;
  transition: none !important;
  isolation: isolate;
  box-sizing: border-box;
  max-width: 100%;
}


.lt-parallax-sticky-cover *,
.lt-parallax-sticky-cover *::before,
.lt-parallax-sticky-cover *::after {
  box-sizing: border-box;
}

.lt-parallax-sticky-cover.lt-psc-disabled,
.lt-parallax-sticky-cover.lt-psc-effect-no {
  position: relative !important;
  top: auto !important;
  z-index: auto;
}

.lt-psc-next-cover-target {
  position: relative;
  z-index: var(--lt-psc-cover-z, 5);
  margin-top: var(--lt-psc-cover-overlap, 0vh);
}

.lt-parallax-sticky-cover .lt-psc-content-parallax-target {
  transform: translate3d(0, var(--lt-psc-content-y, 0px), 0) !important;
  transition: none !important;
  will-change: transform;
}

.lt-parallax-sticky-cover .lt-psc-background-parallax-target {
  transition: none !important;
  will-change: transform;
}

.elementor-editor-active .lt-parallax-sticky-cover,
.elementor-editor-preview .lt-parallax-sticky-cover {
  outline: 1px dashed rgba(254, 107, 122, 0.35);
}

.elementor-editor-active .lt-psc-next-cover-target,
.elementor-editor-preview .lt-psc-next-cover-target {
  outline: 1px dashed rgba(255, 190, 0, 0.25);
}