/*
      ___        ___      ___        ___
     /\__\      /\  \    /\  \      /\  \
    /::|  |    /::\  \   \:\  \    /::\  \
   /:|:|  |   /:/\:\  \   \:\  \  /:/\:\  \
  /:/|:|__|__/::\~\:\  \  /::\  \/::\~\:\  \    ___  _ ____ _ ___ ____ _
 /:/ |::::\__\/\:\ \:\__\/:/\:\__\/\:\ \:\__\   |__> | |__, |  |  |--| |___
 \/__/~~/:/  /\~\:\ \/__/:/  \/__/__\:\/:/  /   .co.nz
       /:/  /\:\ \:\__\/:/  /        \::/  /
      /:/  /  \:\ \/__/\/__/         /:/  /
     /:/  /    \:\__\               /:/  /
     \/__/      \/__/               \/__/


Theme Name: Bioprotection Aotearoa
Description:
Version: 1
Author: Meta Digital
Author URI: http://metadigital.co.nz/
*/
/*========== Variables ============*/
.bg-dark {
  background-color: #002729 !important;
}
.bg-light {
  background-color: #FBF9F5 !important;
}
.bg-green {
  background-color: #B5D286 !important;
}
/*============Sticky Footer============*/
html {
  font-size: 62.5%;
  height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  height: 100%;
  min-height: 100%;
  height: auto!important;
  display: flex;
  flex-direction: column;
  position: relative;
}
#wrap {
  flex: 1 0 0;
  -ms-flex: 1 0 0;
  position: relative;
  right: 0;
  -webkit-transition: right 0.5s;
  -moz-transition: right 0.5s;
  -o-transition: right 0.5s;
  transition: right 0.5s;
}
@media (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (min-width: 1200px) and (max-width: 1399px), (min-width: 1400px) {
  #wrap {
    margin-top: 70px;
  }
}
.clear {
  clear: both;
}
img {
  max-width: 100%;
  height: auto;
}
.alignright,
img.alignright {
  float: right;
  margin: 0 0 15px 30px;
}
img.alignleft,
.alignleft {
  float: left;
  margin: 0 30px 15px 0;
}
img.aligncenter {
  display: block;
  margin: 0 auto;
}
* {
  outline: none!important;
}
.large-gap {
  --bs-gutter-x: 7rem;
}
/*==========Fonts & Headings===========*/
body {
  font-family: 'Montserrat', sans-serif;
  color: #293E3F;
  font-size: 16px;
  font-size: 1.6rem;
}
h1 {
  color: #006662;
  font-weight: 500;
  font-size: 36px;
  font-size: 3.6rem;
  margin: 0 0 20px 0;
  line-height: 1.4;
}
h2 {
  color: #293E3F;
  font-weight: 500;
  font-size: 32px;
  font-size: 3.2rem;
  margin: 0 0 20px 0;
  line-height: 1.4;
}
h3 {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0 0 20px 0;
  line-height: 1.4;
}
h4 {
  color: #9DC767;
  font-weight: 500;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 0 0 20px 0;
  line-height: 1.4;
}
h5 {
  color: #006662;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 20px 0;
  line-height: 1.4;
}
p {
  line-height: 1.6;
  margin: 0 0 20px 0;
}
ol,
ul {
  margin: 0 0 20px 0;
}
strong {
  font-weight: bold;
}
a {
  color: #9DC767;
  text-decoration: none;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
}
a:visited,
a:hover,
a:active {
  color: #9DC767;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
  text-decoration: underline;
}
.wp-caption {
  width: 100%!important;
}
.aspect-cover-43 {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.flex-1 {
  flex: 1 0 0;
  -ms-flex: 1 0 0;
}
.text-primary {
  color: #006662 !important;
}
.text-secondary {
  color: #9DC767 !important;
}
/* Mobile Nav
==============================*/
#mobileNav {
  height: 100%;
  width: 50%;
  position: fixed;
  z-index: 1000;
  top: 0;
  right: -100%;
  overflow-x: hidden;
  background-color: #293E3F;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#mobileNav .social-icons {
  margin-top: 20px;
  margin-left: 15px;
}
#mobileNav .social-icons span {
  margin-right: 10px;
}
#mobileNav .social-icons span a {
  transition: 0s;
  text-decoration: none;
}
#mobileNav .social-icons span a i {
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
}
#mobileNav .social-icons span a svg {
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
}
#mobileNav .social-icons span:hover a {
  transition: 0s;
}
#mobileNav .social-icons span:hover a i {
  color: #9DC767;
}
#mobileNav .social-icons span:hover a svg {
  color: #9DC767;
}
#mobileNav .navToggle {
  margin-right: 0px;
}
#mobileNav.menuOpen {
  right: 0;
}
#mobileNav .mobileNav-header {
  padding: 10px 15px;
  text-align: right;
  line-height: 1;
  background-color: #006662;
}
#mobileNav .mobileNav-header .navToggle {
  float: unset;
}
#mobileNav .mobileNav-header .navToggle i {
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
}
#mobileNav .mobileNav-header .navToggle svg {
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
}
#mobileNav .mobileNav-header a {
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 500;
}
#mobileNav .mobile-main-menu ul {
  margin: 0px;
  padding: 0px;
  position: relative;
}
#mobileNav .mobile-main-menu ul li:first-of-type {
  border-top: 2px solid #fff;
}
#mobileNav .mobile-main-menu ul li:last-of-type {
  border-bottom-color: #fff;
}
#mobileNav .mobile-main-menu ul li.label-home a img {
  margin-top: -5px;
}
#mobileNav .mobile-main-menu ul li.label-home a:after {
  content: 'Kāinga';
  display: block;
  margin-top: 10px;
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
}
#mobileNav .mobile-main-menu ul li.label-vacancies a:after {
  content: 'He Tūnga Wātea';
  display: block;
  margin-top: 10px;
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
}
#mobileNav .mobile-main-menu ul li.label-family a:after {
  content: 'Tō tātou whānau';
  display: block;
  margin-top: 10px;
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
}
#mobileNav .mobile-main-menu ul li.label-news-events a:after {
  content: 'Kawepūrongo';
  display: block;
  margin-top: 10px;
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
}
#mobileNav .mobile-main-menu ul li.label-contact a:after {
  content: 'Whakapā mai';
  display: block;
  margin-top: 10px;
  font-style: italic;
  font-size: 14px;
  font-size: 1.4rem;
}
#mobileNav .mobile-main-menu ul li {
  position: relative;
  list-style-type: none;
  border-bottom: 2px solid #fff;
}
#mobileNav .mobile-main-menu ul li a {
  background-color: #293E3F;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  padding: 20px 15px;
  display: block;
  transition: 0s;
  text-transform: uppercase;
  text-decoration: none;
}
#mobileNav .mobile-main-menu ul li a i {
  display: none;
}
#mobileNav .mobile-main-menu ul li a svg {
  display: none;
}
#mobileNav .mobile-main-menu ul li:hover a {
  background-color: #9DC767;
  transition: 0s;
}
#mobileNav .mobile-main-menu ul li:hover ul.sub-menu li a {
  transition: 0s;
  background-color: #293E3F !important;
}
#mobileNav .mobile-main-menu ul li:hover ul.sub-menu li:hover a {
  transition: 0s;
  background-color: #9DC767 !important;
}
#mobileNav .mobile-main-menu ul li:hover ul.sub-menu li.current-menu-item a {
  transition: 0s;
  background-color: #9DC767 !important;
}
#mobileNav .mobile-main-menu ul li.current-menu-item a {
  background-color: #9DC767;
  transition: 0s;
  color: #fff;
}
#mobileNav .mobile-main-menu ul li.current-menu-item ul.sub-menu li a {
  transition: 0s;
  background-color: #293E3F !important;
}
#mobileNav .mobile-main-menu ul li.current-menu-item ul.sub-menu li:hover a {
  transition: 0s;
  background-color: #9DC767 !important;
}
#mobileNav .mobile-main-menu ul li.current-menu-item ul.sub-menu li.current-menu-item a {
  transition: 0s;
  background-color: #9DC767 !important;
}
#mobileNav .mobile-main-menu ul .menu-drop {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #e7e6e6;
  color: #293E3F;
  height: 65px;
  width: 65px;
  text-align: center;
  line-height: 65px;
}
#mobileNav .mobile-main-menu ul .menu-drop.sub-menu-active i {
  transform: rotate(180deg);
}
#mobileNav .mobile-main-menu ul .sub-menu {
  max-width: unset;
  margin: 0 auto;
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: none;
  background-color: #d7d7d7;
}
#mobileNav .mobile-main-menu ul .sub-menu li a {
  padding-left: 15px;
}
#mobileNav .mobile-main-menu ul .sub-menu li:last-of-type {
  border-bottom: none!important;
}
#mobileNav .mobile-main-menu ul .sub-menu li:first-of-type {
  border-top: 2px solid #fff;
}
#mobileNav .mobile-main-menu ul .sub-menu .sub-menu {
  max-width: unset;
  margin: 0 auto;
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: none;
  background-color: #ebebeb;
}
#mobileNav .mobile-main-menu ul .sub-menu .sub-menu li a {
  padding-left: 15px;
}
#mobileNav .mobile-main-menu ul .sub-menu .sub-menu li:last-of-type {
  border-bottom: none!important;
}
#mobileNav .mobile-main-menu ul .sub-menu .sub-menu li:first-of-type {
  border-top: 2px solid #fff;
}
#mobileNav .mobileNav-header .fa-times {
  float: left;
  font-weight: 300;
}
#wrap.menuOpenWrap {
  right: 50%;
  pointer-events: none;
}
footer.menuOpenWrap {
  right: 50%;
  position: relative;
  pointer-events: none;
}
.mobileNav-overlay.menuOpen {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-color: transparent;
  z-index: 1;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  #mobileNav {
    width: 100%;
    right: -100%;
  }
  #wrap.menuOpenWrap {
    right: 100%;
  }
  footer.menuOpenWrap {
    right: 100%;
  }
}
/* Header
==============================*/
header .header-inner .header-col .header-col-inner {
  display: flex;
  justify-content: flex-end;
}
header .header-inner .header-col .header-col-inner .social-icons {
  margin-top: 30px;
}
header .header-inner .header-col .header-col-inner .navToggle {
  margin-top: 28px;
}
header .header-inner .header-col .header-col-inner .navToggle .fa-bars {
  cusor: pointer;
  font-size: 40px;
  font-size: 4rem;
  color: #006662;
  transition: 0s;
  font-weight: 300;
}
header .header-inner .header-col .header-col-inner .navToggle .fa-bars:hover {
  transition: 0s;
  color: #9DC767;
}
.header-bar {
  margin-bottom: 32px;
  background-color: #F7F3EC;
  position: fixed;
  width: 100%;
  z-index: 1000000;
  top: 0;
}
.header-bar .col-12 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 0;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .header-bar .col-12 {
    justify-content: flex-end;
  }
}
@media (max-width: 575px) {
  .header-bar .col-12 {
    display: none;
  }
}
.header-bar .social-icons {
  padding-left: 3.2rem;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .header-bar .social-icons {
    display: none;
  }
}
.header-bar .header-login {
  display: flex;
}
.header-bar .header-login a {
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  padding: 1.2rem 4rem;
  background-color: #9DC767;
  color: #fff;
}
.header-bar .header-login a i {
  padding-right: 0.5rem;
}
.header-bar .header-login a:hover {
  background-color: #006662;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .header-bar .header-login a {
    padding: 1.2rem 2rem;
  }
}
.memberMenu {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
.memberMenu li a {
  background-color: transparent !important;
  color: #006662 !important;
  padding: 1.2rem 2rem !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.mobileheader-login a {
  color: #9DC767 !important;
  display: block;
  font-size: 2rem;
  font-weight: 800;
  margin-top: 0.5rem;
}
.mobileheader-login .memberMenu {
  display: flex;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-direction: column;
}
.mobileheader-login .memberMenu li a {
  background-color: transparent !important;
  color: #fff !important;
  padding: 0.5rem 0 !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  display: block;
  margin-top: initial;
}
/* Nav
==============================*/
nav.main-menu {
  margin-top: 25px;
  position: relative;
  z-index: 100;
}
nav.main-menu ul {
  padding: 0;
  margin: 0 0 0 5px;
  display: inline-block;
  position: relative;
}
nav.main-menu ul li.label-home a:after {
  content: 'Kāinga';
  display: block;
  color: #9DC767;
  clear: both;
  text-transform: none;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 5px;
  text-transform: uppercase;
  font-style: italic;
}
nav.main-menu ul li.label-vacancies a:after {
  content: 'He Tūnga Wātea';
  display: block;
  color: #9DC767;
  clear: both;
  text-transform: none;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 5px;
  text-transform: uppercase;
  font-style: italic;
}
nav.main-menu ul li.label-family a:after {
  content: 'Tō tātou whānau';
  display: block;
  color: #9DC767;
  clear: both;
  text-transform: none;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 5px;
  text-transform: uppercase;
  font-style: italic;
}
nav.main-menu ul li.label-research a:after {
  content: 'Tō mātau rangahau';
  display: block;
  color: #9DC767;
  clear: both;
  text-transform: none;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 5px;
  text-transform: uppercase;
  font-style: italic;
}
nav.main-menu ul li.label-about a:after {
  content: 'Ko wai mātou';
  display: block;
  color: #9DC767;
  clear: both;
  text-transform: none;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 5px;
  text-transform: uppercase;
  font-style: italic;
}
nav.main-menu ul li.label-news-events a:after {
  content: 'Kawe pūrongo';
  display: block;
  color: #9DC767;
  clear: both;
  text-transform: none;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 5px;
  text-transform: uppercase;
  font-style: italic;
}
nav.main-menu ul li.label-contact a:after {
  content: 'Whakapā mai';
  display: block;
  color: #9DC767;
  clear: both;
  text-transform: none;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 5px;
  text-transform: uppercase;
  font-style: italic;
}
nav.main-menu ul > li {
  display: inline-block;
  padding: 0;
  margin: 0 0 0 25px;
  position: relative;
}
nav.main-menu ul > li > a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #006662;
  text-transform: uppercase;
  border-top: 4px solid transparent;
  padding-top: 12px;
  padding-bottom: 7rem;
  text-decoration: none;
}
nav.main-menu ul > li > a img {
  margin-top: -5px;
}
nav.main-menu ul > li > a .menu-drop {
  margin-left: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  position: relative;
  top: -1px;
  display: inline-block;
}
nav.main-menu ul > li > a .menu-drop i {
  margin: 0;
}
nav.main-menu ul > li > a i {
  margin-right: 3px;
}
nav.main-menu ul > li.current_page_item > a,
nav.main-menu ul > li:hover > a {
  text-decoration: none;
  border-color: #006662;
}
nav.main-menu .sub {
  position: absolute;
  top: 2.4rem;
  font-size: 1.2rem;
  font-weight: 400;
}
nav.main-menu .sub-menu-active .sub-menu {
  display: grid !important;
}
nav.main-menu .sub-menu {
  display: none !important;
  padding: 1.5rem;
  position: absolute;
  top: 9rem;
  left: -3rem;
  grid-template-columns: 1fr 1fr;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.3);
}
nav.main-menu .sub-menu a:hover,
nav.main-menu .sub-menu li:hover,
nav.main-menu .sub-menu li:hover > a {
  color: #85b744;
  border: none !important;
}
nav.main-menu .sub-menu::before {
  content: '';
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-top: solid 40px #fff;
  border-left: solid 40px #fff;
  border-top-left-radius: 12px;
  border-right: solid 40px transparent;
  border-bottom: solid 40px transparent;
  transform: scale(0.4) rotate(45deg);
  position: absolute;
  top: -38px;
  left: 40px;
  z-index: -1;
  box-shadow: -1px 1px 11px 0px rgba(163, 163, 163, 0.3);
}
nav.main-menu .sub-menu li {
  grid-column-start: 1;
}
nav.main-menu .sub-menu li.current_page_item a {
  border: none !important;
  color: #9DC767;
}
nav.main-menu .sub-menu .menu-item-has-children {
  padding-right: 6rem;
  grid-row-start: auto;
  grid-row-end: span 1000;
  padding: 0rem 4rem 0rem 0rem;
  grid-column-start: initial !important;
}
nav.main-menu .sub-menu .menu-item-has-children::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f054" !important;
  position: absolute;
  left: 108%;
  top: 0;
  display: none;
}
nav.main-menu .sub-menu .menu-item-has-children a {
  color: #9DC767;
}
nav.main-menu .sub-menu .menu-item-has-children .menu-drop {
  display: none;
}
nav.main-menu .sub-menu li {
  padding-bottom: 0;
  padding: 0rem 4rem 0rem 0rem;
  white-space: nowrap;
  font-weight: 900;
  margin: 0 25px;
  font-size: 1.6rem;
}
nav.main-menu .sub-menu li a::after {
  border: none !important;
}
nav.main-menu .sub-menu li a {
  color: #006662;
}
nav.main-menu .sub-menu li a:hover {
  color: #85b744;
  border: none !important;
}
nav.main-menu .sub-menu li:last-child {
  padding: 0rem 0rem 0rem 0rem;
}
nav.main-menu .sub-menu li a::after {
  content: " " !important;
}
nav.main-menu .sub-menu li .sub-menu {
  display: flex !important;
  flex-direction: column;
  position: initial;
  top: initial;
  background-color: initial;
  padding: 0;
  margin: 0;
  box-shadow: none;
  margin-bottom: 0.8rem;
}
nav.main-menu .sub-menu li .sub-menu::before {
  content: initial;
}
nav.main-menu .sub-menu li .sub-menu li {
  grid-column-start: initial !important;
  padding: 1rem 4rem 0rem 0rem;
  grid-row-start: auto;
  white-space: nowrap;
  font-weight: 500;
  font-size: 1.4rem;
  margin-left: 2rem;
}
nav.main-menu .sub-menu li .sub-menu li a::after {
  border: none !important;
}
nav.main-menu .sub-menu li .sub-menu li a {
  color: #293E3F;
}
nav.main-menu .sub-menu li .sub-menu li a:hover {
  color: #85b744;
  border: none !important;
}
nav.main-menu .sub-menu li .sub-menu li::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f054";
  position: absolute;
  right: 110%;
  color: #006662;
}
nav.main-menu .sub-menu li .sub-menu li.current_page_item a {
  border: none !important;
  color: #9DC767;
}
/* Global
==============================*/
.padded {
  padding: 100px 0;
}
.padded-left {
  padding-left: 100px;
}
.padded-right {
  padding-right: 100px;
}
.spacer {
  margin-bottom: 100px;
}
.YouTubePopUp-Wrap {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.YouTubePopUp-Close {
  left: -42px !important;
}
.YouTubePopUp-Close:before {
  text-shadow: none!important;
  font-size: 40px!important;
  font-size: 4rem!important;
}
.powrMark {
  display: none!important;
}
#appView .powrMark {
  position: absolute!important;
  display: none!important;
}
#appView .socialFeed.grid .postItem {
  border-radius: 16px!important;
  border: 0px!important;
}
.socialFeed .postItem {
  border-radius: 16px!important;
  border: 0px!important;
}
.navi {
  margin-top: 15px;
}
.navi .wp-pagenavi {
  padding: 20px 0px;
}
.navi .wp-pagenavi a {
  text-decoration: none!important;
}
.navi .wp-pagenavi span.pages {
  display: none;
}
.navi .wp-pagenavi a.page {
  border-color: transparent;
}
.navi .wp-pagenavi span.extend {
  display: none!important;
}
.navi .wp-pagenavi a,
.navi .wp-pagenavi span {
  padding: 10px 15px;
}
.navi .wp-pagenavi a,
.navi .wp-pagenavi span {
  border: 1px solid #293E3F;
  font-weight: 500;
  color: #293E3F;
}
.navi .wp-pagenavi a:hover,
.navi .wp-pagenavi span.current {
  border: 1px solid #006662;
}
.social-icons span {
  margin-right: 10px;
}
.social-icons span a {
  transition: 0s;
  text-decoration: none;
}
.social-icons span a i {
  color: #006662;
  font-size: 18px;
  font-size: 1.8rem;
}
.social-icons span a svg {
  color: #006662;
  font-size: 18px;
  font-size: 1.8rem;
}
.social-icons span:hover a {
  transition: 0s;
}
.social-icons span:hover a i {
  color: #9DC767;
}
.social-icons span:hover a svg {
  color: #9DC767;
}
#banner .banner-inner .row .banner-col .fake-container {
  margin: 0 auto;
  max-width: 575px;
}
#banner .banner-inner .row .banner-col .fake-container .fake-container-inner .preheading a {
  color: #006662;
}
#banner .banner-inner .row .banner-col .fake-container .fake-container-inner .preheading a:hover {
  color: #9DC767;
}
#banner .banner-inner .row .banner-col .fake-container .fake-container-inner .preheading h5 {
  color: #9DC767;
  font-weight: 800;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}
#banner .banner-inner .row .banner-col .fake-container .fake-container-inner .preheading h5 span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
#banner .banner-inner .row .banner-col .fake-container .fake-container-inner .preheading h5 span img {
  margin-top: -5px;
}
#banner .banner-inner .row .banner-col .fake-container .fake-container-inner .heading h1 {
  margin: 0 0;
  font-weight: 500;
  font-size: 64px;
  font-size: 6.4rem;
}
#banner .banner-inner .row .banner-col .fake-container .fake-container-inner .subheading h4 {
  margin: 15px 0 0 0;
}
#banner .banner-inner .row .banner-col .fake-container-void .fake-container-inner-void .preheading a {
  color: #006662;
}
#banner .banner-inner .row .banner-col .fake-container-void .fake-container-inner-void .preheading a:hover {
  color: #9DC767;
}
#banner .banner-inner .row .banner-col .fake-container-void .fake-container-inner-void .preheading h5 {
  color: #9DC767;
  font-weight: 800;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}
#banner .banner-inner .row .banner-col .fake-container-void .fake-container-inner-void .preheading h5 span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}
#banner .banner-inner .row .banner-col .fake-container-void .fake-container-inner-void .preheading h5 span img {
  margin-top: -5px;
}
#banner .banner-inner .row .banner-col .fake-container-void .fake-container-inner-void .heading h1 {
  margin: 0 0;
  font-weight: 500;
  font-size: 64px;
  font-size: 6.4rem;
}
#banner .banner-inner .row .banner-col .fake-container-void .fake-container-inner-void .subheading h4 {
  margin: 15px 0 0 0;
}
#banner .banner-inner .row .banner-col.banner-col-media {
  position: relative;
  background-size: cover;
  background-position: center center;
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}
#banner .banner-inner .row .banner-col.banner-col-media img#play {
  top: 50%;
  left: -70px;
  position: absolute;
  transform: translateY(-50%);
}
.introduction {
  margin-bottom: 32px;
}
.introduction .heading h2 {
  margin: 0 0 5px 0;
}
.introduction .subheading h4 {
  margin: 0 0;
}
ul#cat-list {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 50px 0px;
  border-bottom: 1px solid #9DC767;
}
ul#cat-list li {
  list-style: none;
  display: inline-block;
  padding: 0 15px 15px 15px;
  border-bottom: 6px solid transparent;
}
ul#cat-list li a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 800;
  color: #006662;
  transition: 0s;
  text-decoration: none;
  text-transform: uppercase;
}
ul#cat-list li:hover {
  border-bottom: 6px solid #9DC767;
}
ul#cat-list li:hover a {
  transition: 0s;
  color: #9DC767;
  text-decoration: none;
}
.panel.panel-vacancy .panel-inner .data {
  border-top: 3px solid #006662;
}
.panel {
  margin-bottom: 20px;
}
.panel .panel-inner .image img {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.panel .panel-inner .data {
  padding: 30px 30px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: #FBF9F5 !important;
}
.panel .panel-inner .data .data-inner .dual .row .dual-col .cat {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #9DC767;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}
.panel .panel-inner .data .data-inner .dual .row .dual-col .cat a {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #9DC767;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}
.panel .panel-inner .data .data-inner .dual .row .dual-col .date p {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #9DC767;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
}
.panel .panel-inner .data .data-inner a {
  text-decoration: none;
}
.panel .panel-inner .data .data-inner .heading h5 {
  color: #006662;
}
.panel .panel-inner .data .data-inner .body p {
  color: #293E3F;
}
.supporter-col .supporter {
  height: 100%;
  display: flex;
  padding: 20px 15px;
  align-items: center;
  justify-content: center;
}
.supporter-col .supporter a {
  text-decoration: none;
}
.navi .row .single-pagination-col .single-pagination-col-inner a {
  border: 2px solid #9DC767;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  transition: 0s;
  color: #293E3F;
}
.navi .row .single-pagination-col .single-pagination-col-inner a:hover {
  background-color: #006662;
  border-color: #006662;
  transition: 0s;
  color: #fff;
}
.navi.navi-top {
  margin-bottom: 50px;
}
.navi.navi-bottom {
  margin-top: 50px;
}
#content-default.bg-light {
  padding-top: 45px;
  padding-bottom: 45px;
}
#content-default.bg-green {
  padding-top: 45px;
  padding-bottom: 45px;
}
#content .content-dual-inner .row .content-dual-col .content-dual-col-inner .dual {
  margin-bottom: 15px;
}
#content .content-dual-inner .row .content-dual-col .content-dual-col-inner .dual .row .dual-col .author p {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #006662;
  font-weight: 600;
  text-transform: uppercase;
}
#content .content-dual-inner .row .content-dual-col .content-dual-col-inner .dual .row .dual-col .date p {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #006662;
  font-weight: 600;
  text-transform: uppercase;
}
#content .content-dual-inner .row .content-dual-col .content-dual-col-inner .sidebar .heading h4 {
  color: #293E3F;
}
#content .content-dual-inner .row .content-dual-col .content-dual-col-inner .sidebar ul.cats {
  list-style: none;
  padding: 0px 0px;
  margin: 0px 0px;
}
#content .content-dual-inner .row .content-dual-col .content-dual-col-inner .sidebar ul.cats li {
  padding: 0px 0px 7.5px 0px;
}
#content .content-dual-inner .row .content-dual-col .content-dual-col-inner .sidebar ul.cats li a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.4rem;
  transition: 0s;
  color: #006662;
  font-weight: 500;
}
#content .content-dual-inner .row .content-dual-col .content-dual-col-inner .sidebar ul.cats li:hover a {
  transition: 0s;
  color: #9DC767;
}
#content-dual {
  overflow: hidden;
  position: relative;
  background: #006662;
  background: linear-gradient(90deg, #006662 0%, #9dc767 100%);
}
#content-dual .content-dual-inner {
  z-index: 99;
  position: relative;
}
#content-dual .content-dual-inner .row .content-dual-col .content-dual-col-inner .body h1,
#content-dual .content-dual-inner .row .content-dual-col .content-dual-col-inner .body h2,
#content-dual .content-dual-inner .row .content-dual-col .content-dual-col-inner .body h3,
#content-dual .content-dual-inner .row .content-dual-col .content-dual-col-inner .body h4,
#content-dual .content-dual-inner .row .content-dual-col .content-dual-col-inner .body h5,
#content-dual .content-dual-inner .row .content-dual-col .content-dual-col-inner .body p {
  color: #fff;
}
#content-dual .content-dual-inner .row .content-dual-col .content-dual-col-inner .body a {
  color: #fff;
  text-decoration: underline;
}
#content-dual .content-dual-inner .row .content-dual-col .content-dual-col-inner .body ul li,
#content-dual .content-dual-inner .row .content-dual-col .content-dual-col-inner .body ol li {
  color: #fff;
}
#content-dual .content-dual-inner .row .content-dual-col .content-dual-col-inner .quote p {
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}
#content-dual img#graphic {
  top: 0px;
  left: -5px;
  position: absolute;
}
#social-feed .social-feed-inner .introduction .heading h2 {
  color: #9DC767;
}
#social-feed .social-feed-inner .introduction .subheading h4 {
  color: #D8CFBE;
}
/* Social Feed
==============================*/
.ff-stream {
  background-color: transparent!important;
}
.ff-loadmore-wrapper {
  display: none!important;
}
/* Forms
==============================*/
.gform_wrapper .gfield_required {
  color: #9DC767 !important;
}
.gform_wrapper .top_label .ginput_container {
  margin: 0px 0px!important;
}
.gform_wrapper .gsection {
  margin-bottom: 0px!important;
  border-bottom: 1px solid #006662 !important;
}
.gform_wrapper label {
  font-weight: 500!important;
  font-size: 16px!important;
  font-size: 1.6rem !important;
  margin: 0px 0px 5px 0px;
  color: #293E3F;
}
.gform_wrapper input {
  width: 100%!important;
  border: 0px;
  background-color: transparent;
  border: 1px solid #293E3F;
  border-radius: 5px;
  line-height: 1;
  font-size: 16px!important;
  font-size: 1.6rem !important;
  padding: 10px 20px!important;
}
.gform_wrapper input::-webkit-input-placeholder {
  /* Edge */
  color: #293E3F;
  opacity: 1;
  font-style: italic;
}
.gform_wrapper input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #293E3F;
  opacity: 1;
  font-style: italic;
}
.gform_wrapper input::placeholder {
  color: #293E3F;
  opacity: 1;
  font-style: italic;
}
.gform_wrapper input[type="checkbox"] {
  margin-right: 5px;
  width: auto!important;
}
.gform_wrapper select {
  width: 100%!important;
  border: 0px;
  background-color: transparent;
  border: 1px solid #293E3F;
  border-radius: 5px;
  margin-top: 0px;
  padding: 8px 20px!important;
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, repeat;
  background-position: right 20px top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  font-size: 16px!important;
  font-size: 1.6rem !important;
}
.gform_wrapper select option {
  color: #293E3F !important;
}
.gform_wrapper select::-webkit-input-placeholder {
  /* Edge */
  color: #293E3F;
  opacity: 1;
}
.gform_wrapper select:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #293E3F;
  opacity: 1;
}
.gform_wrapper select::placeholder {
  color: #293E3F;
  opacity: 1;
}
.gform_wrapper textarea {
  width: 100%!important;
  border: 0px;
  background-color: transparent;
  border: 1px solid #293E3F;
  border-radius: 5px;
  padding: 10px 20px!important;
  font-size: 16px!important;
  font-size: 1.6rem !important;
}
.gform_wrapper textarea::-webkit-input-placeholder {
  /* Edge */
  color: #293E3F;
  opacity: 1;
  font-style: italic;
}
.gform_wrapper textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #293E3F;
  opacity: 1;
  font-style: italic;
}
.gform_wrapper textarea::placeholder {
  color: #293E3F;
  opacity: 1;
  font-style: italic;
}
.gform_wrapper .gform_footer {
  margin-top: 5px!important;
  padding-bottom: 0px!important;
}
.gform_wrapper .gform_footer input.gform_button {
  line-height: 1;
  font-size: 16px!important;
  font-size: 1.6rem !important;
  text-decoration: none;
  justify-content: center;
  text-transform: normal;
  align-items: center;
  padding: 12px 20px!important;
  border-radius: 5px;
  text-transform: uppercase;
  background-color: transparent!important;
  border: 2px solid #9DC767;
  color: #293E3F;
  width: auto!important;
  display: inline-block !important;
}
.gform_wrapper .gform_footer input.gform_button:hover {
  color: #fff;
  transition: 0s;
  border-color: #006662 !important;
  background-color: #006662 !important;
}
.gform_wrapper .gfield_error .gfield_label {
  color: #006662 !important;
}
.gform_wrapper div.validation_error {
  color: #006662 !important;
  margin: 0px!important;
  margin-top: 30px!important;
  padding: 10px 0!important;
  font-weight: 500!important;
  font-size: 16px!important;
  font-size: 1.6rem !important;
  border-top: 1px solid #006662 !important;
  border-bottom: 1px solid #006662 !important;
}
.gform_wrapper li.gfield_error input.medium {
  border: 1px solid #006662 !important;
}
.gform_wrapper li.gfield_error select {
  border: 1px solid #006662 !important;
}
.gform_wrapper li.gfield.gfield_error {
  border: 0px!important;
  padding: 0px 0px!important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  display: none!important;
}
.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper li.gfield_error textarea {
  border: 1px solid #006662 !important;
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent!important;
}
/* Footer
==============================*/
footer {
  background-color: #F7F3EC;
  padding-top: 30px;
}
footer .footer-inner .row .footer-col ul.footer-credit {
  padding: 0px 0px;
  margin: 0px 0px;
}
footer .footer-inner .row .footer-col ul.footer-credit li {
  transition: 0s;
  color: #293E3F;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0px 8px;
  display: inline-block;
  border-right: 1px solid #006662;
}
footer .footer-inner .row .footer-col ul.footer-credit li a {
  color: #293E3F;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
}
footer .footer-inner .row .footer-col ul.footer-credit li a:hover {
  text-decoration: underline;
  transition: 0s;
}
footer .footer-inner .row .footer-col ul.footer-credit li:last-of-type {
  border-right: 0px;
  padding-right: 0px;
}
footer .footer-inner .row .footer-col ul.footer-nav {
  padding: 0px 0px;
  margin: 0px 0px;
}
footer .footer-inner .row .footer-col ul.footer-nav li {
  line-height: 1;
  padding: 0px 8px;
  display: inline-block;
  border-right: 1px solid #006662;
}
footer .footer-inner .row .footer-col ul.footer-nav li a {
  transition: 0s;
  color: #006662;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
}
footer .footer-inner .row .footer-col ul.footer-nav li a:hover {
  text-decoration: underline;
  transition: 0s;
}
footer .footer-inner .row .footer-col ul.footer-nav li:last-of-type {
  border-right: 0px;
}
@media (max-width: 575px) {
  .spacer {
    margin-bottom: 75px;
  }
  .padded-left {
    padding-left: 0px;
  }
  .padded-right {
    padding-right: 0px;
  }
  .padded {
    padding: 75px 0;
  }
  h1 {
    font-size: 32px;
    font-size: 3.2rem;
  }
  h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  h4 {
    font-size: 20px;
    font-size: 2rem;
  }
  h5 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #banner .banner-inner.padded {
    padding-top: 50px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container {
    max-width: 100%;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container .fake-container-inner {
    padding: 0px 0px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container .fake-container-inner .heading h1 {
    font-size: 48px;
    font-size: 4.8rem;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container-void .fake-container-inner-void {
    padding: 0px 0px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container-void .fake-container-inner-void .heading h1 {
    font-size: 48px;
    font-size: 4.8rem;
  }
  #banner .banner-inner.padded .row .banner-col.banner-col-media {
    height: 400px;
    margin-top: 50px;
    margin-left: 30px;
  }
  #banner .banner-inner.padded .row .banner-col.banner-col-media img#play {
    left: 30px;
  }
  #supporters .supporters-inner .row .supporters-col .supporters-col-inner .logos {
    margin-top: 15px;
  }
  #latest-news-events .filters {
    display: none;
  }
  #latest-news-events .panel:last-of-type {
    margin-bottom: 0px;
  }
  #content .content-dual-inner .row .content-dual-col .content-dual-col-inner .dual .row .dual-col .author p {
    margin: 0 0 2px 0;
  }
  #content .content-dual-inner .row .content-dual-col .content-dual-col-inner .dual .row .dual-col.text-end {
    text-align: left!important;
  }
  .navi .row .single-pagination-col.text-end {
    text-align: left!important;
  }
  .navi .row .single-pagination-col.text-end .single-pagination-col-inner a {
    margin-top: 10px;
  }
  .navi .row .single-pagination-col .single-pagination-col-inner a {
    display: block;
    text-align: center;
  }
  .panel .panel-inner .data .data-inner .dual .row .dual-col.text-end {
    text-align: left!important;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-half {
    grid-column: span 12!important;
  }
  #social-feed .social-feed-inner .row .social-feed-col.text-end {
    text-align: left!important;
  }
  footer .spacer {
    margin-bottom: 50px;
  }
  footer .footer-inner .row .footer-col ul.footer-credit {
    margin: 0 0;
  }
  footer .footer-inner .row .footer-col ul.footer-credit li {
    display: block;
    padding: 0 0 5px 0;
    border-right: 0px;
  }
  footer .footer-inner .row .footer-col ul.footer-credit li a {
    transition: 0s;
  }
  footer .footer-inner .row .footer-col ul.footer-credit li:hover a {
    transition: 0s;
    text-decoration: underline;
  }
  footer .footer-inner .row .footer-col ul.footer-nav {
    margin: 20px 0px 10px 0;
  }
  footer .footer-inner .row .footer-col ul.footer-nav li {
    display: block;
    padding: 0 0 10px 0;
    border-right: 0px;
  }
  footer .footer-inner .row .footer-col ul.footer-nav li a {
    transition: 0s;
  }
  footer .footer-inner .row .footer-col ul.footer-nav li:hover a {
    transition: 0s;
    text-decoration: underline;
  }
  footer .footer-inner .row .footer-col.text-end {
    text-align: left!important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .spacer {
    margin-bottom: 75px;
  }
  .padded-left {
    padding-left: 0px;
  }
  .padded-right {
    padding-right: 0px;
  }
  .padded {
    padding: 75px 0;
  }
  h1 {
    font-size: 32px;
    font-size: 3.2rem;
  }
  h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  h4 {
    font-size: 20px;
    font-size: 2rem;
  }
  h5 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #banner .banner-inner.padded {
    padding-top: 50px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container {
    max-width: 540px;
    padding: 0px 5px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container .fake-container-inner {
    padding: 0px 0px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container .fake-container-inner .heading h1 {
    font-size: 48px;
    font-size: 4.8rem;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container-void .fake-container-inner-void {
    padding: 0px 0px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container-void .fake-container-inner-void .heading h1 {
    font-size: 48px;
    font-size: 4.8rem;
  }
  #banner .banner-inner.padded .row .banner-col.banner-col-media {
    height: 350px;
    margin-top: 50px;
    margin-left: 25%;
  }
  #banner .banner-inner.padded .row .banner-col.banner-col-media img#play {
    left: 30px;
  }
  #supporters .supporters-inner .row .supporters-col .supporters-col-inner .logos {
    margin-top: 15px;
  }
  #latest-news-events .panel:last-of-type {
    margin-bottom: 0px;
  }
  #content .content-dual-inner .row .content-dual-col .content-dual-col-inner .dual .row .dual-col .author p {
    margin: 0 0 2px 0;
  }
  #content .content-dual-inner .row .content-dual-col .content-dual-col-inner .dual .row .dual-col.text-end {
    text-align: left!important;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-half {
    grid-column: span 12!important;
  }
  #social-feed .social-feed-inner .row .social-feed-col.text-end {
    text-align: left!important;
  }
  footer .spacer {
    margin-bottom: 50px;
  }
  footer .footer-inner .social-icons {
    margin-bottom: 10px;
  }
  footer .footer-inner .row .footer-col.text-end {
    text-align: left!important;
  }
  footer .footer-inner .row .footer-col.footer-col-two {
    padding: 0px 0px;
  }
  footer .footer-inner .row .footer-col.footer-col-three {
    padding: 0px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .spacer {
    margin-bottom: 75px;
  }
  .padded-left {
    padding-left: 0px;
  }
  .padded-right {
    padding-right: 0px;
  }
  .padded {
    padding: 75px 0;
  }
  h1 {
    font-size: 32px;
    font-size: 3.2rem;
  }
  h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  h4 {
    font-size: 20px;
    font-size: 2rem;
  }
  h5 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #banner .banner-inner.padded {
    padding-top: 50px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container {
    max-width: 720px;
    padding: 0px 5px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container .fake-container-inner {
    padding: 0px 0px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container .fake-container-inner .heading h1 {
    font-size: 48px;
    font-size: 4.8rem;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container-void .fake-container-inner-void {
    padding: 0px 0px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container-void .fake-container-inner-void .heading h1 {
    font-size: 48px;
    font-size: 4.8rem;
  }
  #banner .banner-inner.padded .row .banner-col.banner-col-media {
    height: 350px;
    margin-top: 50px;
    margin-left: 25%;
  }
  #banner .banner-inner.padded .row .banner-col.banner-col-media img#play {
    left: 30px;
  }
  #supporters .supporters-inner .row .supporters-col .supporters-col-inner .logos {
    margin-top: 15px;
  }
  #latest-news-events .panel:last-of-type {
    margin-bottom: 0px;
  }
  #content .content-dual-inner .row .content-dual-col .content-dual-col-inner .dual .row .dual-col .author p {
    margin: 0 0 2px 0;
  }
  #content .content-dual-inner .row .content-dual-col .content-dual-col-inner .dual .row .dual-col.text-end {
    text-align: left!important;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-half {
    grid-column: span 12!important;
  }
  #social-feed .social-feed-inner .row .social-feed-col.text-end {
    text-align: left!important;
  }
  footer .spacer {
    margin-bottom: 50px;
  }
  footer .footer-inner .social-icons {
    margin-bottom: 10px;
  }
  footer .footer-inner .row .footer-col.text-end {
    text-align: left!important;
  }
  footer .footer-inner .row .footer-col.footer-col-two {
    padding: 0px 0px;
  }
  footer .footer-inner .row .footer-col.footer-col-three {
    padding: 0px 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #banner.banner-default .banner-inner .row .banner-col .fake-container .fake-container-inner .heading h1 {
    font-size: 68px!important;
    font-size: 6.8rem !important;
  }
  #banner .banner-inner.padded .row .banner-col.banner-col-media img#play {
    left: 15px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container {
    max-width: 500px;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container .fake-container-inner.padded {
    padding: 50px 0;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container .fake-container-inner.padded .heading h1 {
    font-size: 48px;
    font-size: 4.8rem;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container-void .fake-container-inner-void.padded {
    padding: 50px 0;
  }
  #banner .banner-inner.padded .row .banner-col .fake-container-void .fake-container-inner-void.padded .heading h1 {
    font-size: 48px;
    font-size: 4.8rem;
  }
  footer .footer-inner .social-icons {
    margin-bottom: 10px;
  }
  footer .footer-inner .row .footer-col.text-end {
    text-align: left!important;
  }
  footer .footer-inner .row .footer-col.footer-col-two {
    padding: 0px 0px;
  }
  footer .footer-inner .row .footer-col.footer-col-three {
    padding: 0px 0px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  #banner.banner-default .banner-inner .row .banner-col .fake-container .fake-container-inner .heading h1 {
    font-size: 68px!important;
    font-size: 6.8rem !important;
  }
}
blockquote {
  padding: 0rem 3rem 0rem 0rem;
  font-style: italic;
  color: #006662;
  font-weight: 500;
  font-size: 18px;
}
.padded-top {
  margin-top: 9rem;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .padded-top {
    margin-top: 5rem;
  }
}
.padded-bottom {
  margin-bottom: 9rem;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .padded-bottom {
    margin-bottom: 5rem;
  }
}
/* Text & Image
==============================*/
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .text-image {
    padding: 0 2rem;
  }
}
.text-image .left {
  background-size: cover;
  background-position: center;
  min-height: 32rem;
  max-width: 52rem;
  border-radius: 0.4rem;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 575px) {
  .text-image .left {
    min-height: 300px;
  }
}
.text-image .right {
  width: 90%;
  padding: 4rem 0;
}
.text-image .right-top {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #9DC767;
}
.text-image .right-title {
  font-size: 3.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.text-image .right-bottom {
  font-weight: 600;
  color: #9DC767;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 1200px) and (max-width: 1399px), (min-width: 1400px) {
  .text-image .right {
    width: 50%;
    padding: 0rem 0;
  }
}
.text-image-link {
  margin-top: 2rem;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #006662 !important;
}
.text-image-link:hover {
  color: #9DC767 !important;
}
.text-image-link i {
  padding-left: 0.8rem;
  color: #9DC767 !important;
}
/* People Select

==============================*/
@media (max-width: 575px) {
  .people_places .nav.nav-tabs {
    display: none;
  }
}
.people_select h3,
.people_places h3 {
  color: #006662;
  margin-bottom: 0.4rem !important;
  border-bottom: 1px solid #CEE0A9;
  padding-bottom: 1.8rem;
}
.people_select .title-bottom,
.people_places .title-bottom {
  color: #9DC767;
  font-size: 12px;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 0;
}
.people_select-top,
.people_places-top {
  margin-bottom: 3.3rem;
}
.people_select .person,
.people_places .person {
  display: flex;
  flex-direction: column;
  background: #FBF9F5;
  border-radius: 1.6rem;
  height: 100%;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.people_select .person img,
.people_places .person img {
  border-radius: 16px 16px 0 0;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4/3;
  object-position: center;
}
.people_select .person-lower,
.people_places .person-lower {
  padding: 3rem;
}
.people_select .person-lower h5,
.people_places .person-lower h5 {
  margin-bottom: 0.4rem;
}
.people_select .person-deets,
.people_places .person-deets {
  color: #293E3F;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  word-break: break-word;
  display: flex;
  align-items: baseline;
}
.people_select .person-deets i,
.people_places .person-deets i {
  padding-right: 1rem;
}
.people_select .person .institution,
.people_places .person .institution {
  font-style: italic;
}
.people_select .person .institution .cat,
.people_places .person .institution .cat {
  margin-bottom: 0 !important;
}
.people_select .person .cat,
.people_places .person .cat {
  font-weight: 800;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 18px;
  color: #9DC767;
  margin-bottom: 0px;
}
.people_select .person .cat-wrap,
.people_places .person .cat-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.8rem;
}
.people_select .person .cat-wrap-title,
.people_places .person .cat-wrap-title {
  color: #006662;
}
.people_select .person .social-media-wrap,
.people_places .person .social-media-wrap {
  font-size: 2.2rem;
  display: flex;
  gap: 1.5rem;
}
.people_select .person .social-media-wrap i,
.people_places .person .social-media-wrap i {
  transition: all 0.2s ease-in-out;
  color: #006662;
}
.people_select .person .social-media-wrap i:hover,
.people_places .person .social-media-wrap i:hover {
  color: #9DC767;
}
.vacancy-select h4 {
  margin-bottom: 0;
  font-size: 2.4rem;
  color: #006662;
}
.vacancy-select .title-bottom {
  color: #9DC767;
  font-size: 12px;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 0;
}
.vacancy-select-top {
  margin-bottom: 3.3rem;
}
/* latest articles
==============================*/
.latest_articles h4 {
  margin-bottom: 0;
  font-size: 2.4rem;
  color: #006662;
}
.latest_articles .title-bottom {
  color: #9DC767;
  font-size: 12px;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 0;
}
.latest_articles-top {
  margin-bottom: 3.3rem;
}
.latest_articles .article {
  display: flex;
  flex-direction: column;
  background: #FBF9F5;
  border-radius: 1.6rem;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.latest_articles .article img {
  border-radius: 16px 16px 0 0;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
}
.latest_articles .article h5 {
  margin-bottom: 2.4rem;
}
.latest_articles .article-lower {
  padding: 3rem;
}
.latest_articles .article-lower-text-category {
  display: flex;
  justify-content: space-between;
  color: #9DC767;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 0.4rem;
  text-transform: uppercase;
}
.latest_articles .article-lower-text-category a {
  color: #9DC767;
}
.latest_articles .article-lower p {
  font-size: 1.4rem;
  color: #006662;
}
.latest_articles .article ul {
  padding: 0;
  list-style: none;
}
.latest_articles .article ul li p {
  font-weight: 800;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 18px;
  color: #9DC767;
  margin-bottom: 0px;
}
/* people places
==============================*/
.people_places .nav-tabs {
  border-bottom: 1px solid #CEE0A9;
  margin-bottom: 4rem;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .people_places .nav-tabs {
    gap: 1.2rem 0px;
  }
}
.people_places .nav-tabs .nav-link {
  color: #006662;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.2rem;
  padding: 0 1.3rem;
  padding-bottom: 2rem;
  background-color: transparent;
  border: none;
  border-bottom: 6px solid transparent;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .people_places .nav-tabs .nav-link {
    padding-bottom: 1.3rem;
  }
}
.people_places .nav-tabs .active {
  color: #9DC767;
  border-bottom: 6px solid #9DC767;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .people_places .nav-tabs .active {
    border-bottom: none !important;
  }
}
.people_places .form-search {
  min-width: 350px;
  margin-bottom: 4rem;
  padding: 1rem 4rem;
  border: 2px linear-gradient(90deg, #006662 34.22%, #8DC63F 100%);
  border: 2px solid;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(90deg, #006662 34.22%, #8DC63F 100%);
}
@media (max-width: 575px) {
  .people_places .form-search {
    min-width: 310px;
  }
}
/* resources 
==============================*/
.resources h4 {
  color: #006662;
}
.resources a {
  color: #9DC767;
}
.resources a:hover {
  color: #006662;
  text-decoration: underline;
}
/* 2023 Research 
==============================*/
.research-archive .completed-progress,
.latest-research .completed-progress {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #9DC767;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
}
.research-single-banner h2 {
  font-size: 48px;
  color: #006662;
}
.research-single-banner .banner-col.banner-col-media {
  min-height: 450px;
}
.green-bubble {
  border-radius: 32px;
  background: var(--Gradient-03, linear-gradient(90deg, #006662 34.22%, #8DC63F 100%));
  /* Elevation Low */
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
.green-bubble .bubble-title {
  font-size: 1.4rem;
  color: #F2F2F2;
  font-weight: 400;
  line-height: 30px;
  /* 214.286% */
  text-transform: uppercase;
}
.green-bubble span {
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  font-size: 1.2rem;
}
.green-bubble .in-progress {
  color: #9DC767;
}
.research-content .container {
  padding: 0;
}
.research-content .content-col {
  margin: 0;
  width: 100%;
}
.research-content .spacer {
  margin-bottom: 70px;
}
.research-content .heading * {
  color: #006662;
}
.research-content ul {
  padding-left: 4rem;
  list-style: none;
}
.research-content ul li {
  position: relative;
  margin-bottom: 2rem;
}
.research-content ul li::before {
  content: '';
  display: inline-block;
  width: 2.5rem;
  height: 2.4rem;
  background: url(images/arrow.svg) no-repeat;
  position: absolute;
  left: -4rem;
  top: 0.8rem;
}
.research-content #content-default.bg-light,
.research-content #content-default.bg-green {
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 45px;
  padding-right: 45px;
  border-radius: 32px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
.research-cats {
  list-style: none;
  padding: 0;
}
.research-cats li {
  position: relative;
}
.research-cats a {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 214.286% */
  text-transform: uppercase;
  color: #006662;
}
.research-cats a:hover {
  color: #9DC767;
}
.research-cats a::after {
  content: '\f054';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  right: -20px;
  color: #D8CFBE;
  top: 0;
}
.research-cats ul.children {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  list-style: none;
  padding-left: 1rem;
}
.research-cats ul.children a {
  color: #9DC767;
  font-size: 1.2rem;
}
.research-cats ul.children.active {
  max-height: 1000px;
}
.research-cats ul.children .children {
  max-height: 1000px !important;
}
.current-cat-ancestor,
.current-cat-parent {
  color: red;
}
.current-cat-ancestor .children,
.current-cat-parent .children {
  max-height: 1000px !important;
}
