.elementor-kit-54022{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-54022 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@media (max-width: 991px) {
    html body #CEOJA_Kristian_Slat_Gallery_V4 {
      overflow: visible !important;
      touch-action: pan-x pan-y pinch-zoom !important;
    }

    html body #CEOJA_Kristian_Slat_Gallery_V4 .ceoja-gallery-stage {
      overflow: hidden !important;
      touch-action: pan-x pan-y pinch-zoom !important;
      overscroll-behavior: auto !important;
    }

    html body #CEOJA_Kristian_Slat_Gallery_V4 .ceoja-gallery-wrap {
      overflow-x: auto !important;
      overflow-y: hidden !important;
      touch-action: pan-x pan-y pinch-zoom !important;
      -webkit-overflow-scrolling: touch !important;
      overscroll-behavior-x: contain !important;
      overscroll-behavior-y: auto !important;
      scroll-snap-type: x proximity !important;
      scroll-behavior: smooth !important;
      scrollbar-width: none !important;
    }

    html body #CEOJA_Kristian_Slat_Gallery_V4 .ceoja-gallery-wrap::-webkit-scrollbar {
      display: none !important;
    }

    html body #CEOJA_Kristian_Slat_Gallery_V4 .ceoja-slat {
      touch-action: pan-x pan-y pinch-zoom !important;
      pointer-events: auto !important;
      scroll-snap-align: center !important;
      -webkit-tap-highlight-color: transparent !important;
    }

    html body #CEOJA_Kristian_Slat_Gallery_V4 .ceoja-slat img {
      touch-action: pan-x pan-y pinch-zoom !important;
      pointer-events: none !important;
      -webkit-user-drag: none !important;
      user-select: none !important;
    }
  }

  html body:not(.ceoja-gallery-modal-open) #CEOJA_Kristian_Slat_Gallery_V4 {
    position: relative !important;
    z-index: auto !important;
    overflow: visible !important;
    isolation: auto !important;
  }

  html body:not(.ceoja-gallery-modal-open) .elementor-section:has(#CEOJA_Kristian_Slat_Gallery_V4),
  html body:not(.ceoja-gallery-modal-open) .elementor-container:has(#CEOJA_Kristian_Slat_Gallery_V4),
  html body:not(.ceoja-gallery-modal-open) .elementor-widget:has(#CEOJA_Kristian_Slat_Gallery_V4),
  html body:not(.ceoja-gallery-modal-open) .elementor-widget-container:has(#CEOJA_Kristian_Slat_Gallery_V4),
  html body:not(.ceoja-gallery-modal-open) .e-con:has(#CEOJA_Kristian_Slat_Gallery_V4),
  html body:not(.ceoja-gallery-modal-open) .e-container:has(#CEOJA_Kristian_Slat_Gallery_V4) {
    position: relative !important;
    z-index: auto !important;
    overflow: visible !important;
    transform: none !important;
    filter: none !important;
    perspective: none !important;
    contain: none !important;
    isolation: auto !important;
  }

  html body.ceoja-gallery-modal-open #CEOJA_Kristian_Slat_Gallery_V4 {
    position: relative !important;
    z-index: 2147483000 !important;
    overflow: visible !important;
  }

  html body.ceoja-gallery-modal-open .elementor-section:has(#CEOJA_Kristian_Slat_Gallery_V4),
  html body.ceoja-gallery-modal-open .elementor-container:has(#CEOJA_Kristian_Slat_Gallery_V4),
  html body.ceoja-gallery-modal-open .elementor-widget:has(#CEOJA_Kristian_Slat_Gallery_V4),
  html body.ceoja-gallery-modal-open .elementor-widget-container:has(#CEOJA_Kristian_Slat_Gallery_V4),
  html body.ceoja-gallery-modal-open .e-con:has(#CEOJA_Kristian_Slat_Gallery_V4),
  html body.ceoja-gallery-modal-open .e-container:has(#CEOJA_Kristian_Slat_Gallery_V4) {
    position: relative !important;
    z-index: 2147483000 !important;
    overflow: visible !important;
    transform: none !important;
    filter: none !important;
    perspective: none !important;
    contain: none !important;
    isolation: auto !important;
  }

  html body #CEOJA_Kristian_Slat_Gallery_V4 .ceoja-lightbox,
  html body #CEOJA_Kristian_Slat_Gallery_V4 .ceoja-lightbox.ceoja-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
    background: rgba(0, 0, 0, 0.88) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    overflow: hidden !important;
    touch-action: none !important;
  }

  html body #CEOJA_Kristian_Slat_Gallery_V4 .ceoja-lightbox-panel {
    position: relative !important;
    z-index: 2147483647 !important;
    background: #111 !important;
  }

  html body #CEOJA_Kristian_Slat_Gallery_V4 .ceoja-lightbox-img {
    pointer-events: none !important;
    background: #111 !important;
    z-index: 2147483646 !important;
  }

  html body #CEOJA_Kristian_Slat_Gallery_V4 .ceoja-lightbox-btn {
    pointer-events: auto !important;
    z-index: 2147483647 !important;
  }

  html body.ceoja-gallery-header-hidden #CEOJA_Kristian_Header_Sticky_Topbar_Safe_V6,
  html body.ceoja-gallery-header-hidden #CEOJA_Kristian_Header_Sticky_Topbar_Safe_V5,
  html body.ceoja-gallery-header-hidden #CEOJA_Kristian_Header_Combined_Fixed_V4,
  html body.ceoja-gallery-header-hidden #CEOJA_Kristian_Header_Main_Scenario2_V3,
  html body.ceoja-gallery-header-hidden #CEOJA_Kristian_Topbar_White_V2 {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.ceoja-gallery-header-hidden #CEOJA_Kristian_Header_Sticky_Topbar_Safe_V6 .ceoja-main-header,
  html body.ceoja-gallery-header-hidden #CEOJA_Kristian_Header_Sticky_Topbar_Safe_V5 .ceoja-main-header,
  html body.ceoja-gallery-header-hidden #CEOJA_Kristian_Header_Combined_Fixed_V4 .ceoja-main-header,
  html body.ceoja-gallery-header-hidden #CEOJA_Kristian_Header_Main_Scenario2_V3 .ceoja-main-header {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

<script>
  (function () {
    const gallery = document.getElementById("CEOJA_Kristian_Slat_Gallery_V4");
    if (!gallery) return;

    const lightbox = gallery.querySelector(".ceoja-lightbox");

    const headerSelectors = [
      "#CEOJA_Kristian_Header_Sticky_Topbar_Safe_V6",
      "#CEOJA_Kristian_Header_Sticky_Topbar_Safe_V5",
      "#CEOJA_Kristian_Header_Combined_Fixed_V4",
      "#CEOJA_Kristian_Header_Main_Scenario2_V3",
      "#CEOJA_Kristian_Topbar_White_V2"
    ];

    let lastHeaderHeight = 90;
    let ticking = false;

    function getHeaders() {
      const nodes = [];

      headerSelectors.forEach(function (.elementor-kit-54022) {
        const headerRoot = document.querySelector(.elementor-kit-54022);
        if (!headerRoot) return;

        nodes.push(headerRoot);

        const mainHeader = headerRoot.querySelector(".ceoja-main-header");
        if (mainHeader && mainHeader !== headerRoot) {
          nodes.push(mainHeader);
        }
      });

      return nodes;
    }

    function updateHeaderHeight() {
      if (document.body.classList.contains("ceoja-gallery-header-hidden")) return;

      let maxHeight = 0;

      getHeaders().forEach(function (header) {
        const rect = header.getBoundingClientRect();
        if (rect.height > maxHeight) {
          maxHeight = rect.height;
        }
      });

      if (maxHeight > 20) {
        lastHeaderHeight = maxHeight;
      }
    }

    function forceHeaderHidden(isHidden) {
      document.body.classList.toggle("ceoja-gallery-header-hidden", isHidden);

      getHeaders().forEach(function (header) {
        if (isHidden) {
          header.style.setProperty("display", "none", "important");
          header.style.setProperty("opacity", "0", "important");
          header.style.setProperty("visibility", "hidden", "important");
          header.style.setProperty("pointer-events", "none", "important");
        } else {
          header.style.removeProperty("display");
          header.style.removeProperty("opacity");
          header.style.removeProperty("visibility");
          header.style.removeProperty("pointer-events");
        }
      });
    }

    function isModalOpen() {
      return lightbox && lightbox.classList.contains("ceoja-open");
    }

    function checkGalleryPosition() {
      updateHeaderHeight();

      const modalOpen = isModalOpen();
      document.body.classList.toggle("ceoja-gallery-modal-open", modalOpen);

      if (modalOpen) {
        forceHeaderHidden(true);
        return;
      }

      const rect = gallery.getBoundingClientRect();
      const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
      const headerLimit = lastHeaderHeight + 10;

      const galleryIsTouchingHeaderZone = rect.top <= headerLimit && rect.bottom >= headerLimit + 30;
      const galleryIsVisible = rect.bottom > 80 && rect.top < viewportHeight - 80;

      forceHeaderHidden(galleryIsTouchingHeaderZone && galleryIsVisible);
    }

    function requestCheck() {
      if (ticking) return;

      ticking = true;

      window.requestAnimationFrame(function () {
        checkGalleryPosition();
        ticking = false;
      });
    }

    if (lightbox) {
      const observer = new MutationObserver(requestCheck);
      observer.observe(lightbox, {
        attributes: true,
        attributeFilter: ["class", "style"]
      });
    }

    window.addEventListener("scroll", requestCheck, { passive: true });
    window.addEventListener("resize", requestCheck);
    window.addEventListener("orientationchange", requestCheck);

    document.addEventListener("click", function () {
      setTimeout(requestCheck, 40);
    });

    document.addEventListener("keydown", function () {
      setTimeout(requestCheck, 40);
    });

    setTimeout(requestCheck, 80);
    setTimeout(requestCheck, 400);
  })();
</script>/* End custom CSS */