#lightbox-overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: black;
    z-index: 2147483647;
    top: 0;
    left: 0;
    display: none;
}

#lightbox-outer-container {
    /* border: solid 1px red; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


#lightbox-inner-container {
    position: relative;
    /* transition: 1s; */
}

#lightbox-left-arrow, #lightbox-right-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5vw;
    height: auto;
    max-width: 85px;
}

#lightbox-left-arrow {
    left: 0;
    cursor: pointer;
}

#lightbox-right-arrow {
    right: 0;
    cursor: pointer;
}

.lightbox-opened-image {
    max-width: 9vw;
    max-height: 9vh;
    display: block;
    margin: 0 auto;
    top: 0;
    left: 0;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIdSURBVEhLrdZLyA5RHMfxB0nkfokUiixRlLISCUVICBsbYkEkwk7ZoFAu2bASYaMsFLkkZSErkltuKYVEuUf4fk/v6X08zsycZ16/+iz+Z86Z8zwzZ85MIyP9sAbn8Qxf8Q53cBgz0KV0wzq8xe8K1zAJbac3TiOe6AKWYyTGYBgmYDtewD6fsATZ8Z+cgYNfYxZiZuI7vGwDbCD+qH2w/0/MQVY2wUFvMM6GjkzDZ3hM19EHMZth+weMsKEsg+CNdsB0GzripXqPOEl0DM05BduPhqokG2DHc6HqzBA8xCV4/DHu4gCaMxpe2m9wtRbmMjzRolD9GxeAx2+EKh0Xjn2Whqog3nw7DQxVZ/riOW7D4y/xCvvRmq2wz65QJdITv/AlVH/Hm+5EnqDZHrRmJTx2PFSJuFzt4KpJZRTuIU5yBN3Rmnnw+MlQJVI1kRmOWzgRqnSyJ/qIKV2wEVkT/S+VE7mNuLrq8hkrnag/7FB2j3KyAKUTGZ9o/1GPUNXLajjRwVAV5CnsND5U9bIXnmNbqAriJmknd/C6uQ/PMTVUBZkLO7kL9LKhzSyE433l+14rzU3Y2UvQTnyVPIFjV9lQlcmIL7gtNmRkKNzRHXMFqa0pmWVw9TnwLMYiFS/PYsQN9wGctK3MRnzb/sBV7MRauM34qRVXqS5iMGrFX3cIzd8KrR5hBSpvfk780pmPHfBB3I31mIiMNBp/ACFwxRjJzz/yAAAAAElFTkSuQmCC), auto;
}

#lightbox-opened-1, #lightbox-opened-2 {
    opacity: 0;
    position: absolute;
}

#lightbox-opened-1.cursor-default, #lightbox-opened-2.cursor-default {
    cursor: default;
}

#lightbox-opened-1.shown, #lightbox-opened-2.shown {
    position: static;
    opacity: 1;
    max-width: 90vw;
    max-height: 90vh;
    transition: opacity 0.3s;
}

#lightbox-caption {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 10px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.822);
    color: white;
    font-size: 16px;
    line-height: 120%;
}

#lightbox-close {
    position: fixed;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 9;
}

#lightbox-left-arrow:hover, #lightbox-right-arrow:hover, #lightbox-close:hover {
    background-color: rgb(15, 15, 15);
}

@media only screen and (max-width: 766px) {
    #lightbox-left-arrow, #lightbox-right-arrow {
        width: 75px;
        height: auto;
        z-index: 9;
    }
    #lightbox-left-arrow {
        left: 5vw;
    }
    #lightbox-right-arrow {
        right: 5vw;
    }
}




#scrollUp {
    z-index: 2147483646 !important;
}

.lightbox-image {
    cursor: pointer;
}