.gallery {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

@media (min-width: 768px) {
    .row--gallery {
        justify-content: center;
    }
}

.gallery__carousel {
    overflow: visible;
}

@media (max-width: 767.98px) {
    .gallery__carousel {
        padding-top: 4rem;
    }
}

.gallery__carousel .swiper-slide-size {
    position: relative;
    width: 100%;
}

.gallery__carousel .swiper-slide-size:before {
    display: block;
    padding-bottom: 171%;
    content: '';
}

@media (min-width: 576px) {
    .gallery__carousel .swiper-slide-size:before {
        padding-bottom: 57%;
    }
}

.gallery__carousel .carousel__pagination {
    padding-top: 2rem;
    padding-left: 9.25%;
}

@media (min-width: 768px) {
    .gallery__carousel .carousel__pagination {
        padding-top: 2.5rem;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .gallery__carousel .carousel__pagination {
        padding-top: 3.2rem;
    }
}

@media (max-width: 767.98px) {
    .gallery__carousel .swiper-navigation {
        position: absolute;
        top: 53%;
        width: 95%;
    }

    .gallery__carousel .swiper-navigation svg {
        width: 14px;
    }
}

.gallery__carousel .swiper-button {
    position: absolute;
    top: 50%;
    margin-top: -7.8rem;
    border: 0;
    background-color: transparent;
}

.gallery__carousel .swiper-button-prev {
    left: -10rem;
}

.gallery__carousel .swiper-button-next {
    right: -10rem;
}

@media (max-width: 767.98px) {
    .gallery__carousel .swiper-button-prev {
        left: 2rem;
    }

    .gallery__carousel .swiper-button-next {
        right: 0;
    }
}

.gallery__carousel .swiper-slide:nth-child(1n) .swiper-slide-size {
    -webkit-animation-delay: 0.1s !important;
    animation-delay: 0.1s !important;
}

.gallery__carousel .swiper-slide:nth-child(2n) .swiper-slide-size {
    -webkit-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important;
}

.gallery__carousel .swiper-slide:nth-child(3n) .swiper-slide-size {
    -webkit-animation-delay: 0.3s !important;
    animation-delay: 0.3s !important;
}

.gallery__carousel .swiper-slide:nth-child(4n) .swiper-slide-size {
    -webkit-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important;
}

.gallery__carousel .swiper-slide:nth-child(5n) .swiper-slide-size {
    -webkit-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important;
}

.gallery__carousel .swiper-slide:nth-child(6n) .swiper-slide-size {
    -webkit-animation-delay: 0.6s !important;
    animation-delay: 0.6s !important;
}

.gallery__carousel .swiper-slide:nth-child(7n) .swiper-slide-size {
    -webkit-animation-delay: 0.7s !important;
    animation-delay: 0.7s !important;
}

.gallery__carousel .swiper-slide:nth-child(8n) .swiper-slide-size {
    -webkit-animation-delay: 0.8s !important;
    animation-delay: 0.8s !important;
}

.gallery__carousel .swiper-slide:nth-child(9n) .swiper-slide-size {
    -webkit-animation-delay: 0.9s !important;
    animation-delay: 0.9s !important;
}

.gallery__carousel .swiper-slide:nth-child(10n) .swiper-slide-size {
    -webkit-animation-delay: 1s !important;
    animation-delay: 1s !important;
}

.gallery__carousel .swiper-slide:nth-child(11n) .swiper-slide-size {
    -webkit-animation-delay: 1.1s !important;
    animation-delay: 1.1s !important;
}

.gallery__carousel .swiper-slide:nth-child(12n) .swiper-slide-size {
    -webkit-animation-delay: 1.2s !important;
    animation-delay: 1.2s !important;
}

.gallery__carousel .swiper-slide-size {
    opacity: 0;
    transform: translateY(16px);
}

.gallery__carousel.is-animating .swiper-slide-size {
    -webkit-animation: fadeUpSmall 0.6s ease forwards;
    animation: fadeUpSmall 0.6s ease forwards;
}

/* Gallery mobile styles */

/*@media (max-width: 575.98px) {
    .gallery__carousel .image-reveal-container .image-content {
        padding: 24px 24px 24px 24px;
        margin-left: 20px;
    }

        .gallery__carousel .image-reveal-container .image-content h2 {
            font-size: 1.4rem;
        }

        .gallery__carousel .image-reveal-container .image-content p {
            font-size: 1.15rem;
        }

        .gallery__carousel .image-reveal-container .image-content .button.button--secondary {
            height: 3rem;
        }

    .gallery__carousel .image-reveal-container .image-url {
        margin-right: unset;
        right: 15px;
        margin-bottom: 20px;
    }
}*/

/**/

.image-reveal-container .image-content {
    color: #ffffff;
    z-index: 1000;
    position: absolute;
    right: 0;
    padding: 12% 12%;
    width: 100%;
    height: 100%;
    /*background-color: rgba(255,255,255,0.85);*/
}

.image-reveal-container .image-content .valign {
    top: 15%;
    text-align: center;
}

@media (min-width: 576px) {
    .image-reveal-container .image-content {
        padding: 9% 3%;
        width: 220px;
    }
    .image-reveal-container .image-content .valign {
        top: 50%;
        text-align: left;
    }
}

.image-reveal-container .image-url {
    margin-top: 1.4rem;
}

.content-block.gallery h2 {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.content-block.gallery p {
    font-size: 1.1rem;
}

.content-block.gallery .button {
    font-size: 1rem;
    height: 3rem;
}

@media (min-width: 768px) {
    .image-reveal-container .image-url {
        margin-top: 2.3rem;
    }
}

@media (min-width: 992px) {
    .image-reveal-container .image-content {
        padding: 9% 60px;
        width: 380px;
    }

    .content-block.gallery h2 {
        font-size: 4.5rem;
        margin-bottom: 1.3rem;
    }

    .content-block.gallery p {
        font-size: 1.3rem;
    }

    .content-block.gallery .button {
        font-size: 1.5rem;
        height: 5rem;
    }
}

.btn-admin-slider {
    margin-top: -100px;
}

/* Member Benefits - custom CSS */
.page-myoverview .image-reveal-container .image-content,
.page-memberbenefits .image-reveal-container .image-content {
    background-image: linear-gradient(to left, rgba(0,0,0,.8), rgba(0,0,0,0));
}

@media (min-width: 992px) {
    .page-myoverview .image-reveal-container .image-content,
    .page-memberbenefits .image-reveal-container .image-content {
        padding: 9% 70px 9% 400px;
        width: 770px;
    }
}

.page-myoverview [data-swiper-slide-index="3"] .image-reveal-container .image-content,
.page-memberbenefits [data-swiper-slide-index="3"] .image-reveal-container .image-content {
    background-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
}