/* =============================================================================
   Theme tokens (component library + local)
   ============================================================================= */
:root {
  --font: proxima-nova, sans-serif;
  --sq-component-default-color: var(--is-primary-color);
  --sq-component-primary-color: var(--is-primary-color);
  /* Accordion */
  --accordion-item-heading-active-bg-color: var(--is-primary-color);
  --accordion-item-heading-bg-color: #fff;
  --accordion-item-heading-active-color: #fff;
  --accordion-item-heading-color: var(--is-primary-color);
  --accordion-item-heading-hover-bg-color: var(--is-primary-color);
  --accordion-item-heading-hover-color: #fff;
  --accordion-item-border-color: var(--is-primary-color);
  --accordion-item-heading-font-family: var(--font);
  --accordion-item-heading-font-weight: bold;
  --accordion-btn-bg-color: var(--is-secondary-color);
  --accordion-btn-font-weight: bold;
  --accordion-btn-hover-color: #fff;
  --accordion-btn-hover-bg-color: var(--is-secondary-color);
  --accordion-btn-hover-border-color: var(--is-secondary-color);
  /* Inset text */
  --inset-text-border-color: var(--is-primary-color);
}
/* =============================================================================
   Base
   ============================================================================= */
body {
  color: var(--is-background-color);
}
a {
  color: var(--is-heading-color);
}
a:hover {
  color: var(--is-heading-color);
  text-decoration: none;
}
img {
    max-width: 100% !important;
    height: auto !important;
}
/* =============================================================================
   Layout
   ============================================================================= */
.container--full {
  position: relative;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  left: 50%;
  right: 50%;
}
/* =============================================================================
   Accordion & inset text spacing
   ============================================================================= */
.accordion {
  margin: 2rem 1rem;
}
.inset_text {
  margin: 2rem 0;
}
.inset_text__body {
  color: var(--is-text-color);
}
/* =============================================================================
   Footer
   ============================================================================= */
.is-footer a,
footer a,
footer {
  color: #fff;
}
footer a:hover,
footer a:focus {
  color: var(--is-secondary-color);
}
.footer-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
.footer-logos__image {
  max-height: 3rem;
  width: auto;
  height: auto;
  display: block;
}
/* =============================================================================
   Breadcrumbs
   ============================================================================= */
.is-breadcrumbs {
  padding: 1rem;
}
.is-breadcrumbs__back,
.is-breadcrumbs__nav {
  margin: 0;
}
.is-breadcrumbs__back-link,
.is-breadcrumbs__link {
  color: var(--is-heading-color);
  text-decoration: underline;
  border: none;
}
.is-breadcrumbs__back-link:hover,
.is-breadcrumbs__back-link:focus,
.is-breadcrumbs__link:hover,
.is-breadcrumbs__link:focus {
  color: var(--is-heading-color);
  text-decoration: none;
  border: none;
}
.is-breadcrumbs__item:not(:last-child)::after {
  content: ">";
  color: var(--is-heading-color);
}
/* =============================================================================
   Header menu
   ============================================================================= */
.header-menu__link,
.header-menu__item:hover .header-menu__link,
.header-menu__item.focusin .header-menu__link {
  color: var(--is-primary-color);
}