/* Ensure filter groups sit next to each other and have equal widths */
.taxonomy-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center the filter groups horizontally */
    gap: 10px; /* Add some space between the filter groups */
}

.filter-wrapper {
    flex: 1 1 200px; /* Flex-grow, flex-shrink, flex-basis */
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.filter-group {
    background-color: #fcfcfc;
}

.filter-wrapper div.after {
    clear: both;
    display: block;
}

.filter-options {
    display: none; /* Keep filter options hidden by default */
}

#resource-filter-form button {
    margin: 2rem auto;
    width: fit-content;
    min-width: 5vw;
    display: block;
}

.filter-group h4 {
    cursor: pointer; /* Change cursor to pointer to indicate clickable area */
    margin: 0;
    padding: 10px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: 0.2s all;
}

.filter-group h4.highlight {
    color: #f0f0f0;    
    background-color: #303030;
}

.filter-group h4:hover {
    background-color: #e0e0e0; /* Slight hover effect for better UX */
}

.filter-group h4.highlight:hover {
    color: #f0f0f0;    
    background-color: #808080;
}

.filter-item {
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
}

.filter-options {
    padding: 10px;
    max-height: 40vh;
    overflow-y: scroll;    
}

.filter-button-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.filter-button-wrapper button {
    padding: 10px 20px;
    font-size: 16px;
}

.hide_array {
    display: none;    
}

.child_bg {
    background-color: #eeeeee;    
}

span.count {
    display: none;
}