body{
margin:0;
background:#0d0d0d;
font-family:Arial;
color:white;
}

/* HERO */

.pt_gallery_hero{
padding:250px 20px;
text-align:center;
background:#111;
background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url("../images/gallery.jpg") center/cover;
height:80vh;

}

.pt_gallery_hero h1{
color:#fba931;
text-shadow: 0 0 20px rgba(255, 169, 49, 1);
}

/* MASONRY */

.pt_gallery_wrapper{
padding:60px 100px;
}

.pt_gallery_masonry{
column-count:4;
column-gap:15px;
}

.pt_gallery_item{
display:block;
margin-bottom:15px;
overflow:hidden;
border-radius:10px;
}

.pt_gallery_item img{
width:100%;
transition:0.4s;
}

.pt_gallery_item:hover img{
transform:scale(1.08);
}


/* VIDEO SECTION */
/* 
.pt_video_section{
padding:60px 20px;
text-align:center;
}

.pt_video_grid{
display:flex;
justify-content:center;
}

.pt_video_card{
position:relative;
width:320px;
cursor:pointer;
}

.pt_video_card img{
width:100%;
border-radius:10px;
}

.pt_video_card span{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:40px;
color:#fba931;
} */


/* VIDEO MODAL */

/* .pt_video_modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
display:none;
justify-content:center;
align-items:center;
z-index:999;
}

.pt_video_modal video{
width:70%;
}

.pt_video_close{
position:absolute;
top:20px;
right:30px;
font-size:35px;
cursor:pointer;
} */

/* LIGHTBOX MODAL */

.pt_lightbox_modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.95);
display:none;
justify-content:center;
align-items:center;
z-index:999;
}

.pt_lightbox_image{
max-width:90%;
max-height:90%;
border-radius:10px;
animation:pt_zoomIn 0.4s ease;
}

.pt_lightbox_close{
position:absolute;
top:30px;
right:40px;
font-size:35px;
color:#fba931;
cursor:pointer;
}

@keyframes pt_zoomIn{
from{ transform:scale(0.7); opacity:0; }
to{ transform:scale(1); opacity:1; }
}


/* RESPONSIVE */

@media(max-width:900px){
.pt_gallery_masonry{ column-count:2; }
}

@media(max-width:500px){
.pt_gallery_masonry{ column-count:1; }


.pt_gallery_wrapper{
padding:60px 10px;
}
}