/* ===========================
   WRAPPER
=========================== */

.pcpg-gallery-wrapper{
    width:100%;
}

/* ===========================
   FILTERS
=========================== */

.pcpg-gallery-wrapper .pcpg-filters{

    display:flex !important;

    justify-content:flex-start !important;

    align-items:center;

    flex-wrap:nowrap !important;

    overflow-x:auto;

    overflow-y:hidden;

    white-space:nowrap;

    gap:12px;

    margin-bottom:24px;

    scrollbar-width:none;

    -ms-overflow-style:none;

}

.pcpg-gallery-wrapper .pcpg-filters::-webkit-scrollbar{

    display:none;

}

.pcpg-gallery-wrapper .pcpg-filters button{

    flex:0 0 auto;

    white-space:nowrap;

    padding:13px 22px !important;

    border-radius:999px !important;

    border:1px solid rgba(255,255,255,.15) !important;

    background:transparent !important;

    color:#fff !important;

    font-size:15px !important;

    font-weight:600 !important;

    line-height:1 !important;

    cursor:pointer;

    transition:all .35s ease !important;

    box-shadow:none !important;

    outline:none;

}

.pcpg-gallery-wrapper .pcpg-filters button:hover{

    border-color:#ff7a45 !important;

    color:#fff !important;

}

.pcpg-gallery-wrapper .pcpg-filters button.active{

    background:#ff7a45 !important;

    border-color:#ff7a45 !important;

    color:#111 !important;

}
/* ===========================
   GRID
=========================== */

.pcpg-grid{

    width:100%;
}

.pcpg-grid-sizer,
.pcpg-item{

    width:33.333%;
}

.pcpg-item{

    padding:6px;

    box-sizing:border-box;

    opacity:0;

    transform:translateY(40px);

    transition:
        opacity .7s ease,
        transform .7s ease;

}

.pcpg-item.pcpg-visible{

    opacity:1;

    transform:translateY(0);

}

.pcpg-item,
.pcpg-item img{

    border-radius:18px !important;

}

.pcpg-item img{

    width:100% !important;

    height:auto !important;

    display:block;

    border-radius:18px !important;

    overflow:hidden !important;

    object-fit:cover;

    box-shadow:
        0 10px 30px rgba(0,0,0,.18);



}

.pcpg-item img{

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        filter .35s ease;

}

.pcpg-item:hover img{

    transform:translateY(-6px);

    box-shadow:
        0 22px 45px rgba(0,0,0,.28);

    filter:brightness(1.05);

}

/* ===========================
   RESPONSIVE
=========================== */

@media(max-width:1024px){

    .pcpg-grid-sizer,
    .pcpg-item{

        width:50%;

    }

}

@media(max-width:767px){

    .pcpg-grid-sizer,
    .pcpg-item{

        width:100%;

    }

}

/* ===========================
   HIDE TITLES
=========================== */

.pcpg-title,
.pcpg-caption,
.pcpg-item h3{
    display:none;
}