#collections{
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 20%);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed), .accordion-button:hover {
    background-color: #C3BAAC!important;
    color: inherit;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: #C3BAAC!important;
}

.accordion-button.collapsed {
    background-color: #D9D9D9;
}

.accordion-body.sidebar-accordion-body {
    /* background-color: #D9D9D9!important; */
    background-color: #ebebeb!important;
}

.sidebar-accordion-body {
    padding-left: 0px;
}

#sidebar .dropdown-container a{
    text-decoration: none;
    font-size: 18px;
    color: #0e0e0ebd;
    display: block;
    border: none;
    background: none;
    width: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    outline: none;
    background-color: #8a948c;
    border-radius: 0px 15px 15px 0px;
    margin-bottom: 4px;
    padding: 4px 8px 4px 20px;
    opacity: 0.8;
    transition: 0.3s;
}
#sidebar .collection{
    width: 100%; text-align: left; cursor: pointer; text-decoration: none; outline: none; border: none;font-size: 22px; padding: 10px 5px 8px 20px; 
    position:relative;
    font-family: 'Gentium Book Plus', serif;
    opacity: 0.8;
    transition: 0.3s;
}

.card-title h4 b{
    font-size: 16px;
}
.sub-collection-heading{
    font-family: 'Bebas Neue', cursive;
    font-size: 1.7rem;
}

.fa-caret-down{
    float: right;
    position: absolute;
    top: 31%;
    left: 88%;
}
.collection.active {
    background-color: #112a1ead;
    color: white;
}

.modal-header {
    background-color:#8a948c;
    color: white;
    font-family: 'EB Garamond', Garamond, Georgia, serif;
}

.metadata-btn {
    background-color: #94866C;
    min-width: 40px;
}

.metadata-btn:hover {
    color: #FFF;
}

.metadata-btn:focus {
    box-shadow: none!important;
}

.btn-dark:hover {
    background-color: #8a948c;
    border-color: #8a948c;
}

.btn.search_adv {
    background-color: #94866C;
    color: black;
    height: fit-content !important;
}

.btn.search_icon, .search-btn{
    background-color: #8a948c;
    color: white;
}

.search-btn {
    min-height: 38px;
    border-color: #8a948c;
}

li.nav-item.file-nav {font-weight:bold; font-size:1em; font-style: normal;}

div.main-nav li.nav-item {float:none; margin-right:24px;} 

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    div.main-nav li.nav-item {float:left; margin-right:24px;} 
}

.items.nav-link {color:black}

.items.nav-link.active {color: #fff; background-color: #94866C;}

.d-collection.btn-light {
    background-color: #efefef;
}

.d-collection.btn-light:hover {
    background-color: #d4cec4;
}

#left-col {
height: fit-content;
}

.thumbnails {
    width:100%;
    height:auto;
}

#thumbnail-sect {
    height:fit-content;
    max-height: 700px;
    scroll-behavior: smooth;
    overflow-y: scroll;
    background-color: black;
    border-radius: 5px;
}
@media (min-width: 922px) {
    #thumbnail-sect {
        height:fit-content;
        max-height:900px;
    }
}
@media (min-width: 1200px) {
    #thumbnail-sect {
        height:fit-content;
        max-height:1400px;
    }
}

table {
    table-layout: fixed;
}

td {
    word-wrap: break-word;
    white-space: normal;
}