/* 

BREAKPOINTS
-----------
Should match the breakpoints in breakpoints.yml

*/
.address .field--telephone, .accordion__content .field--telephone,
.address .field--fax,
.accordion__content .field--fax,
.address .field--email,
.accordion__content .field--email {
  margin-block-end: 0 !important;
}
.address .field--telephone .field__label, .accordion__content .field--telephone .field__label,
.address .field--fax .field__label,
.accordion__content .field--fax .field__label,
.address .field--email .field__label,
.accordion__content .field--email .field__label {
  width: 10rem;
}
.address .field--fax .field__label, .accordion__content .field--fax .field__label,
.address .field--email .field__label,
.accordion__content .field--email .field__label {
  font-weight: var(--fw-normal);
}
.address a, .accordion__content a {
  color: var(--color-text);
  text-decoration: none;
}
.address .field > a:hover, .accordion__content .field > a:hover {
  text-decoration: underline;
}
.address .svg-inline--fa, .accordion__content .svg-inline--fa {
  margin-inline-end: 0.2em;
}

.accordion__trigger {
  appearance: none;
  background-color: transparent;
  border-bottom: 1rem solid var(--color-scheme);
  color: var(--color-primary-1);
  font-size: var(--fs-medium);
  line-height: var(--lh-medium);
  padding: 0.8em 1.2em;
  transition: 0.2s all;
}
.accordion__trigger:hover, .accordion__trigger:focus-visible {
  background-color: var(--color-scheme-hover);
  color: var(--color-scheme-text);
  border-color: var(--color-scheme-hover);
}
.accordion__trigger:hover .accordion-icon, .accordion__trigger:focus .accordion-icon {
  border-color: var(--color-scheme-text);
}

.accordion__trigger--highlighted {
  appearance: none;
  background-color: var(--color-scheme);
  border: 0;
  color: var(--color-scheme-text);
  font-size: var(--fs-medium);
  line-height: var(--lh-medium);
  padding: 1rem 1.5rem;
  padding: 0.8em 1.2em;
  transition: 0.2s all;
}
.accordion__trigger--highlighted:hover, .accordion__trigger--highlighted:focus-visible {
  background-color: var(--color-scheme-hover);
  color: var(--color-scheme-text);
}
.accordion__trigger--highlighted:hover .accordion-icon, .accordion__trigger--highlighted:focus-visible .accordion-icon {
  border-color: var(--color-scheme-text);
}

.accordion__title {
  border: 0;
  border-radius: 0;
  padding: 0 5rem 0 0;
  font-size: var(--fs-medium);
  line-height: var(--lh-medium);
}

.accordion__icon {
  height: 1.5rem;
  width: 1.5rem;
  right: 3rem;
}

.accordion__content {
  border: none;
  padding: 1.5rem;
  margin: 0 0 2rem;
}
.accordion__content .field:not(.field--cta-link) {
  margin-bottom: 2rem;
}
.accordion__content .field--contact-title {
  font-weight: bold;
}

.accordion__content--highlighted {
  background-color: var(--color-fond-2);
  padding-inline-start: 2rem;
}

/*# sourceMappingURL=accordion.css.map */