/* AFCMall v1.3.33 — Blog Multiple Photo Gallery */

.afc-blog-gallery{
    max-width:1100px;
    padding-top:42px
}

.afc-blog-gallery-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px
}

.afc-blog-gallery-head h2{
    margin:0;
    color:#163650
}

.afc-blog-gallery-head span{
    color:#9b7418;
    font-size:11px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase
}

.afc-blog-gallery-grid{
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:14px
}

.afc-blog-gallery-item{
    position:relative;
    display:grid;
    place-items:center;
    overflow:hidden;
    padding:0;
    border:1px solid rgba(18,50,78,.12);
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 30px rgba(7,28,50,.08);
    cursor:zoom-in;
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease
}

.afc-blog-gallery-item.is-small{
    width:160px;
    min-height:120px
}

.afc-blog-gallery-item.is-medium{
    width:260px;
    min-height:180px
}

.afc-blog-gallery-item img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:240px !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#fff
}

.afc-blog-gallery-item:hover{
    border-color:rgba(200,159,37,.45);
    box-shadow:0 18px 42px rgba(7,28,50,.14);
    transform:translateY(-3px)
}

.afc-blog-gallery-zoom{
    position:absolute;
    top:10px;
    right:10px;
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    border:1px solid rgba(255,255,255,.40);
    border-radius:11px;
    color:#fff;
    background:rgba(6,27,48,.72);
    backdrop-filter:blur(8px);
    font-size:17px
}

.afc-blog-gallery-caption{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    padding:22px 11px 10px;
    color:#fff;
    background:linear-gradient(to top,rgba(5,22,39,.82),transparent);
    font-size:11px;
    line-height:1.4;
    text-align:left
}

.afc-blog-lightbox{
    position:fixed;
    z-index:100000;
    inset:0;
    display:none;
    place-items:center
}

.afc-blog-lightbox.is-open{
    display:grid
}

.afc-blog-lightbox-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,12,23,.88);
    backdrop-filter:blur(12px)
}

.afc-blog-lightbox-dialog{
    position:relative;
    z-index:1;
    display:grid;
    width:min(1100px,calc(100vw - 32px));
    height:min(820px,calc(100vh - 32px));
    place-items:center;
    padding:28px 74px 45px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:26px;
    background:rgba(7,25,43,.94);
    box-shadow:0 35px 100px rgba(0,0,0,.45)
}

.afc-blog-lightbox-dialog figure{
    display:grid;
    width:100%;
    height:100%;
    place-items:center;
    margin:0
}

.afc-blog-lightbox-dialog img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:calc(100vh - 145px);
    object-fit:contain;
    object-position:center;
    border-radius:14px;
    background:#fff
}

.afc-blog-lightbox-dialog figcaption{
    width:100%;
    margin-top:10px;
    color:#e4ebf2;
    font-size:13px;
    line-height:1.5;
    text-align:center
}

.afc-blog-lightbox-close,
.afc-blog-lightbox-nav{
    position:absolute;
    z-index:3;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.25);
    color:#fff;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    cursor:pointer
}

.afc-blog-lightbox-close{
    top:14px;
    right:14px;
    width:44px;
    height:44px;
    border-radius:14px;
    font-size:30px
}

.afc-blog-lightbox-nav{
    top:50%;
    width:52px;
    height:64px;
    border-radius:16px;
    font-size:42px;
    transform:translateY(-50%)
}

.afc-blog-lightbox-nav.is-prev{
    left:14px
}

.afc-blog-lightbox-nav.is-next{
    right:14px
}

.afc-blog-lightbox-close:hover,
.afc-blog-lightbox-nav:hover{
    background:rgba(202,163,46,.35)
}

.afc-blog-lightbox-counter{
    position:absolute;
    right:0;
    bottom:15px;
    left:0;
    color:#cdd8e3;
    font-size:12px;
    font-weight:800;
    text-align:center
}

html.afc-gallery-open,
body.afc-gallery-open{
    overflow:hidden !important
}

@media(max-width:640px){
    .afc-blog-gallery-grid{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .afc-blog-gallery-item.is-small,
    .afc-blog-gallery-item.is-medium{
        width:100%;
        min-height:120px
    }

    .afc-blog-gallery-item img{
        max-height:190px !important
    }

    .afc-blog-lightbox-dialog{
        width:calc(100vw - 14px);
        height:calc(100vh - 14px);
        padding:60px 10px 80px;
        border-radius:18px
    }

    .afc-blog-lightbox-dialog img{
        max-height:calc(100vh - 180px)
    }

    .afc-blog-lightbox-nav{
        top:auto;
        bottom:15px;
        width:48px;
        height:48px;
        transform:none
    }

    .afc-blog-lightbox-nav.is-prev{
        left:15px
    }

    .afc-blog-lightbox-nav.is-next{
        right:15px
    }

    .afc-blog-lightbox-counter{
        bottom:31px
    }
}