.maplibre-control-filters {
    font-size: 14px;
}
.maplibre-control-filters.maplibregl-ctrl button:not(:disabled):hover {
    background-color: rgb(0, 104, 154);  /* same as btn-primary but MBGL adds a :hover effect we do not want */
}

.maplibre-control-filters .maplibre-control-filters-buttonwrapper {
    min-width: 300px;
}
.maplibre-control-filters .maplibre-control-filters-buttonwrapper button {
    text-align: left;
    opacity: 1 !important;
}
.maplibre-control-filters .maplibre-control-filters-buttonwrapper button i.fa-chevron-down,
.maplibre-control-filters .maplibre-control-filters-buttonwrapper button i.fa-chevron-right {
    float: right;
    margin-top: 4px;
    margin-left: 10px;
}
.maplibre-control-filters.maplibre-control-filters-collapsed .maplibre-control-filters-buttonwrapper {
}

@media screen and (max-width: 500px) {
.maplibre-control-filters.maplibre-control-filters-collapsed .maplibre-control-filters-buttonwrapper span {
    display: none;
}
.maplibre-control-filters.maplibre-control-filters-collapsed .maplibre-control-filters-buttonwrapper {
    min-width: 40px;
}
}

.maplibre-control-filters.maplibre-control-filters-collapsed .maplibre-control-filters-content {
    display: none;
}
.maplibre-control-filters:not(.maplibre-control-filters-collapsed) button i.fa-chevron-right {
    display: none;
}
.maplibre-control-filters.maplibre-control-filters-collapsed button i.fa-chevron-down {
    display: none;
}

.maplibre-control-filters .maplibre-control-filters-content {
    background-color: white;
    padding: 0.5em 1em 0.5em 1em;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
    border-radius: 0 0 5px 5px;
}

.maplibre-control-filters .maplibre-control-filters-content {
    max-height: 575px;  /* #map has fixed height of 750px then there's the credits control */
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
    border-radius: 5px;
}

.maplibre-control-filters .maplibre-control-filters-content .maplibre-control-filters-clearbutton {
    font-size: 14px;
    font-family: 'Bebas Neue';
}

.maplibre-control-filters .maplibre-control-filters-content h2.accordion-header .accordion-button.collapsed,
.maplibre-control-filters .maplibre-control-filters-content h2.accordion-header .accordion-button:not(.collapsed) {
    padding: 0.5em;
    font-family: 'Bebas Neue';
    box-shadow: none;
    font-size: 20px;
}

.maplibre-control-filters .maplibre-control-filters-content hr {
    border-top-width: 1px;
    margin: 0.25em 0;
}

.maplibre-control-filters .maplibre-control-filters-content i.fa-circle-info {
    color: rgb(172, 59, 90);
}

.maplibre-control-filters .maplibre-control-filters-content .maplibre-control-filters-content-section-disabled {
    opacity: 0.25;
    pointer-events: none;
    cursor: not-allowed;
}

.maplibre-control-filters .maplibre-control-filters-content-section-filters div[aria-expanded="true"] i.fa.fa-chevron-right,
.maplibre-control-filters .maplibre-control-filters-content-section-filters label[aria-expanded="true"] i.fa.fa-chevron-right,
.maplibre-control-filters .maplibre-control-filters-content-section-filters div[aria-expanded="false"] i.fa.fa-chevron-down,
.maplibre-control-filters .maplibre-control-filters-content-section-filters label[aria-expanded="false"] i.fa.fa-chevron-down {
    display: none;
}

.maplibre-control-filters .maplibre-control-filters-content-section-filters .maplibre-control-filters-content-section-filter-disabled {
    pointer-events: none;
    opacity: .5;
}

.maplibre-control-filters .maplibre-control-filters-keepzoomingin {
    font-size: 13px;
}
.maplibre-control-filters .maplibre-control-filters-keepzoomingin.maplibre-control-filters-zoomedin {
    display: none;
}