/**
** Simple FAQ
** Creator: Elliot COLLIN
*/

.simple-faq {
  --_green: #519069;
  --_green-open: #457e4b;
  --_bg: rgb(69, 126, 75);

  display: grid;
  gap: 0.25rem;
  padding: 0 !important;
  margin: 0 !important;
  margin-bottom: 1rem !important;

  list-style-type: none;
}

.simple-faq-mark {
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.simple-faq-mark > p {
  display: none !important;
}

.simple-faq-mark h3 {
  margin: 0;
}

.simple-faq-mark button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;

  padding: 1rem;

  border: 0;
  background-color: var(--_green);
  color: white;
  font-family: "Oswald", sans-serif;
  font-size: 1rem;
}

.simple-faq-mark.is-expanded button {
  background-color: var(--_green-open);
}

.simple-faq-mark div[role="region"] {
  display: none;
}
.simple-faq-mark.is-expanded div[role="region"] {
  display: block;
  padding: 1rem;
  background-color: rgba(69, 126, 75, 0.15);
}
.simple-faq-mark.is-expanded button > svg {
  transform: rotate(90deg);
}

.simple-faq-mark.is-expanded div[role="region"] > p:last-child {
  margin-bottom: 0 !important;
}
.simple-faq-mark.is-expanded div[role="region"] > * {
  font-size: 0.85em !important;
}