/* .digr_img_gallery_container .digr_gallery_item>a, */
.masonry-gallery .digr_gallery_item img {
    width: 100%;
    display: block;
}

.masonry-gallery .digr_gallery_item,
.masonry-gallery .digr_gallery_item a,
.digr_img_gal_lightbox_link,
.masonry-gallery figure {
    margin: 0 !important;
    padding: 0;
    display: inline-flex;
    box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.digr-hover {
    background-color: transparent;

}

/*============== pagination ===========*/
.digr_pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
    gap: 9px;

}

.digr_pagination a {
    position: relative;
    display: inline-block;
    border-radius: 3px;
    padding: 8px 12px;
    border: 1px solid #d3d3d3;
    color: #777;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}

.digr_img_gallery_filter,
.digr_gallery_item,
.digr_img_gallery_filter ul li a,
.digr_img_gallery_filter ul li.current a,
.digr_gallery_item .digr_image {
    border: 0 transparent solid;
}


.digr_gallery_item .always-show-description,
.digr_gallery_item .always-show-title {
    opacity: 1 !important;
}

.digr_imagegallery figure,
.digr_imagegallery figure img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/*=========== filter ===============*/
.digr_img_gallery_container .has_pagination {
    display: flex;
}

.digr_img_gallery_container .has_filters {
    display: block;
}

.digr_img_gallery_container .no_filters,
.digr_img_gallery_container .no_pagination {
    display: none;
}

.digr_img_gallery_container .digr_img_gallery_filter_list {
    text-align: center;
    list-style: none;
    padding: 0;
}

.digr_img_gallery_filter_list li {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.digr_img_gallery_filter_list li:not(:last-child) {
    margin-right: 10px;
}

.digr_img_gallery_filter_list li a {
    background: #efefef;
    color: #333;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 15px;
}

.digr_img_gallery_filter_list li.current a {
    background: #f5f5f5;
    color: #333;
}

.digr_gallery_filter_item.current a {
    background: blue;
    color: #fff;
}

/*===========lightbox===========*/
.vbox-next span,
.vbox-prev span {
    border: 2px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
}

.vbox-title,.vbox-share {
    white-space: normal !important;
    line-height: 1.3em !important;
    border-radius: 5em!important;
}
.vbox-share {
    border-radius: 5em!important;
}
.vbox-overlay {
    --vbox-title-width: 100% !important;
}

.digr_lightbox_img_fit_window .vbox-container {
    overflow: hidden;
}

.digr_lightbox_img_fit_window .vbox-container .vbox-content {
    height: 100vh;
}

.digr_lightbox_img_fit_window .vbox-container .vbox-child img {
    max-height: 100vh;
    object-fit: cover;
}

.djfg_item_link,
.digr_img_gal_lightbox_link {
    /* position: absolute; */
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/* =================Image overlay ===============*/
.digr_img_gallery_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
}

.digr_gallery_item:hover .digr_img_gallery_overlay {
    opacity: 1;
}


/*================== directional hover effect ===================*/

.digr-directional-hover .digr_gallery_item {
    perspective: 1500px;
}

.digr-directional-hover .digr-directional-hover-content {
    transform: rotate3d(1, 0, 0, 90deg);
    width: 100%;
    height: 100%;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: linear-gradient(122deg, rgba(26, 188, 156, 0.9) 0, rgba(212, 251, 158, 0.863) 100%);
    color: #fff;
    display: flex;
    flex-direction: column;
}

.digr-directional-hover .digr_img_gallery_caption,
.digr-directional-hover .digr_img_gallery_description {
    margin-top: 0;
    color: #ffffff;
}

/*========== Directional image hover ==========*/

/* rotate */
.direc-hover-image-rotate {
    transform: scale(1) translate(0, 0);
}

.digr_gallery_item:hover .direc-hover-image-rotate {
    transform: scale(0.9) rotate(2deg);
}

/* rotate odd even */
.digr_gallery_item:nth-child(odd) .direc-hover-image-rotate-odd-even {
    transform: scale(1) rotate(2deg);
}

.digr_gallery_item:nth-child(even) .direc-hover-image-rotate-odd-even {
    transform: scale(1) rotate(-2deg);
}

.digr_gallery_item:hover .direc-hover-image-rotate-odd-even {
    transform: scale(1.1) rotate(0);
}

/*img blur */
.digr_gallery_item:hover .direc-hover-image-blur {
    filter: blur(4px);
    transform: scale(1.1);
}

/*====================  directional hover content position ===============*/

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-top-left {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-top-center {
    justify-content: flex-start;

}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-top-right {
    justify-content: flex-start;
    align-items: flex-end;
    text-align: right;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-center-left {
    align-items: flex-start;
    text-align: left;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-center {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-center-right {
    align-items: flex-end;
    text-align: right;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-bottom-left {
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-bottom-center {
    justify-content: flex-end;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-bottom-right {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
}

/* ================ start directional hover engine style ================*/

.digr-directional-hover .in-top .digr-directional-hover-content {
    transform-origin: 50% 0%;
    -webkit-animation: in-top 500ms ease 0ms 1 forwards;
    animation: in-top 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .in-right .digr-directional-hover-content {
    transform-origin: 100% 0%;
    -webkit-animation: in-right 500ms ease 0ms 1 forwards;
    animation: in-right 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .in-bottom .digr-directional-hover-content {
    transform-origin: 50% 100%;
    -webkit-animation: in-bottom 500ms ease 0ms 1 forwards;
    animation: in-bottom 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .in-left .digr-directional-hover-content {
    transform-origin: 0% 0%;
    -webkit-animation: in-left 500ms ease 0ms 1 forwards;
    animation: in-left 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .out-top .digr-directional-hover-content {
    transform-origin: 50% 0%;
    -webkit-animation: out-top 500ms ease 0ms 1 forwards;
    animation: out-top 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .out-right .digr-directional-hover-content {
    transform-origin: 100% 50%;
    -webkit-animation: out-right 500ms ease 0ms 1 forwards;
    animation: out-right 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .out-bottom .digr-directional-hover-content {
    transform-origin: 50% 100%;
    -webkit-animation: out-bottom 500ms ease 0ms 1 forwards;
    animation: out-bottom 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .out-left .digr-directional-hover-content {
    transform-origin: 0% 0%;
    -webkit-animation: out-left 500ms ease 0ms 1 forwards;
    animation: out-left 500ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
    from {
        transform: rotate3d(-1, 0, 0, 90deg);
    }

    to {
        /* transform: rotate3d(0, 0, 0, 0deg); */
        transform: none;
    }
}

@keyframes in-top {
    from {
        transform: rotate3d(-1, 0, 0, 90deg);
    }

    to {
        /* transform: rotate3d(0, 0, 0, 0deg); */
        transform: none;
    }
}

@-webkit-keyframes in-right {
    from {
        transform: rotate3d(0, -1, 0, 90deg);
    }

    to {
        transform: rotate3d(0, 0, 0, 0deg);
        /* transform: none; */
    }
}

@keyframes in-right {
    from {
        transform: rotate3d(0, -1, 0, 90deg);
    }

    to {
        /* transform: rotate3d(0, 0, 0, 0deg); */
        transform: none;
    }
}

@-webkit-keyframes in-bottom {
    from {
        transform: rotate3d(1, 0, 0, 90deg);
    }

    to {
        transform: rotate3d(0, 0, 0, 0deg);
        /* transform: none; */
    }
}

@keyframes in-bottom {
    from {
        transform: rotate3d(1, 0, 0, 90deg);
    }

    to {
        /* transform: rotate3d(0, 0, 0, 0deg); */
        transform: none;
    }
}

@-webkit-keyframes in-left {
    from {
        transform: rotate3d(0, 1, 0, 90deg);
    }

    to {
        transform: rotate3d(0, 0, 0, 0deg);
        /* transform: none; */
    }
}

@keyframes in-left {
    from {
        transform: rotate3d(0, 1, 0, 90deg);
    }

    to {
        /* transform: rotate3d(0, 0, 0, 0deg); */
        transform: none;
    }
}

@-webkit-keyframes out-top {
    from {
        transform: rotate3d(0, 0, 0, 0deg);
        /* transform: none; */
    }

    to {
        transform: rotate3d(-1, 0, 0, 104deg);
    }
}

@keyframes out-top {
    from {
        /* transform: rotate3d(0, 0, 0, 0deg); */
        transform: none;
    }

    to {
        transform: rotate3d(-1, 0, 0, 104deg);
    }
}

@-webkit-keyframes out-right {
    from {
        transform: rotate3d(0, 0, 0, 0deg);
        /* transform: none; */
    }

    to {
        transform: rotate3d(0, -1, 0, 104deg);
    }
}

@keyframes out-right {
    from {
        /* transform: rotate3d(0, 0, 0, 0deg); */
        transform: none;
    }

    to {
        transform: rotate3d(0, -1, 0, 104deg);
    }
}

@-webkit-keyframes out-bottom {
    from {
        transform: rotate3d(0, 0, 0, 0deg);
        /* transform: none; */
    }

    to {
        transform: rotate3d(1, 0, 0, 104deg);
    }
}

@keyframes out-bottom {
    from {
        /* transform: rotate3d(0, 0, 0, 0deg); */
        transform: none;
    }

    to {
        transform: rotate3d(1, 0, 0, 104deg);
    }
}

@-webkit-keyframes out-left {
    from {
        transform: rotate3d(0, 0, 0, 0deg);
        /* transform: none; */
    }

    to {
        transform: rotate3d(0, 1, 0, 104deg);
    }
}

@keyframes out-left {
    from {
        /* transform: rotate3d(0, 0, 0, 0deg); */
        transform: none;
    }

    to {
        transform: rotate3d(0, 1, 0, 104deg);
    }
}