/* =========================================================
   STIGEON GALLERY
========================================================= */

.stigeon-gallery-wrapper {
    width: 100%;
    position: relative;
}

.stigeon-gallery-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
}

.stigeon-gallery-filters button {

    border: none;

    padding: 12px 20px;

    cursor: pointer;

    background: #111;

    color: #fff;
}

.stigeon-gallery-grid {
    position: relative;
}

.stigeon-gallery-item {

    width: calc(25% - 16px);

    margin-bottom: 16px;

    position: absolute;

    overflow: hidden;

    text-decoration: none;

    background: #e5e5e5;
}

.stigeon-gallery-ratio {
    position: relative;
    width: 100%;
}

.stigeon-gallery-placeholder {

    position: absolute;

    inset: 0;

    background: #e5e5e5;
}

.stigeon-gallery-image {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    opacity: 0;

    transition: opacity 0.3s ease;
}

.stigeon-gallery-image.loaded {
    opacity: 1;
}

.stigeon-gallery-load-wrap {
    text-align: center;
    margin-top: 40px;
}

.stigeon-gallery-load-more {

    border: none;

    padding: 12px 20px;

    cursor: pointer;

    background: #111;

    color: #fff;
}

@media (max-width: 1024px) {

    .stigeon-gallery-item {
        width: calc(33.333% - 16px);
    }

}

@media (max-width: 767px) {

    .stigeon-gallery-item {
        width: calc(50% - 16px);
    }

}