/* =============================================
Block - Accordion
============================================= */
/* =============================================================================
Import me into 'individual' scss partials
============================================================================= */
/* =============================================================================
Functions
============================================================================= */
/* Deep-get sass map
=================================================== */
/* =============================================================================
Mixins
============================================================================= */
/* =================================================
Breakpoints
=================================================== */
/* =============================================================================
Breakpoint definition
============================================================================= */
/* =============================================================================
Config
============================================================================= */
.block-faqs {
  /* Accordion items
  =================================================== */
}
.block-faqs__item-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.25s, padding 0.5s;
}
.block-faqs__item-heading {
  padding: calc(2 * var(--baseline));
  background: var(--colors-brand-2);
  color: var(--colors-white);
  cursor: pointer;
}
.block-faqs__item-heading:hover {
  background: var(--colors-black);
}
body[data-theme=dark] .block-faqs__item-heading:hover {
  background: var(--colors-brand-1-alt);
}
.block-faqs__item-heading.is-open {
  background: var(--colors-brand-1) !important;
}
.block-faqs__item-heading.is-open + .block-faqs__item-content {
  max-height: 2000px;
  padding: calc(2 * var(--baseline)) 0;
  transition: max-height 1s, padding 0.25s;
}