@import url("main.inc.css");

/* Styles specific for faq.inc.php */

/*
This stylesheet handles styles specific for faq.inc.php.
It is included by index.php.


***************************
** Begin Default Styling **
*/

#faq .content > ul > li + li {
    margin-top: 48px;
}

#faq .question-container {
    background-color: var(--color3);
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    text-align: left;
    width: 100%;
    padding: 24px;
    border-color: var(--color5);
    border-radius: var(--borderRadius);
}

#faq .question {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#faq .question > p {
    width: 90%;
}

#faq .question svg {
    fill: var(--color6);
    width: 10%;
    max-width: 24px;
    transition: var(--transition);
}

#faq .answer {
    color: var(--color5);
    transition: var(--transition);
}

#faq .answer > p {
    margin-top: 24px;
}

#faq .answer ul {
    list-style-type: disc;
    margin-top: 24px;
    margin-left: 24px;
}

#faq .answer li {
    margin-top: 9px;
}

/*
** End Default Styling **
*************************
*/