/* ==========================================================
   DOCUMENT GALLERY
   Rize Theme
========================================================== */


/*==========================================================
=            ADMIN GALLERY
==========================================================*/

#rize-document-gallery{
    margin-top:15px;
}

#rize-gallery-preview{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin:20px 0 0;
    padding:0;
    list-style:none;
}

#rize-gallery-preview .gallery-item{

    position:relative;

    width:120px;
    height:120px;

    border:1px solid #dcdcde;
    border-radius:8px;

    overflow:hidden;

    background:#fff;

    cursor:move;

    transition:.25s;

    box-shadow:0 2px 6px rgba(0,0,0,.06);

}

#rize-gallery-preview .gallery-item:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.12);

}

#rize-gallery-preview img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

}

#rize-gallery-preview .remove-image{

    position:absolute;

    top:6px;
    right:6px;

    width:24px;
    height:24px;

    border-radius:50%;

    background:#dc3545;

    color:#fff;

    font-size:16px;
    line-height:24px;

    text-align:center;

    cursor:pointer;

    transition:.25s;

    user-select:none;

}

#rize-gallery-preview .remove-image:hover{

    background:#b91c1c;

}

.gallery-sort-placeholder{

    width:120px;
    height:120px;

    border:2px dashed #2271b1;

    border-radius:8px;

    background:#f0f6fc;

}


/*==========================================================
=            FRONTEND GALLERY
==========================================================*/
.rize-document-gallery {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.scroll_image {
    width: 100%;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    overflow-y: scroll;
    max-width: 865px;
    padding-right: 0px !important;
}
.scroll_image::-webkit-scrollbar{
    height:6px;
}
.scroll_image::-webkit-scrollbar-thumb{
    background:#999;
    border-radius:20px;
}
.scroll_image::-webkit-scrollbar-track{
    background:transparent;
}
.rize-document-gallery .document-gallery-item{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
    display: flex;

}
.rize-document-gallery img{
    object-fit: cover;
    border: .0625rem solid #e0e0e0;
    width: 100%;
    min-width: 26rem;
    max-width: 26rem;
    height: 100%;
    display: block;
}
/*==========================================================
=            MOBILE
==========================================================*/

@media(max-width:1200px){
    .rize-document-gallery{
        display: none;
    }
}