/* Accordion Block - Complete extraction */

.blocks-accordion {
  --color-accordion-item-border:#0003;
  --color-accordion-toggle:#00000080;
  --color-accordion-toggle-hover:#000;
  padding-block:3rem;
  padding-inline:0;
  transition:padding-block .5s,padding-inline .5s}

.blocks-accordion__container {
  box-sizing:initial;
  margin-inline:auto;
  max-width:92rem;
  padding-inline:1.9999998rem 1.9999998rem}

.blocks-accordion__row:after,.blocks-accordion__row:before {
  content:" ";
  display:table}

.blocks-accordion__row:after {
  clear:both}

.blocks-accordion__col {
  box-sizing:border-box;
  display:block;
  float:inline-start;
  min-height:1px;
  padding-inline:1.5rem;
  width:83.3333333333%}

.blocks-accordion__col:first-child {
  margin-inline-start:8.3333333333%}

.blocks-accordion__wrapper {
  box-shadow:0 .4rem 1.2rem .2rem #0000000d;
  box-sizing:border-box;
  position:relative}

.blocks-accordion__item {
  border-color:rgba(0,0,0,0.2);
  border-radius:.3rem;
  border-style:none none solid;
  border-width:.1rem;
  box-sizing:border-box;
  transition:transform .25s cubic-bezier(0,0,.3,1)}

.blocks-accordion__item:first-child {
  border-top-style:none}

.blocks-accordion__item:last-child {
  border-bottom-style:none}

.blocks-accordion__item--closed {
  border-radius:0}

.blocks-accordion__item.block-card.bg--range-light {
  border-radius:0;
  box-shadow:none}

.bg--range-light .blocks-accordion__item.block-card.bg--range-light {
  border-style:none solid solid}

.bg--range-light .blocks-accordion__item.block-card.bg--range-light:first-child {
  border-top-style:solid}

.bg--card-transparent.bg--type-black .blocks-accordion__item,.bg--card-transparent.bg--type-dark .blocks-accordion__item {
  --color-accordion-item-border:#ffffff80;
  --color-accordion-toggle:#fffc;
  --color-accordion-toggle-hover:#fff}

.bg--card-transparent.bg--type-accent .blocks-accordion__item {
  --color-accordion-item-border:rgb(var(--color-theme-contrast-rgb),0.3);
  --color-accordion-toggle:rgb(var(--color-theme-contrast-rgb),0.5);
  --color-accordion-toggle-hover:#000}

.bg--card-transparent.bg--type-accent .blocks-accordion__item.bg--contrast-light .bg--card-transparent.bg--type-accent .blocks-accordion__item__item {
  --color-accordion-toggle:rgb(var(--color-theme-contrast-rgb),0.8);
  --color-accordion-item-border:rgb(var(--color-theme-contrast-rgb),0.5)}

.bg--card-transparent.bg--type-color .blocks-accordion__item {
  --color-accordion-item-border:rgb(var(--color-background-contrast-rgb),0.3);
  --color-accordion-toggle:rgb(var(--color-background-contrast-rgb),0.5);
  --color-accordion-toggle-hover:var( --color-text,var(--color-background-contrast) )}

.bg--card-transparent.bg--type-color .blocks-accordion__item.bg--contrast-light .bg--card-transparent.bg--type-color .blocks-accordion__item__item {
  --color-accordion-toggle:rgb(var(--color-background-contrast-rgb),0.8);
  --color-accordion-item-border:rgb(var(--color-background-contrast-rgb),0.5)}

.bg--card-transparent.bg--type-image .blocks-accordion__item {
  --color-accordion-item-border:#0009;
  --color-accordion-toggle:#0009;
  --color-accordion-toggle-hover:#000}

.bg--card-transparent.bg--type-image.bg--overlay-light .blocks-accordion__item {
  --color-accordion-item-border:#fffc;
  --color-accordion-toggle:#fffc;
  --color-accordion-toggle-hover:#fff}

.bg--image .blocks-accordion__item {
  border-style:none solid solid;
  border-width:.1rem}

.bg--image .blocks-accordion__item:first-child {
  border-top-left-radius:.4rem;
  border-top-right-radius:.4rem;
  border-top-style:solid}

.bg--image .blocks-accordion__item:last-child {
  border-bottom-left-radius:.4rem;
  border-bottom-right-radius:.4rem}

.bg--image .blocks-accordion__item.block-card.bg--range-light {
  border-style:none none solid}

.bg--image .blocks-accordion__item.block-card.bg--range-light:first-child {
  border-radius:0;
  border-top-style:none}

.bg--image .blocks-accordion__item.block-card.bg--range-light:last-child {
  border-radius:0}

.blocks-accordion__header-wrap h2,.blocks-accordion__header-wrap h3,.blocks-accordion__header-wrap h4,.blocks-accordion__header-wrap h5 {
  font-family:var(--font-family-head);
  font-weight:700;
  line-height:1.4}

.blocks-accordion__header-wrap h2 {
  font-size:1.8rem}

.blocks-accordion__header-wrap h3 {
  font-size:1.7rem}

.blocks-accordion__header-wrap h4 {
  font-size:1.6rem}

.blocks-accordion__header-wrap h5 {
  font-size:1.5rem}

.blocks-accordion__header {
  background: none;
  border:none;
  border-inline-start:4px solid #0000;
  color:#282828;
  cursor:pointer;
  display:flex;
  font-family: var(--font-family-head);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  padding-block:3rem;
  padding-inline:3rem;
  text-align:start;
  text-decoration:none;
  transition:border .3s;
  width:100%}

.blocks-accordion__header--editing {
  cursor:auto}

.blocks-accordion__header:hover .blocks-accordion__toggler {
  color:#000}

.blocks-accordion__title-wrap {
  min-width:0;
  width:100%}

.blocks-accordion__title {
  background:none;
  border:0;
  color:var(--color-text,#000);
  font:inherit;
  outline:none;
  overflow-wrap:break-word;
  width:100%}

.blocks-accordion__toggler-wrap {
  align-items:center;
  display:flex;
  height:2.4rem;
  justify-content:center;
  margin-block-start:.3rem;
  margin-inline-start:3rem;
  width:2.4rem}

.blocks-accordion__toggler {
  color:rgba(0,0,0,0.5);
  display:flex;
  height:1.6rem;
  transition:color .3s;
  width:1.6rem}

.blocks-accordion__toggler>svg {
  max-height:100%}

.blocks-accordion__content {
  border-inline-start:4px solid #0000;
  display:none;
  font-weight:300;
  opacity:0;
  padding-block:0 3.5rem;
  padding-inline:3rem;
  transition:opacity .3s,border .3s}

.blocks-accordion__content--will-enter {
  display:block;
  opacity:.01}

.blocks-accordion__content--visible {
  display:block;
  opacity:1}

.blocks-accordion__content>:first-child {
  margin-block-start:0!important}

.blocks-accordion__content ol,.blocks-accordion__content ul {
  padding-block-start:1.4rem}

.blocks-accordion__content li:first-child {
  margin-block-start:0}

.blocks-accordion__description {
  font-family:var(--font-family-body);
  font-size: 1.6rem;
  line-height: 1.5;
}

.blocks-accordion__media .media-group .img {
  margin-block-end:0}

.blocks-accordion__embed {
  border:.1rem solid rgba(0,0,0,0.2);
  border-radius:3px;
  box-sizing:border-box;
  margin-block:3rem 0;
  padding-block:3rem;
  padding-inline:3rem;
  width:100%}

.blocks-accordion__audio,.blocks-accordion__audio-and-embed,.blocks-accordion__video {
  background-position:50%;
  background-size:cover;
  margin-block:3rem 0;
  width:100%}

.blocks-accordion__audio-and-embed.audio-on-top,.blocks-accordion__audio.audio-on-top,.blocks-accordion__video.audio-on-top {
  margin-block:2.5rem}

.blocks-accordion__image {
  background-position:50%;
  background-size:cover;
  margin-block-start:3rem;
  width:100%}

.blocks-accordion__image-with-audio {
  margin-block-start:3rem;
  position:relative;
  width:fit-content}

.blocks-accordion__image-with-audio--left {
  margin-inline-end:auto}

.blocks-accordion__image-with-audio--right {
  margin-inline-start:auto}

.blocks-accordion__image-with-audio--center {
  margin-inline:auto}

.blocks-accordion__image-with-audio--fill {
  width:100%}

.blocks-accordion__img {
  display:block;
  max-width:100%;
  visibility:hidden;
  width:100%}

/* Brand border for expanded items - orange accent */
.brand--border.blocks-accordion__content,
.blocks-accordion__content.brand--border {
  border-inline-start: 4px solid var(--color-theme, #ff631e) !important;
}

.brand--border.blocks-accordion__header,
.blocks-accordion__header.brand--border {
  border-inline-start: 4px solid var(--color-theme, #ff631e);
}
  