@import 'main.css';
.underline {
    border-bottom: 1px dashed;
    border-bottom-color: var(--clr-grey);
    /* width: 100%; */
    display: block;
}

#navigation {
    background-color: var(--clr-green);
}

#faq {
    padding: 140px 0;
}

.faq-section-beige {
    background-color: var(--clr-beige);
}

.faq-container {
    margin-left: -15px;
    margin-right: -15px;
}

.faq-overview-content {
    color: var(--clr-grey);
    letter-spacing: 0.075em;
    line-height: 2em;
}

.faq-group h2 {
    font-family: var(--ff-brandon-bold);
}

.faq-group h3 {
    font-family: var(--ff-brandon-medium);
}

.faq-group h3:hover {
    text-decoration: underline;
    color: black;
    cursor: pointer;
}

.faq-answer {
    display: none;
    margin: 2em;
}

.faq-group p {
    font-family: var(--ff-brandon-light);
    font-size: x-large;
}

.faq-link {
    color: var(--clr-grey);
    text-decoration: underline;
    cursor: pointer;
}

.faq-link:hover {
    color: black;
    text-decoration: underline;
}

.toggle-all {
    font-family: var(--ff-brandon-medium);
    font-size: large;
}