@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap";
.bg-white {
  background-color: white; }

.bg-sand {
  background-color: #ededed; }

.bg-light-blue {
  background-color: #2f87b9; }
  .bg-light-blue .btn-cta {
    background-color: white;
    color: #2f87b9; }
  .bg-light-blue .content.wrapper15 h2, .bg-light-blue .content.wrapper15 p {
    color: white; }
  .bg-light-blue .flex-container.full-width h2 {
    color: white; }

.inspired.nav {
  display: flex;
  width: 100%; }
  .inspired.nav ul {
    flex: 1 1 auto;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-top: -1px; }
    .inspired.nav ul li {
      list-style: none;
      white-space: nowrap;
      margin: 0 auto;
      padding: 1% 3%;
      font-size: 1.5em;
      font-weight: 600;
      color: #2f87b9;
      transition: background-color 0.6s ease-in-out, color 0.6s ease-in-out;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px; }
      .inspired.nav ul li:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px 5px;
        background-color: #2f87b9;
        color: white; }
      .inspired.nav ul li a {
        transition: none; }
        .inspired.nav ul li a:hover {
          opacity: 1; }
.inspired .btn-cta {
  background-color: #2f87b9; }
.inspired .flex-item.hero.offset {
  background-color: #2f87b9;
  border-radius: 16px;
  padding: 3% 5% 3% 20%;
  margin-left: -25%; }
  .inspired .flex-item.hero.offset .btn-cta {
    background-color: white;
    color: #2f87b9; }
.inspired .flex-item.hero img {
  width: 100%;
  border-radius: 8px; }
.inspired .flex-item.hero video {
  width: 100%;
  border-radius: 8px; }
.inspired .flex-item.hero img.report-thumbnail {
  width: 75%;
  display: block;
  margin: 0;
  box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px 0; }
.inspired .flex-item.hero .btn-cta {
  width: 55%;
  display: block;
  margin: 5% 0 0 5%; }
.inspired .content.wrapper15 h2.sub-heading {
  color: #2f87b9;
  font-size: 3em;
  font-weight: 600;
  display: inline-block; }
  .inspired .content.wrapper15 h2.sub-heading span {
    font-size: 0.5em;
    color: #0c3054; }
    .inspired .content.wrapper15 h2.sub-heading span:before {
      content: '• ';
      color: #2f87b9; }
  .inspired .content.wrapper15 h2.sub-heading em {
    color: #0c3054; }
.inspired .content.wrapper15 h2.sub-heading.color-bg {
  color: white; }
  .inspired .content.wrapper15 h2.sub-heading.color-bg span {
    color: white; }
    .inspired .content.wrapper15 h2.sub-heading.color-bg span:before {
      color: white; }
.inspired .content.wrapper15.no-bottom {
  padding-bottom: 0; }
.inspired .video-container {
  height: 17.75vw;
  margin-bottom: 1em; }
  .inspired .video-container .icon-play {
    max-width: 100px;
    max-height: 100px; }

.arc-cut.light-blue {
  background: url(images/bg/bg-curved-cut-inspired-blue.svg) 0 0 no-repeat;
  background-size: cover; }

.centered {
  text-align: center; }

.inspired.page-header {
  padding: 0; }
  .inspired.page-header h1 {
    display: none; }
  .inspired.page-header img {
    width: 100%; }
  .inspired.page-header .logo-inspired {
    width: 30vw;
    margin: 7.5% 35vw;
    position: absolute; }
  .inspired.page-header #bg-video-inspired {
    width: 100%;
    height: auto;
    object-fit: cover; }

.flex-container.inspired {
  display: flex;
  justify-content: space-between;
  margin: 5% 0;
  align-items: center; }
  .flex-container.inspired h2 {
    font-family: 'Lato',sans-serif;
    font-size: 2em;
    font-weight: 500;
    color: #2f87b9;
    text-transform: none; }
  .flex-container.inspired p {
    font-size: 1.25em;
    margin-bottom: 1em; }
  .flex-container.inspired p.caption {
    font-size: 1em;
    font-style: italic; }
  .flex-container.inspired .flex-item {
    flex: 0 1 47.5%;
    align-self: flex-start; }
    .flex-container.inspired .flex-item.hero.desc {
      align-self: center; }
  .flex-container.inspired.offset {
    background-color: #2f87b9;
    padding: 3% 3% 3% 25%;
    border-radius: 16px;
    margin-left: -25%; }
    .flex-container.inspired.offset .flex-item h2, .flex-container.inspired.offset .flex-item p {
      color: white; }
    .flex-container.inspired.offset .video-container {
      box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px 0; }
  .flex-container.inspired.rev-offset {
    background-color: white;
    padding: 3% 25% 3% 3%;
    border-radius: 16px;
    margin-right: -25%; }
    .flex-container.inspired.rev-offset .flex-item h2 {
      color: #2f87b9; }
    .flex-container.inspired.rev-offset .flex-item p {
      color: #393e43; }
    .flex-container.inspired.rev-offset .video-container {
      box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px 0; }

.content.wrapper15 h2 {
  font-family: 'Lato',sans-serif;
  font-size: 2em;
  color: #2f87b9;
  text-transform: none; }

.flex-container.full-width {
  display: block;
  width: 100%; }
  .flex-container.full-width h2 {
    text-align: center; }

.flex-container.full-width.inspired p {
  margin-bottom: 3em; }

#habitat-map {
  width: 90%;
  margin: 5%; }

.inspired-slider {
  height: fit-content;
  width: 100%; }
  .inspired-slider h2 {
    color: #3988bc;
    font-family: 'Lato',sans-serif;
    font-size: 2.441em;
    font-weight: 600;
    line-height: 1.15;
    text-transform: none; }
  .inspired-slider h3 {
    color: white;
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.5;
    text-transform: uppercase; }
  .inspired-slider .swiper-slide {
    display: inline-flex;
    flex-direction: column;
    height: auto;
    border-radius: 8px; }
    .inspired-slider .swiper-slide img {
      display: block;
      width: auto;
      height: 100%;
      object-fit: cover;
      border-radius: 8px;
      margin-bottom: 1em; }
    .inspired-slider .swiper-slide .desc {
      background-color: #0c3054;
      padding: 5%;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
      .inspired-slider .swiper-slide .desc p {
        color: white;
        margin: 0;
        font-weight: 400; }
  .inspired-slider .swiper-container {
    padding-bottom: 2.5em;
    width: 95%; }
    .inspired-slider .swiper-container .swiper-button-prev, .inspired-slider .swiper-container .swiper-button-next {
      width: calc(100px / 44 * 27);
      height: 100px;
      margin-top: calc(-1 * 100px / 2); }
    .inspired-slider .swiper-container .swiper-button-prev {
      left: 50px; }
      .inspired-slider .swiper-container .swiper-button-prev:before {
        content: '';
        display: inline-block;
        width: 100px;
        height: 100px;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #2f87b9;
        margin-right: -53px;
        margin-top: -11px;
        opacity: 0.8;
        z-index: -2;
        position: relative;
        transition: opacity 0.3s ease-in-out; }
      .inspired-slider .swiper-container .swiper-button-prev:after {
        position: absolute;
        right: -10%;
        left: auto;
        top: 17.5%;
        color: white;
        transform: scale(0.5);
        opacity: 0.8; }
      .inspired-slider .swiper-container .swiper-button-prev:hover:before, .inspired-slider .swiper-container .swiper-button-prev:hover:after {
        opacity: 1; }
    .inspired-slider .swiper-container .swiper-button-next {
      right: 50px; }
      .inspired-slider .swiper-container .swiper-button-next:before {
        content: '';
        display: inline-block;
        width: 100px;
        height: 100px;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #2f87b9;
        margin-left: -53px;
        margin-top: -11px;
        opacity: 0.8;
        z-index: -2;
        position: relative;
        transition: opacity 0.3s ease-in-out; }
      .inspired-slider .swiper-container .swiper-button-next:after {
        position: absolute;
        right: auto;
        left: -10%;
        top: 17.5%;
        color: white;
        transform: scale(0.5);
        opacity: 0.8; }
      .inspired-slider .swiper-container .swiper-button-next:hover:before, .inspired-slider .swiper-container .swiper-button-next:hover:after {
        opacity: 1; }
    .inspired-slider .swiper-container .swiper-pagination-bullet-active {
      background: #2f87b9; }

.inspired-tenure-in-trees {
  margin-bottom: 2%; }

.bg-light-blue.inspired-slider {
  padding: 1% 0; }
  .bg-light-blue.inspired-slider .swiper-button-prev:before, .bg-light-blue.inspired-slider .swiper-button-next:before {
    background-color: #0c3054; }
  .bg-light-blue.inspired-slider .swiper-pagination-bullet-active {
    background: #0c3054; }

@media screen and (max-width: 1024px) {
  .inspired.page-header .logo-inspired {
    width: 50vw;
    margin: 7.5% 25vw; }

  .inspired.nav ul {
    flex-flow: column nowrap;
    align-items: flex-start; }
    .inspired.nav ul li {
      margin: 0; }
  .inspired .content.wrapper15 h2 {
    font-size: 2em; }
  .inspired .video-container {
    height: 50vw; }

  .flex-container.inspired {
    flex-direction: column; }
    .flex-container.inspired .flex-item.hero {
      margin: 1em 0;
      width: 95%; }
      .flex-container.inspired .flex-item.hero.offset {
        padding: 3%; }
        .flex-container.inspired .flex-item.hero.offset .btn-cta {
          width: 90%; }
      .flex-container.inspired .flex-item.hero img.report-thumbnail {
        width: 100%; }
    .flex-container.inspired.erg {
      flex-flow: row wrap; }
    .flex-container.inspired .logo-erg {
      width: 45%;
      margin: 5% 2%; }

  .flex-container.full-width {
    width: 100%; }

  .inspired-slider {
    width: auto; }

  .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next {
    display: none; } }