:root {
  --active-colour: #45632E;
  --active-colour-lighter #45632E;
  --active-colour-35: #45632E;
  --active-colour-b: #45632E;
  --active-colour-c: #45632E;
  --active-colour-b-fade: #45632E;
  --background-colour: #45632E;
}

/* Content */
main {
  background: none;
}

main::before {
  content: '';
  position: fixed;
  display: block;
  background-image: url('/media/psgol4vu/main-background.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  width: 100svw;
  height: 100svh;
  z-index: -1;
  top: 0;
  left: 0;
}

main:has(.ciat-block.bg1)::before {
 background-image: url('/media/jrzf0ccz/bio_bg1.svg');
}

main:has(.ciat-block.bg2)::before {
 background-image: url('/media/1eri5b1z/bio_bg2.svg');
}

main:has(.ciat-block.bg3)::before {
 background-image: url('/media/ivtfl0wc/bio_bg3.svg');
}

main:has(.ciat-block.bg4)::before {
 background-image: url('/media/otvozzhx/bio_bg4.svg');
}

main:has(.ciat-block.bg5)::before {
 background-image: url('/media/vlqhxxyb/bio_bg5.svg');
}

main:has(.ciat-block.bg6)::before {
 background-image: url('/media/hpiax1df/bio_bg6.svg');
}

main div.OuterWrapper.Feature {
  background: none;
}

main div.OuterWrapper:first-of-type {
  display: none;
}

main div.OuterWrapper.Feature div.ContentWrapper {
  padding: 0 8px;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block {
  background: #fff;
  margin: 32px 0;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .content-wrapper {
  padding: 16px 16px 24px;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .content-wrapper > *:first-child {
  margin-top: 0;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .content-wrapper > *:last-child {
  margin-bottom: 0;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block:first-of-type {
  margin-top: 48px;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .back-link {
  color: #487629;
  font-family: "source_sans_pro_bold";
  font-size: 12px;
  line-height: normal;
  letter-spacing: normal;
  text-transform: uppercase;
  border: 0;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block hr {
  border-top: 1px solid #487629;
  margin: 3px 0 12px;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block h1 {
  color: #000;
  font-family: "lineto-circular-bold";
  font-size: 24px;
  line-height: normal;
  letter-spacing: normal;
  margin: 12px 0 16px;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block h1 strong {
  font-size: 32px;
  font-weight: normal;
  display: block;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block h2 {
  color: #1E1E1E;
  font-family: "lineto-circular-bold";
  font-size: 20px;
  line-height: normal;
  letter-spacing: normal;
  margin: 16px 0;
  padding: 0;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block p {
  color: #000;
  font-family: "Source Sans Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  margin: 16px 0;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .image-block {
  margin: 24px 0 16px;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .image-block img {
  object-fit: contain;
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .role-group {
  color: #000;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .role-group span {
  font-weight: 700;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .caption {
  color: #545454;
  font-style: italic;
  font-size: 16px;
  margin-top: -16px;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block div.content-wrapper div.responsive-video {
  margin: 24px 0;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block div.content-wrapper details {
  color: #487629;
  font-family: "source_sans_pro_bold";
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block div.content-wrapper details > summary {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none"><path fill="%23487629" d="M7.6 0h2.8v18H7.6z"/><path fill="%23487629" d="M0 7.6001h18v2.8H0z"/></svg>');
  background-position: center right;
  background-repeat: no-repeat;
  border-bottom: 2px solid #487629;
  padding: 12px 0;
  list-style: none;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block div.content-wrapper details > summary::-webkit-details-marker {
  display: none;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block div.content-wrapper details[open] > summary {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="4" fill="none"><path fill="%23487629" d="M0 .6001h18v2.8H0z"/></svg>');
  border-bottom: none;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block div.content-wrapper details[open] summary::after {
  content: attr(data-open);
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block div.content-wrapper details:not([open]) summary::after {
  content: attr(data-close);
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .content-wrapper details p:first-of-type {
  margin-top: 8px;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .content-wrapper details p:last-of-type {
  margin-bottom: 24px;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block div.content-wrapper details[open] {
  border-bottom: 2px solid #487629;
}

main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .more-link {
  color: #fff;
  font-family: "source_sans_pro_bold";
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  display: block;
  background-color: #487629;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="20" fill="none"><path stroke="%23fff" stroke-linecap="square" stroke-linejoin="round" stroke-width="3" d="m3 3 7 7-7 7"/></svg>');
  background-position: center right 16px;
  background-repeat: no-repeat;
  padding: 10px 44px 10px 16px;
  border: 0;
}

/* Nav */
main div.OuterWrapper:has(nav.Footer) {
  background: #405248;
  padding: 16px 0 32px;
  margin: 0;
}

html body:has(main div.OuterWrapper div.ContentWrapper div.ContentColumn.Nav nav.Footer) {
  background: none;
}

main div.OuterWrapper div.ContentWrapper div.ContentColumn.Nav nav.Footer hr {
  display: none;
}

main div.OuterWrapper div.ContentWrapper div.ContentColumn.Nav nav.Footer h3 {
  color: #fff;
  font-family: "source_sans_pro_bold";
  font-size: 32px;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 0 8px;
  margin: 0 0 20px;
}

main div.OuterWrapper div.ContentWrapper div.ContentColumn.Nav nav.Footer div.LinkStyle.List.FooterNav {
  border-top: 4px solid #fff;
}

main div.OuterWrapper div.ContentWrapper div.ContentColumn.Nav nav.Footer div.LinkStyle.List.FooterNav ul {
  margin: 24px 0 0;
  padding: 0 8px;
}

main div.OuterWrapper div.ContentWrapper div.ContentColumn.Nav nav.Footer div.LinkStyle.List.FooterNav ul li {
  line-height: normal;
  margin-top: 20px;
}

main div.OuterWrapper div.ContentWrapper div.ContentColumn.Nav nav.Footer div.LinkStyle.List.FooterNav ul li a {
  color: #E9F4C6;
  font-family: "source_sans_pro_bold";
  font-size: 20px;
  font-style: normal;
   line-height: normal;
  letter-spacing: normal;
}

main div.OuterWrapper div.ContentWrapper div.ContentColumn.Nav nav.Footer div.LinkStyle.List.FooterNav ul li a:hover,
main div.OuterWrapper div.ContentWrapper div.ContentColumn.Nav nav.Footer div.LinkStyle.List.FooterNav ul li a.Selected {
  color: #fff;
}

/* Footer */
footer.Main {
  background-color: #252525;
}

/* Desktop */
@media (min-width: 768px) {
  main::before {
    display: none;
  }

  main div.OuterWrapper.Feature {
    margin-top: 0 !important;
    background-image: url('/media/psgol4vu/main-background.svg');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  main div.OuterWrapper.Feature:has(.ciat-block.bg1) {
    background-image: url('/media/jrzf0ccz/bio_bg1.svg');
  }

  main div.OuterWrapper.Feature:has(.ciat-block.bg2) {
    background-image: url('/media/1eri5b1z/bio_bg2.svg');
  }

  main div.OuterWrapper.Feature:has(.ciat-block.bg3) {
    background-image: url('/media/ivtfl0wc/bio_bg3.svg');
  }

  main div.OuterWrapper.Feature:has(.ciat-block.bg4) {
    background-image: url('/media/otvozzhx/bio_bg4.svg');
  }

  main div.OuterWrapper.Feature:has(.ciat-block.bg5) {
    background-image: url('/media/vlqhxxyb/bio_bg5.svg');
  }

  main div.OuterWrapper.Feature:has(.ciat-block.bg6) {
    background-image: url('/media/hpiax1df/bio_bg6.svg');
  }

  html body:has(main div.OuterWrapper div.ContentWrapper div.ContentColumn.Nav nav.Footer) {
    background-color: #405248;
  }

  main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .content-wrapper {
    padding: 32px 40px 40px;
  }

  main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block h1 {
    margin: 24px 0 16px;
  }

  main div.OuterWrapper.Feature div.ContentWrapper div.ContentColumn div.ciat-block .more-link {
    background-position: center right 40px;
    padding: 10px 68px 10px 40px;
  }
}