/* Same size template */

.wpb_gallery.class-same_size{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.wpb_gallery.class-same_size li {
    width: 33.3333%;
    padding: 10px;
    position: relative;
    list-style: none;
}
.wpb_gallery.class-same_size li a {
    padding-top: 56.5%;
    width: 100%;
    position: relative;
    display: block;
}
.wpb_gallery.class-same_size li a .background-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;right:0;margin:auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.wpb_gallery.class-same_size li a .gallery_hover{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
    font-size: 20px;
    background: rgba(0,0,0,.4);
    color: #FFF;
    opacity: 0;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
}
.wpb_gallery.class-same_size li a:hover .gallery_hover { 
    opacity: 1;
}


/* Event gallery page template */
.wpb_gallery.class-gallery_page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -20px;
}
.wpb_gallery.class-gallery_page li {
    width: 260px;
    height: 130px;
    margin: 20px;
    position: relative;
    list-style: none;
}

.wpb_gallery.class-gallery_page li a .background-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    background-size: cover;
    background-repeat: no-repeat;
}

.wpb_gallery.class-gallery_page li a .gallery_hover{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
    font-size: 20px;
    background: rgba(0,0,0,.4);
    color: #FFF;
    opacity: 0;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
}

.wpb_gallery.class-gallery_page li a:hover .gallery_hover { 
    opacity: 1;
}

@media only screen and (max-width: 768px) {
    .wpb_gallery.class-gallery_page {
        margin: 0 -10px;
    }

    .wpb_gallery.class-gallery_page li {
        margin: 10px;
    }
}


/* Gallery page slider */
#blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-wrapper {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc( (100vw - 1160px) / 2 );
}

#blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-container {
    width: 100%;
    overflow: visible;
}


#blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-container .swiper-loading { 
    position: absolute;
    z-index: 9999;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

#blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-container .swiper-loading .background { 
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    background-color: #e7792d;
    background-color: var(--main-event-color);
    opacity: .2;
}
#blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-container .swiper-loading .spiner { 
    border: 4px solid #e7792d;
    border-color: transparent;
    border-right-color: var(--main-event-color);
	-webkit-animation: spin 1s linear infinite;
	   -moz-animation: spin 1s linear infinite;
	    -ms-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width: 80px;
    height: 80px;
    border-radius: 100%;
}

.swiper-slide-duplicate.swiper-slide {
    opacity: 0.1;
    transition: opacity 2s ease-in-out;
}

.swiper-slide-duplicate.swiper-slide-active {
    opacity: 1;
    transition: opacity 2s ease-in-out;
}
#blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-wrapper .swiper-slide-duplicate,
#blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-wrapper .swiper-slide {
    max-height: 656px;
    opacity: 0.1;
    transition: opacity 2s ease-in-out;
    max-width: 1160px;
}

#blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active,
#blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-wrapper .swiper-slide.swiper-slide-active {
    opacity: 1;
    transition: opacity 2s ease-in-out;
    margin-right: 0 !important;
}

#blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-wrapper .swiper-slide.swiper-slide-prev {
    margin-right: 0 !important;
}

#blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-wrapper .swiper-slide .gallery_hover {
    display: none;
}

#blank-page .wpb_gallery .eventGallerySwiperPrevNext .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #d8d8d8;
    opacity: 1;
    border-radius: 100%;
}

#blank-page .wpb_gallery .eventGallerySwiperPrevNext .swiper-pagination-bullet-active {
    background-color: var(--main-event-color);
}

#blank-page .eventGallerySwiperPrevNext.showArrows .showArrows-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 64px;
    height: 64px;
    background-color: #5fc4e1;
    background-color: var(--main-event-color);
    color: #fff;
}

#blank-page .eventGallerySwiperPrevNext.showArrows .showArrows-arrow--prev,
#blank-page .eventGallerySwiperPrevNext.showArrows .showArrows-arrow--next {
    display: none;
    user-select: none;
}

#blank-page .eventGallerySwiperPrevNext.showArrows .showArrows-arrow--prev {
    left: 0;
    display: flex;
}

#blank-page .eventGallerySwiperPrevNext.showArrows .showArrows-arrow--next {
    right: 0;
    display: flex;
}

#blank-page .sbc_gallery_view_all_container {
    display: block;
    width: 100%;
    margin-top: 39px;
}

#blank-page .sbc_gallery_view_all_button {
    line-height: 19px;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 43px;
    height: 40px;
    border-color: var(--secondary-event-color);
    background-color: var(--secondary-event-color);
    color: var(--white-color);
    transition: all .3s ease-in-out;
    text-decoration: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 157px;
    margin: 0 auto;
}

#blank-page .sbc_gallery_view_all_button:hover {
    border-color: var(--main-event-color);
    background-color: var(--main-event-color);
}

@media only screen and (max-width: 1201px) {
    #blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-wrapper {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
    }

    #blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-wrapper .swiper-slide.swiper-slide-active {
        margin-right: 30px !important;
    }

    #blank-page .wpb_gallery .eventGallerySwiper.eventGallerySwiperPrevNext .swiper-wrapper .swiper-slide.swiper-slide-prev {
        margin-right: 30px !important;
    }
}

@media only screen and (max-width: 768px) {
    #blank-page .sbc_gallery_view_all_container {
        margin-top: 17px;
    }
}