@import "variables.css";

.accordion {
    background-color: var(--accordion-background-color);
    font: var(--accordion-font);
    color: var(--accordion-color);
    /*border-radius: var(--border-radius !important;*/
    cursor: default;
    padding: 18px;
    width: 100%;
    border: none;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    text-align: left;
    outline: none;
    transition: 0.4s;
    /*   box-shadow: var(--accordion-shadow; */
    text-transform: uppercase;
}

.accordion.active {
    background-color: var(--accordion-background-color);
}

.accordion:after {
    font-family: FontAwesome;
    content: '\f107';
    color: var(--accordion-color);
    /*font: var(--accordion-font);*/
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    font-family: FontAwesome;
    content: "\f106";
}

.panel {
    padding: 20px;
    background-color: transparent;
}