/* @group Gallery List
------------------------------------ */
.gallery-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 2.4rem; }
.gallery-item { position: relative; width: 100%; margin: 0 0 3rem; }
.gallery-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 14.2em; background: url('../../img/layout/gallery/bg.png') top center; background-size: cover; }
.gallery-item .img-box {
    height: 18.9em;
    padding: 0 2em;
    background: transparent;
}
.gallery-item header { background: var(--navy-blue); height: 10.8em; padding: 6.2em 1em 0; color: var(--white); text-align: center; margin: -4.6em 0 0; }
.gallery-item header h3 { font-size: 2em; line-height: 1em; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 auto; }
.gallery-item p { color: var(--navy-blue); font-size: 1.6em; letter-spacing: .125em; line-height: 1.5em; margin: 1.625em 0 0; text-align: center; }

.gallery-item .img-box:last-child { padding: 0; height: 15em; }
.gallery-item .video-box::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(30, 47, 82, 0.65) 0%, rgba(30, 47, 82, 0.65) 100%);

 }
.gallery-item .video-box button { position: absolute; top: calc(50% - .5em); left: calc(50% - .5em); font-size: 4em; background: var(--yellow); color: var(--navy-blue); border-radius: 100%; z-index: 2; height: 1.2em; width: 1.2em; }
@media only screen
and (min-width : 961px) {
    .gallery-list { gap: 2.65rem;  }
    .gallery-item { max-width: calc(33.3333333% - 2.65rem); margin: 0 0 4.3em; }
    .gallery-item::before { height: 23.3em; }
    .gallery-item .img-box {
        height: 27.6em;
        padding: 0 3em;
    }
    .gallery-item header { height: 12.6em; padding: 6.5em 0 0; margin-top: -4.3em; }
    .gallery-item header h3 { font-size: 3em; letter-spacing: .067em; }
    .gallery-item p { font-size: 2em; letter-spacing: .1em; line-height: 1.35em; margin: .75em 0 0; padding: 0 2.8em; }
    .gallery-item .img-box:last-child { padding: 0; height: 39em; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .final-list .gallery-item { max-width: calc(50% - 2.4rem); }
}
/* @end */

/* @group Lightbox
------------------------------------ */
.lightbox.lightbox-slider .row { height: 100%; }
@media only screen
and (min-width : 961px) {
    .lightbox.lightbox-slider .img-box { height: 60rem; }
    .lightbox.lightbox-slider .close { font-size: 2.1em; position: absolute; margin: 0; top: -1rem; right: 3.6rem; }
    .lightbox.lightbox-slider .slick-button { top: calc(100% + 2.6rem); font-size: 2em; height: 4.8rem; width: 4.8rem; display: inline-flex; justify-content: center; align-items: center; background-color: var(--yellow); color: var(--navy-blue-blue); opacity: 1; border-radius: 100%; transition: 0.3s; }
    .lightbox.lightbox-slider .slick-button:hover { background-color: var(--navy-blue-blue); color: var(--yellow); -webkit-transform: translateX(0); transform: translateX(0); }
    .lightbox.lightbox-slider .slick-next { right: 0; text-indent: .3rem; }
    .lightbox.lightbox-slider .slick-prev { left: 0; text-indent: -.3rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .lightbox.lightbox-slider .close {
        font-size: 4.2em;
        margin-right: 0;
        margin-bottom: 5.6rem;
    }
    .lightbox.lightbox-slider .slick-button { top: calc(100% + 5.6rem); font-size: 4em; height: 9.6rem; width: 9.6rem; display: inline-flex; justify-content: center; align-items: center; background-color: var(--yellow); color: var(--navy-blue-blue); opacity: 1; border-radius: 100%; transition: 0.3s; }
    .lightbox.lightbox-slider .slick-button:hover { background-color: var(--navy-blue-blue); color: var(--yellow); }
    .lightbox.lightbox-slider .slick-next { right: 5rem; }
    .lightbox.lightbox-slider .slick-prev { left: 5rem; }
}
/* @end */