.accordion-outer {
    border-bottom: 1px solid var(--dark-blue);
}

@media (min-width:768px) {
    .accordion-wrap .accordion-outer:first-child {
        margin-top: -1.2rem;
    }
}

.accordion-toggle, .accordion-toggle.collapsed {
    width: 100%;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-right: 2.4rem;
    padding-left: 0;
    text-align: left;
    border: 0;
    outline: 0;
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: var(--fs-md);
    line-height: 1.3;
    color: var(--dark-blue);
    background-color: transparent;
    position: relative;
    transition: all .15s;

    &:focus {
        outline: none;
    }
}

.accordion-toggle {
    border: none;
    &:after {
        content: "\f078";
        font-family: 'Font Awesome 7 Pro';
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        display: block;
        font-size: var(--fs-base);
        color: var(--dark-blue);
        right: 0;
        top: calc(50%);
        transform: translateY(-50%);
        transition: all .15s;
    }
}

.accordion-toggle:after {
    transform: translateY(-50%) rotate(180deg);
    color: var(--orange);
}

.accordion-toggle.collapsed:after {
    transform: translateY(-50%) rotate(0deg);
    color: var(--dark-blue);
}

.accordion-toggle {
    &:hover {
        color: var(--orange);
        &:after {
            color: var(--orange);
        }
    }
    &:not(.collapsed) {
        color: var(--orange);
    }
}

.accordion-content {
    border: 0;
    display: none;
    font-size: var(--fs-sm);
}

    .accordion-content a {
        text-decoration: underline;
    }

.accordian-text {
    padding-bottom: 1.5rem;
}

.text-white {
    .accordion-toggle {
        color: var(--white);
        &:before, &:after {
            background-color: var(--white);
        }
    }
}

.filter-sidebar-wrap {
    .accordion-toggle, .accordion-toggle.collapsed {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
            font-size: var(--fs-base);
        }
    }
}