/* Style Yoast FAQ as an accordion - https://codepen.io/vj/pen/YzKmZEo */

.wp-block-yoast-faq-block  {
	/* border-bottom: 1px solid #ccc; */
	padding-top:20px;
	padding-right: 8%;
    padding-left: 8%;
}
.wp-block-yoast-faq-block .schema-faq-question {
	display: block;
	color: var(--Primary);  
	padding: .125em 0;
	font-size: 1.25em;
	cursor: pointer;
	 border-bottom: 1px solid white;
	  border-top: 1px solid white;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  padding-right: 20px;
	  padding-left: 20px;
}

.wp-block-yoast-faq-block .schema-faq-question:has(> button[aria-expanded="true"]) {
  border-bottom: 0px;
}

.wp-block-yoast-faq-block .schema-faq-question:hover,
.wp-block-yoast-faq-block .schema-faq-question:active {
	color: var(--Secondary);  
}
.wp-block-yoast-faq-block .schema-faq-question button {
  all: inherit;
  border: 0;
  display: inline-block;
  width: 100%;
}
.wp-block-yoast-faq-block .schema-faq-question button svg {
  height: 1em;
  width: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: .125em;
  fill:#FF0056;
}
.wp-block-yoast-faq-block .schema-faq-question button:focus svg {
  outline: 1px solid;
}
.wp-block-yoast-faq-block .schema-faq-question [aria-expanded="true"] svg rect.vert {
  display: none;
}
.wp-block-yoast-faq-block .schema-faq-answer {
	padding: .25em 0 .25em 1.75em;
  /*border-bottom: 1px solid #eee;*/
}