.wpcf7 form .wpcf7-response-output {
  padding: 12px 24px;
  margin-bottom: 24px;
  position: relative;
  background-color: #b7f249;
  border: 2px solid #b7f249;
  color: #00383f;
  border-radius: 5px;
  font-size: 1.5rem;
}
.wpcf7 form .wpcf7-response-output p, .wpcf7 form .wpcf7-response-output ul {
  margin-bottom: 10px;
}
.wpcf7 form .wpcf7-response-output ul {
  list-style-position: inside;
  padding-left: 24px;
}

.wpcf7 form.init .wpcf7-response-output {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #008036;
  background-color: #008036;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #b7f249;
  background-color: #b7f249;
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #b7f249;
  background-color: #b7f249;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #b7f249;
  background-color: #b7f249;
}

.wpcf7-not-valid,
.form-item.wpcf7-not-valid {
  border-color: #b7f249;
  background-color: #b7f249;
}

.wpcf7-not-valid-tip {
  color: #ff0000;
  font-size: 1.5rem;
  font-weight: normal;
  display: block;
}

.screen-reader-response {
  display: none;
}

.relevanssi-query-term {
  background-color: #e1bff6;
}

/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
*, ::after, ::before {
  background-repeat: no-repeat;
  box-sizing: inherit;
}

::after, ::before {
  text-decoration: inherit;
  vertical-align: inherit;
}

html {
  box-sizing: border-box;
  cursor: default;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

article, aside, footer, header, nav, section {
  display: block;
}

body {
  margin: 0;
}

figcaption, figure, main {
  display: block;
}

figure {
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

nav ol, nav ul {
  list-style: none;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  margin: 0;
}

button, input, select, textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details, menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[tabindex], a, area, button, input, label, select, summary, textarea {
  touch-action: manipulation;
}

[hidden] {
  display: none;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

[aria-disabled] {
  cursor: default;
} 
*,
*:before,
*:after {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, li, ul, ol, blockquote, pre, code {
  margin-top: 0;
  margin-bottom: 0;
}

ul, ol {
  padding-left: 0;
  margin-left: 0;
}

blockquote {
  padding: 0;
  margin: 0;
}

button {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  text-align: left;
  padding: 0;
}

button[type=button] {
  -webkit-appearance: none;
}

form {
  margin: 0;
}

iframe {
  border: 0;
}

svg {
  max-height: 11000px;
}
@keyframes hvr-icon-pop {
  50% {
    transform: scale(1.25) translateY(-50%);
  }
}
@keyframes hvr-ripple-out {
  0% {
    opacity: 1;
  }
  100% {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out-circle {
  0% {
    opacity: 1;
    transform: scale(1) translateX(3px) translateY(3px);
  }
  50% {
    transform: scale(1.4) translateX(3px) translateY(3px);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(3px) translateY(3px);
  }
}
html {
  font-size: 10px;
  scroll-behavior: smooth;
}
@media (max-width: 800px) {
  html {
    -webkit-text-size-adjust: 100%;
  }
}

body {
  color: #00383f;
  font-family: "Work Sans", sans-serif;
  line-height: 1.8;
  overflow-x: hidden;
  font-weight: 400;
  position: relative;
  background-color: #f3f4ed;
}

a,
.fauxlink {
  text-decoration: none;
  cursor: pointer;
  color: #00383f;
  border-bottom: 2px solid #008036;
}
a:hover, a:focus, a:active,
.fauxlink:hover,
.fauxlink:focus,
.fauxlink:active {
  border-bottom: 2px solid #00383f;
}

.skiplink {
  background: #fff;
  color: #008036;
  border: 0;
  display: block;
  font-size: 16px;
  line-height: 40px;
  padding: 0 20px;
  position: absolute;
  top: -60px;
  left: 0;
  transition: all ease-in-out 0.1s;
}
.skiplink:focus, .skiplink:active {
  top: 0;
  z-index: 80;
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

.max-width, .alignright img, .right img, .alignleft img, .left img, .wp-caption img, .media-figure img {
  max-width: 100%;
  height: auto;
  display: block;
}
.max-width img, .alignright img img, .right img img, .alignleft img img, .left img img, .wp-caption img img, .media-figure img img {
  max-width: 100%;
  height: auto;
  display: block;
}

.max-meter {
  width: 100%;
  max-width: 800px;
  display: inline-block;
}
.max-meter--centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.full-width {
  width: 100%;
  height: auto;
  display: block;
}

strong, b {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input, textarea, select, button {
  font-family: "Work Sans", sans-serif;
}

pre {
  white-space: pre-wrap;
  overflow-x: auto;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  font-size: 1.6rem;
}

.grecaptcha-badge {
  visibility: hidden;
}

.footer {
  background-color: #00383f;
  color: #ffffff;
}

.footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "a" "b" "c" "d" "e" "f";
}
@media screen and (min-width: 600px) {
  .footer__grid {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "a a" "b c" "d d" "e e" "f f";
  }
}
@media screen and (min-width: 900px) {
  .footer__grid {
    grid-template-columns: 2fr 2fr 2fr 2fr;
    grid-template-areas: "a b c d" "e e e f";
  }
}

.footer__logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: a;
  padding: 24px 0;
}
@media screen and (min-width: 900px) {
  .footer__logo {
    padding: 72px 0;
  }
}
.footer__logo img {
  max-width: 220px;
}

.footer__links {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: b;
  padding: 24px 0;
}
@media screen and (min-width: 900px) {
  .footer__links {
    padding: 72px 0;
  }
}

.footer__contact {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: c;
  padding: 24px 0;
}
@media screen and (min-width: 900px) {
  .footer__contact {
    padding: 72px 0;
  }
}

.footer__subscribe {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: d;
  padding: 48px 0;
}
@media screen and (min-width: 900px) {
  .footer__subscribe {
    padding: 72px 0;
  }
}

.footer__copyright {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: e;
  padding: 48px 0;
}
@media screen and (min-width: 900px) {
  .footer__copyright {
    padding: 0 48px 72px 0;
  }
}

.footer__credit {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  grid-area: f;
  padding-bottom: 48px;
}

@media screen and (min-width: 600px) {
  .footer__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .footer__links {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .footer__contact {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .footer__subscribe {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .footer__copyright {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .footer__credit {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

@media screen and (min-width: 900px) {
  .footer__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .footer__links {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .footer__contact {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .footer__subscribe {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
  .footer__copyright {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .footer__credit {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
}
@media screen and (min-width: 900px) {
  .footer__credit {
    padding: 0 0 72px 0;
    text-align: right;
  }
}

.footer__heading {
  font-size: 2.4rem;
  margin-bottom: 24px;
  display: block;
  color: #b7f249;
}

.footer__copy {
  font-size: 1.5rem;
  margin-bottom: 24px;
}
.footer__copy a {
  color: inherit;
  border-bottom: 1px solid #ffffff;
}
.footer__copy a:hover, .footer__copy a:focus, .footer__copy a:active {
  border-color: #0066ff;
}

.footer__list {
  list-style: none;
  font-size: 1.6rem;
}

.footer__list__item {
  margin-bottom: 12px;
  position: relative;
}
.footer__list__item a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.footer__list__item a:hover, .footer__list__item a:focus, .footer__list__item a:active {
  border-color: #0066ff;
}
.footer__list__item svg {
  width: 20px;
  height: 20px;
  color: #ffffff;
}
.footer__list__item--active a {
  text-decoration: none;
  font-weight: 600;
}

.partners__grid {
  display: grid;
  gap: 48px;
  justify-content: center;
}
@media screen and (min-width: 900px) {
  .partners__grid {
    display: flex;
    gap: 96px;
  }
}
.partners__grid__item__heading {
  font-size: 2.4rem;
  color: #00383f;
  text-align: center;
  margin-bottom: 24px;
}
.partners__grid + .partners__grid {
  padding-top: 72px;
}

.partner-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
.partner-logos a {
  border-bottom: 0;
}
.header {
  display: block;
  position: relative;
  overflow: visible;
  background-color: #ffffff;
  z-index: 20;
}

.header__logo {
  margin: 24px 0;
  width: 252px;
  height: 91px;
  background-image: url("../img/logos/dementia-tree-logo@2x.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -9999em;
  border-bottom: none;
  color: #000000;
  margin-left: 24px;
}
.header__logo:hover, .header__logo:focus, .header__logo:active {
  border-bottom: none;
}

.header-search {
  display: none;
}
.header-search:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 1000px) {
  .header-search {
    position: relative;
    float: right;
    font-size: 1.6rem;
    display: inline-block;
    width: 180px;
    margin-top: 26px;
    margin-right: 24px;
  }
  .header-search input {
    float: left;
    display: inline-block;
    width: 100%;
    outline: none;
    background-color: #ffffff;
    padding: 4px 10px 5px;
    border-radius: 5px;
    color: #000000;
    border: 1px solid #00383f;
  }
  .header-search button.button {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: #00383f;
    border: 1px solid #00383f;
    border-radius: 0;
    padding: 0;
  }
  .header-search button.button span {
    top: -9999em;
    position: absolute;
    display: inline-block;
  }
  .header-search button.button svg {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 999;
    width: 20px;
    height: 20px;
    color: #ffffff;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    transform-origin: top;
  }
  .header-search button.button:hover svg, .header-search button.button:focus svg, .header-search button.button:active svg {
    animation-name: hvr-icon-pop;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
  }
}
@media screen and (min-width: 1300px) {
  .header-search {
    right: 0;
  }
}

.header-search__label {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0px;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.text, .section__subheading p, .typebase p, .description_list dt, .typebase dl dt, .description_list dd, .typebase dl dd, .typebase ul li,
.typebase ol li, .simple_list li, .ordered_list li, .unordered_list li, .card__list li, .typeXS, .typeS, .typeMe, .typebase h6, .typeM, .typebase h5, .typeL, .typebase h4, .typeXL, .typebase h3, .typeXXL, .typebase h2, .typeXXXL, .typebase h1 {
  line-height: 1.8;
  margin-bottom: 0;
  margin-top: 0;
}

.typeXXXL, .typebase h1 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4rem;
}

.typeXXL, .typebase h2 {
  font-size: 3.2rem;
}

.typeXL, .typebase h3 {
  font-size: 2.4rem;
}

.typeL, .typebase h4 {
  font-size: 2rem;
}

.typeM, .typebase h5 {
  font-size: 1.8rem;
}

.typeMe, .typebase h6 {
  font-size: 1.6rem;
}

.typeS {
  font-size: 1.5rem;
}

.typeXS {
  font-size: 1.4rem;
}

.heading, .navigation-sidebar__heading, .listing-item__heading, .listing-section .listing-section__heading, .hero__heading, .fieldset legend, .block__heading, .filter__heading, .drawer__title, .downloads__heading, .cta__heading, .card__subheading, .card__heading, .card__number, .aside__heading, .about-list__item, .section__heading, .typebase h1, .typebase h2, .typebase h3, .typebase h4, .typebase h5, .typebase h6, .footer__heading, .partners__grid__item__heading {
  display: block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.text, .section__subheading p, .typebase p, .description_list dt, .typebase dl dt, .description_list dd, .typebase dl dd, .typebase ul li,
.typebase ol li, .simple_list li, .ordered_list li, .unordered_list li, .card__list li {
  font-size: 1.6rem;
}
@media screen and (min-width: 750px) {
  .text, .section__subheading p, .typebase p, .description_list dt, .typebase dl dt, .description_list dd, .typebase dl dd, .typebase ul li,
  .typebase ol li, .simple_list li, .ordered_list li, .unordered_list li, .card__list li {
    font-size: 1.8rem;
  }
}

.typebase ul, .typebase ol, .simple_list, .ordered_list, .unordered_list, .card__list {
  list-style-position: outside;
  padding-left: 24px;
}
.typebase li {
  padding-bottom: 0.8rem;
}
.typebase li:last-of-type {
  padding-bottom: 0;
}

.unordered_list, .card__list, .typebase ul {
  list-style-type: disc;
}
.unordered_list ul, .card__list ul, .typebase ul ul {
  list-style-type: disc;
  padding-left: 2rem;
}

.ordered_list, .typebase ol {
  list-style-type: decimal;
}
.ordered_list ol, .typebase ol ol {
  list-style-type: decimal;
  padding-left: 2rem;
}

.simple_list {
  list-style-type: none;
}
.simple_list ol, .simple_list ul {
  list-style-type: none;
  padding-left: 2rem;
}

.description_list, .typebase dl {
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
}
.description_list dt, .typebase dl dt, .description_list dd, .typebase dl dd {
  line-height: 1.6;
  margin-bottom: 0.38rem;
  margin-left: 0;
  margin-right: 0;
}
.description_list dt, .typebase dl dt {
  display: block;
}
.description_list dd, .typebase dl dd {
  display: block;
  margin-left: 1.8rem;
}
.description_list dd + dt, .typebase dl dd + dt {
  margin-top: 1.8rem;
}
.description_list code, .typebase dl code {
  display: inline;
}

.typebase p {
  margin-top: 1.6rem;
  display: block;
}
.typebase ul,
.typebase ol {
  margin-top: 1.6rem;
}
.typebase dl {
  margin: 2.4rem 0;
}
.typebase img, .typebase figure {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 24px;
}
.typebase h1, .typebase h2, .typebase h3, .typebase h4, .typebase h5, .typebase h6 {
  position: relative;
  margin-top: 3.2rem;
  line-height: 1.4;
  margin-bottom: 0.58rem;
}
.typebase h1 + p,
.typebase h2 + p,
.typebase h3 + p,
.typebase h4 + p,
.typebase h5 + p,
.typebase h6 + p,
.typebase h1 + ol,
.typebase h2 + ol,
.typebase h3 + ol,
.typebase h4 + ol,
.typebase h5 + ol,
.typebase h6 + ol,
.typebase h1 + ul,
.typebase h2 + ul,
.typebase h3 + ul,
.typebase h4 + ul,
.typebase h5 + ul,
.typebase h6 + ul {
  margin-top: 1.6rem;
}
.typebase > h1:first-child,
.typebase > h2:first-child,
.typebase > h3:first-child,
.typebase > h4:first-child,
.typebase > h5:first-child,
.typebase > h6:first-child,
.typebase > img:first-child,
.typebase > p:first-child,
.typebase > ol:first-child,
.typebase > ul:first-child,
.typebase > media-video-wrapper:first-child {
  margin-top: 0;
}
.typebase br + br,
.typebase h1:empty,
.typebase h2:empty,
.typebase h3:empty,
.typebase h4:empty,
.typebase h5:empty,
.typebase h6:empty,
.typebase p:empty,
.typebase ul:empty,
.typebase ol:empty,
.typebase span:empty,
.typebase cite:empty,
.typebase div:empty {
  display: none;
}

.typebase--additionals > p:first-of-type {
  font-size: 1.8rem;
  font-weight: 700;
}
.hero .typebase--additionals p {
  font-size: 1.8rem;
}
.hero .typebase--additionals br + br {
  display: inline-block;
}

.typebase--centred {
  text-align: center;
}

.typebase--large p {
  font-size: 1.8rem;
}

.caps,
.typebase .caps {
  text-transform: uppercase;
  font-size: 1.5rem;
  letter-spacing: 1px;
  color: #0066ff;
}

.grid-sidebar {
  position: relative;
  z-index: 10;
}
.grid-sidebar__main {
  margin-bottom: 48px;
}
@media screen and (min-width: 900px) {
  .grid-sidebar {
    grid-column-gap: 10px !important;
  }
  @supports (display: grid) {
    .grid-sidebar {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 24px;
    }
  }
  @supports (display: -ms-grid) {
    .grid-sidebar {
      display: block;
    }
  }
  .grid-sidebar--1-3 {
    grid-column-gap: 40px !important;
  }
  .grid-sidebar__main {
    margin-bottom: 0;
    grid-column: 1/span 7;
    grid-row: 1;
    width: 65%;
    float: left;
  }
  @supports (display: grid) {
    .grid-sidebar__main {
      width: auto;
      float: none;
    }
  }
  @supports (display: -ms-grid) {
    .grid-sidebar__main {
      width: 65%;
      float: left;
    }
  }
  .grid-sidebar--reverse .grid-sidebar__main {
    grid-column: 6/span 7;
    float: right;
  }
  @supports (display: -ms-grid) {
    .grid-sidebar--reverse .grid-sidebar__main {
      float: right;
    }
  }
  .grid-sidebar--reverse-thin .grid-sidebar__main {
    grid-column: 5/span 8;
    float: right;
  }
  @supports (display: -ms-grid) {
    .grid-sidebar--reverse-thin .grid-sidebar__main {
      float: right;
    }
  }
  .grid-sidebar__aside {
    grid-column: 9/span 5;
    grid-row: 1;
    width: 30%;
    float: right;
    margin-left: 5%;
  }
  @supports (display: grid) {
    .grid-sidebar__aside {
      margin-left: 0;
      width: auto;
      float: none;
    }
  }
  @supports (display: -ms-grid) {
    .grid-sidebar__aside {
      width: 30%;
      float: right;
      margin-left: 5%;
    }
  }
  .grid-sidebar--reverse .grid-sidebar__aside {
    grid-column: 1/span 4;
    float: left;
    margin-left: 0;
    margin-right: 5%;
  }
  @supports (display: grid) {
    .grid-sidebar--reverse .grid-sidebar__aside {
      margin-right: 0;
    }
  }
  @supports (display: -ms-grid) {
    .grid-sidebar--reverse .grid-sidebar__aside {
      float: left;
      margin-right: 0;
    }
  }
  .grid-sidebar--reverse-thin .grid-sidebar__aside {
    grid-column: 1/span 3;
    float: left;
    margin-left: 0;
    margin-right: 5%;
  }
  @supports (display: grid) {
    .grid-sidebar--reverse-thin .grid-sidebar__aside {
      margin-right: 0;
    }
  }
  @supports (display: -ms-grid) {
    .grid-sidebar--reverse-thin .grid-sidebar__aside {
      float: left;
      margin-right: 5%;
    }
  }
}
@media screen and (min-width: 1100px) {
  .grid-sidebar__main {
    grid-column: 1/span 7;
  }
  .grid-sidebar--reverse .grid-sidebar__main {
    grid-column: 6/span 7;
  }
  .grid-sidebar--reverse-thin .grid-sidebar__main {
    grid-column: 5/span 8;
  }
  .grid-sidebar__aside {
    grid-column: 9/span 5;
  }
  .grid-sidebar--reverse .grid-sidebar__aside {
    grid-column: 1/span 4;
  }
  .grid-sidebar--reverse-thin .grid-sidebar__aside {
    grid-column: 1/span 3;
  }
}

.grid-thirds__main {
  margin-top: 48px;
}
@media screen and (min-width: 900px) {
  @supports (display: grid) {
    .grid-thirds {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-gap: 0;
    }
  }
  @supports (display: -ms-grid) {
    .grid-thirds {
      display: block;
    }
  }
  @supports (display: grid) {
    .grid-thirds {
      grid-column-gap: 48px;
    }
  }
  .grid-thirds__main {
    margin-top: 0;
    grid-column: 5/span 8;
    width: 65%;
    float: left;
  }
  @supports (display: grid) {
    .grid-thirds__main {
      width: auto;
      float: none;
    }
  }
  .grid-thirds__aside {
    grid-column: 1/span 4;
    width: 31%;
    float: left;
    margin-right: 4%;
  }
  @supports (display: grid) {
    .grid-thirds__aside {
      width: auto;
      float: none;
      margin-right: 0;
    }
  }
  .grid-thirds--reverse .grid-thirds__main {
    grid-column: 1/span 8;
    order: 1;
  }
  .grid-thirds--reverse .grid-thirds__aside {
    grid-column: 9/span 4;
    order: 2;
  }
}

@supports (display: grid) {
  .grid-1up {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@supports (display: -ms-grid) {
  .grid-1up {
    display: block;
  }
}
.grid-1up--trailer {
  margin-bottom: 24px;
}
.grid-1up--padded {
  gap: 48px;
}
@media screen and (min-width: 900px) {
  .grid-1up > div, .grid-1up > a {
    width: 100%;
    margin-bottom: 2em;
  }
  @supports (display: grid) {
    .grid-1up > div, .grid-1up > a {
      width: auto;
      margin-bottom: 0;
    }
  }
  @supports (display: -ms-grid) {
    .grid-1up > div, .grid-1up > a {
      width: 100%;
    }
  }
}

@supports (display: grid) {
  .grid-2up {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@supports (display: -ms-grid) {
  .grid-2up {
    display: block;
  }
}
@media screen and (min-width: 900px) {
  @supports (display: grid) {
    .grid-2up {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 24px;
      grid-row-gap: 24px;
    }
  }
  @supports (display: -ms-grid) {
    .grid-2up {
      display: block;
    }
  }
}
@media screen and (min-width: 900px) {
  .grid-2up > div, .grid-2up > a {
    width: 49%;
    margin-left: 2%;
    float: left;
  }
  .grid-2up > div:nth-child(2n+1), .grid-2up > a:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }
  @supports (display: grid) {
    .grid-2up > div, .grid-2up > a {
      width: auto;
      margin-left: 0;
      float: none;
    }
  }
  @supports (display: -ms-grid) {
    .grid-2up > div, .grid-2up > a {
      width: 49%;
      float: left;
    }
  }
}

@supports (display: grid) {
  .grid-about {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@supports (display: -ms-grid) {
  .grid-about {
    display: block;
  }
}
@media screen and (min-width: 900px) {
  .grid-about {
    display: flex;
  }
}
@supports (display: grid) {
  .grid-3up {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@supports (display: -ms-grid) {
  .grid-3up {
    display: block;
  }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  @supports (display: grid) {
    .grid-3up {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 24px;
      grid-row-gap: 24px;
    }
  }
  @supports (display: -ms-grid) {
    .grid-3up {
      display: block;
    }
  }
}
@media screen and (min-width: 900px) {
  @supports (display: grid) {
    .grid-3up {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 40px;
      grid-row-gap: 40px;
    }
  }
  @supports (display: -ms-grid) {
    .grid-3up {
      display: block;
    }
  }
}
.grid-3up--trailer {
  margin-bottom: 24px;
}
@media screen and (min-width: 900px) {
  .grid-3up > div, .grid-3up > a {
    width: 32%;
    margin-left: 2%;
    float: left;
  }
  .grid-3up > div:nth-child(3n+1), .grid-3up > a:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
  }
  @supports (display: grid) {
    .grid-3up > div, .grid-3up > a {
      width: auto;
      margin-left: 0;
      float: none;
    }
  }
  @supports (display: -ms-grid) {
    .grid-3up > div, .grid-3up > a {
      width: 33%;
      float: left;
    }
  }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  .grid-3up > div, .grid-3up > a {
    width: 48%;
    margin-left: 2%;
    float: left;
  }
  .grid-3up > div:nth-child(2n+1), .grid-3up > a:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }
  @supports (display: grid) {
    .grid-3up > div, .grid-3up > a {
      width: auto;
      margin-left: 0;
      float: none;
    }
  }
  @supports (display: -ms-grid) {
    .grid-3up > div, .grid-3up > a {
      width: 50%;
      float: left;
    }
  }
}

@supports (display: grid) {
  .grid-4up {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@supports (display: -ms-grid) {
  .grid-4up {
    display: block;
  }
}
@media screen and (min-width: 600px) {
  @supports (display: grid) {
    .grid-4up {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 24px;
      grid-row-gap: 24px;
    }
  }
  @supports (display: -ms-grid) {
    .grid-4up {
      display: block;
    }
  }
}
@media screen and (min-width: 900px) {
  @supports (display: grid) {
    .grid-4up {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-column-gap: 24px;
      grid-row-gap: 24px;
    }
  }
  @supports (display: -ms-grid) {
    .grid-4up {
      display: block;
    }
  }
}
.grid-4up > div, .grid-4up > a {
  margin-bottom: 24px;
}
@supports (display: grid) {
  .grid-4up > div, .grid-4up > a {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 899px) {
  .grid-4up > div, .grid-4up > a {
    width: 49%;
    margin-left: 2%;
    float: left;
  }
  .grid-4up > div:nth-child(2n+1), .grid-4up > a:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }
  @supports (display: grid) {
    .grid-4up > div, .grid-4up > a {
      width: auto;
      margin-left: 0;
      float: none;
      clear: none;
    }
  }
  @supports (display: -ms-grid) {
    .grid-4up > div, .grid-4up > a {
      width: 49%;
      float: left;
    }
  }
}
@media screen and (min-width: 900px) {
  .grid-4up > div, .grid-4up > a {
    width: 23.5%;
    margin-left: 2%;
    float: left;
  }
  .grid-4up > div:nth-child(4n+1), .grid-4up > a:nth-child(4n+1) {
    margin-left: 0;
    clear: left;
  }
  @supports (display: grid) {
    .grid-4up > div, .grid-4up > a {
      width: auto;
      margin-left: 0;
      float: none;
    }
  }
  @supports (display: -ms-grid) {
    .grid-4up > div, .grid-4up > a {
      width: 23.5%;
      float: left;
    }
  }
}

.grid__col {
  position: relative;
}
.grid__col:after {
  content: "";
  display: table;
  clear: both;
}
.grid__col img,
.grid__col iframe {
  max-width: 100%;
}

.row {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  min-width: auto;
  max-width: 1400px;
  padding-left: 24px;
  padding-right: 24px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 900px) {
  .row {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.header .row {
  padding-left: 0;
  padding-right: 0;
}
.navigation-primary .row {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1000px) {
  .navigation-primary .row {
    padding-left: 24px;
    padding-right: 24px;
    padding-left: 0;
    padding-right: 0;
  }
}

.section {
  position: relative;
  clear: both;
}
.section .section__inner {
  padding: 48px 0;
}
@media screen and (min-width: 900px) {
  .section .section__inner {
    padding: 72px 0;
  }
}
.section--white .section__inner {
  background-color: #ffffff;
}
.section--mint .section__inner {
  background-color: #b0ddd5;
}
.section--cream .section__inner {
  background-color: #f3f4ed;
}
.section--split {
  position: relative;
  z-index: 1;
  background-color: #008036;
}
@media screen and (min-width: 900px) {
  .section--split:after {
    content: "";
    width: 37%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #f3f4ed;
  }
}
@media screen and (min-width: 1400px) {
  .section--split:after {
    width: 38%;
  }
}
@media screen and (min-width: 1500px) {
  .section--split:after {
    width: 39%;
  }
}
@media screen and (min-width: 1600px) {
  .section--split:after {
    width: 40%;
  }
}
@media screen and (min-width: 1900px) {
  .section--split:after {
    width: 41%;
  }
}
@media screen and (min-width: 2100px) {
  .section--split:after {
    width: 42%;
  }
}
@media screen and (min-width: 2500px) {
  .section--split:after {
    width: 43%;
  }
}
@media screen and (min-width: 2800px) {
  .section--split:after {
    width: 44%;
  }
}

.section__heading {
  line-height: 1.3;
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 24px;
  position: relative;
}
.section--minor .section__heading {
  margin-bottom: 24px;
}
.section__heading--centred {
  text-align: center;
}
.section__heading--listing {
  font-size: 2.4rem;
  line-height: 1.8;
}

.section__heading__link {
  display: table;
  clear: left;
  border-color: #00383f;
  border-width: 2px;
  font-size: 1.8rem;
  margin-top: 10px;
  transition: all, ease-in-out, 0.3s;
}
@media screen and (min-width: 600px) {
  .section__heading__link {
    float: right;
    margin-top: 15px;
  }
}
.section__heading__link:hover, .section__heading__link:focus, .section__heading__link:active {
  border-color: #b7f249;
}

.section__subheading {
  font-size: 2rem;
  margin-bottom: 48px;
}
.section__subheading p {
  margin-top: 1.6rem;
  display: block;
}

.section__intro {
  font-size: 1.6rem;
  position: relative;
  margin-bottom: 48px;
}
@media screen and (min-width: 750px) {
  .section__intro {
    font-size: 1.8rem;
  }
}

/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background-color: #b7f249;
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 5px;
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -15px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
@media screen and (min-width: 600px) {
  .flickity-page-dots .dot {
    margin: 0 8px;
  }
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.flickity-button {
  background-color: #ffffff;
  color: #b7f249 !important;
  border-radius: 50%;
  border: 2px white solid;
}
.flickity-button:disabled {
  color: #00383f !important;
}
.flickity-button:hover, .flickity-button:focus, .flickity-button:active {
  border-color: #b7f249;
}

.flickity-viewport {
  overflow: visible;
}

.flickity-viewport {
  overflow: visible;
}

.carousel.flickity-enabled {
  padding-bottom: 48px;
}

.flickity-page-dots {
  bottom: 0;
}

.carousel--single {
  overflow: hidden;
}
.carousel--single .flickity-prev-next-button {
  top: 47.5%;
}

.flickity-enabled .carousel__item {
  position: relative;
  background-size: cover;
  background-position: center;
}
.carousel--single.flickity-enabled .carousel__item {
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
.carousel__item__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-right: 72px;
  background-color: #ffffff;
  padding: 5px 10px;
  font-size: 1.4rem;
  line-height: 1.5;
  width: auto;
}
.carousel__item__caption p {
  margin-top: 0;
  font-size: inherit;
}
.about-image {
  margin-top: 72px;
  width: 280px;
  height: 280px;
  float: left;
  position: relative;
}
.about-image__image {
  position: absolute;
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.about-image__image.visible {
  opacity: 1;
}
.about-image__image:nth-child(3) {
  transition-delay: 0.8;
}
.about-image__image:nth-child(1) {
  transition-delay: 1.6s;
}
.about-image__image:nth-child(2) {
  transition-delay: 2.8s;
}

.about-list {
  list-style: none;
  margin-top: 72px;
}
.about-list__item {
  color: #ffffff;
  font-size: 1.8rem;
  display: block;
  clear: both;
  padding-top: 5px;
  padding-bottom: 2px;
  margin-bottom: 60px;
  padding-left: 50px;
  position: relative;
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.about-list__item:after {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #e1bff6;
  position: absolute;
  left: -20px;
  top: 20px;
}
.about-list__item:first-child:after, .about-list__item:last-child:after {
  width: 50px;
  left: -50px;
}
.about-list__item.visible {
  opacity: 1;
  transform: translateX(0);
}
.about-list__item:nth-child(3) {
  transition-delay: 1;
}
.about-list__item:nth-child(2) {
  transition-delay: 1.8s;
}
.about-list__item:nth-child(1) {
  transition-delay: 3s;
}
.about-list span {
  background-color: #e1bff6;
  width: 40px;
  height: 40px;
  padding-top: 5px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  margin-right: 10px;
  text-align: center;
  color: #000000;
}

.alert {
  padding: 12px;
  position: relative;
  background-color: #b0ddd5;
  color: #00383f;
  border-radius: 5px;
}
.alert p {
  font-size: 1.6rem;
  margin-top: 0;
}
@media screen and (min-width: 750px) {
  .alert p {
    font-size: 1.8rem;
  }
}

.alert--notice {
  background-color: #b0ddd5;
}

.alert--error {
  background-color: #EDC345;
}

.alert--success {
  background-color: #a9c5a0;
}

.aside {
  margin-bottom: 24px;
}
.aside:last-child {
  margin-bottom: 0;
}
.aside .card {
  margin-bottom: 24px;
}
.aside--contents {
  position: sticky;
  top: 24px;
  z-index: 100;
  background-color: #0066ff;
  padding: 24px;
  border: 1px solid #0066ff;
  border-radius: 5px;
}
@media screen and (max-width: 899px) {
  .aside--contents {
    margin-bottom: 48px;
  }
}

.aside__heading {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 24px;
  line-height: 1.3;
  position: relative;
}
.aside__content .aside__heading {
  margin-bottom: 0;
}
.aside--contents .aside__heading {
  margin-bottom: 12px;
}

.button,
a.button,
button.button {
  background-image: none;
  border-radius: 5px;
  border: 0;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  font-size: 1.8rem;
  padding: 6px 24px;
  position: relative;
  text-align: center;
  text-align: left;
  text-decoration: none;
  transition: all, ease-in-out, 0.3s;
  vertical-align: middle;
}
.button span {
  font-size: inherit;
  font-weight: inherit;
}
.button:focus {
  outline: none;
}

.button,
a.button,
button.button {
  line-height: 35px;
  background-color: #b7f249;
  transition-duration: 0.1s;
  color: #00383f;
  position: relative;
}
.button:hover, .button:focus, .button:active,
a.button:hover,
a.button:focus,
a.button:active,
button.button:hover,
button.button:focus,
button.button:active {
  text-decoration: none;
}
.button:active,
a.button:active,
button.button:active {
  top: 1px;
}
.button--small,
a.button--small,
button.button--small {
  font-size: 1.4rem;
  line-height: 30px;
  padding: 0 19.2px;
}
.button--icon,
a.button--icon,
button.button--icon {
  padding-right: 48px;
}
.button--icon svg,
a.button--icon svg,
button.button--icon svg {
  position: absolute;
  top: 50%;
  right: 19.2px;
  transform: translateY(-50%);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  transform-origin: top;
  height: 20px;
  width: 20px;
  display: block;
  color: #00383f;
}
.button--icon:hover svg, .button--icon:focus svg, .button--icon:active svg,
a.button--icon:hover svg,
a.button--icon:focus svg,
a.button--icon:active svg,
button.button--icon:hover svg,
button.button--icon:focus svg,
button.button--icon:active svg {
  animation-name: hvr-icon-pop;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.button--primary,
a.button--primary,
button.button--primary {
  background-color: #b7f249;
  color: #00383f;
}
.button--primary:hover, .button--primary:focus, .button--primary:active,
a.button--primary:hover,
a.button--primary:focus,
a.button--primary:active,
button.button--primary:hover,
button.button--primary:focus,
button.button--primary:active {
  background: rgb(150.4384615385, 222.6, 15.9);
}
.button--secondary,
a.button--secondary,
button.button--secondary {
  background-color: #008036;
  color: #ffffff;
}
.button--secondary:hover, .button--secondary:focus, .button--secondary:active,
a.button--secondary:hover,
a.button--secondary:focus,
a.button--secondary:active,
button.button--secondary:hover,
button.button--secondary:focus,
button.button--secondary:active {
  background: rgb(0, 102.5, 43.2421875);
}
.button--tertiary,
a.button--tertiary,
button.button--tertiary {
  background-color: #0066ff;
  color: #ffffff;
}
.button--tertiary:hover, .button--tertiary:focus, .button--tertiary:active,
a.button--tertiary:hover,
a.button--tertiary:focus,
a.button--tertiary:active,
button.button--tertiary:hover,
button.button--tertiary:focus,
button.button--tertiary:active {
  background: rgb(0, 81.6, 204);
}
.button--quarternary,
a.button--quarternary,
button.button--quarternary {
  background-color: #00383f;
  color: #ffffff;
}
.button--quarternary svg,
a.button--quarternary svg,
button.button--quarternary svg {
  color: #ffffff;
}
.button--quarternary:hover, .button--quarternary:focus, .button--quarternary:active,
a.button--quarternary:hover,
a.button--quarternary:focus,
a.button--quarternary:active,
button.button--quarternary:hover,
button.button--quarternary:focus,
button.button--quarternary:active {
  background: rgb(0, 101.3333333333, 114);
}
.button--quinary,
a.button--quinary,
button.button--quinary {
  color: #00383f;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  border-bottom: 3px solid #b7f249;
  line-height: 1.6;
}
.button--quinary.button--icon,
a.button--quinary.button--icon,
button.button--quinary.button--icon {
  padding-left: 24px;
}
.button--quinary.button--icon svg,
a.button--quinary.button--icon svg,
button.button--quinary.button--icon svg {
  left: 0;
}
.button--quinary:hover, .button--quinary:focus, .button--quinary:active,
a.button--quinary:hover,
a.button--quinary:focus,
a.button--quinary:active,
button.button--quinary:hover,
button.button--quinary:focus,
button.button--quinary:active {
  border-color: #008036;
}
.button--senary,
a.button--senary,
button.button--senary {
  color: #00383f;
  background-color: transparent;
  border-radius: 5px;
  border: 2px solid #00383f;
  padding: 3.6px 24px;
}
.button--senary:hover, .button--senary:focus, .button--senary:active,
a.button--senary:hover,
a.button--senary:focus,
a.button--senary:active,
button.button--senary:hover,
button.button--senary:focus,
button.button--senary:active {
  background-color: #ffffff;
  color: #008036;
  border-color: #008036;
}
.button--a11y,
a.button--a11y,
button.button--a11y {
  position: relative;
  overflow: hidden;
}
.button--a11y span,
a.button--a11y span,
button.button--a11y span {
  top: -9999em;
  position: absolute;
  display: inline-block;
}
.button--a11y:after,
a.button--a11y:after,
button.button--a11y:after {
  content: attr(title);
  display: inline-block;
  color: inherit;
}
.button--disabled,
a.button--disabled,
button.button--disabled {
  cursor: not-allowed;
  background-color: #ddd;
  color: #aaa;
}
.button--disabled:focus,
a.button--disabled:focus,
button.button--disabled:focus {
  outline: none;
  text-decoration: none;
}
.button--disabled:hover, .button--disabled:focus, .button--disabled:active,
a.button--disabled:hover,
a.button--disabled:focus,
a.button--disabled:active,
button.button--disabled:hover,
button.button--disabled:focus,
button.button--disabled:active {
  text-decoration: none;
}
.button--block,
a.button--block,
button.button--block {
  display: block;
  width: 100%;
  text-align: center;
}
.button--right,
a.button--right,
button.button--right {
  clear: left;
  margin-top: 24px;
}
@media screen and (min-width: 600px) {
  .button--right,
  a.button--right,
  button.button--right {
    clear: none;
    margin-top: 0;
    float: right;
  }
}
.button--share,
a.button--share,
button.button--share {
  padding: 0 10px;
}
.button--share svg,
a.button--share svg,
button.button--share svg {
  width: 16px;
  height: 16px;
  stroke: #ffffff;
}
.no-js .button--share,
.no-js a.button--share,
.no-js button.button--share {
  display: none;
}

.button-group .button {
  margin-right: 10px;
  margin-top: 10px;
}
.button-group--spaced {
  margin-bottom: 48px;
}

.button-text {
  font-size: 1.5rem;
  color: #0066ff;
  text-decoration: underline;
  cursor: pointer;
}

.card {
  position: relative;
  background-color: #ffffff;
  color: #000000;
  border: 0;
  display: block;
}
.card--featured, .card--news {
  background-color: #b0ddd5;
}
.card--numbered {
  padding-bottom: 12px;
}
.card--cream {
  background: #f3f4ed;
}
.card > svg {
  width: 32px;
  height: 32px;
  color: #008036;
  position: absolute;
  bottom: 24px;
  right: 24px;
  transition: all, ease-in-out, 0.3s;
}
.card--person {
  overflow: visible;
  border: 0;
  display: flex;
  width: 100%;
  gap: 12px;
  background-color: #ffffff;
  padding: 0;
}

a.card {
  transition: all, ease-in-out, 0.3s;
}
a.card.card--numbered:hover, a.card.card--numbered:focus, a.card.card--numbered:active {
  border-bottom: 0;
  transform: translateY(-3px);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}
.section--green a.card.card--numbered {
  background-color: white;
}
a.card:hover, a.card:focus, a.card:active {
  border-bottom: 0;
}
a.card:hover.card--news, a.card:hover.card--featured, a.card:focus.card--news, a.card:focus.card--featured, a.card:active.card--news, a.card:active.card--featured {
  background-color: rgb(211.6548672566, 236.3451327434, 231.9557522124);
}
a.card:hover.card--news .card__media::before, a.card:hover.card--featured .card__media::before, a.card:focus.card--news .card__media::before, a.card:focus.card--featured .card__media::before, a.card:active.card--news .card__media::before, a.card:active.card--featured .card__media::before {
  top: 10px;
  right: 10px;
}
a.card:hover.card--news .card__media::after, a.card:hover.card--featured .card__media::after, a.card:focus.card--news .card__media::after, a.card:focus.card--featured .card__media::after, a.card:active.card--news .card__media::after, a.card:active.card--featured .card__media::after {
  bottom: 10px;
  left: 10px;
}
a.card:hover.card--featured .card__content svg, a.card:focus.card--featured .card__content svg, a.card:active.card--featured .card__content svg {
  left: 10px;
  color: #008036;
}

.card__media {
  display: block;
  position: relative;
}
.card__media img {
  width: 100%;
}
.card--featured .card__media::before, .card--featured .card__media::after, .card--news .card__media::before, .card--news .card__media::after {
  content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='%23b7f249' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110 40H30V10H0V0H40V40Z' fill='%23B7F249'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  z-index: 10;
  width: 40px;
  height: 40px;
  transition: all, ease-in-out, 0.2s;
}
.card--featured .card__media::after, .card--news .card__media::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  transform: rotate(180deg);
}
.card--person .card__media {
  aspect-ratio: 1/1;
  width: 120px;
  height: 120px;
}

.card__content {
  padding: 20px;
  z-index: 5;
  position: relative;
  transition: all, ease-in-out, 0.3s;
}
.card--featured .card__content, .card--news .card__content {
  padding: 12px 24px;
}
.card--person .card__content {
  padding: 12px 12px 12px 0;
}
.card--horizontal .card__content {
  padding: 8px 16px;
}
.card__content p:last-child {
  margin-bottom: 0;
}

.card__header {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
}

.card__number {
  transition: all, ease-in-out, 0.3s;
  font-size: 2rem;
  font-weight: 700;
  width: 40px;
  height: 40px;
  background-color: #b7f249;
  float: left;
  text-align: center;
  line-height: 40px;
  margin-right: 12px;
  flex: 0 0 40px;
}

.card__heading {
  font-size: 2.4rem;
  line-height: 1.3;
  transition: all, ease-in-out, 0.3s;
  color: #00383f;
  margin-bottom: 12px;
}
.card__heading svg {
  color: #008036;
  width: 32px;
  height: 32px;
  top: -7px;
}
.card--numbered .card__heading {
  padding: 4px 0;
  margin-bottom: 0;
}
.card--person .card__heading {
  margin-bottom: 10px;
  font-size: 2rem;
}
.card--featured .card__heading {
  margin-top: 12px;
}
.card--featured .card__heading svg {
  transition: all, ease-in-out, 0.3s;
}
.card__heading a {
  border-bottom-color: transparent;
}
.card__heading a:hover, .card__heading a:focus, .card__heading a:active {
  border-bottom-color: #008036;
}

.card__subheading {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  transition: all, ease-in-out, 0.3s;
  margin-top: 12px;
  margin-bottom: 12px;
}

.card__excerpt p {
  font-size: 1.6rem;
  margin-bottom: 12px;
}
.card__excerpt p:last-child {
  margin-bottom: 0;
}
.card__excerpt--citation p {
  font-style: italic;
}
.card__excerpt a {
  word-break: break-all;
}

.card__list {
  margin-top: 12px;
}

.card__meta {
  position: relative;
  list-style: none;
  margin-bottom: 12px;
}
.card__meta li {
  margin-bottom: 6px;
  font-size: 1.6rem;
}
.card__meta li:last-child {
  margin-bottom: 0;
}
.card--person .card__meta li {
  margin-bottom: 0;
  line-height: 1.4;
}
.card__meta li svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top;
  margin: 0 10px 0 0;
  display: inline-block;
  color: #008036;
}
.card__meta:last-child {
  margin-bottom: 0;
}
.card--person .card__meta {
  margin-bottom: 0;
}

.card__list {
  font-size: 1.5rem;
  position: relative;
  margin-bottom: 12px;
}

.chip {
  background-color: #b0ddd5;
  color: #00383f;
  font-size: 1.8rem;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 18px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
  margin-bottom: 8.4px;
}

.chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 12px 0;
}

.cta {
  background: #00383f;
  position: relative;
  overflow: hidden;
  color: #ffffff;
}
.cta--image .cta__image {
  margin-bottom: 24px;
}
@media screen and (min-width: 600px) {
  .cta--image {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px;
  }
}

.cta__image {
  position: relative;
  width: 180px;
  height: auto;
}

.cta__content {
  font-size: 1.6rem;
  padding: 24px;
}

.cta__heading {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 12px;
  position: relative;
}

.downloads {
  background: #ffffff;
  padding: 24px;
}

.downloads__heading {
  font-size: 2.4rem;
  line-height: 1.3;
  transition: all, ease-in-out, 0.3s;
  margin-bottom: 12px;
}

.downloads__excerpt,
.downloads__content {
  font-size: 1.6rem;
  margin-bottom: 24px;
}
@media screen and (min-width: 750px) {
  .downloads__excerpt,
  .downloads__content {
    font-size: 1.8rem;
  }
}
.downloads__excerpt a,
.downloads__content a {
  color: #008036;
  border-bottom: 2px solid #008036;
}
.downloads__excerpt a:hover, .downloads__excerpt a:focus, .downloads__excerpt a:active,
.downloads__content a:hover,
.downloads__content a:focus,
.downloads__content a:active {
  border-color: #00383f;
}

.downloads__meta {
  position: relative;
  font-size: 1.6rem;
  list-style-position: inside;
  color: #008036;
  margin-bottom: 24px;
}
@media screen and (min-width: 750px) {
  .downloads__meta {
    font-size: 1.8rem;
  }
}
.downloads__meta li {
  margin-bottom: 5px;
}
.downloads__meta li a {
  text-decoration: none;
  color: #008036;
  border-bottom: 2px solid #008036;
}
.downloads__meta li a:hover, .downloads__meta li a:focus, .downloads__meta li a:active {
  border-color: #00383f;
}
.downloads__meta:last-child {
  margin-bottom: 0;
}

.drawer {
  background-color: #a9c5a0;
  color: #00383f;
}
.drawer .card {
  margin-bottom: 24px;
}
.drawer[open] .drawer__title::before {
  transform: rotate(180deg);
  background-image: url(/assets/icons/source/cheveron-down.svg);
}
.drawer--featured .drawer[open] .drawer__title::before {
  top: 28px;
}

.drawer__title {
  position: relative;
  font-size: 2.4rem;
  padding: 12px 72px 12px 24px;
  transition: all, ease-in-out, 0.1s;
  cursor: pointer;
  list-style: none;
}
.drawer__title::-webkit-details-marker {
  display: none;
}
.drawer__title:before {
  content: "";
  background-image: url(/assets/icons/source/cheveron-down.svg);
  width: 54px;
  height: 54px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  right: 12px;
  top: 6px;
  transition: all, ease-in-out, 0.1s;
  filter: brightness(0%);
}
.drawer--featured .drawer__title:before {
  width: 56px;
  height: 56px;
  top: 28px;
}

.drawer__content {
  padding: 0 24px 24px;
}

.filter {
  background-color: #ffffff;
  padding: 24px;
}

.filter__form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 48px;
}
.filter__form .form-field__checkboxes label {
  font-weight: 400;
}

.filter__heading {
  font-size: 2.4rem;
  margin-bottom: 12px;
  position: relative;
  width: 100%;
  height: 48px;
}
@media screen and (min-width: 900px) {
  .filter__heading {
    height: auto;
  }
}
.filter__heading:hover, .filter__heading:focus, .filter__heading:active {
  cursor: pointer;
}
.filter__heading svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  transition: all, ease-in-out, 0.3s;
  color: #008036;
}
@media screen and (min-width: 900px) {
  .filter__heading svg {
    display: none;
  }
}
.filter__heading--open svg {
  transform: rotate(180deg);
}

@media screen and (max-width: 899px) {
  .filter__reveal {
    overflow: hidden;
  }
  html.js .filter__reveal {
    transition: all, ease-in-out, 0.25s;
    max-height: 0;
  }
  html.js .filter__reveal--open {
    max-height: none;
  }
}

.block {
  margin-top: 48px;
}
.block:first-of-type {
  margin-top: 0;
}

.block__heading {
  line-height: 1.3;
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 24px;
}

.block--divider {
  position: relative;
  padding-top: 60px;
}
.block--divider:after {
  content: "";
  height: 3px;
  background-color: #008036;
  position: absolute;
  top: 23.5px;
  left: 0;
  right: 0;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .block--divider:after {
    left: -25px;
  }
}

.form, .gform_wrapper {
  position: relative;
  background-color: #ffffff;
  padding: 24px;
}
.form--spaced {
  margin: 24px 0;
}

.fieldset {
  border: none;
  padding: 0;
  margin-bottom: 24px;
}
.fieldset:last-child {
  margin-bottom: 0;
}
.fieldset legend {
  font-size: 2.4rem;
  position: relative;
}

.form-label {
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #00383f;
  margin-bottom: 12px;
  position: relative;
}
.form-label--hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0px;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.form-label svg {
  width: 15px;
  height: 15px;
  position: absolute;
  right: -20px;
  top: 0;
}
.form-label--block {
  display: block;
}
.form-label--regular {
  font-family: "Work Sans", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
}

.form-field {
  position: relative;
}
.form-field:after {
  content: "";
  display: table;
  clear: both;
}
.form-field--spaced {
  padding-top: 16px;
}
.form-field--error .form-item {
  border-color: #ff0000;
}
.form-field--error .form-item:focus {
  border-color: #ff0000;
}
.form-field--error .form-label {
  color: #ff0000;
}
.form-field--select-button:after {
  content: "";
  display: table;
  clear: both;
}
.form-field--select-button .form-field__select {
  float: left;
  position: relative;
}
.form-field--select-button .form-field__select select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-field--select-button .button {
  float: left;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-field .hint {
  font-size: 1.5rem;
  padding-top: 10px;
  clear: left;
  display: block;
}
.form-field__message {
  font-size: 1.4rem;
  padding-top: 6px;
  clear: left;
}
.form-field__error__message {
  color: #ff0000;
  display: none;
  font-size: 1.4rem;
  padding-top: 6px;
  clear: left;
}
.form-field__error__message--visible {
  display: block;
}
@media screen and (min-width: 900px) {
  .form-field__pair {
    width: 49.5%;
    margin-left: 1%;
    display: inline-block;
    margin-bottom: 0;
    float: left;
  }
  .form-field__pair:first-child {
    margin-left: 0;
  }
}
@media screen and (min-width: 900px) {
  .form-field__triplet {
    width: 32.5%;
    margin-bottom: 0;
    margin-left: 1.25%;
    display: inline-block;
    margin-bottom: 0;
    float: left;
  }
  .form-field__triplet:first-child {
    margin-left: 0;
  }
}
.form-field .hint {
  font-size: 1.4rem;
  padding-top: 6px;
  clear: left;
  display: block;
}

.form-item {
  padding: 10px 16px;
  display: block;
  border: 1px solid #000000;
  -webkit-appearance: none;
          appearance: none;
  background-color: #fff;
  height: 40px;
  width: 100%;
  font-size: 15px;
  border-radius: 5px;
  margin-top: 6px;
}
.form-item::focus-inner {
  border: 0;
  padding: 0;
}
.form-item:focus {
  outline: none;
  border-color: #0066ff;
}
.form-item--small {
  height: 32px;
}
.form-item--inline {
  display: inline-block;
  width: auto;
}

.form-item[type=number]::-webkit-inner-spin-button,
.form-item[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

textarea.form-item {
  min-height: 200px;
}

.form-meta {
  font-size: 1.5rem;
  margin-top: 24px;
}

.form-field__radio-buttons,
.form-field__checkboxes {
  margin-top: 6px;
}
.form-field__radio-buttons label,
.form-field__radio-buttons .form-label,
.form-field__checkboxes label,
.form-field__checkboxes .form-label {
  position: relative;
  top: 0;
  vertical-align: middle;
  font-family: "Work Sans", sans-serif;
  font-size: 1.6rem;
}
.form-field__radio-buttons label:after,
.form-field__radio-buttons .form-label:after,
.form-field__checkboxes label:after,
.form-field__checkboxes .form-label:after {
  clear: left;
  content: "";
  display: block;
  height: 0;
}
.form-field__radio-buttons input,
.form-field__checkboxes input {
  float: left;
  margin-right: 8px;
  vertical-align: middle;
}
.form-field__radio-buttons input:after,
.form-field__checkboxes input:after {
  clear: left;
  content: "";
  display: block;
  height: 0;
}
.form-field__radio-buttons input[type=radio],
.form-field__radio-buttons input[type=checkbox],
.form-field__checkboxes input[type=radio],
.form-field__checkboxes input[type=checkbox] {
  width: 16px;
  height: 16px;
  position: relative;
  top: 6px;
}
.form-field__radio-buttons input[type=radio],
.form-field__checkboxes input[type=radio] {
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
}

.form-field__select {
  background-color: #fff;
  margin-top: 6px;
}
.form-field__select select, .form-field__select .select2-container {
  width: 100%;
  display: block;
  height: 40px;
  padding: 0px 5px 0 5px !important;
  vertical-align: middle;
  border: 1px solid #000000;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: window;
  background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='%23444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>") #fff no-repeat right 47%;
  background-origin: content-box;
  background-size: 22px 19px;
  background-position: 98% 50%;
  border-radius: 5px;
  font-size: 15px;
  line-height: 15px;
}
.form-field__select select:hover, .form-field__select select:focus, .form-field__select .select2-container:hover, .form-field__select .select2-container:focus {
  border-color: #0066ff;
  cursor: pointer;
}
.form-field__select select:focus, .form-field__select .select2-container:focus {
  outline: none;
}
.form-field__select select::-ms-expand, .form-field__select .select2-container::-ms-expand {
  display: none;
}
.formfieldError .form-field__select select, .formfieldError .form-field__select .select2-container {
  border-color: #ff0000;
}
.form-field__select select option, .form-field__select .select2-container option {
  max-width: 90%;
}

.grecaptcha-badge {
  visibility: hidden;
}

.grecaptcha-badge {
  opacity: 0;
}

/* Gravity forms */
.gform_heading {
  font-family: "Poppins", sans-serif !important;
  font-size: 2rem !important;
  margin-bottom: 12px !important;
  position: relative !important;
}

.gsection_title {
  font-family: "Poppins", sans-serif !important;
  font-size: 2.4rem !important;
}

.gform-field-label,
.gform-field-label--type-sub,
.gfield_description {
  font-size: 1.5rem !important;
  font-family: "Poppins", sans-serif !important;
  color: #00383f !important;
  margin-bottom: 12px;
}

.gform-field-label--type-sub,
.gfield_description,
.gform-field-label--type-inline,
.gsection_description {
  font-family: "Work Sans", sans-serif !important;
  font-size: 1.6rem !important;
}

.gform_validation_errors {
  background-color: #EDC345 !important;
  border: 2px solid #EDC345 !important;
  color: #000000 !important;
  padding: 12px 24px;
  border-radius: 5px;
}
.gform_validation_errors ol,
.gform_validation_errors li {
  color: #000000 !important;
  font-size: 1.6rem !important;
}

.gform_submission_error,
.gform_validation_error_link {
  font-size: 1.6rem !important;
  color: #000000 !important;
}

.validation_message,
.gfield_validation_message,
.gfield_required {
  color: #ff0000 !important;
}

.gfield_error input {
  border-color: #ff0000 !important;
}

.gform_button {
  background-image: none !important;
  background-color: #b7f249 !important;
  border-radius: 40px !important;
  border: 0 !important;
  color: #00383f !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 1.6rem !important;
  letter-spacing: 1px !important;
  line-height: 35px !important;
  padding: 4px 16px !important;
  position: relative !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: all, ease-in-out, 0.3s !important;
  vertical-align: middle !important;
}
.gform_button:hover, .gform_button:focus, .gform_button:active {
  background-color: rgb(150.4384615385, 222.6, 15.9);
}

.gform_confirmation_message {
  padding: 12px 24px !important;
  position: relative !important;
  background-color: #b0ddd5 !important;
  border: 0 !important;
  color: #000000 !important;
  border-radius: 5px !important;
  font-size: 1.6rem !important;
}

body .gform_wrapper .gform_body input,
body .gform_wrapper .gform_body textarea {
  font-size: 16px;
}

.gfield_label {
  font-size: 1.4rem !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  color: #00383f !important;
  margin-bottom: 12px !important;
  position: relative !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
.gfield_label .gfield_required {
  font-size: 1.4rem !important;
}

/**
 * Galleries
 * ----------------------------------------------------------------------------
 */
.gallery {
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@supports (display: grid) {
  .gallery {
    display: grid;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
  }
  @media screen and (min-width: 600px) {
    .gallery {
      grid-template-columns: repeat(3, 1fr);
    }
  }
}

.gallery__item {
  overflow: hidden;
  position: relative;
  margin: 15px;
  width: 50%;
  display: inline;
}
@media screen and (min-width: 900px) {
  .gallery__item {
    width: 25%;
  }
}
.gallery__item a {
  border-bottom: 0;
}
.gallery__item img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
@supports (display: grid) {
  .gallery__item {
    margin: auto;
    width: auto;
  }
}
.gallery__item--padded {
  padding: 24px;
}

.with-leader {
  margin-top: 24px;
}

.with-leader--long {
  margin-top: 48px;
}

.with-trailer {
  margin-bottom: 24px;
}

.with-trailer--long {
  margin-bottom: 48px;
}

.is-sticky {
  position: sticky;
  top: 0;
  z-index: 100;
}

.hero {
  background-color: #00383f;
  color: #ffffff;
  position: relative;
  padding: 24px 24px;
}
@media screen and (min-width: 900px) {
  .hero {
    padding: 72px 0;
  }
}

.hero__caption {
  max-width: 800px;
  z-index: 1;
  position: relative;
}
.hero__caption a {
  color: #ffffff;
}
.hero__caption .hero__description + .button,
.hero__caption .hero__meta + .button {
  margin-top: 24px;
}
.hero__caption .button {
  position: relative;
  left: 0;
  top: 0;
}
.hero--home .hero__caption, .hero--image .hero__caption {
  z-index: 2;
  padding-right: 0;
}
@media screen and (min-width: 900px) {
  .hero--home .hero__caption, .hero--image .hero__caption {
    width: 55%;
    float: left;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.hero--home .hero__caption {
  z-index: 2;
  padding-right: 0;
}
@media screen and (min-width: 900px) {
  .hero--home .hero__caption {
    width: 45%;
  }
}
.hero--person .hero__caption {
  padding: 24px;
}
@media screen and (min-width: 900px) {
  .hero--person .hero__caption {
    padding: 48px 24px;
  }
}
.hero__caption.hero-person-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero__aside {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 900px) {
  .hero__aside {
    width: 35%;
    float: right;
  }
  .hero--home .hero__aside {
    width: 45%;
  }
}

@media screen and (min-width: 600px) {
  .hero__flex {
    display: flex;
    gap: 48px;
  }
}

.hero__aside__content {
  padding: 48px;
}

.hero__media {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 83.3333333333%;
}
.hero__media--video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.hero__media--image {
  background-size: cover;
  background-position: center;
}
.hero__media--image img {
  position: relative;
  z-index: 1;
}
.hero__media--video::before, .hero__media--video::after, .hero__media--image::before, .hero__media--image::after {
  content: url("data:image/svg+xml,%3Csvg width='110' height='110' viewBox='0 0 110 110' fill='%23b7f249' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110 110H90V20H0V0H110V110Z' fill='%23B7F249'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: -20px;
  right: -20px;
  display: block;
  z-index: 0;
  width: 110px;
  height: 110px;
}
.hero__media--video::after, .hero__media--image::after {
  top: auto;
  right: auto;
  bottom: -20px;
  left: -20px;
  transform: rotate(180deg);
}
.hero--resources .hero__media {
  padding-bottom: 0;
  min-height: 290px;
}
.hero__media object, .hero__media embed, .hero__media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.hero--person .hero__media {
  padding-left: 24px;
}
.hero--person .hero__media img {
  max-width: 100%;
  width: 200px;
  padding: 24px 0;
}
@media screen and (min-width: 900px) {
  .hero--person .hero__media img {
    width: 300px;
    padding: 48px 0;
  }
}

.hero__media__caption,
.hero__aside__caption {
  font-size: 1.4rem;
  color: #ffffff;
  z-index: 2;
  position: absolute;
  left: 106px;
  bottom: -23px;
  height: 20px;
  background-color: transparent;
}
.hero__media__caption a,
.hero__aside__caption a {
  color: #b0ddd5;
  border-color: #b0ddd5;
}

.hero__heading {
  font-size: 3.2rem;
  line-height: 1.2;
}
@media screen and (min-width: 900px) {
  .hero__heading {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1400px) {
  .hero__heading {
    font-size: 4.8rem;
  }
}

.hero__description {
  font-size: 1.8rem;
  margin-top: 24px;
}

.hero__meta {
  list-style: none;
  font-size: 2rem;
  margin: 16px 0 12px 0;
}
.hero__meta li {
  margin-right: 12px;
}
.hero__meta li svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  stroke: #0066ff;
  stroke-width: 1.5px;
}
.hero__meta li a {
  text-decoration: none;
  border-bottom: 1px solid #0066ff;
}
.hero__meta li a:hover, .hero__meta li a:focus, .hero__meta li a:active {
  border-bottom: 1px solid #008036;
}

.hero__search {
  position: relative;
  padding-top: 12px;
  display: flex;
  gap: 24px;
}
.hero__search label {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0px;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.hero__search input {
  border-color: #fff;
  font-size: 1.8rem;
  border-radius: 5px;
  margin-top: 0;
  line-height: 1;
  color: #000000;
}
.hero__search button {
  line-height: 1;
  height: 40px;
}

.m-list {
  list-style: none;
  font-size: 1.6rem;
  margin: 24px 0;
}
.m-list--columns {
  -moz-columns: 1;
       columns: 1;
}
@media screen and (min-width: 600px) {
  .m-list--columns {
    -moz-columns: 2;
         columns: 2;
  }
}
@media screen and (min-width: 900px) {
  .m-list--columns {
    -moz-columns: 3;
         columns: 3;
  }
}

.link-list {
  list-style: none;
}
.link-list a {
  text-decoration: none;
  border-bottom-color: transparent;
  font-size: 1.6rem;
  display: block;
  transition: all, ease-in-out, 0.2s;
  padding: 8px 0;
}
.link-list a:hover, .link-list a:focus, .link-list a:active {
  background-color: #a9c5a0;
  padding: 8px 12px;
}
.link-list svg {
  width: 20px;
  height: 20px;
  color: #0066ff;
  position: relative;
  margin-right: 5px;
  top: -3px;
}

.listing {
  clear: both;
  display: grid;
  gap: 24px;
}
.listing__item {
  overflow: hidden;
  display: flex;
  background-color: #ffffff;
  transition: all, ease-in-out, 0.3s;
  border-bottom: 0;
}
.listing__item__image {
  width: 200px;
  height: 200px;
  flex-basis: 200px;
}
@media screen and (max-width: 599px) {
  .listing__item__image {
    display: none;
  }
}
.listing__item__image img {
  width: 200px;
  height: 200px;
  display: block;
}
.listing__item--workstream .listing__item__image {
  height: auto;
  display: block;
  width: 100%;
}
.listing__item--workstream .listing__item__image img {
  height: auto;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .listing__item--workstream .listing__item__image {
    width: 250px;
  }
  .listing__item--workstream .listing__item__image img {
    width: 250px;
  }
}
@media screen and (min-width: 900px) {
  .listing__item--workstream .listing__item__image {
    width: 400px;
  }
  .listing__item--workstream .listing__item__image img {
    width: 400px;
  }
}
.listing__item__date {
  font-size: 1.6rem;
  color: #008036;
}
.listing__item__title {
  display: block;
  padding-top: 10px;
  font-size: 2.4rem;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  letter-spacing: 1px;
  color: #00383f;
  line-height: 1.3;
  margin-bottom: 8.4px;
}
.listing__item--workstream .listing__item__title {
  font-size: 3.2rem;
}
.listing__item__content {
  padding: 12px 24px;
}
.listing__item__content p {
  font-size: 1.6rem;
  margin-bottom: 12px;
}
.listing__item__content p:last-child {
  margin-bottom: 0;
}
.listing__item--workstream .listing__item__content {
  padding-left: 0;
  padding-right: 0;
}
.listing__item__meta {
  position: relative;
  list-style: none;
  margin-bottom: 12px;
}
.listing__item__meta li {
  margin-bottom: 6px;
  font-size: 1.6rem;
}
.listing__item__meta li:last-child {
  margin-bottom: 0;
}
.listing__item__meta li svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top;
  margin: 0 10px 0 0;
  display: inline-block;
  color: #008036;
}

a.listing__item:hover, a.listing__item:focus, a.listing__item:active {
  border-bottom: 0;
  transform: translateY(-3px);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}

.listing-item {
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #a9c5a0;
}
.listing-item:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 900px) {
  .listing-item {
    margin-bottom: 48px;
    padding-bottom: 48px;
  }
}
.listing-item:last-of-type {
  border-bottom: 0;
}

.listing-section {
  padding: 12px 24px;
  margin-bottom: 24px;
}
@media screen and (min-width: 900px) {
  .listing-section {
    margin-bottom: 48px;
  }
}
.listing-section .listing-section__heading {
  font-size: 3.2rem;
  line-height: 1.4;
}

.listing-item__heading {
  font-size: 2rem;
  line-height: 1.4;
  margin-bottom: 12px;
}

.listing-item__subheading {
  font-size: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.listing-item__meta {
  list-style: none;
  font-size: 1.6rem;
  margin: 16px 0;
}
.listing-item__meta li {
  display: inline-block;
  margin-right: 12px;
}

.listing-item__content {
  font-size: 1.6rem;
}
@media screen and (min-width: 750px) {
  .listing-item__content {
    font-size: 1.8rem;
  }
}

.media-video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  clear: both;
  overflow: hidden;
}
.typebase .media-video-wrapper {
  margin: 24px 0 0 0;
}
.media-video-wrapper object, .media-video-wrapper embed, .media-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-caption, .media-figure {
  margin: 32px 0 0 0;
}
.wp-caption.no-leader, .media-figure.no-leader {
  margin-top: 0;
}

.wp-caption-text, .media-figure__caption {
  padding: 2px 10px 2px 0;
  font-size: 1.4rem;
  display: inline-block;
}

.alignleft, .left {
  float: left;
  margin: 32px 32px 0 0;
}
.alignright, .right {
  float: right;
  margin: 32px 0 0 32px;
}
.navigation-primary {
  background-color: #ffffff;
  z-index: 100;
  position: relative;
}
@media screen and (max-width: 999px) {
  .navigation-primary {
    overflow: hidden;
    top: 12px;
  }
}
@media screen and (min-width: 1000px) {
  .navigation-primary {
    display: inline-block;
    position: absolute;
    bottom: 12px;
    right: 24px;
    z-index: 1;
  }
}

.navigation-primary-toggle {
  position: absolute;
  top: 48px;
  right: 24px;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: left;
  cursor: pointer;
  padding: 0 0 0 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 40px;
  color: #00383f;
  z-index: 1001;
}
.navigation-primary-toggle:before, .navigation-primary-toggle:after {
  content: "";
  position: absolute;
  height: 3px;
  width: 40px;
  background-color: #00383f;
  transition: all, ease-in-out, 0.3s;
  border-radius: 5px;
}
.navigation-primary-toggle:before {
  top: 0;
  right: 0;
}
.navigation-primary-toggle:after {
  bottom: 0;
  right: 0;
}
.navigation-primary-toggle span:after {
  content: "";
  position: absolute;
  height: 3px;
  width: 40px;
  background-color: #00383f;
  transition: all, ease-in-out, 0.3s;
  right: 0;
  top: 17.5px;
  border-radius: 5px;
}
.navigation-primary-toggle--open span:after {
  background-color: transparent;
}
.navigation-primary-toggle--open:before {
  transform: rotate(45deg);
  width: 52px;
  top: 19px;
  right: -5px;
}
.navigation-primary-toggle--open:after {
  transform: rotate(-45deg);
  width: 52px;
  bottom: 18px;
  right: -5px;
}
@media screen and (min-width: 1000px) {
  .navigation-primary-toggle {
    display: none;
  }
}

.navigation-primary__items {
  position: relative;
  transition: max-height ease-in-out 0.25s;
}
@media screen and (max-width: 999px) {
  html.js .navigation-primary__items {
    max-height: 0;
    overflow: hidden;
  }
  html.js .navigation-primary__items--open {
    max-height: 100%;
    width: 100%;
    left: 0;
  }
  .navigation-primary__items > .navigation-primary__item {
    border-bottom: 1px solid #ffffff;
  }
  .navigation-primary__items > .navigation-primary__item:last-child {
    border-bottom: 0;
  }
}

.navigation-primary__item {
  display: block;
  font-size: 1.8rem;
  position: relative;
}
.navigation-primary__item a {
  color: #000000;
  padding: 12px 48px 12px 24px;
  transition: all ease-in-out, 0.2s;
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
  border-bottom: 0;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  background-color: #f3f4ed;
}
.navigation-primary__item a:hover, .navigation-primary__item a:focus, .navigation-primary__item a:active {
  background-color: #b0ddd5;
}
@media screen and (min-width: 1000px) {
  .navigation-primary__item a {
    text-align: center;
    border-bottom: 5px solid transparent;
    padding: 7px 18px 4px;
    background-color: transparent;
  }
  .navigation-primary__item a:hover, .navigation-primary__item a:focus, .navigation-primary__item a:active {
    background-color: transparent;
    border-color: #b7f249;
  }
}
@media screen and (min-width: 1000px) {
  .navigation-primary__item {
    flex: 1 1 auto;
    display: inline-block;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
  .navigation-primary__item {
    font-size: 1.6rem;
  }
  .navigation-primary__item a {
    padding: 7px 12px 4px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
  .navigation-primary__item {
    font-size: 1.7rem;
  }
}
.navigation-primary__item--active, .navigation-primary__item.current-page-ancestor, .navigation-primary__item.current-menu-ancestor, .navigation-primary__item.current-menu-item, .navigation-primary__item.current_page_item {
  position: relative;
}
.navigation-primary__item--active > a, .navigation-primary__item.current-page-ancestor > a, .navigation-primary__item.current-menu-ancestor > a, .navigation-primary__item.current-menu-item > a, .navigation-primary__item.current_page_item > a {
  border-color: #b7f249;
}
@media screen and (min-width: 1000px) {
  .navigation-primary__item--active, .navigation-primary__item.current-page-ancestor, .navigation-primary__item.current-menu-ancestor, .navigation-primary__item.current-menu-item, .navigation-primary__item.current_page_item {
    text-indent: 0;
  }
}
@media screen and (min-width: 1000px) {
  .navigation-primary__item--ss-only {
    display: none;
  }
}
@media screen and (max-width: 999px) {
  .navigation-primary__item--search input {
    width: 100%;
    border: 0;
    outline: none;
    background-color: #ffffff;
    padding: 16.8px 24px;
    line-height: 1;
    border-radius: 5px;
  }
  .navigation-primary__item--search button.button {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 56px;
    height: 56px;
    padding: 0;
    background-color: #00383f;
    border-radius: 0;
  }
  .navigation-primary__item--search button.button span {
    top: -9999em;
    position: absolute;
    display: inline-block;
  }
  .navigation-primary__item--search button.button svg {
    position: relative;
    z-index: 999;
    width: 32px;
    height: 32px;
    top: 16px;
    left: 14px;
    color: #ffffff;
  }
}

@media screen and (min-width: 1000px) {
  .navigation-primary__items > .navigation-primary__item {
    border-bottom: 0;
  }
}

.navigation-primary__multinav {
  display: none;
}
@media screen and (max-width: 999px) {
  .navigation-primary__multinav > li a {
    padding-left: 36px;
  }
  .navigation-primary__multinav > li ul li a {
    padding-left: 60px;
  }
  .navigation-primary__multinav > li ul li ul li a {
    padding-left: 84px;
  }
  .navigation-primary__multinav > li ul li ul li ul li a {
    padding-left: 108px;
  }
  .navigation-primary__multinav > li ul li ul li ul li ul li a {
    padding-left: 132px;
  }
  .navigation-primary__multinav > li ul li ul li ul li ul li ul li a {
    padding-left: 156px;
  }
}
.navigation-primary__multinav .navigation-primary__item {
  position: relative;
  display: block;
  float: none;
  border-left: 0;
}
.navigation-primary__multinav .navigation-primary__item a {
  display: block;
  font-weight: 400;
}
@media screen and (max-width: 999px) {
  .navigation-primary__multinav .navigation-primary__item ul {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .navigation-primary__multinav {
    display: none;
    position: absolute;
    left: 0;
    min-width: 420px;
    background-color: #ffffff;
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);
    z-index: 22;
  }
  .navigation-primary__multinav .navigation-primary__item a {
    text-align: left;
    padding: 12px 24px;
    line-height: 1.8;
    height: auto;
    border-bottom: 0;
  }
  .navigation-primary__multinav .navigation-primary__item a:hover, .navigation-primary__multinav .navigation-primary__item a:focus, .navigation-primary__multinav .navigation-primary__item a:active {
    background-color: #f3f4ed;
    border-bottom: 0;
  }
  .navigation-primary__multinav .navigation-primary__item ul li:first-child:before {
    display: block;
  }
  .navigation-primary__multinav .navigation-primary__item ul li a {
    padding-left: 48px;
  }
}

@media screen and (min-width: 1000px) {
  .navigation-primary__item:hover, .navigation-primary__item:focus, .navigation-primary__item:focus-within {
    z-index: 2;
  }
  .navigation-primary__item:hover svg, .navigation-primary__item:focus svg, .navigation-primary__item:focus-within svg {
    transform: rotate(180deg);
  }
  .navigation-primary__item:hover .navigation-primary__multinav, .navigation-primary__item:focus .navigation-primary__multinav, .navigation-primary__item:focus-within .navigation-primary__multinav {
    display: block;
    z-index: 99;
    max-width: 300px;
  }
}

.navigation-primary__multinav-trigger {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  height: 56px;
  width: 56px;
  cursor: pointer;
}
.navigation-primary__multinav-trigger:after {
  position: absolute;
  top: 13px;
  left: 13px;
  width: 32px;
  height: 32px;
  display: block;
  background-image: url("../icons/source/cheveron-down.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  filter: brightness(0) invert(0);
}
.navigation-primary__multinav-trigger--active {
  background-color: #b0ddd5;
}
.navigation-primary__multinav-trigger--active:after {
  transform: rotate(180deg);
}
@media screen and (min-width: 1000px) {
  .navigation-primary__multinav-trigger {
    display: none;
  }
}
.navigation-primary__multinav-trigger:hover, .navigation-primary__multinav-trigger:focus, .navigation-primary__multinav-trigger:active {
  background-color: #b0ddd5;
}

.navigation-sidebar__heading {
  font-size: 2.4rem;
  margin-bottom: 12px;
}
.navigation-sidebar__item {
  margin-bottom: 1px;
}
.navigation-sidebar__item a {
  font-size: 1.8rem;
  font-family: "Poppins", sans-serif;
  border-bottom: 0;
  padding: 18px 24px;
  background-color: #ffffff;
  display: block;
  line-height: 1.5;
}
.navigation-sidebar__item a:hover, .navigation-sidebar__item a:focus, .navigation-sidebar__item a:active {
  background-color: #E3EADC;
}
.navigation-sidebar__item--active > a {
  background-color: #a9c5a0;
  background-color: #E3EADC;
  color: #008036;
}
.navigation-sidebar__item--active > a:hover, .navigation-sidebar__item--active > a:focus, .navigation-sidebar__item--active > a:active {
  background-color: #E3EADC;
}
.navigation-sidebar__item .navigation-sidebar__item a {
  padding-left: 36px;
  color: #008036;
}
.navigation-sidebar__item .navigation-sidebar__item .navigation-sidebar__item a {
  padding-left: 60px;
}
.navigation-sidebar__item .navigation-sidebar__item .navigation-sidebar__item .navigation-sidebar__item a {
  padding-left: 84px;
}

.pagination {
  overflow: hidden;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 72px;
}
.pagination .pagination__item-link {
  font-size: 1.8rem;
}

.pagination__item {
  font-size: 1.8rem;
  display: inline-block;
  display: none;
}
@media screen and (min-width: 900px) {
  .pagination__item {
    display: block;
  }
}

.pagination__item-ellipsis {
  color: #000000;
  font-weight: 600;
  margin: 0 5px;
}

.pagination__item-link {
  display: block;
  text-align: center;
  line-height: 40px;
  height: 40px;
  width: 40px;
  margin: 0 5px;
}

a.pagination__item-link {
  transition: all 0.3s ease-in-out;
  border-bottom: 0;
}
a.pagination__item-link:hover, a.pagination__item-link:focus, a.pagination__item-link:active {
  border-bottom: 0;
  background-color: #a9c5a0;
}

.pagination__item-link--active {
  font-weight: 700;
}

.pagination__item--prev,
.pagination__item--next {
  display: block;
  position: relative;
}

@media screen and (max-width: 899px) {
  .pagination__item--prev {
    position: absolute;
    left: 24px;
  }
}

@media screen and (max-width: 899px) {
  .pagination__item--next {
    position: absolute;
    right: 24px;
  }
}

.pagination__item-prev-link,
.pagination__item-next-link {
  border: 0;
  line-height: 40px;
  height: 40px;
  width: 40px;
  text-align: center;
  display: block;
  transition: all 0.3s ease-in-out;
  background-color: #008036;
}
.pagination__item-prev-link span,
.pagination__item-next-link span {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0px;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.pagination__item-prev-link svg,
.pagination__item-next-link svg {
  color: #ffffff;
  stroke: #ffffff;
  width: 30px;
  height: 30px;
  top: -2px;
  position: relative;
}
.pagination__item-prev-link:hover, .pagination__item-prev-link:focus, .pagination__item-prev-link:active,
.pagination__item-next-link:hover,
.pagination__item-next-link:focus,
.pagination__item-next-link:active {
  border: 0;
  background-color: #b7f249;
}
.pagination__item-prev-link:hover svg, .pagination__item-prev-link:focus svg, .pagination__item-prev-link:active svg,
.pagination__item-next-link:hover svg,
.pagination__item-next-link:focus svg,
.pagination__item-next-link:active svg {
  color: #000000;
}

.panel {
  background-color: #b0ddd5;
  padding: 24px;
}
@media screen and (min-width: 750px) {
  .panel {
    display: grid;
    gap: 48px;
    grid-template-columns: 1fr 2fr;
  }
}
.panel__media {
  display: none;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 750px) {
  .panel__media {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 120%;
  }
}
.panel__media::before, .panel__media::after {
  content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='%23b7f249' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110 40H30V10H0V0H40V40Z' fill='%23B7F249'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  z-index: 10;
  width: 40px;
  height: 40px;
  transition: all, ease-in-out, 0.2s;
}
.panel__media::after {
  top: auto;
  right: auto;
  bottom: -10px;
  left: -10px;
  transform: rotate(180deg);
}
.panel__heading {
  display: block;
  font-size: 3.2rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #00383f;
  line-height: 1.3;
  margin-bottom: 24px;
}
.panel__text {
  margin-bottom: 24px;
}
.panel__text p {
  font-size: 1.6rem;
  margin-bottom: 12px;
}
@media screen and (min-width: 750px) {
  .panel__text p {
    font-size: 1.8rem;
  }
}
.panel__text p:last-child {
  margin-bottom: 0;
}
.panel__contents {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (min-width: 900px) {
  .panel__contents {
    flex-direction: row;
    gap: 24px;
  }
}
.panel__contents__heading {
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #00383f;
}
.panel__contents__list {
  list-style: none;
  margin-bottom: 12px;
  flex: 1 1 auto;
}
.panel__contents__list__item {
  margin-bottom: 6px;
}
.panel__contents__list__item:last-child {
  margin-bottom: 0;
}
.panel__contents__list__item a {
  transition: all, ease-in-out, 0.2s;
  padding: 5px 12px 5px 24px;
  border-bottom: 0;
  font-size: 1.8rem;
  background-color: #f3f4ed;
  display: block;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.panel__contents__list__item a svg {
  width: 24px;
  height: 24px;
  vertical-align: text-top;
  margin: 4px 0 0 8px;
  display: inline-block;
  color: #008036;
  float: right;
}
.panel__contents__list__item a:hover, .panel__contents__list__item a:focus, .panel__contents__list__item a:active {
  background-color: #008036;
  color: #ffffff;
}
.panel__contents__list__item a:hover svg, .panel__contents__list__item a:focus svg, .panel__contents__list__item a:active svg {
  color: #ffffff;
}

.quote,
blockquote {
  padding: 84px 48px 48px 48px;
  background-color: #00383f;
  color: #ffffff;
  position: relative;
  margin: 48px 0;
  background-image: url("/assets/img/quote.svg");
  background-repeat: no-repeat;
  background-position: 48px 48px;
}
.quote::before, .quote::after,
blockquote::before,
blockquote::after {
  content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='%23b7f249' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110 40H30V10H0V0H40V40Z' fill='%23B7F249'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  z-index: 10;
  width: 40px;
  height: 40px;
  transition: all, ease-in-out, 0.2s;
}
.quote::after,
blockquote::after {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  transform: rotate(180deg);
}
.typebase .quote,
.typebase blockquote {
  margin-top: 3.2rem;
}

blockquote p,
.quote__content {
  font-size: 1.8rem;
  font-family: "Poppins", sans-serif;
  margin-bottom: 12px;
}

blockquote cite,
.quote__citation {
  margin-bottom: 12px;
  font-size: 1.6rem;
  font-style: normal;
}

.tables {
  margin: 4em 0;
  position: relative;
}

.table-styled {
  width: 100%;
  font-size: 1.6rem;
}
.table-styled td {
  position: relative;
  line-height: 1.4;
  vertical-align: top;
}
.table-styled td svg {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 899px) {
  .table-styled {
    border-collapse: separate;
  }
  .table-styled table, .table-styled thead, .table-styled tbody, .table-styled th, .table-styled td, .table-styled tr {
    display: block;
  }
  .table-styled thead, .table-styled th {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table-styled tr {
    margin-bottom: 24px;
    overflow: hidden;
  }
  .table-styled tr:first-child {
    border-top: none;
  }
  .table-styled tr:last-child {
    margin-bottom: 0;
  }
  .table-styled td {
    min-height: 37px;
    position: relative;
    background: #fff;
    border-bottom: 2px solid #0066ff;
    border-right: 2px solid #0066ff;
    border-left: 2px solid #0066ff;
    vertical-align: top;
    padding: 6px 0 6px 6px;
    padding-left: 130px;
    font-size: 1.5rem;
  }
  .table-styled td:first-of-type {
    border-top: 2px solid #0066ff;
  }
  .table-styled td:before {
    display: block;
    width: 120px;
    height: 100%;
    background-color: #0066ff;
    word-break: break-word;
    content: attr(title);
    padding: 6px;
    color: #00383f;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 900px) {
  .table-styled {
    border: 2px solid #0066ff;
  }
  .table-styled th, .table-styled td {
    border-right: 2px solid #0066ff;
  }
  .table-styled th:last-child, .table-styled td:last-child {
    border-right: none;
  }
  .table-styled thead th {
    padding: 12px;
    background-color: rgb(51, 132.6, 255);
    border-color: #0066ff;
    color: #00383f;
  }
  .table-sortable .table-styled thead th:hover, .table-sortable .table-styled thead th:focus, .table-sortable .table-styled thead th:active {
    cursor: pointer;
  }
  .table-styled tbody tr {
    background: #fff;
    border-bottom: 2px solid #0066ff;
  }
  .table-styled tbody tr:nth-child(even) {
    background-color: rgb(51, 132.6, 255);
  }
  .table-styled tbody td {
    padding: 8px 12px;
  }
}
/*# sourceMappingURL=style.css.map */