/* ************************************************** */
/* faq: Yoast FAQ block als accordion                   */
/* Extra CSS-class op het block: schema-faq-accordion   */
/* JS: assets/js/faq-accordion.js                       */
/* ************************************************** */

.schema-faq-accordion .schema-faq-section{border:1px solid var(--contrast);margin-bottom:15px}

/* vraag */
.schema-faq-accordion .schema-faq-question{background:var(--accent);cursor:pointer;display:block;margin:0;padding:20px 56px 20px 20px;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.schema-faq-accordion .schema-faq-question:after{color:var(--contrast);content:"+";font-size:20px;font-weight:bold;position:absolute;right:0;top:50%;width:56px;text-align:center;transform:translateY(-50%)}
.schema-faq-accordion .schema-faq-question.faq-q-open:after{content:"-"}
.schema-faq-accordion .schema-faq-question:focus-visible{outline:2px solid var(--contrast);outline-offset:-6px}

/* antwoord */
.schema-faq-accordion p.schema-faq-answer{background:var(--accent);border-top:1px solid var(--contrast);display:none;margin:0;padding:20px}
.schema-faq-accordion p.schema-faq-answer.faq-a-open{display:block}