/*
 * Static LayerSlider fixes.
 * The original WordPress plugin calculated these dimensions at runtime. In the
 * mirror we force the stacked hero images to share one full-width canvas so the
 * background/foreground artwork does not show vertical seams.
 */
.avia-layerslider,
.avia-layerslider .ls-wp-container,
.avia-layerslider .ls-inner,
.avia-layerslider .ls-slide {
  width: 100% !important;
  max-width: none !important;
  overflow: hidden !important;
}

body:not(.home) #layer_slider_1 {
  background: #0d6f77;
  overflow: hidden;
}

body:not(.home) #layer_slider_1 .ls-wp-container {
  opacity: 1;
  transition: opacity 120ms ease;
}

body:not(.home):not(.static-mirror-sliders-ready) #layer_slider_1 .ls-wp-container {
  opacity: 0 !important;
}

@media (min-width: 768px) {
  .avia-layerslider .ls-slide {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
  }

  .avia-layerslider .ls-slide > img.ls-bg,
  .avia-layerslider .ls-slide > img.ls-l[src*="Altru-hero-Gondola"],
  .avia-layerslider .ls-slide > img.ls-l[src*="Altru-hero-shipbow"],
  .avia-layerslider .ls-slide > img.ls-l[src*="Altru-hero-ships"],
  .avia-layerslider .ls-slide > img.ls-l[src*="skyline"],
  .avia-layerslider .ls-slide > img.ls-l[src*="ships"],
  .avia-layerslider .ls-slide > img.ls-l[src*="lighthouse"],
  .avia-layerslider .ls-slide > img.ls-l[src*="boats"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
  }

  .avia-layerslider .ls-wrapper:has(> img.ls-layer[src*="Altru-hero-Gondola"]),
  .avia-layerslider .ls-wrapper:has(> img.ls-layer[src*="Altru-hero-shipbow"]),
  .avia-layerslider .ls-wrapper:has(> img.ls-layer[src*="Altru-hero-ships"]),
  .avia-layerslider .ls-wrapper:has(> img.ls-layer[src*="skyline"]),
  .avia-layerslider .ls-wrapper:has(> img.ls-layer[src*="ships"]),
  .avia-layerslider .ls-wrapper:has(> img.ls-layer[src*="lighthouse"]),
  .avia-layerslider .ls-wrapper:has(> img.ls-layer[src*="boats"]) {
    left: 0 !important;
    width: 100% !important;
  }

  .avia-layerslider .ls-wrapper > img.ls-layer[src*="Altru-hero-Gondola"],
  .avia-layerslider .ls-wrapper > img.ls-layer[src*="Altru-hero-shipbow"],
  .avia-layerslider .ls-wrapper > img.ls-layer[src*="Altru-hero-ships"],
  .avia-layerslider .ls-wrapper > img.ls-layer[src*="skyline"],
  .avia-layerslider .ls-wrapper > img.ls-layer[src*="ships"],
  .avia-layerslider .ls-wrapper > img.ls-layer[src*="lighthouse"],
  .avia-layerslider .ls-wrapper > img.ls-layer[src*="boats"] {
    width: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
  }

  .avia-layerslider .ls-slide > img.ls-bg {
    z-index: 1 !important;
  }

  .avia-layerslider .ls-slide > img.ls-l[src$=".jpg"],
  .avia-layerslider .ls-slide > img.ls-l[src*=".jpg?"] {
    z-index: 1 !important;
  }

  .avia-layerslider .ls-slide > img.ls-l[src$=".png"],
  .avia-layerslider .ls-slide > img.ls-l[src*=".png?"] {
    z-index: 3 !important;
  }

  .avia-layerslider .ls-slide > img.ls-l[src*="star-map"] {
    position: absolute !important;
    z-index: 2 !important;
    width: min(1190px, 72vw) !important;
    height: auto !important;
    top: -250px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: none !important;
  }

  .avia-layerslider .ls-slide > h1.ls-l,
  .avia-layerslider .ls-slide > h2.ls-l,
  .avia-layerslider .ls-slide > h3.ls-l,
  .avia-layerslider .ls-slide > h4.ls-l {
    position: absolute !important;
    z-index: 4 !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    width: 100% !important;
    transform: translateY(-50%) !important;
    white-space: normal !important;
  }
}