/* GALLERY LAYOUT */
.container {margin-bottom:100px;}
.photo-gallery img{pointer-events:none; user-select:none;}
.photo-gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:1300px; margin:auto; padding: 50px 20px 75px 20px;}
.photo-gallery a{display:block; overflow:hidden; position:relative;}
.photo-gallery img{width:100%; height:100%; object-fit:cover; display:block; border-radius:4px; filter:blur(8px); transform:scale(1.05); transition:filter .6s ease, transform .6s ease;}

/* IMAGE LOAD EFFECT */
.photo-gallery img.loaded{filter:blur(0);transform:scale(1);}

/* HOVER EFFECT */
.photo-gallery a:hover img{transform:scale(1.08);}

/* LIGHTBOX */
.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.97);display:none;align-items:center;justify-content:center;flex-direction:column;z-index:9999;animation:fadeIn .4s;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.lightbox img{max-width:92%;max-height:82%;transition:opacity .3s;}

/* CAPTION */
.lightbox-caption{color:white;margin-top:15px;font-size:16px;text-align:center;max-width:80%;}

/* CAMERA INFO */
.lightbox-exif{color:#bbb;font-size:13px;margin-top:5px;}

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

/* NAVIGATION */
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:65px;color:white;cursor:pointer;padding:20px;user-select:none;}
.lightbox-prev{ left:30px; }
.lightbox-next{ right:30px; }
.lightbox-nav:hover{color:gold;}

/* SLIDESHOW BUTTON */
.btn-section {display: table; margin: auto;}
.slideshow{position:absolute;bottom:40px;background:white;color:black;border:none;padding:10px 18px;cursor:pointer;font-size:14px;border-radius:3px;font-family: inherit;}
.slideshow:hover {background:gold;}

/* RESPONSIVE */
@media(max-width:1000px){.photo-gallery{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){
	.photo-gallery{grid-template-columns:1fr;}
	.lightbox-nav {font-size: 50px;padding: 15px; top: 47%;}
	.lightbox-caption {margin-top: 20px;max-width: 90%;}
	.slideshow {bottom: 25px; font-size: 15px;} 
}