/* ================================= */
/* LIGHTBOX GALERIA */
/* ================================= */

.lightbox{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:0.3s;
    z-index:9999;
}

.lightbox.active{
    opacity:1;
    visibility:visible;
}

.lightbox-img{
    max-width:90vw;
    max-height:90vh;
    width:auto;
    height:auto;
    object-fit:contain;
    border-radius:8px;
    animation:zoomLightbox .25s ease;
}

@keyframes zoomLightbox{
    from{
        transform:scale(.9);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}

.lightbox-close{
    position:absolute;
    top:30px;
    right:40px;
    font-size:40px;
    color:white;
    cursor:pointer;
}

.lightbox-prev,
.lightbox-next{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	font-size:50px;
	color:white;
	cursor:pointer;
	padding:20px;
	user-select:none;
}

.lightbox-prev{
	left:30px;
}

.lightbox-next{
	right:30px;
}

.lightbox-prev:hover,
.lightbox-next:hover{
	opacity:0.7;
}