/* APETERRA_HERO_V4 - Desktop only */

@media (min-width: 761px) {

  .entry-page .challenge-shell {
    overflow: visible !important;
    align-items: start !important;
    grid-template-columns:
      minmax(0, min(42vw, 66.6667vh))
      minmax(0, 1fr) !important;
    grid-template-columns:
      minmax(0, min(42vw, 66.6667dvh))
      minmax(0, 1fr) !important;
  }

  .entry-page .challenge-shell > .challenge-visual {
    position: sticky !important;
    top: 0 !important;
    align-self: start !important;

    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;

    background-image:
      var(--challenge-hero),
      var(--challenge-hero) !important;

    background-size:
      contain,
      cover !important;

    background-position:
      center center,
      center center !important;

    background-repeat:
      no-repeat,
      no-repeat !important;
  }

}


/* APETERRA_SEPARATOR_V5 */

/* Remove image enlargement button */
.entry-page .apt-hero-zoom {
    display: none !important;
}

/* Desktop: perfectly straight green separator */
@media (min-width: 761px) {

    .entry-page .challenge-shell::after {
        display: none !important;
        content: none !important;
    }

    .entry-page .challenge-shell > .challenge-visual::after {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        right: 0 !important;
        width: 5px !important;
        height: auto !important;
        transform: none !important;
        background: var(--lime) !important;
        box-shadow: none !important;
    }
}


/* APETERRA_DESKTOP_LINE_V7 */
@media (min-width: 761px) {

    .entry-page .challenge-shell > .challenge-visual::after {
        display: block !important;
        content: "" !important;
        position: absolute !important;
        z-index: 4 !important;

        top: -5% !important;
        bottom: auto !important;
        left: auto !important;
        right: -13px !important;

        width: 6px !important;
        height: 110% !important;

        transform: rotate(4deg) !important;
        transform-origin: center !important;

        background: var(--lime) !important;
        box-shadow: 0 0 16px rgba(182,255,50,.18) !important;
    }
}