/* FAQ-blok (templates/partials/faq.blade.php). Los bestand, want de thema-build werkt niet meer. */

.faq-blok {
  clear         : both;
  margin        : 40px 0;
}

.faq-blok__titel {
  color         : #a4b04c;
  font-size     : 24px;
  font-weight   : 600;
  line-height   : 1.25;
  margin        : 0 0 20px;
}

.faq-blok__item {
  border-bottom : 1px solid #dbdbdb;
}

.faq-blok__item:first-of-type {
  border-top    : 1px solid #dbdbdb;
}

.faq-blok__vraag {
  position      : relative;
  display       : block;
  padding       : 16px 40px 16px 0;
  color         : #575756;
  font-size     : 18px;
  font-weight   : 600;
  line-height   : 1.5;
  cursor        : pointer;
  list-style    : none;
}

.faq-blok__vraag::-webkit-details-marker {
  display       : none;
}

.faq-blok__vraag::after {
  content       : "+";
  position      : absolute;
  right         : 8px;
  top           : 50%;
  transform     : translateY(-50%);
  color         : #a4b04c;
  font-size     : 26px;
  font-weight   : 400;
  line-height   : 1;
}

.faq-blok__item[open] > .faq-blok__vraag::after {
  content       : "\2212";
}

.faq-blok__vraag:hover,
.faq-blok__vraag:focus-visible {
  color         : #a4b04c;
}

.faq-blok__antwoord {
  padding       : 0 40px 16px 0;
}

.faq-blok__antwoord > :last-child {
  margin-bottom : 0;
}