/* ==========================================================================
   BISPL — LIGHTBOX (Magnific Popup) STACKING FIX
   --------------------------------------------------------------------------
   Load AFTER assets/css/vendor/magnific-popup.css on any page that opens a
   lightbox (about.php, index.php).

   Why this file exists
     Magnific Popup ships at z-index 1042 / 1043. This theme puts the header
     at z-index 10000 (main.css — "Keep the submenu above page content"), so
     the header painted OVER the popup and clipped the top of every image.

     Only the two roots need raising: .mfp-wrap is position:fixed with a
     z-index, so it forms its own stacking context and all of Magnific's
     internal layering (preloader 1044, content 1045, arrows/close/counter
     1046) keeps working untouched inside it.

     Nothing here changes how the page looks or behaves when no popup is
     open — these selectors only exist while a lightbox is on screen.
   ========================================================================== */

.mfp-bg {
  z-index: 100042;
}

.mfp-wrap {
  z-index: 100043;
}

/* Breathing room around the picture.

   Magnific sets .mfp-img's max-height to the full window height, and the
   element is border-box — so the padding here is carved OUT of that height
   rather than added to it. Growing it shrinks the picture slightly and keeps
   it clear of the close button above and the caption below, without letting
   anything overflow the viewport. Padding the container instead would push
   the image past the bottom edge, since max-height is measured against the
   window, not the container. */
img.mfp-img {
    padding: 38px 0 38px;
}