/* ==========================================================================
   Environment page
   ========================================================================== */
.p-environment {
  --theme-color: var(--color-primary-mid);
}
.p-environment h2 {
  color: var(--color-primary-mid);
}
.p-environment article {
  padding: 1.875rem;
  margin-top: 3.75rem;
  background-color: var(--color-bg-container);
  border-top: 0.625rem solid var(--theme-color);
  border-radius: 0.625rem;
}
@media (min-width: 48em) {
  .p-environment article {
    padding: 2.8125rem;
  }
}
@media (min-width: 80em) {
  .p-environment article {
    padding: 3.75rem;
  }
}
.p-environment article dt {
  color: var(--theme-color);
}
.p-environment article.read-more {
  position: relative;
  max-height: 25rem;
  max-height: var(--js-default-max-height);
  overflow-y: hidden;
  transition: max-height 300ms var(--ease-out-cubic);
  transition-delay: 1000ms;
}
.p-environment article.read-more.is-open {
  transition-delay: 0ms;
}
.p-environment article.read-more::before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 7.5rem;
  visibility: visible;
  content: "";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.013) 13.5%, rgba(255, 255, 255, 0.049) 24.9%, rgba(255, 255, 255, 0.104) 34.4%, rgba(255, 255, 255, 0.175) 42.4%, rgba(255, 255, 255, 0.259) 49%, rgba(255, 255, 255, 0.352) 54.6%, rgba(255, 255, 255, 0.45) 59.4%, rgba(255, 255, 255, 0.55) 63.7%, rgba(255, 255, 255, 0.648) 67.7%, rgba(255, 255, 255, 0.741) 71.6%, rgba(255, 255, 255, 0.825) 75.8%, rgba(255, 255, 255, 0.896) 80.5%, rgba(255, 255, 255, 0.951) 85.9%, rgba(255, 255, 255, 0.987) 92.3%, white 100%);
  transition: opacity 400ms cubic-bezier(0.33, 1, 0.68, 1) 400ms, visibility 400ms cubic-bezier(0.33, 1, 0.68, 1) 400ms;
}
.p-environment article.read-more.is-open::before {
  visibility: hidden;
  opacity: 0;
  transition-delay: 0ms;
}
.p-environment button.c-btn {
  margin-top: 0.625rem;
}
.p-environment button.c-btn:nth-of-type(n+2) {
  margin-top: 0.625rem;
}
.p-environment button.c-btn i {
  transition-delay: 400ms;
  transition-property: transform;
}
.p-environment button.c-btn.is-open i {
  transform: rotate(-180deg);
}
.p-environment .atabs__panel {
  padding: 2.5rem 0 0;
  border: 0;
}
.p-environment .atabs__list:not([aria-orientation=vertical]) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  border: 0;
}
@media (min-width: 48em) {
  .p-environment .atabs__list:not([aria-orientation=vertical]) {
    -moz-column-gap: 0.9375rem;
         column-gap: 0.9375rem;
  }
}
@media (min-width: 80em) {
  .p-environment .atabs__list:not([aria-orientation=vertical]) {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}
.p-environment .atabs__list__tab {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: center;
  border: 0.0625rem solid currentcolor;
  border-radius: 0.3125rem;
}
.p-environment .atabs__list__tab[aria-selected=true] {
  color: var(--color-primary-mid);
  background: transparent;
  border: 0.125rem solid var(--color-primary-mid);
}
.p-environment .atabs__list__tab:active,
.p-environment .atabs__list__tab:hover,
.p-environment .atabs__list__tab:focus {
  color: var(--color-primary-mid);
  background: var(--color-primary-alpha-100);
  outline: 2px solid var(--color-primary-alpha-100);
  outline-offset: -2px;
}
.p-environment .atabs__list__tab[aria-selected=true]:hover,
.p-environment .atabs__list__tab[aria-selected=true]:focus {
  box-shadow: none;
}
.p-environment .atabs__panel:focus-visible {
  outline: none;
  outline-offset: 0;
  box-shadow: none;
}
.p-environment .atabs__panel:focus,
.p-environment .atabs__panel.focus-visible {
  outline: none;
  outline-offset: 0;
  box-shadow: none;
}

/* https://github.com/scottaohara/a11y_tab_widget/blob/main/assets/css/tabs.css */
.atabs {
  position: relative;
  background: #fff;
}

.atabs__list:not([aria-orientation=vertical]) {
  display: flex;
  overflow: auto;
  white-space: nowrap;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}

[data-atabs-orientation=vertical] {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid;
}

.atabs__list[aria-orientation=vertical] {
  width: 100%;
}

.atabs__list[aria-orientation=vertical] .atabs__list__tab {
  display: inline-block;
  width: 100%;
  text-align: left;
  border-right: 0;
}

[data-atabs-orientation=vertical] .atabs__panel {
  width: 100%;
}

[data-atabs-orientation=vertical] [role=tablist] {
  border-right: 1px solid;
  border-left: 1px solid;
}

@media screen and (width >= 34em) {
  [data-atabs-orientation=vertical] .atabs__panel {
    width: calc(100% - 12em);
  }

  .atabs__list[aria-orientation=vertical] {
    width: 12em;
  }

  .atabs__list[aria-orientation=vertical] .atabs__list__tab:last-of-type {
    border-bottom: 0;
  }

  [data-atabs-orientation=vertical] [role=tablist] {
    border-right: 0;
    border-bottom: 1px solid;
    border-left: 1px solid;
  }
}
.atabs__list[hidden] {
  display: none;
}

/**
 * Just to make sure invalid children of a
 * tablist are not visible/accessible.
 * these should also be removed from the DOM
 */
.atabs__list > :not([role=tab]) {
  display: none;
}

.atabs__list__tab {
  position: relative;
  flex-grow: 1;
  padding: 0.825em 1em;
  margin: 0;
  /* btn */
  font: inherit;
  /* btn */
  text-decoration: none;
  /* if <a> */
  /* btn */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* btn */
  background: #fff;
  border: 0;
  /* btn */
  border-bottom: 1px solid;
}

.atabs__list__tab:not(:last-of-type) {
  border-right: 1px solid;
}

.atabs__list__tab:active,
.atabs__list__tab:hover,
.atabs__list__tab:focus {
  color: #fff;
  background: #4464c2;
  outline: 2px solid #4464c2;
  outline-offset: -2px;
}

.atabs__list__tab[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.5;
}

.atabs__list__tab > span,
.atabs__list__tab > svg,
.atabs__list__tab > img {
  pointer-events: none;
}

.atabs__list__tab[aria-selected=true] {
  color: #fff;
  background: #213469;
  border-bottom: 3px solid #213469;
  /* high contrast vid */
}

.atabs__list__tab[aria-selected=true]:hover,
.atabs__list__tab[aria-selected=true]:focus {
  box-shadow: inset 0 1px 0 4px #fff;
}

.atabs__panel[hidden] {
  display: none;
}

.atabs__panel {
  padding: 1.25em;
  border: 1px solid;
  border-top: 0;
}

.atabs__panel:focus-visible {
  outline: 2px solid;
  outline-offset: -2px;
  box-shadow: inset 0 0 1px #222;
}

.atabs__panel:focus,
.atabs__panel.focus-visible {
  outline: 4px solid #0072e4;
  outline-offset: -3px;
  box-shadow: inset 0 0 1px #0072e4;
}

.atabs__panel > :first-child {
  margin-top: 0;
}

.atabs__panel > :last-child {
  margin-bottom: 0;
}