/* =====================================================
   BLUE DOLPHIN WASSERSPORT
   Gallery Lightbox
===================================================== */


.lightbox {

    position:fixed;

    inset:0;

    background:
    rgba(0,20,40,.92);

    display:flex;

    align-items:center;

    justify-content:center;

    opacity:0;

    visibility:hidden;

    transition:.4s;

    z-index:9999;

    padding:30px;

}



.lightbox.active {

    opacity:1;

    visibility:visible;

}



.lightbox-content {

    position:relative;

    max-width:1000px;

    max-height:90vh;

}



.lightbox-content img {

    max-width:100%;

    max-height:85vh;

    border-radius:25px;

    box-shadow:

    0 30px 80px rgba(0,0,0,.5);

    animation:

    lightboxZoom .4s ease;

}



.close-lightbox {

    position:absolute;

    top:-50px;

    right:0;

    color:white;

    font-size:3rem;

    cursor:pointer;

    line-height:1;

}



@keyframes lightboxZoom {


from {

    transform:scale(.8);

    opacity:0;

}


to {

    transform:scale(1);

    opacity:1;

}


}



@media(max-width:600px){


.lightbox {

    padding:15px;

}


.close-lightbox {

    top:-40px;

    font-size:2.5rem;

}


}