/*
Theme Name:         AFF Theme (Forge/Github)
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme.
Version:            10.0.0-dev
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage
License:            MIT License
License URI:        https://opensource.org/licenses/MIT
Requires PHP:       7.3
Requires at least:  5.4
*/

@media (max-width: 991.98px) {
    .text-element img {
        padding: 15px;
        width: 100%;
    }

    .pageelement-quote .quote {
        padding: 110px 0 !important;
    }

    .overlap-both, .overlap-top {
        margin-top: 0px;
    }
    .overlap-bottom {
        margin-bottom: 0px;
    }

    .subnav .offcanvas {
        z-index: 10000;
    }

    .timeline-filter .filter-icons {
        flex-direction: row;
        flex-wrap: wrap
    }

    .subnav .offcanvas-body {
        display: flex;
        flex-direction: column;
    }
}

#toTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: #fff;
    border: none;
    /* border-radius: 5px; */
    /* padding: 10px 20px; */
    cursor: pointer;
    z-index: 100000;
    border: 1px solid #333;
}

/* Mobile Filters */
.mobile-filters .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: rgba(255, 255, 255, 0.2);
}

.mobile-filters .accordion-item {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}

.mobile-filters .accordion-button {
    background-color: #343a40;
    color: white;
    font-family: 'Bebas Neue', cursive;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
}

.mobile-filters .accordion-button:not(.collapsed) {
    background-color: #495057;
    color: white;
    box-shadow: none;
}

.mobile-filters .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.2);
}

.mobile-filters .accordion-button::after {
    filter: invert(1);
}

.mobile-filters .accordion-body {
    background-color: #495057;
    padding: 1rem;
}

.mobile-filters .facetwp-checkbox,
.mobile-filters .facetwp-dropdown,
.mobile-filters .form-control {
    background-color: #fff;
}

.mobile-filters .facetwp-type-checkboxes .facetwp-checkbox {
    background-color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2px;
    border-radius: 4px;
}

.mobile-filters .facetwp-dropdown {
    width: 100%;
    padding: 0.5rem;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}