﻿.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: var(--primary-color-darker);
    border-color: var(--primary-color-darker);
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: var(--primary-color-darker);
    border-color: var(--primary-color-darker);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--primary-color-darker);
    border-color: var(--primary-color-darker);
}

.btn-primary:disabled {
    background-color: var(--gray-color);
    border-color: var(--gray-color);
}

.navbar-search-block {
    display: flex;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

.navbar-search-block.navbar-search-open {
    opacity: 1;
    pointer-events: all;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 700;
}

.form-group {
    margin-bottom: 1rem;
}

textarea.form-control {
    height: auto;
}

.btn-danger {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none;
}

.btn:not(.btn-outline-danger):hover {
    color: #fff;
    background-color: var(--primary-color-darker);
    border-color: var(--primary-color-darker);
}

.btn-block {
    display: block;
}

.control-sidebar .nav-item:hover {
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 768px) {
    .wrapper .content-wrapper {
        min-height: 100vh;
    }
}

@media (min-width: 768px) {
    .wrapper .content-wrapper {
        /* 100vh - header - footer */
        min-height: calc(100vh - 140px - 66px);
    }

    .no-nav .wrapper .content-wrapper {
        /* 100vh - header - footer */
        min-height: calc(100vh - 90px - 66px);
    }
}

#main-sidebar,
#control-sidebar {
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

img[data-src] {
    opacity: 0;
    transition: opacity .2s;
}

/* PhotoSwipe fixes */
/*.pswp__zoom-wrap {*/
/*    transform: initial !important;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*img.pswp__img {*/
/*    width: auto !important;*/
/*    height: auto !important;*/
/*    max-height: 100%;*/
/*    max-width: 100%;*/
/*    position: relative;*/
/*}*/