﻿

/* ******************************************************************
    Lightbox stuff
   ******************************************************************  */
/* Lightbox2 s built-in class (covers html/body targets) */
html.lb-disable-scrolling,
body.lb-disable-scrolling,
body.lb-open {
    overflow: hidden;
    touch-action: none; /* helps on touch devices */
}
/* Fix Lightbox image sizing in fullscreen */
:fullscreen .lb-image,
:-webkit-full-screen .lb-image {
    max-height: 100vh !important;
    width: auto !important;
}

/* Lightbox2 (2.11.4) - keep lightbox within viewport */
.lb-outerContainer {
    max-height: calc(100vh - var(--lb-footer)) !important; /* room for controls/caption */
    overflow: hidden !important;
}

/* Remove Lightbox "frame"/mat */
.lb-outerContainer,
.lb-container {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.lb-image {
    max-height: calc(100vh - (var(--lb-footer) + 40px)) !important;
    width: auto !important;
    height: auto !important;
    display: block;
    touch-action: pan-y pinch-zoom;
/*    transition: opacity 0.6s ease !important;*/
}

.lb-dataContainer {
    max-height: var(--lb-footer);
    overflow: auto;
}

