/* > Galeries -------------------------------------- */

.gallery-item_group { position: relative; }
.gallery-item_group .thumbnails { z-index: 0; }
.gallery-item_group::before {
    content: "";
    z-index: 1;
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 75%;
    /*background: linear-gradient(0deg, rgba(var(--rgb-secondary),1) 0%, rgba(var(--rgb-secondary),0) 100%);*/
    background: linear-gradient(0deg, rgba(14,46,93,1) 0%, rgba(14,46,93,0) 100%);
    transition: height .8s;
}
.gallery-item_title {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%;
    z-index: 2;
    padding: 4% 6%;
    transition: transform .5s;
}
.gallery-item_title h3 {
    color: var(--bs-white);
    font: 1.5rem 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700;
}
a.gallery-item_group:hover::before { height: 100%; }
a.gallery-item_group:hover .gallery-item_title { transform: translateY(-15%); }

.gallery-vid .thumbnails {
    position: relative;
}
.gallery-vid .thumbnails::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    margin: -32px;
    z-index: 2;
    width: 64px; 
    height: 64px;
    background: center no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23f7941d' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 17v-10l9 5.146-9 4.854z'/%3E%3C/svg%3E");
    background-size: 100% 100%;
}
.gallery-vid:hover .thumbnails::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 17v-10l9 5.146-9 4.854z'/%3E%3C/svg%3E");
}

@media screen and (min-width: 1440px) {
    
}
@media screen and (max-width: 540px) {
    
}
@media screen and (max-width: 980px) {
    .gallery-item_title h3 { font-size: 1.25rem; }
}

/* > Slider -------------------------------------- */
.widget-galerie .row {
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;
    z-index: 1;
}
.widget-galerie .container-title {
    position: relative;
    text-align: center; 
}
.widget-galerie .container-title h2 { text-transform: uppercase; }
.widget-galerie .container-title .link {
    position: absolute;
    top: 0; right: 0;
}

.widget-galerie-slider {
    position: relative;
    padding: 0 54px;
}
.widget-galerie-slider .swiper-nav {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}
.widget-galerie-slider .swiper-nav svg {
    display: block;
    width: 27px;
    height: 47px;
    fill: #000;
    transition: fill .3s;
}
.widget-galerie-slider .swiper-nav:hover svg {
    fill: #f7941d;
}
.widget-galerie-slider .swiper-nav.swiper-prev { left: 0; }
.widget-galerie-slider .swiper-nav.swiper-next { right: 0; }
.widget-galerie-slider .swiper-slide {
    width: 33.33%;
    padding: 10px;
}
.gallery-item_subtitle { text-align: center; }
.gallery-item_subtitle h3 {
    font-size: 1.125rem;
}
@media screen and (min-width: 1440px) {
    .widget-galerie-slider .swiper-slide {
        padding: 20px;
    }
}
@media screen and (max-width: 992px) {
    .widget-galerie-slider .swiper-slide {
        width: 50%;
    }
}
@media screen and (max-width: 575px) {
    .widget-galerie-slider .swiper-slide {
        width: 100%;
    }
}