/**
 * /assets/scss/partials/base/mixins.scss
 *
 * Let's define our universal mixins for use throughout the theme
 */
/**
 * Base text styles
 */
/**
 * Base button styles
 */
/**
 * Button reset
 */
/**
 * Label styles
 */
/**
 * Transitions
 */
.block-faq__toggle-question-icon {
  transition: all 0.2s ease-in-out;
}

/**
 * Placeholder Color
 */
/**
 * Media queries
 */
.block-faq {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 10px;
}
.block-faq__toggle {
  width: 100%;
  position: relative;
  background-color: var(--wp--preset--color--primary);
  padding: 12px 20px;
  border-radius: 8px;
}
.block-faq__toggle-question {
  width: 100%;
  padding: 4px 40px 4px 4px;
  font-size: var(--wp--preset--font-size--font-size-4);
  line-height: 1.55;
  font-weight: 700;
  color: #fff;
  margin: 0;
  background-color: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  position: relative;
  min-height: 32px;
}
.block-faq__toggle-question-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
}
.block-faq__toggle-question[aria-expanded=true] .block-faq__toggle-question-icon {
  transform: rotate(180deg);
}
.block-faq__toggle-question[aria-expanded=true] .block-faq__toggle-question-icon svg path {
  stroke: var(--wp--preset--color--tertiary);
}
.block-faq__toggle-answer {
  display: none;
  padding: 4px;
}
.block-faq__toggle-answer p {
  color: var(--wp--preset--color--background-2);
  margin-top: 0;
}
.block-faq__toggle-answer p:last-child {
  margin-bottom: 0;
}
@media (min-width: 782px) {
  .block-faq.block-faq--columns-2 .block-faq__toggle {
    width: calc((100% - 10px) / 2);
  }
}