/* =========================================
   GALLERY PAGE
========================================= */

.rp-gallery-section {
    padding: 60px 0;
    background: #f8f9fb;
}


/* =========================================
   EACH EXHIBITION SECTION
========================================= */

.rp-gallery-event {
    margin-bottom: 70px;
}

.rp-gallery-event:last-child {
    margin-bottom: 0;
}


/* =========================================
   EXHIBITION HEADING
========================================= */

.rp-gallery-event-heading {
    text-align: center;
    margin-bottom: 35px;
}

.rp-gallery-event-heading h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    color: #21266B;
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
}


/* Yellow underline */

.rp-gallery-event-heading h2:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 3px;
    background: #f5b400;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}


/* =========================================
   MASONRY GALLERY
========================================= */

.rp-gallery-grid {
    column-count: 3;
    column-gap: 30px;
}


/* =========================================
   GALLERY ITEM
========================================= */

.rp-gallery-item {
    display: inline-block;
    width: 100%;
    margin: 0 0 30px;

    background: #ffffff;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

    break-inside: avoid;

    -webkit-column-break-inside: avoid;

    transition: all 0.35s ease;
}


.rp-gallery-item a {
    display: block;
    line-height: 0;
    overflow: hidden;
}


.rp-gallery-item img {
    width: 100%;
    height: auto;

    display: block;

    transition: transform 0.35s ease;
}


/* Hover Effect */

.rp-gallery-item:hover {
    transform: translateY(-6px);

    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.15);
}


.rp-gallery-item:hover img {
    transform: scale(1.04);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .rp-gallery-section {
        padding: 50px 20px;
    }

    .rp-gallery-event {
        margin-bottom: 55px;
    }

    .rp-gallery-grid {
        column-count: 2;
        column-gap: 25px;
    }

    .rp-gallery-item {
        margin-bottom: 25px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .rp-gallery-section {
        padding: 40px 15px;
    }

    .rp-gallery-event {
        margin-bottom: 45px;
    }

    .rp-gallery-event-heading {
        margin-bottom: 25px;
    }

    .rp-gallery-event-heading h2 {
        font-size: 22px;
    }

    .rp-gallery-grid {
        column-count: 1;
        column-gap: 0;
    }

    .rp-gallery-item {
        margin-bottom: 20px;
        border-radius: 8px;
    }

}