@charset "UTF-8";
section.post-listing h2 {
  text-align: center;
  font: var(--h2-font);
}
section.post-listing .lead {
  text-align: center;
}
section.post-listing .filter .filter-toggle {
  width: auto;
}
section.post-listing .filter .filter-toggle::before {
  display: block;
  content: "×";
  font-size: 30px;
  line-height: 0;
  rotate: -45deg;
  -webkit-transition: var(--bezier);
  transition: var(--bezier);
}
section.post-listing .filter .filter-toggle.active::before {
  rotate: 0deg;
}
section.post-listing .filter .filter-wrapper {
  height: 0;
  overflow: hidden;
}
section.post-listing .filter .filter-wrapper.active {
  height: auto;
}
section.post-listing .filter .filter-wrapper .filter-buttons {
  margin-bottom: 40px;
}
section.post-listing .filter .filter-wrapper button:not(.filter-reset) {
  margin: initial;
  position: relative;
}
section.post-listing .filter .filter-wrapper button:not(.filter-reset).active {
  border-color: var(--red) !important;
  background: var(--red) !important;
  color: var(--white) !important;
}
section.post-listing .filter .filter-wrapper button:not(.filter-reset).active::before {
  position: absolute;
  content: "✓";
  display: block;
  left: var(--gutter);
  font-size: 20px;
  line-height: 0;
  font-family: system-ui;
}
section.post-listing .card-wrapper.has-filter:not(.loaded) article {
  opacity: 0;
}
section.post-listing .card-wrapper svg.loading {
  -ms-grid-column: 2;
  grid-column: 2;
  margin: auto;
  background: transparent;
  display: block;
}
section.post-listing .card-wrapper.grid-1 svg.loading,
section.post-listing .card-wrapper.grid-1 .no-hits {
  -ms-grid-column: 1;
  grid-column: 1;
}
section.post-listing .card-wrapper .no-hits {
  -ms-grid-column: 2;
  grid-column: 2;
  text-align: center;
  font-size: 20px;
}
section.post-listing .card-wrapper article .img-wrapper {
  background: var(--grey);
}
@media screen and (min-width: 62em) {
  section.post-listing .card-wrapper article.featured {
    border-radius: var(--border-radius);
    overflow: hidden;
    width: 100%;
  }
  section.post-listing .card-wrapper article.featured a {
    -ms-grid-columns: 1fr 0 calc(var(--column) * 4);
    grid-template-columns: 1fr calc(var(--column) * 4);
    row-gap: 0;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    width: 100%;
  }
  section.post-listing .card-wrapper article.featured a .img-wrapper {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    aspect-ratio: 1.7;
  }
  section.post-listing .card-wrapper article.featured a .img-wrapper picture {
    aspect-ratio: inherit;
  }
  section.post-listing .card-wrapper article.featured a .content-wrapper {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    border-radius: 0;
    z-index: 1;
    padding: calc(var(--padding) * 2);
  }
}
@media screen and (max-width: 61.9375em) {
  section.post-listing .card-wrapper article a {
    -ms-grid-columns: 30% 1fr;
    grid-template-columns: 30% 1fr;
  }
}
section.post-listing .card-wrapper article.post {
  border-radius: var(--border-radius);
  border: 2px solid transparent;
  padding: var(--padding);
  -webkit-transition: border-color var(--bezier);
  transition: border-color var(--bezier);
}
@media screen and (min-width: 62em) {
  section.post-listing .card-wrapper article.post.featured .content-wrapper {
    padding: 0 var(--padding) !important;
  }
}
@media screen and (max-width: 61.9375em) {
  section.post-listing .card-wrapper article.post a {
    -ms-grid-columns: unset;
    grid-template-columns: unset;
  }
}
section.post-listing .card-wrapper article.post:hover {
  border-color: var(--light-green);
}
section.post-listing .card-wrapper article.post a,
section.post-listing .card-wrapper article.post .title-wrapper {
  color: inherit !important;
  text-align: left !important;
}
section.post-listing .card-wrapper article.post a h3,
section.post-listing .card-wrapper article.post .title-wrapper h3 {
  text-align: left !important;
  text-transform: none !important;
}
section.post-listing .card-wrapper article.post .content-wrapper {
  row-gap: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-flex-line-pack: start;
      align-content: start;
}
section.post-listing .card-wrapper article.post .content-wrapper .btn {
  margin-top: 42px;
}
@media screen and (max-width: 61.9375em) {
  section.post-listing .card-wrapper article.post .content-wrapper .btn {
    display: none;
  }
}
section.post-listing .card-wrapper article.post .content-wrapper .meta {
  margin-top: 16px;
  color: #1A363B;
  opacity: 0.5;
  font-size: 16px;
}
section.post-listing .card-wrapper article.post .title-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: transparent !important;
}
section.post-listing .card-wrapper article.post .img-wrapper {
  border-radius: calc(var(--border-radius) / 2) !important;
  background: var(--light-green);
}
section.post-listing .card-wrapper article.post .excerpt {
  text-transform: none;
  position: relative;
}
section.post-listing .card-wrapper article.post:not(.featured) .excerpt {
  max-height: 100px;
  overflow: hidden;
}
section.post-listing .card-wrapper article.post:not(.featured) .excerpt::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#F5FCF5));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F5FCF5 100%);
  z-index: 2;
}
section.post-listing.bg-light-green .card-wrapper article.post:hover {
  border-color: var(--white);
}
section.post-listing.bg-light-green .card-wrapper article.post:not(.featured) .excerpt::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#d9f5e2));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #d9f5e2 100%);
}
section.post-listing .more {
  background: var(--black);
}
section.post-listing .more:hover {
  background: var(--white);
}

.acf-innerblocks-container section.post-listing > div {
  padding: 0;
}
.acf-innerblocks-container section.post-listing > div > div {
  grid-column: 1/-1 !important;
}
.acf-innerblocks-container section.post-listing .block-title-wrapper {
  display: none;
}
.acf-innerblocks-container section.post-listing .card-wrapper {
  grid-auto-flow: row;
  -ms-grid-columns: unset;
  grid-template-columns: unset;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
@media screen and (min-width: 62em) {
  .acf-innerblocks-container section.post-listing .card-wrapper article.featured {
    width: auto;
    grid-column: auto;
    grid-auto-flow: row;
  }
  .acf-innerblocks-container section.post-listing .card-wrapper article.featured a {
    grid-auto-flow: row;
    -ms-grid-columns: unset;
    grid-template-columns: unset;
  }
  .acf-innerblocks-container section.post-listing .card-wrapper article.featured a .img-wrapper,
  .acf-innerblocks-container section.post-listing .card-wrapper article.featured a .content-wrapper {
    grid-column: unset;
    grid-row: unset;
    padding: 0;
  }
}
.acf-innerblocks-container section.post-listing .card-wrapper article.post {
  border-radius: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.acf-innerblocks-container section.post-listing .card-wrapper article.post a {
  -ms-grid-columns: 50% 16px 50%;
  grid-template-columns: 50% 50%;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 61.9375em) {
  .acf-innerblocks-container section.post-listing .card-wrapper article.post a {
    -ms-grid-columns: 30% 1fr;
    grid-template-columns: 30% 1fr;
  }
}
.acf-innerblocks-container section.post-listing .card-wrapper article.post a h3 {
  text-transform: none;
  font-size: 20px;
  line-height: 1.3;
  text-align: left;
}
.acf-innerblocks-container section.post-listing .card-wrapper article.post a .title-wrapper {
  padding: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.acf-innerblocks-container section.post-listing .card-wrapper article.post a .excerpt {
  display: none;
}

.carousel .pagination {
  display: none;
}

@media screen and (max-width: 61.9375em) {
  .carousel {
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
  }
  .carousel .card-wrapper {
    max-width: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    grid-auto-flow: column;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    display: -ms-grid;
    display: grid;
  }
  .carousel .card-wrapper article.card-detail a {
    -ms-grid-columns: unset;
    grid-template-columns: unset;
  }
  .carousel .card-wrapper article.card-detail a .title-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .carousel .card-wrapper article.card-detail a h3 {
    text-align: center;
  }
  .carousel button {
    position: absolute;
    top: calc(50% - 20px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 55px;
    width: 30px;
    z-index: 99;
    background: red;
    cursor: pointer;
  }
  .carousel button.hide {
    visibility: hidden;
  }
  .carousel button.next {
    right: 0px;
  }
  .carousel button.prev {
    left: 0px;
  }
  .carousel .pagination {
    display: -ms-grid;
    display: grid;
    width: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 0;
  }
  .carousel .pagination li {
    list-style: none;
    cursor: pointer;
    height: 12px;
    width: 12px;
    border-radius: 100px;
    background-color: #eee;
  }
  .carousel .pagination li.active {
    background-color: #000;
  }
}