@import url(style.css);

#search-progress-bar {
    overflow: hidden;
    width: 100%;
    height: 5px;
    position: relative;
    bottom: 1px;
    left: 0;
    right: 0;
    background: #fafafa;
    transition: all 1s easeInOut;
}

html[data-ajax-progress] #search-progress-bar {
    height: 5px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

#media-databanks {
    width: 100%;
    max-width: 100%;
}

.modal-dialog.size-fit-content {
    max-width: 95vw;
    min-width: 95vw;
}

#search-progress-bar .progress {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #87e0c2 0%, #65cca9 50%, #26b082 100%);
    transform-origin: left;
}

html[data-ajax-progress] #search-progress-bar .progress {
    animation: load-right 2s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
    animation-iteration-count: infinite;
}

@keyframes load-right {
    0% {
        left: -100%;
    }

    50% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

#mediadatabanks-1 img {
    width: 17px;
}

.icon-search-databanks {
    background-image: url(../img/search-image-photo-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.pixie-root {
    z-index: 99999 !important;
}

.rich-editor-enabled .rich-button {
    display: block;
    height: auto;
}

.rich-editor-enabled .norich-button {
    display: none !important;
    height: 0;
    overflow: hidden;
}

.no-rich-editor .rich-button {
    display: none !important;
    height: 0;
    overflow: hidden;
}


.gal .metadata {
    width: 100%;
    opacity: 0;
    display: grid;
    padding: 0 10px;
    left: 0;
}

.gal {
    -webkit-column-count: 5;
    /* Chrome, Safari, Opera */
    -moz-column-count: 5;
    /* Firefox */
    column-count: 5;
}

.gal .preview-container {
    width: 100%;
    margin-bottom: 10px;
    padding: 150px 0;
}

.gal .preview-container:before {
    content: '';
    background-image: var(--bgimage);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: blur(12px) grayscale(.4) opacity(.6);
    transform: scale(1.6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}

.gal img {
    position: absolute;
    object-fit: contain;
    transform: scale(.8);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.gal .preview-container {
    position: relative;
    overflow: hidden;
}

.gal .preview-container:hover {
    flex-grow: 4.3;
}

.gal .preview-container .metadata {
    opacity: 1;
    bottom: -300px;
    position: absolute;
    transition: all .4s;
}

.gal .preview-container:hover .metadata,
.gal .preview-container:active .metadata,
.gal .preview-container:focus .metadata {
    bottom: 25px;
}

@media (max-width: 500px) {
    .gal {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
    }
}

#search-results {
    max-height: 68vh;
    overflow-y: auto
}

.scrollbar-pink::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-pink::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-pink::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ec407a;
}

.scrollbar-pink {
    scrollbar-color: #ec407a #F5F5F5;
}

.scrollbar-indigo::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-indigo::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-indigo::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #3f51b5;
}

.scrollbar-indigo {
    scrollbar-color: #3f51b5 #F5F5F5;
}

.scrollbar-black::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-black::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-black::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #000;
}

.scrollbar-black {
    scrollbar-color: #000 #F5F5F5;
}

.scrollbar-lady-lips::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-lady-lips::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-lady-lips::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9a9e), color-stop(99%, #fecfef),
            to(#fecfef));
    background-image: -webkit-linear-gradient(bottom, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
    background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
}

.scrollbar-near-moon::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-near-moon::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-near-moon::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca));
    background-image: -webkit-linear-gradient(bottom, #5ee7df 0%, #b490ca 100%);
    background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
}

.bordered-pink::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border: 1px solid #ec407a;
}

.bordered-pink::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
}

.bordered-indigo::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border: 1px solid #3f51b5;
}

.bordered-indigo::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
}

.bordered-black::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border: 1px solid #000;
}

.bordered-black::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
}

.square::-webkit-scrollbar-track {
    border-radius: 0 !important;
}

.square::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

.thin::-webkit-scrollbar {
    width: 6px;
}

body.dropdown-open .dropdown-overlay {
    pointer-events: none;
}