#lightbox { 
position: fixed;  top: 0;  left: 0; z-index: 9999999999;
width: 100%; height: 100%; 
background-color: rgba(0, 0, 0, .8); 
backdrop-filter: blur(.5em);
}


#slideshow { 
position: relative; z-index: 100;
text-align:center; 
width: 100%; height:100%; 
background-color: transparent;
}

#slideshow img { 
position: absolute; 
top: 0; left: 0; right: 0; bottom: 0; text-align:center; 
max-width: 100%; max-height: calc(100vh - 5em);
margin:auto;
}

.lightBoxNav { display: block; z-index:999; }
.prev, .next { 
position: absolute; top: 0; bottom:0; z-index:999; cursor: pointer;
width: 4em; background: rgba(0,0,0,0); opacity: .5;
padding: .25em .5em; 
background-image: url("/img/e/basic/kibuzzer/arrow-icon.svg");
background-size: 1.25em 1.25em;
background-position: center center;
background-repeat: no-repeat;
}
.prev:hover, .next:hover {background-color: rgba(0,0,0,.05);  opacity:1;}

.next { right: 0; transform: rotate(-180deg);}
.prev { left: 0;}
.lightThumb{
width: 100%; max-width: 460px;
height: auto; margin:5px;
}	


#imageSet a.lightboxTrigger {display: inline-block; margin: .25em; width: 120px; max-height: 150px; overflow: hidden;}
#imageSet .details-blog-box a.lightboxTrigger {width: 320px; margin: 0; max-height: 320px; overflow: hidden;}
#imageSet .thumb {object-fit: cover; object-position: center; width: 100%; height: 100%;}

.gallery-list {display: flex;}
.gallery-list div {display: block; padding: .5em 0; border-radius:0; overflow-y: auto; max-width: 100%;}
.gallery-list span {display: inline-flex; }
.gallery-list figcaption, .pswp__caption {display: none;}
.gallery-list figure, .gallery-list .fancybox {display: inline-block; padding: .25em; margin-bottom: 0;}
.gallery-list figure img, .gallery-list .fancybox img {border:3px solid rgba(255,255,255,0);}
.gallery-list figure:hover img, .gallery-list .fancybox:hover img {border:3px solid rgba(255,255,255,1);}


/*- [custom scrollbar] -*/
/* Custom scrollbar for Webkit-based browsers (Chrome, Safari, Edge) */
.gallery-list div::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

.gallery-list div::-webkit-scrollbar-track {
    background: #fefefe; /* Background of the scrollbar track */
    border-radius: 10px;
}
.dark-theme .gallery-list div::-webkit-scrollbar-track {
    background: #111111;
}

.gallery-list div::-webkit-scrollbar-thumb {
    background-color: #35c6ac; /* Color of the scrollbar thumb */
    border-radius: 10px;
    border: 3px solid #fefefe; /* Adds padding around thumb */
}
.dark-theme div::-webkit-scrollbar-thumb {
    border-color: #111111;
}

.gallery-list div::-webkit-scrollbar-thumb:hover {
    background-color: #fefefe; /* Color of the thumb when hovered */
}

.dark-theme .gallery-list div::-webkit-scrollbar-thumb:hover {
    background-color: #111111; /* Color of the thumb when hovered */
}

/* Custom scrollbar for Firefox */
.gallery-list div {
    scrollbar-width: thin;
    scrollbar-color: #35c6ac #fefefe;
}
.dark-theme .gallery-list div {
    scrollbar-color: #35c6ac #111111;
}

/* Custom scrollbar for Internet Explorer/Edge */
.gallery-list div {
    -ms-overflow-style: none; /* Disables the default scrollbar */
}
/*- [/custom scrollbar] -*/


@media all and (max-width:768px) {
	.prev, .next {top: 5em; width: calc(49vw); height: calc(100vh - 10em); background-position: .5em center;}
}