/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/**
 * Faq
 */

.faq { display: flex; flex-direction: column; }

/* Elements */
.faq__header { padding: 15px; display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: space-between; cursor: pointer; width: 100%; border: 1px solid; }
.faq__title { margin: 0; padding-right: 15px; font-size: 24px; user-select: none; }
.faq__text { margin-bottom: 30px; }
.faq__button { display: flex; align-items: center; justify-content: center; font-size: 22px; }
.faq__button-icon--plus { display: block; }
.faq__button-icon--minus { display: none; }
.faq__content { display: none; opacity: 0; padding: 15px; transition: opacity .1s; }

/* Modifiers */

/* Responsive */

/* States */
.faq--open .faq__content { opacity: 1; }
.faq--open .faq__button-icon--plus { display: none; }
.faq--open .faq__button-icon--minus { display: block; }