/*
Theme Name: HSCF
Author: Manoverboard
Author URI: http://www.manoverboard.com/
Version: 1
*/

/*********************************************/

/*	Warning! Incoming Game. */

/*********************************************/

.wo {
  text-align: center;
  padding: 0 60px;
}

.pv {
  margin-top: 60px;
  margin-bottom: 60px;
}

.pv2 {
  margin-top: 170px;
  margin-bottom: 170px;
}

.indent {
  padding: 0 155px;
}

.wo .inner {
  text-align: left;
  width: 1798px;
  max-width: 100%;
  margin: 0 auto;
}

.wo1200 .inner {
  width: 1200px;
}

p .button {
  font-size: 100% !important;
}

svg {
  position: relative;
}

svg.svg-inline--fa {
  max-width: 45px;
}

/*********************************************/

/*	Core Styles */

/*********************************************/

body {
  background-color: #f8f8f4;
  font-size: 58%;
  max-width: 100%;
  overflow-x: hidden;
}

body,
input,
textarea,
radio,
checkbox,
a,
button {
  font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", sans-serif;
  font-weight: 400;
  letter-spacing: -0.5px;
  font-style: normal;
  line-height: 1;
  text-align: left;
  color: #56584f;
}

.clip {
  -webkit-clip-path: polygon(90% 0, 100% 100px, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(90% 0, 100% 100px, 100% 100%, 0 100%, 0 0);
}

.aligncenter {
  display: block !important;
  text-align: center !important;
  margin: auto;
  margin-bottom: 30px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cookie-law-info-bar[data-cli-style="cli-style-v2"] {
  padding: 14px 40px !important;
}
.cli-style-v2 .cli_settings_button:not(.cli-plugin-button) {
  margin-right: 20px !important;
}

/*********************************************/

/*	Header */

/*********************************************/

#header .site-title img {
  max-width: 312px;
}

#header .inner > .top-area {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#header .inner .top-area {
  height: 211px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

#header .top-area .nav-secondary li {
  display: inline-block;
}

#header .top-area .special-button {
  margin-right: 60px;
}

#header #toggleSearch svg {
  width: auto !important;
  height: 25px !important;
}

#header #toggleSearch svg path {
  fill: #56584f;
}

/*********************************************/

/*	Navigation */

/*********************************************/

#toggleNav,
#closeNav,
#toggleSearch {
  display: inline-block;
  padding: 0;
  background-color: transparent !important;
  border: none !important;
  cursor: pointer;
}

#toggleNav {
  margin-left: -23px;
}

#toggleNav span.line {
  background-color: #56584f;
  height: 2px;
  width: 38px;
  display: block;
  margin-top: 10px;
}

#toggleNav span.line:first-child {
  margin-top: 0 !important;
}

#closeNav {
  height: 43px;
  width: 38px;
  position: absolute;
  top: 80px;
  right: 40px;
}

#closeNav span.line {
  background-color: #007a53;
  height: 2px;
  width: 43px;
  display: block;
}

#closeNav span.line:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

#closeNav span.line:last-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  margin-top: -2px;
}

#header .inner {
  position: static;
}

/* hide/show */

#navContainer.hide-nav {
  position: absolute;
  top: 0;
  right: -690px;
}

#navContainer {
  display: block;
  height: 100vh;
  position: absolute;
  top: 0;
  right: -690px;
  padding: 0 70px 80px 70px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #eeeee4;
  z-index: 999999999999999;
}

.width-match,
#navContainer {
  width: 690px;
}

.width-match {
  padding: 0 70px;
  margin-right: -70px;
}

#navContainer .top-area,
.width-match {
  height: 67px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#navContainer .bottom-area {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

#navContainer .special-button a:after {
  background-color: #eeeee4;
}

#navMain .menu li {
  display: block;
  text-align: left;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

#navMain .menu > li {
  margin-bottom: 60px;
}

#navMain .menu li a {
  color: #56584f;
  font-size: 260%;
  line-height: 1;
}

#navMain .menu .sub-menu {
  margin-top: 22px;
}

#navMain .menu .sub-menu li {
  margin-top: 20px;
  margin-left: 7px;
}

#navMain .menu .sub-menu li a {
  color: #007a53;
  font-size: 200%;
  line-height: 1.2;
}

.social-media svg {
  width: auto !important;
  height: 33px !important;
  margin-right: 29px;
}

.social-media a {
  text-decoration: none;
  display: inline-block;
}

#navContainer .social-media svg path {
  fill: #007a53;
}

.nav-secondary li a {
  font-size: 210%;
  line-height: 1;
  color: #007a53;
  font-weight: 500;
  text-transform: uppercase;
}

/*********************************************/

/*	Subnavigation */

/*********************************************/

.subnavigation .inner {
  height: 90px;
  background-color: #eeeee4;
}

.subnavigation nav,
.subnavigation ul {
  height: 100%;
  position: relative;
}

.subnavigation nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.subnavigation nav a {
  font-size: 240%;
  line-height: 1;
  color: #56584f;
  font-weight: 500;
  margin: 0 30px;
}

.subnavigation .current-menu-item a {
  color: #007a53;
}

.subnavigation .page-link a {
  color: #008b95;
  margin-left: 80px;
}

/*********************************************/

/*	Search */

/*********************************************/

.search-bar-wrapper.hide-search {
  display: none;
}

.search-bar-wrapper {
  background-color: #f8f8f4;
  width: 800px;
  height: 80px;
  position: absolute;
  right: 150px;
  top: 0;
  padding: 16px 0;
}

.search-bar-wrapper label {
  font-weight: 600;
  font-size: 240%;
  line-height: 1;
  display: inline-block;
  margin-right: 10px;
}

.search-bar-wrapper .text-box-wrapper {
  display: inline-block;
}

.search-bar-wrapper .text-box-wrapper input[type="submit"] {
  font-size: 180%;
  font-weight: 600;
  line-height: 1;
  color: #007a53;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  padding: 10px;
  cursor: pointer;
}

.search-bar-wrapper .text-box-wrapper input[type="text"] {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #56584f;
  width: 600px;
  max-width: 100%;
  padding: 5px;
  /**/
  color: #007a53;
  font-size: 240%;
  line-height: 1;
}

main.search-results .results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

main.search-results .result {
  text-decoration: none !important;
  background-color: #eeeee4;
  width: calc(50% - 30px);
  margin: 30px 0;
  padding: 30px;
}

main.search-results .result:hover {
  background-color: #f5f5f1;
}

main.search-results .result h2 {
  margin-bottom: 10px;
  margin-top: 0;
}

main.search-results .result h2,
main.search-results .result p {
  color: #56584f;
}

main.search-results .result .post-type {
  margin-bottom: 20px;
  color: #008b95;
}

/*********************************************/

/*	Typography */

/*********************************************/

.sType p,
.sType li {
  font-size: 220%;
  line-height: 1.45;
  font-weight: 400;
  margin-bottom: 1em;
}

.sType b,
.sType strong {
  font-weight: 600;
}

h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-weight: inherit !important;
}

.sType a {
  color: #008b95;
  text-decoration: underline;
}

.sType h1,
.sType h2,
.sType h3 {
  color: #007a53;
  font-size: 360%;
  line-height: 1.3;
  letter-spacing: -1.5px;
  font-weight: 500;
  margin-bottom: 40px;
  margin-top: 70px;
}

.sType h1:first-child,
.sType h2:first-child,
.sType h3:first-child {
  margin-top: 0;
}

.sType h4 {
  color: #007a53;
  font-size: 300%;
  line-height: 1.1;
  letter-spacing: -1.5px;
  font-weight: 500;
  margin-bottom: 30px;
  margin-top: 60px;
}

.sType h5 {
  font-size: 260%;
  line-height: 1.1;
  letter-spacing: -1.5px;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 50px;
}

.sType h6 {
  font-size: 200%;
  line-height: 1.1;
  letter-spacing: -1.5px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 40px;
}

.sType h1 a,
.sType h2 a,
.sType h3 a,
.sType h4 a,
.sType h5 a,
.sType h6 a {
  color: inherit !important;
  font-weight: inherit !important;
}

.sType li {
  margin-bottom: 0.7em;
}

.sType ul {
  margin: 45px 12px;
}

.sType ul li {
  list-style: none;
}

.sType ul li:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border: 2px solid #007a53;
  background-color: transparent;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  margin-bottom: 1px;
  margin-right: 10px;
}

.sType ul {
  list-style-type: disc;
}

.sType ul ul {
  margin-top: 10px;
  margin-bottom: 20px;
  list-style-type: circle;
}

.sType ul ul ul {
  list-style-type: square;
}

.sType ol {
  list-style-type: decimal;
  margin: 45px 32px;
}

.sType ol ol {
  margin-top: 10px;
  margin-bottom: 20px;
  list-style-type: lower-alpha;
}

.sType ol ol ol {
  list-style-type: lower-roman;
}

.sType ol ol,
.sType ul ol {
  list-style-type: lower-roman;
}

.sType li li {
  font-size: 100%;
}

.sType iframe {
  width: 100%;
}

.module-title {
  color: white;
  font-weight: 500;
  font-size: 620%;
  line-height: 1;
  letter-spacing: -2px;
}

/*********************************************/

/*	Buttons */

/*********************************************/
.button:after,
.special-button:after {
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}

.sType .special-button,
.sType .button {
  margin-top: 40px;
}

.button {
  margin-top: 10px !important;
  display: inline-block !important;
  padding: 0 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  font-size: 180% !important;
  color: #56584f !important;
  font-weight: 600 !important;
  position: relative !important;
  margin-left: 13px !important;
  border: 0 !important;
  background-color: transparent !important;
}

.button:after {
  display: block;
  content: "";
  width: 34px;
  height: 34px;
  border: 4px solid rgba(86, 88, 79, 0.2);
  background-color: transparent;
  -webkit-transform: rotate(45.1deg);
  -ms-transform: rotate(45.1deg);
  transform: rotate(45.1deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  position: absolute;
  left: -17px;
  top: -10px;
}

.button:hover:after {
  border: 4px solid rgba(86, 88, 79, 0.4);
  width: 24px;
  height: 24px;
  left: -20px;
  top: -6px;
}

/* reverse color */

.button.reverse {
  color: white !important;
}

.button.reverse:after {
  border: 4px solid rgba(255, 255, 255, 0.2);
}

.button.reverse:hover:after {
  border: 4px solid rgba(255, 255, 255, 0.4);
}

/* prevent font-size compounding */

p .button {
  font-size: 100%;
}

.special-button a,
a.special-button,
input.special-button,
button.special-button {
  display: inline-block;
  text-transform: uppercase;
  font-size: 180% !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-decoration: none !important;
  padding: 18px 45px 17px 47px !important;
  position: relative;
  cursor: pointer;
  /***/
  border: 4px solid rgba(86, 88, 79, 0) !important;
  outline: 4px solid rgba(86, 88, 79, 0.2) !important;
  outline-offset: -4px !important;
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) !important;
  -o-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) !important;
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.special-button.green a,
a.special-button.green {
  border: 4px solid rgba(0, 122, 83, 0) !important;
  outline: 4px solid rgba(0, 122, 83, 0.2) !important;
}

.special-button a:hover,
a.special-button:hover,
input.special-button:hover {
  border: 4px solid rgba(86, 88, 79, 0.4) !important;
  outline: 4px solid rgba(86, 88, 79, 0) !important;
  outline-offset: 15px !important;
}

.special-button.green a:hover,
a.special-button.green:hover {
  border: 4px solid rgba(0, 150, 102, 0.5) !important;
  outline: 4px solid rgba(0, 122, 83, 0) !important;
  outline-offset: 15px !important;
}

.special-button a:after,
button.special-button:after,
a.special-button:after {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  border: 4px solid rgba(234, 223, 41, 0.8);
  background-color: #f8f8f4;
  -webkit-transform: rotate(45.1deg);
  -ms-transform: rotate(45.1deg);
  transform: rotate(45.1deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  position: absolute;
  right: -11px;
  top: 17px;
}

.special-button a:hover:after,
a.special-button:hover:after {
  border: 4px solid rgba(234, 223, 41, 0);
  background-color: rgba(234, 223, 41, 1) !important;
  width: 12px;
  height: 12px;
  right: -8px;
  top: 19px;
}

.special-button.green a:hover:after,
a.special-button.green:hover:after {
  border: 4px solid rgba(234, 223, 41, 0);
  background-color: #007a53 !important;
  width: 12px;
  height: 12px;
  right: -8px;
  top: 19px;
}

/* reverse color */

.special-button.reverse a,
a.special-button.reverse,
button.special-button.reverse {
  border: 4px solid rgba(255, 255, 255, 0) !important;
  outline: 4px solid rgba(255, 255, 255, 0.2) !important;
  color: white !important;
}

.special-button.reverse a:hover,
a.special-button.reverse:hover,
button.special-button.reverse:hover {
  border: 4px solid rgba(255, 255, 255, 0.7) !important;
  outline: 4px solid rgba(255, 255, 255, 0) !important;
  outline-offset: 15px !important;
}

.special-button.reverse a:after,
a.special-button.reverse:after,
button.special-button.reverse:after, 
button.special-button.reverse {
 
  background-color: #007a53;
}

.special-button.reverse a:hover:after,
button.special-button.reverse a:hover:after,
a.special-button.reverse:hover:after {
  background-color: white !important;
}

a.back,
a.next,
.back a,
.next a {
  color: #007a53;
  font-size: 180%;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 1px;
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  text-decoration: none;
}

a.back:before,
.back a:before {
  content: "< ";
}

a.next:after,
.next a:after {
  content: " >";
}

/* special donate button colors */

#menu-secondary-1 .special-button.featured a,
#menu-secondary .special-button.featured a,
.special-button.featured a,
a.special-button.featured {
  border-color: rgba(241, 128, 112, 0) !important;
  outline-color: #f18070 !important;
  color: #f6f7f6 !important;
  background-color: #007a53 !important;
}

#menu-secondary-1 .special-button.featured a:hover,
#menu-secondary .special-button.featured a:hover,
.special-button.featured a:hover,
a.special-button.featured:hover {
  border-color: #f18070 !important;
  outline-color: rgba(241, 128, 112, 0) !important;
  color: #787b6e !important;
  background-color: #f6f7f6 !important;
}

.special-button.featured a:after,
a.special-button.featured:after {
  border-color: #f18070 !important;
}

.special-button.featured a:hover:after,
a.special-button.featured:hover:after {
  border-color: rgba(241, 128, 112, 0) !important;
  background-color: #f18070 !important;
}

/*********************************************/

/*	Hover States */

/*********************************************/

.special-button a:after,
a.special-button:after,
.button:hover:after,
.latest-news-module .loop .news-item .image,
.button:after,
.donate-module .designation .heading,
.slick-dots button,
button.sub-nav-back,
#navMain .menu > li:after {
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0, 1) !important;
  -o-transition: all 1250ms cubic-bezier(0.19, 1, 0, 1) !important;
  transition: all 1250ms cubic-bezier(0.19, 1, 0, 1) !important;
}

a.back,
a.next,
.back a,
.next a,
#navMain .menu .sub-menu li a,
.nav-secondary li a,
#navMain .menu li a,
.subnavigation a,
.search-bar-wrapper .text-box-wrapper input[type="submit"],
.latest-news-module .loop .news-item h3 a,
.sType a,
.news-events-item h2 a {
  -webkit-transition: 1250ms color cubic-bezier(0.19, 1, 0, 1);
  -o-transition: 1250ms color cubic-bezier(0.19, 1, 0, 1);
  transition: 1250ms color cubic-bezier(0.19, 1, 0, 1);
}

.button.reverse,
.social-media svg,
#footer #navFooter li a,
#footer .site-title img,
.donate-module .designation.show .heading:after,
.donate-module .designation .heading:after,
.ctct-form-button {
  -webkit-transition: 1250ms opacity cubic-bezier(0.19, 1, 0, 1);
  -o-transition: 1250ms opacity cubic-bezier(0.19, 1, 0, 1);
  transition: 1250ms opacity cubic-bezier(0.19, 1, 0, 1);
}

#navContainer .social-media svg path,
#header #toggleSearch svg path {
  -webkit-transition: 1250ms fill cubic-bezier(0.19, 1, 0, 1);
  -o-transition: 1250ms fill cubic-bezier(0.19, 1, 0, 1);
  transition: 1250ms fill cubic-bezier(0.19, 1, 0, 1);
}

#closeNav span.line,
#toggleNav span.line,
main.search-results .result,
#navMain .menu > li {
  -webkit-transition: 1250ms background cubic-bezier(0.19, 1, 0, 1);
  -o-transition: 1250ms background cubic-bezier(0.19, 1, 0, 1);
  transition: 1250ms background cubic-bezier(0.19, 1, 0, 1);
}

/******************************* light green */

a.back:hover,
a.next:hover,
.back a:hover,
.next a:hover,
#navMain .menu .sub-menu li a:hover,
.search-bar-wrapper .text-box-wrapper input[type="submit"]:hover {
  /*    color: #00af77;*/
  color: #00bf82 !important;
}

#navContainer .social-media svg:hover path {
  /*    fill: #00af77;*/
  fill: #00bf82;
}

/********************************* dark green */

#menu-secondary-1 li a {
  color: #007a53 !important;
}

.subnavigation .current-menu-item a:hover,
#menu-secondary-1 a:hover {
  /*    color: #009666 !important;*/
  color: #00ae75 !important;
}

#closeNav:hover span.line {
  /*    background-color: #009666;*/
  background-color: #00ae75;
}

/************************************ grey */

.button,
.special-button a,
.special-button,
#menu-secondary a {
  color: #56584f !important;
}

#navMain .menu li a:hover,
.subnavigation nav a:hover,
.button:hover,
.special-button a:hover,
.special-button:hover,
#menu-secondary a:hover,
.nav-secondary li a:hover,
.latest-news-module .loop .news-item h3 a:hover,
.news-events-item h2 a:hover {
  /*    color: #74766a;*/
  color: #787b6e !important;
}

#toggleNav:hover span.line {
  /*    background-color: #74766a;*/
  background-color: #787b6e;
}

#header #toggleSearch:hover svg path {
  /*    fill: #74766a;*/
  fill: #787b6e;
}

/************************************ white */

.button.reverse:hover,
.social-media svg:hover,
#footer #navFooter li a:hover,
#footer .site-title img:hover {
  opacity: 0.7;
  color: white !important;
}

.button.reverse,
.social-media svg,
#footer #navFooter li a,
#footer .site-title img {
  opacity: 1;
  color: white !important;
}

/************************************ blue */

.sType a:hover {
  /*	color: #009ea9;*/
  color: #00b9c7;
}

/*********************************************/

/*	Urgent Mode - Layer Styles */

/*********************************************/
@media screen and (min-width: 1400px) {
  .urgent-style.hero-module .inner {
    height: 700px;
  }
}

.urgent-style .latest-post .heading {
  max-width: 30%;
  margin-top: 60px;
}

.urgent-style .latest-post .inner {
  background-color: #008b95;
  padding-top: 100px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.urgent-style .heading h2,
.urgent-style .latest-post h3,
.urgent-style .content p {
  color: white !important;
}

.urgent-style .latest-post h3 {
  margin-top: 0px;
  margin-bottom: 30px;
}

.urgent-style .latest-post h3 a {
  text-decoration: none;
}

.urgent-style .latest-post .content {
  max-width: 60%;
  padding-right: 10%;
}

.urgent-style .heading-delete h1,
.urgent-style .heading-delete h2,
.urgent-style .heading-delete h3,
.urgent-style .heading-delete h4,
.urgent-style .heading-delete h5,
.urgent-style .heading-delete h6,
.urgent-style .latest-post .content img {
  display: none;
}

.urgent-style .heading .special-button.reverse::after {
  background-color: #008b95 !important;
  border-color: rgba(237, 49, 28, 0.8) !important;
}

@media screen and (max-width: 1600px) {
  .urgent-style .latest-post .heading {
    max-width: 35%;
  }

  .urgent-style .latest-post .content {
    max-width: 50%;
  }
}

@media screen and (max-width: 1300px) {
  .urgent-style .button-layer .button-container,
  .urgent-style .latest-post .content {
    padding-right: 0 !important;
  }
}

@media screen and (max-width: 1060px) {
  .urgent-style .latest-post .heading {
    max-width: 30%;
  }

  .urgent-style .latest-post .content {
    max-width: 60%;
  }
}

@media screen and (max-width: 900px) {
  .urgent-style .latest-post .inner {
    display: block;
    padding-top: 10px !important;
    padding-bottom: 40px !important;
  }

  .urgent-style .latest-post .heading {
    margin-bottom: 30px;
  }

  .urgent-style .latest-post .heading,
  .urgent-style .latest-post .content {
    display: block;
    max-width: 100%;
  }
}

/*********************************************/

/*	404 Page */

/*********************************************/

#is404 h1 {
  font-size: 2000%;
  font-weight: 200;
}

/*********************************************/

/*	Urgent Page */

/*********************************************/
.page-hero .special-button {
  margin-top: 40px;
}

.page-hero a.special-button::after {
  background-color: #eeeee4;
}

.urgent-loop .subnavigation {
  width: 100%;
  text-align: center;
}

.page-hero.urgent-page-hero {
  margin-bottom: 0 !important;
}

.subnavigation.urgent-navigation {
  margin-top: 0 !important;
}

.subnavigation.urgent-navigation .inner {
  background-color: #007a53;
}

.subnavigation.urgent-navigation nav a {
  color: #f6f7f6;
}

.subnavigation.urgent-navigation nav a:hover {
  color: #eeeee4 !important;
}

.subnavigation.urgent-navigation nav .current-menu-item a {
  color: #ffc72c;
}

/*********************************************/

/*	Home Page Layers */

/*********************************************/

/************************************* Hero */

.hero-module {
  position: relative;
  z-index: 1;
}

.hero-module .inner {
  height: 880px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hero-module .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  margin-left: -77px;
  z-index: -1;
}

.hero-module .content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  max-width: 728px;
  width: 100%;
  background-color: #007a53;
  padding: 90px;
  z-index: 1;
  position: relative;
}

.hero-module p {
  color: white;
  font-weight: 400;
  font-size: 240%;
  line-height: 1.4;
  margin-bottom: 60px;
  margin-top: 30px;
}

.hero-module .caption {
  color: inherit;
  padding: 0;
  text-align: right;
  max-width: 1798px;
  margin: 15px auto;
}

/************************************* Intro */

.intro-module .inner {
  height: 581px;
  background-color: #eeeee4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.intro-module .statistic {
  position: relative;
  width: 100%;
  max-width: 434px;
}

.intro-module .statistic:before {
  content: "";
  border: 32px solid rgba(86, 88, 79, 0.06);
  height: 565px;
  width: 565px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  background-color: transparent;
  /**/
  display: block;
  position: absolute;
  top: -100%;
  left: -27%;
}

.intro-module .statistic p {
  font-size: 300%;
  line-height: 1.33;
  color: #56584f;
  font-weight: 500;
}

.intro-module .statistic .number {
  font-size: 420%;
  letter-spacing: -2px;
  color: #008b95;
  display: block;
  line-height: 1;
  margin-bottom: 10px;
}

.intro-module .who-we-are {
  max-width: 770px;
  width: 100%;
}

.intro-module .who-we-are h2,
.search-results .post-type,
.urgent-style .eyebrow {
  font-size: 200%;
  line-height: 1.33;
  letter-spacing: 1.5px;
  color: #008b95;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 35px;
}

.intro-module .who-we-are p {
  color: #008b95;
  font-size: 340%;
  line-height: 1.33;
  letter-spacing: -0.75px;
  font-weight: 200;
}

/************************************* Latest News */

.latest-news-module .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  margin-bottom: 80px;
}

.latest-news-module .heading h2 {
  color: #56584f;
  font-size: 700%;
  line-height: 1;
  letter-spacing: -1.54px;
  font-weight: 500;
}

.latest-news-module .heading p {
  color: #007a53;
  font-weight: 400;
  font-size: 240%;
  line-height: 1.33;
  max-width: 585px;
  margin: 0 80px;
}

.latest-news-module .heading a {
  min-width: 90px;
}

.latest-news-module .loop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.latest-news-module .loop .news-item {
  width: calc(33% - 20px);
}

.latest-news-module .loop .news-item .image {
  width: 100%;
  height: 19vw;
  display: block;
  background-size: cover;
  background-position: center;
}

.latest-news-module .loop .news-item p {
  font-size: 180%;
  line-height: 1;
  color: #008b95;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 35px;
}

.latest-news-module .loop .news-item h3 {
  margin-bottom: 30px;
}

.latest-news-module .loop .news-item h3 a {
  font-size: 340%;
  line-height: 1.3;
  color: #56584f;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: -1.8px;
}

/*********************************************/

/*	Heros */

/*********************************************/

.page-hero .inner {
  position: relative;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-hero .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  margin-left: -77px;
}

.page-hero .content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*    justify-content: center;*/
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  max-width: 760px;
  width: 100%;
  background-color: #eeeee4;
  padding: 0 120px;
  z-index: 1;
  position: relative;
}

.page-hero h1 {
  color: #007a53;
  font-size: 700%;
  line-height: 1.2;
  letter-spacing: -1.5px;
  font-weight: 500;
  margin-top: -20px;
}

.page-hero p {
  color: #007a53;
  font-weight: 400;
  font-size: 250%;
  line-height: 1.4;
  margin-top: 30px;
}

.page-hero .caption {
  color: inherit;
  margin: 20px auto;
  padding: 0;
  text-align: right;
  max-width: 1798px;
}

.feed-hero {
  margin-bottom: 0 !important;
}

.feed-hero .inner {
  height: 600px;
  position: relative;
  background-color: #007a53;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.feed-hero h1 {
  position: relative;
  z-index: 1;
}

.feed-hero .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.3;
}

/*********************************************/

/*	Donate Module */

/*********************************************/

.donate-module .inner {
  background-color: #007a53;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 656px;
}

.donate-module .image-container {
  width: 100%;
  max-width: 738px;
  height: 100%;
  overflow: auto;
}

.donate-module .image-container .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.donate-module .content {
  width: 100%;
  max-width: 375px;
  margin: 0 60px;
}

.donate-module .content p {
  color: white;
  font-weight: 400;
  font-size: 240%;
  line-height: 1.33;
  margin-bottom: 60px;
  margin-top: 30px;
}

.donate-module .designations {
  max-width: 400px;
  width: 100%;
  margin-right: 4%;
}

.donate-module .designation {
  margin-bottom: 22px;
  width: 100%;
}

.donate-module .designations:hover .heading {
  opacity: 0.8 !important;
}

.donate-module .designation .heading {
  opacity: 1;
  padding: 6px 10px 10px 10px;
  cursor: pointer;
  position: relative;
}

.donate-module .designation.show .heading,
.donate-module .designation .heading:hover {
  opacity: 1 !important;
  background-color: rgba(86, 88, 79, 0.2);
}

.donate-module .designation.show .heading:after,
.donate-module .designation .heading:after {
  content: "+";
  color: white;
  font-size: 240%;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  right: 8px;
  top: 9px;
  opacity: 0.00000000001;
}

.donate-module .designation .heading:hover:after {
  opacity: 0.9999999999999;
}

.donate-module .designation svg {
  width: auto;
  max-width: 30px;
  height: 23px;
  display: inline-block;
  margin-right: 22px;
  margin-bottom: -2px;
  width: 30px;
}

.donate-module .designation svg path {
  color: #ffffff;
}

.donate-module .designation h3 {
  color: white;
  font-size: 240%;
  line-height: 1;
  display: inline-block;
}

.donate-module .designation .message p {
  color: white;
  font-size: 200%;
  line-height: 1.25;
}

.donate-module .designation .message {
  display: none;
}

.donate-module .designation.show .message {
  padding-left: 54px;
  width: 100%;
  padding-right: 30px;
  margin-top: 10px;
  display: inline-block;
}

/*********************************************/

/*	Campaign Module */

/*********************************************/

.campaign-module.clip {
  -webkit-clip-path: polygon(92% 0, 100% 160px, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(92% 0, 100% 160px, 100% 100%, 0 100%, 0 0);
}

.campaign-module .inner {
  height: 880px;
  background-color: #007a53;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.campaign-module .content {
  max-width: 500px;
  margin-top: -20px;
  padding-left: 90px;
  position: relative;
  z-index: 1;
}

.campaign-module .content p {
  color: white;
  font-size: 260%;
  line-height: 1.33;
  margin-bottom: 80px;
  margin-top: 30px;
}

.campaign-module .background {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.3;
}

/*********************************************/

/*	Featured Story */

/*********************************************/

.featured-story-module {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.featured-story-module .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.featured-story-module .image {
  max-width: 955px;
  width: 100%;
  height: 28vw;
  display: inline-block;
  background-size: cover;
  background-position: center;
}

.featured-story-module .content {
  max-width: 435px;
  width: 100%;
}

.urgent-style .latest-post h2,
.featured-story-module .content h2 {
  color: #007a53;
  font-size: 550%;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -1.2px;
}

.featured-story-module .content p {
  color: #007a53;
  font-size: 240%;
  line-height: 1.4;
  font-weight: 300;
  margin-bottom: 60px;
  margin-top: 20px;
}

.featured-story-module:nth-of-type(odd) .inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.featured-story-module:nth-of-type(even) .image {
  margin-left: 80px;
}

.featured-story-module:nth-of-type(odd) .image {
  margin-right: 80px;
}

/*********************************************/

/*	News/Events Feed */

/*********************************************/

#ajax-load-more {
  width: 100%;
}

.news-events-feed.feed-loop .inner,
.news-events-feed.feed-loop .alm-reveal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.news-events-feed .news-events-item .content {
  padding-top: 30px;
}

.stories-feed .alm-listing .alm-reveal {
  margin-bottom: -150px;
}

.news-events-item {
  width: 46%;
  margin-bottom: 200px;
}

.news-events-item .image {
  height: 25vw;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.news-events-item p.date {
  font-weight: 500 !important;
  font-size: 180% !important;
  line-height: 1 !important;
  color: #008b95 !important;
  margin-bottom: 15px !important;
  margin-top: 40px !important;
}

.news-events-item h2 a {
  font-weight: 500;
  font-size: 400%;
  line-height: 1.1;
  text-decoration: none;
  margin-bottom: 20px;
}

.news-events-item p {
  font-weight: 400;
  font-size: 220%;
  line-height: 1.3;
  color: #007a53;
  margin-top: 30px;
  margin-bottom: 50px;
}

.events .news-events-item .date {
  display: none;
}
.news-events-item.sig-event {
  display: flex;
  width: 100%;
  margin-bottom: 0px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid #77c19a;
}
.news-events-item.sig-event p {
  color: #008c95;
}
.news-event-item.sig-event a.special-button {
  border: 4px solid #77c19a;
}
.news-events-item.sig-event:last-child {
  border-bottom: 1px solid #77c19a;
}

.news-events-item.sig-event .content.sig-event,
.news-events-item.sig-event .image,
.news-events-item.sig-event .sig-event__images .logo-box {
  width: 40%;
  height: 300px;
}
.news-events-item.sig-event .sig-event__images {
  width: 300px;
}
.news-events-item.sig-event .sig-event__images .logo-box {
  background-color: #007a53;
  color: white;
  width: 300px;
  padding: 30px;
}
.events .news-events-item .logo-box h2 {
  font-size: 370%;
  font-weight: 500;
  line-height: 1em;
}
.news-events-item.sig-event .sig-event__images img {
  width: 300px !important;
  height: 300px !important;
  max-width: fit-content;
}
.news-events-item.sig-event .content.sig-event {
  margin-left: 30px;
  padding-top: 20px;
  align-content: center;
  display: grid;
}
.news-events-item.sig-event .content.sig-event p {
  margin-bottom: 30px;
}
/*********************************************/

/*	Singles */

/*********************************************/

.single-header .back {
  display: block;
  margin-bottom: 90px;
}

.single-header.event .inner .event-details {
  display: flex;
  gap: 60px;
  padding-top: 40px;
}
.single-header.event .inner .event-details p {
  color: #008c95;
  font-size: 220%;
  line-height: 1.6;
  align-self: center;
  font-weight: 500;
}

.single-header h1 {
  color: #007a53;
  font-size: 550%;
  line-height: 1.1;
  letter-spacing: -1.2px;
  font-weight: 500;
  margin-right: 30px;
}

.single-header .date {
  font-weight: 500;
  font-size: 180%;
  line-height: 1;
  margin-bottom: 15px;
  margin-top: 30px;
}

.single-content {
  margin-top: 90px;
}
.single-content .event-image {
  max-height: 750px;
}
.single-content.event .details p {
  color: #007a53;
  font-size: 220%;
  line-height: 1.6;
  font-weight: 500;
}

.single-content.event .content {
  /* padding-top: 60px; */
  margin-right: 60px;
  max-width: 70%;
}
.single-content.event .main-content {
  display: flex;
}

.single-content.event .highlights-paragraph {
  width: 30vw;
  clip-path: polygon(80% 0px, 100% 50px, 100% 100%, 0 100%, 0 0);
  /* border: 10px solid #77C19A; */
  background-color: #addec4;
  padding: 10px;
  color: #007a53;
}
.single-content.event .highlights-paragraph__inner {
  width: 100%;
  height: 100%;
  background-color: #f8f8f4;
  clip-path: polygon(80% 0px, 100% 50px, 100% 100%, 0 100%, 0 0);
  padding: 30px;
}
.single-content.event .highlights-paragraph h2 {
  margin-bottom: 20px;
}

.event-cta {
  height: 250px;
}
.event-cta .inner {
  color: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  background-color: #ffc72c;
}
.event-cta .inner::before {
  content: "";
  background-image: url(./img/CTA-background.svg);
  opacity: 0.2;
  height: 100px;
  width: 100%;
  position: absolute;
  margin-bottom: -150px;
  margin-left: -80px;
}
.event-cta h3 {
  font-size: 550%;
  line-height: 1.1;
  letter-spacing: -1.2px;
  font-weight: 400;
  margin-right: 30px;
  max-width: 50%;
}
.event-cta .special-button.blue {
  border-color: #008c95 !important;
  color: black !important;
}
.event-cta a.special-button.blue::after {
  border-color: #008c95 !important;
}

.event-gallery {
  margin-bottom: -60px;
}

.event-gallery h2 {
  color: #007a53;
  font-size: 360%;
  line-height: 1.3;
  letter-spacing: -1.5px;
  font-weight: 500;
  margin-bottom: 40px;
  text-align: left;
}
/* this style breaks gallery if image has caption in media library

.event-gallery img.slick-slide {
    margin: 10px;
} 
    */
.event-gallery .slick-slide {
  padding: 10px;
}

.event-gallery .slick-prev,
.event-gallery .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 10px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 10;
}

.event-gallery .slick-next {
  position: absolute;
  right: -60px;
}
.event-gallery .slick-prev {
  position: absolute;
  left: -60px;
}
.event-gallery .slick-next::before {
  /* right: auto;
    margin-left: -60px; */
  content: url("./img/right-arrow.svg");
}
.event-gallery .slick-prev::before {
  /* right: -40px;
    left: auto; */
  content: url("./img/left-arrow.svg");
}
.event-gallery .slick-prev::before,
.event-gallery .slick-next::before {
  font-size: 20px;
  line-height: 1;
  border-radius: 50%;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.event-sponsors .heading {
  display: flex;
  justify-content: space-between;
}
.event-sponsors .heading .heading__text {
  width: 60%;
}
.event-sponsors .content .title-logo-gallery__images,
.event-sponsors .content .event-sponsors__title-logo-group,
.event-sponsors .content .event-sponsors__title-text-group {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 30px 0;
}
.event-sponsors .content .title-logo-gallery__images img,
.event-sponsors .content .event-sponsors__title-logo-group__group img {
  object-fit: contain;
  margin-right: 30px;
  padding: 10px 40px;
  border: 1px solid #77c19a;
  max-height: 125px;
  max-width: 310px;
  background-color: white;
}
.event-sponsors .content .event-sponsors__title-logo-group__group {
  margin-right: 30px;
}
.event-sponsors .content h3 {
  font-size: 300% !important;
  margin-bottom: 10px !important;
}

.single-footer .related-posts,
.single-footer .single-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.single-footer .single-navigation.event {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.single-footer .single-navigation .next,
.single-footer .single-navigation .back {
  margin-top: 50px;
  margin-bottom: 100px;
}

.single-footer .related-posts .related {
  width: 50%;
}

.single-footer .related-posts .related .image {
  height: 13vw;
  width: 43%;
  background-size: cover;
  background-position: center;
  display: inline-block;
  vertical-align: top;
}

.single-footer .related-posts .related .content {
  width: 51%;
  margin-left: 5%;
  display: inline-block;
}

.single-footer .related-posts .related h3 {
  color: #007a53;
  font-size: 350%;
  line-height: 1.1;
  letter-spacing: -1.2px;
  font-weight: 500;
  margin-bottom: 40px;
  margin-right: 50px;
}

/*********************************************/

/*	Page Layers */

/*********************************************/

/************************************* Image */

.fw-image {
  padding-bottom: 30px;
}

.fw-image img {
  width: 100%;
}

.fw-image figcaption,
.text-box p.wp-caption-text,
p.caption {
  margin-top: 30px;
  /* max-width: 80%; */
  min-width: 300px;
  /**/
  font-weight: 300;
  font-size: 180%;
  line-height: 1.4;
  letter-spacing: -0.8px;
}

/************************************* Text Box */

.text-box .text-box {
  padding-left: 0;
  padding-right: 0;
}

.text-box p img {
  display: block;
  max-width: 100%;
  margin: 40px;
}

/************************************* bockquote */

.text-box blockquote p {
  color: #007a53;
  margin-left: 30px;
  padding: 40px 0;
  font-weight: 300;
  font-size: 240%;
  max-width: 80%;
}

/************************************* video */

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/************************************* button */

.button-layer {
  margin-bottom: 80px !important;
  margin-top: -40px !important;
  padding-top: 0 !important;
}

.button-layer .button-container {
  text-align: right;
}

/************************************* subpage module */

.subpage-callout-module .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 636px;
}

.subpage-callout-module:nth-of-type(odd) .inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.subpage-callout-module .image {
  width: 60%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.subpage-callout-module .content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 40%;
  background-color: rgba(0, 153, 105, 0.1);
  padding: 0 100px;
}

.subpage-callout-module h2 {
  color: #007a53;
  font-size: 700%;
  line-height: 1.1;
  letter-spacing: -2.2px;
  font-weight: 500;
}

.subpage-callout-module p {
  color: #007a53;
  font-weight: 400;
  font-size: 240%;
  line-height: 1.33;
  margin-bottom: 80px;
  margin-top: 30px;
}

/************************************* three column */

.three-column .title,
.feed-intro p {
  padding-right: 20%;
  padding-top: 90px;
  padding-bottom: 90px;
}

.three-column .title h2,
.feed-intro p {
  color: #56584f;
  font-size: 410%;
  line-height: 1.31;
  letter-spacing: -1.72px;
  font-weight: 500;
}

.three-column .title h2 span,
.feed-intro p span {
  color: #007a53 !important;
}

.three-column .title h2 span a,
.feed-intro p span a {
  color: #007a53 !important;
  text-decoration: none;
  font-weight: inherit;
  border-bottom: 2px solid #007a53;
}

.three-column .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.three-column .grid .column {
  width: 30%;
  margin-bottom: 90px;
  margin-right: 3%;
}

.three-column .grid .column.ct-pdf {
  width: 240px;
  text-align: center;
}

.three-column .grid .column .stat h3 {
  font-weight: 500;
  font-size: 960%;
  line-height: 1;
  letter-spacing: -3.3px;
  color: #008b95;
  margin-bottom: 20px;
}

.three-column .grid .column .stat p {
  font-size: 260%;
}

.three-column .grid .column img {
  justify-self: center;
  margin-bottom: 30px;
}

.three-column .grid .column .button {
  margin-top: 30px !important;
}

.three-column .grid .column .pdf-icon svg {
  width: 80px;
  height: auto;
}

.three-column .grid .column.ct-pdf .pdf-icon svg path {
  fill: #007a53;
}

.three-column .grid .column.ct-pdf a {
  margin-top: 30px;
  display: block;
  font-size: 200%;
  text-align: center;
  line-height: 1.3;
}

.three-column .grid .column h1,
.three-column .grid .column h2,
.three-column .grid .column h3 {
  margin-top: 0;
  margin-bottom: 20px;
}

.three-column .give-style img {
  border-radius: 50%;
  width: 150px;
}

.three-column .give-style a.wtg-style {
  text-decoration: none;
  color: #007a53;
}
.three-column .give-style a.wtg-style h2 {
  text-decoration: underline;
  text-underline-offset: 33%;
}

.three-column .grid .column.give-style {
  padding: 40px;
  margin-bottom: 20px;
  clip-path: polygon(80% 0px, 100% 50px, 100% 100%, 0 100%, 0 0);
  background-color: #addec4;
  padding: 10px;
  color: #007a53;
}
.three-column .grid .column.give-style .give-style__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #f8f8f4;
  clip-path: polygon(80% 0px, 100% 50px, 100% 100%, 0 100%, 0 0);
  padding: 30px;
}

/************************************* three col subpage module */

.three-callout-module .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.three-callout-module .inner .column {
  width: calc(33% - 10px);
  margin-bottom: 90px;
  position: relative;
  padding-bottom: 60px;
}

.three-callout-module .inner .column h3 {
  color: #007a53;
  font-size: 550%;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -1.2px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.three-callout-module .inner .column p {
  color: #007a53;
  font-size: 240%;
  line-height: 1.333;
  font-weight: 300;
  margin-bottom: 80px;
  padding-right: 40px;
}

.three-callout-module .inner .column .image-container {
  height: 19vw;
  overflow: hidden;
}

.three-callout-module .inner .column .image-container img {
  height: auto;
  width: 100%;
  overflow: hidden;
  max-width: none;
}

.three-callout-module .inner .column a {
  position: absolute;
  bottom: 0;
}

/************************************* testimonials */

.testimonials .inner {
  background-color: #007a53;
  position: relative;
}

.testimonials .inner:before {
  content: "“";
  font-size: 3040%;
  line-height: 1;
  color: white;
  font-weight: 300;
  opacity: 0.3;
  position: absolute;
  top: 50px;
  left: 50px;
}

.testimonials .inner blockquote {
  padding: 90px 15% 0 15%;
}

.testimonials .inner div blockquote p {
  color: white;
  font-size: 400%;
  line-height: 1.325;
  font-weight: 300;
  margin-bottom: 50px;
  letter-spacing: -1.5px;
}

.testimonials .inner div blockquote cite:before {
  content: "— ";
}

.testimonials .inner div blockquote cite {
  color: white;
  font-size: 300%;
  line-height: 1;
  font-weight: 500;
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  margin-top: 80px;
  padding-bottom: 40px;
}

.slick-dots li {
  margin: 0 20px;
  /* requested to remove the dots */
  display: none;
}

.slick-dots li:only-child {
  display: none;
}

.slick-dots button {
  display: block;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  text-indent: -9999px;
  cursor: pointer;
}

.slick-dots li.slick-active button {
  background-color: rgba(255, 255, 255, 1);
}

/*********************************************/

/*	History Timeline */

/*********************************************/

.milestones {
  margin-top: 300px !important;
}

.milestone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-height: 300px;
  height: 100%;
}

.milestone:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.milestone:nth-child(even) .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.milestone .content {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.milestone h2 {
  font-size: 650%;
  line-height: 1;
  letter-spacing: -2.75px;
  font-weight: 600;
  display: inline-block;
  width: 140px;
  vertical-align: top;
}

.milestone p {
  display: inline-block;
  max-width: calc(100% - 180px);
  padding-left: 40px;
  vertical-align: top;
}

.milestone:nth-child(even) p {
  padding-left: 0 !important;
  padding-right: 40px;
}

.milestone .content,
.milestone .image {
  width: calc(50% - 4px);
  padding: 100px 77px 200px 77px;
}

.milestone .image {
  margin-top: -200px;
}

.milestone .line {
  border-left: 4px solid rgba(86, 88, 79, 0.37);
  position: relative;
}

.milestone .line:before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  border: 4px solid #007a53;
  background-color: #f8f8f4;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  position: absolute;
  right: -7px;
  top: 120px;
}

.milestone:first-child .content {
  padding: 0 77px 200px 77px;
}

.milestone:first-child .line:before {
  top: 0;
}

.milestone:first-child .image {
  margin-top: -300px;
}

/*********************************************/

/*	Audio Player */

/*********************************************/
#hap-wrapper0 {
  font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", sans-serif !important;
}

/*********************************************/

/*	COVID-19 Impact Page */

/*********************************************/

p.special {
  width: 80% !important;
}

.covid19-impact .inner {
  display: flex;
}

.covid19-impact:nth-of-type(odd) .inner,
.covid19-impact:nth-of-type(odd) .covid-19-impact__image {
  background-color: rgba(119, 193, 154, 0.15);
  -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 100px);
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 100px);
}

.covid19-impact:nth-of-type(odd) .covid-19-impact__image img {
  -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 97px);
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 97px);
}

.covid19-impact:nth-of-type(odd) .covid-19-impact__image {
  background-color: rgba(119, 193, 154, 0.7);
}

.covid19-impact:nth-of-type(even) .covid-19-impact__content * {
  color: #007a53 !important;
}

.covid19-impact:nth-of-type(even) .inner,
.covid19-impact:nth-of-type(even) .covid-19-impact__image {
  background-color: rgba(208, 211, 212, 0.2);
  -webkit-clip-path: polygon(90% 0, 100% 100px, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(90% 0, 100% 100px, 100% 100%, 0 100%, 0 0);
}

.covid19-impact:nth-of-type(even) .covid-19-impact__image img {
  -webkit-clip-path: polygon(80% 0, 100% 97px, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(80% 0, 100% 97px, 100% 100%, 0 100%, 0 0);
}

.covid19-impact:nth-of-type(even) .covid-19-impact__image {
  background-color: rgba(208, 211, 212, 1);
}

.covid19-impact:nth-of-type(even) .inner {
  flex-direction: row-reverse;
}

.covid19-impact:nth-of-type(odd) .covid-19-impact__content * {
  color: #25282a !important;
}

.covid-19-impact__image {
  width: 50%;
  padding: 30px;
}

.covid-19-impact__image img {
  display: inline-block;
  height: 500px;
  width: 100%;
  object-fit: cover;
}

.covid-19-impact__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 10%;
  width: 50%;
}

.covid-19-impact__content h2 {
  margin-bottom: 20px;
  font-size: 400%;
}

.covid-19-impact__content p {
  font-size: 250%;
}

/*********************************************/

/*	Footer */

/*********************************************/

#footer.pv {
  margin-bottom: 0 !important;
}

#footer .inner {
  background-color: #007a53;
  /* height: 486px; */
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#footer .inner .wrapper {
  width: 1498px;
  height: 100%;
}

#footer .site-title img {
  max-width: 190px;
  margin-right: 7vw;
}

#footer .left-side {
  /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
  display: grid;
  grid-template-columns: 240px 1fr;
  grid-row-gap: 20px;
  margin-left: 10vw;
  max-width: 50%;
}

#footer .left-side p,
#footer .left-side a,
#footer #navFooter a {
  font-size: 200%;
  color: white;
  line-height: 1.2;
}

#footer .info {
  grid-column-start: 2;
  align-self: end;
}
#footer .land {
  margin-top: 20px;
  grid-column-end: 3;
  grid-column-start: 1;
  width: 90%;
}
#footer #navFooter {
  grid-column-end: 3;
  grid-column-start: 1;
}

#footer .right-side {
  margin-right: 10vw;
  margin-left: 80px;
}

#footer .social-media {
  clear: both;
  /* margin-top: 100px; */
  grid-column-end: 3;
  grid-column-start: 1;
}

#footer .social-media a {
  padding: 10px;
}

#footer .social-media svg path {
  fill: #ffffff;
}

#footer #navFooter li {
  display: inline;
  margin-left: 12px;
}

#footer #navFooter li a {
  text-decoration: underline;
}

#footer #navFooter li a:after {
  content: "";
  height: 23px;
  width: 2px;
  background-color: white;
  display: inline-block;
  margin-bottom: -5px;
  margin-left: 12px;
}

#footer #navFooter li:first-child {
  margin-left: 0 !important;
}

#footer #navFooter li:last-child a:after {
  display: none;
}

/*********************** constant contact ****/

#email_address_label_0 {
  display: block !important;
  margin-top: 30px;
  margin-bottom: 0 !important;
  font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", sans-serif !important;
  font-weight: 500 !important;
}

.ctct-gdpr-text,
.ctct-form-footer,
#ctct_recaptcha_0 {
  /* display: none !important; */
}
.ctct-inline-form .ctct-form-footer {
  display: none;
}
.ctct-form-defaults #gdpr_text {
  margin-top: 60px;
  width: 70%;
}
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text {
  font-size: 80%;
  font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", sans-serif;
  margin-top: 5px !important;
  display: inline-block !important;
}

div.ctct-form-embed form.ctct-form-custom .ctct-form-required::before {
  color: white;
}

.ctct-form-defaults {
  padding: 0px !important;
}

h2.ctct-form-header,
.ctct-form-button,
#email_address_0 {
  font-family: "Ideal Sans SSm A", "Ideal Sans SSm B", sans-serif !important;
  font-weight: 500 !important;
}

h2.ctct-form-header {
  font-size: 35px !important;
  max-width: 400px !important;
  line-height: 1.2 !important;
  margin-bottom: 0px !important;
  margin-top: 47px !important;
}

.ctct-form-button {
  font-size: 18px !important;
  text-transform: uppercase !important;
  width: auto !important;
  /* display: inline !important;
    float: right !important;
    padding: 0 !important; */
  border: 0px !important;
  margin-top: 0px;
  background-color: white !important;
  color: #007a53 !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.ctct-form-button:hover {
  /* background-color: transparent !important; */
  border: 0px !important;
  opacity: 0.8 !important;
  color: #007a53 !important;
}

#email_address_0 {
  background-color: transparent !important;
  border: 0px !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  /* border-bottom: 2px solid white !important; */
  border: 2px solid white !important;
  border-radius: 0px !important;
  max-width: 70% !important;
  float: left !important;
  /*****/
  color: white !important;
  font-size: 20px !important;
  font-weight: 400 !important;
}

div.ctct-form-embed form.ctct-form-custom div.ctct-form-errorMessage {
  color: white !important;
}

/*********************************************/

/*	Form Fields */

/*********************************************/

span.wpcf7-not-valid-tip {
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.form .form-container {
  background-color: #eeeee4;
  padding: 80px;
  margin: auto;
}

.form input,
.form textarea {
  border: 2px solid #56584f;
  background-color: transparent;
  opacity: 0.8;
  /***/
  color: #56584f;
  font-size: 100%;
  line-height: 1.4;
  padding: 10px 16px;
}

.form input:focus,
.form textarea:focus {
  opacity: 1;
}

.form p {
  width: calc(50% - 21px);
  display: inline-block;
  vertical-align: top;
}

.form p:nth-child(even) {
  margin-right: 20px;
}

.form p:nth-child(odd) {
  margin-left: 20px;
}

.form label .label {
  display: block;
  font-size: 90%;
  line-height: 1;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 40px;
}

.form h2 {
  margin-bottom: 20px;
}

.form .form-submit-button {
  opacity: 1 !important;
  text-align: right;
}

.form .full p {
  width: 100%;
  margin: 40px 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.form .footnotes p {
  font-size: 200%;
  font-weight: 200;
  margin: 0 !important;
  padding: 0 !important;
}

div.wpcf7 .ajax-loader {
  display: block;
}

/* Normalize all text */

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-response-output {
  border: none !important;
  font-size: 200%;
  background-color: transparent;
  display: block !important;
  width: 100%;
  padding: 30px;
}

div.wpcf7-response-output {
  padding: 0;
}

/* Success Message */

div.wpcf7-mail-sent-ok:before {
  content: "Success";
  background-color: seagreen;
  color: white;
  padding: 3px 10px;
  border-radius: 5px;
  margin-right: 10px;
}

/* Error Message */

div.wpcf7-validation-errors:before,
div.wpcf7-acceptance-missing:before {
  content: "Attention";
  background-color: darkorange;
  color: white;
  padding: 3px 10px;
  border-radius: 5px;
  margin-right: 10px;
}

/*********************************************/

/*	Responsive Media Queries */

/*********************************************/

@media screen and (max-width: 1850px) {
  .donate-module .designations {
    max-width: 370px;
  }

  #closeNav {
    right: 0;
  }
}

@media screen and (max-width: 1798px) {
  .wo {
    padding: 0;
  }

  .three-callout-module.wo,
  .related-posts,
  .feed-intro {
    padding: 0 60px;
  }

  .hero-module .caption,
  .page-hero .caption {
    margin: 15px;
  }

  .latest-news-module .inner,
  #header .inner,
  #footer .inner {
    padding: 0 100px;
  }

  #footer .left-side,
  #footer .right-side {
    margin-left: 0 !important;
    margin-right: 0;
  }

  #footer .left-side {
    margin-right: 60px !important;
  }
}

@media screen and (max-width: 1700px) {
  body {
    font-size: 56%;
  }

  #header .inner .top-area {
    height: 170px;
  }
}

@media screen and (max-width: 1800px) and (min-width: 1600px) {
  .event-gallery.indent,
  .event-sponsors.indent {
    padding: 0 155px;
  }
}

@media screen and (max-width: 1600px) {
  body {
    font-size: 54%;
  }

  .pv {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .pv2 {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .indent {
    padding: 0 100px;
  }
}

@media screen and (max-width: 1530px) {
  .campaign-module.clip {
    -webkit-clip-path: polygon(90% 0, 100% 150px, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(90% 0, 100% 150px, 100% 100%, 0 100%, 0 0);
  }

  .indent,
  .intro-module .inner,
  .hero-module .content-container,
  .campaign-module .content,
  .latest-news-module .inner,
  #footer .inner,
  #header .inner {
    padding: 0 70px;
  }

  /* module heights */
  .feed-hero .inner,
  .page-hero .inner,
  .donate-module .inner {
    height: 550px;
  }

  .hero-module .inner,
  .campaign-module .inner {
    height: 700px;
  }

  .subnavigation .inner {
    height: 80px;
  }

  /*********************************************/
  /*	Modules */
  /*********************************************/
  .three-column .title,
  .feed-intro p {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .three-column .grid .column {
    margin-bottom: 100px;
  }

  .testimonials .inner div blockquote p {
    font-size: 350%;
    margin-bottom: 40px;
  }

  .testimonials .inner div blockquote cite {
    font-size: 280%;
  }

  .slick-dots li {
    margin: 0 14px;
  }

  .subpage-callout-module p {
    margin-bottom: 50px;
  }

  /*********************************************/
  /*	Home Page Layers */
  /*********************************************/
  /************************************* Intro */
  .intro-module .who-we-are {
    max-width: 570px;
  }
  .intro-module .who-we-are p {
    font-size: 300%;
  }
  .intro-module .who-we-are h2,
  .search-results .post-type,
  .urgent-style .eyebrow {
    margin-bottom: 25px;
  }
  .intro-module .statistic {
    margin-right: 50px;
  }
}

@media screen and (max-width: 1400px) {
  body {
    font-size: 52%;
  }

  .width-match,
  #navContainer {
    width: 630px;
  }

  #closeNav {
    top: 60px;
  }

  .search-bar-wrapper .text-box-wrapper input[type="text"] {
    width: 400px;
  }

  .search-bar-wrapper {
    right: 135px;
    width: 560px;
  }

  /*********************************************/
  /*	Page Layers */
  /*********************************************/
  /************************************* text box */
  .text-box.special .inner .content-container {
    width: 60% !important;
  }
  .text-box.special h2.special {
    width: 30% !important;
  }

  .text-box.special.events-2022 .inner .content-container {
    width: 100% !important;
    margin-left: 0%;
  }

  .covid-19-impact__content {
    padding: 0 5%;
  }

  .covid-19-impact__content p {
    font-size: 220%;
  }

  .covid-19-impact__content h2 {
    font-size: 360%;
  }

  /*********************************************/
  /*	Timeline */
  /*********************************************/
  .milestones {
    margin-top: 200px !important;
  }

  .milestone .content {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .milestone p {
    max-width: 100%;
    padding: 0 !important;
  }

  .milestone .content {
    padding: 100px 40px 200px 40px;
  }

  .milestone .image {
    padding: 200px 40px 200px 40px;
  }
}

@media screen and (max-width: 1300px) {
  .pv2 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .stories-feed .alm-listing .alm-reveal {
    margin-bottom: -100px;
  }

  #header .inner .top-area {
    height: 120px;
    margin-top: 20px;
  }
  .single-header .back {
    margin-bottom: 50px;
    margin-top: 50px;
  }

  #header .site-title img {
    max-width: 280px;
  }

  #navContainer .bottom-area {
    margin-top: 20px;
  }

  #closeNav {
    top: 35px;
  }

  .news-events-item h2 a {
    font-size: 350%;
  }

  #footer .site-title img {
    margin-right: 6vw;
  }

  /*********************************************/
  /*	Modules */
  /*********************************************/
  .module-title {
    font-size: 500%;
  }

  .testimonials .inner div blockquote p {
    font-size: 320%;
  }

  .testimonials .inner div blockquote cite {
    font-size: 260%;
  }

  .slick-dots {
    margin-top: 60px;
  }

  .donate-module .image-container {
    display: none;
  }
  .donate-module .content,
  .donate-module .designations {
    max-width: 50%;
  }

  .intro-module .statistic::before {
    border: 25px solid rgba(86, 88, 79, 0.06);
    height: 500px;
    width: 500px;
    left: -13%;
  }

  .feed-hero .inner {
    height: 400px;
  }

  .three-column .grid .column .stat h3 {
    font-size: 850%;
  }

  .three-callout-module .inner .column p {
    margin-bottom: 50px;
  }

  .subpage-callout-module .image,
  .subpage-callout-module .content-container {
    width: 50%;
  }

  .subpage-callout-module .content-container {
    padding: 0 80px;
  }

  /*********************************************/
  /*	Timeline */
  /*********************************************/
  .milestones {
    margin-top: 130px;
  }

  .milestone h2 {
    font-size: 600%;
  }
}

@media screen and (min-width: 1200px) {
  .subnavigation .submit a {
    color: #008b95;
    position: absolute;
    right: 0;
    top: 32px;
  }
}

@media screen and (max-width: 1200px) {
  body {
    font-size: 50%;
  }

  .campaign-module.clip {
    -webkit-clip-path: polygon(90% 0, 100% 130px, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(90% 0, 100% 130px, 100% 100%, 0 100%, 0 0);
  }

  /* module heights */
  .page-hero .inner,
  .donate-module .inner,
  .intro-module .inner {
    height: 500px;
  }

  .hero-module .inner,
  .campaign-module .inner {
    height: 600px;
  }

  .featured-story-module {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .featured-story-module .indent {
    padding: 0 60px;
  }

  .stories-feed .alm-listing .alm-reveal {
    margin-bottom: -100px;
  }

  .featured-story-module .image {
    height: 37vw;
  }

  .featured-story-module:nth-of-type(2n + 1) .image {
    margin-right: 60px;
  }

  .featured-story-module:nth-of-type(2n) .image {
    margin-left: 60px;
  }

  /*********************************************/
  /*	Home Page */
  /*********************************************/
  .latest-news-module .heading p {
    margin: 0 40px;
    max-width: 40%;
  }
  .latest-news-module .news-item:last-child {
    display: none;
  }
  .latest-news-module .loop .news-item {
    width: calc(50% - 20px);
  }
  .latest-news-module .loop .news-item .image {
    height: 28vw;
  }

  /*********************************************/
  /*	Modules */
  /*********************************************/
  .subpage-callout-module .image,
  .subpage-callout-module .content-container {
    width: 50%;
  }

  /************************************* text box */
  .sType h2.special,
  p.special {
    font-size: 540%;
  }

  /*********************************************/
  /*	News/Events Feed */
  /*********************************************/
  .news-events-item {
    margin-bottom: 150px;
  }
  .news-events-item h2 a {
    font-size: 350%;
  }
  .news-events-item p.date {
    font-size: 200%;
  }

  /*********************************************/
  /*	Footer */
  /*********************************************/
  #footer .inner {
    height: auto;
    padding: 80px 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #footer .left-side,
  #footer .right-side {
    display: block;
  }

  #footer .left-side {
    margin-right: 130px !important;
  }

  #footer .social-media {
    margin-top: 20px;
  }

  .social-media svg {
    height: 27px !important;
  }

  h2.ctct-form-header {
    font-size: 30px !important;
  }

  #email_address_0 {
    max-width: 100% !important;
  }
  .ctct-form-defaults #gdpr_text {
    width: 100%;
    margin-bottom: 40px;
  }

  #footer .site-title img {
    margin-right: 0;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1060px) {
  /*********************************************/
  /*	Page Layers */
  /*********************************************/
  /************************************* text box */
  .sType h2.special,
  p.special {
    color: #007a53;
    font-size: 600%;
    line-height: 1.16;
    letter-spacing: -2.5px;
    font-weight: 200;
  }
  .text-box.special h2.special,
  p.special {
    width: calc(30% - 30px);
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-right: 30px;
  }
  .text-box.special .inner {
    text-align: center;
  }

  .text-box.special .inner .content-container {
    width: 70%;
    max-width: 890px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
  .text-box.special.events-2022 .inner .content-container {
    width: 40% !important;
    margin-left: 20%;
  }
}

@media screen and (max-width: 1060px) {
  p.special {
    color: #007a53;
    font-size: 600%;
    line-height: 1.16;
    letter-spacing: -2.5px;
    font-weight: 200;
  }

  p.special {
    width: calc(30% - 30px);
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-right: 30px;
  }

  #header.wo,
  .latest-news-module.wo {
    padding-left: 30px;
    padding-right: 30px;
  }

  .latest-news-module .inner,
  #header .inner {
    padding: 0;
  }

  .wo.text-box,
  .indent {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .form .form-container {
    padding: 60px;
  }

  .wo.text-box .indent {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .pv {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .pv2 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .three-column .title h2,
  .feed-intro p {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .search-bar-wrapper {
    right: 120px;
    width: calc(100vw - 115px);
  }

  .search-bar-wrapper .text-box-wrapper input[type="text"] {
    width: calc(100vw - 285px);
    max-width: 100%;
  }

  .sType ul {
    margin: 25px 12px;
  }

  .single-content.event .content,
  .single-content.event .details {
    max-width: 100%;
  }

  .sType h1,
  .sType h2,
  .sType h3 {
    margin-bottom: 20px;
    margin-top: 60px;
  }

  .text-box p img {
    display: block;
    float: none;
    clear: both;
    max-width: 100%;
    margin: 40px auto;
  }

  h2.ctct-form-header {
    margin-top: 0px !important;
  }

  /*********************************************/
  /*	Modules */
  /*********************************************/
  .page-hero .content-container,
  .subpage-callout-module .content-container {
    max-width: 550px;
    padding: 0 90px;
    width: auto;
  }

  .subpage-callout-module h2,
  .page-hero h1 {
    font-size: 600%;
  }

  .intro-module .statistic::before {
    border: 20px solid rgba(86, 88, 79, 0.06);
    height: 400px;
    width: 400px;
    left: -12%;
    top: -77%;
  }

  .three-column .grid .column .stat h3 {
    font-size: 700%;
  }

  .testimonials .inner div blockquote p {
    font-size: 280%;
    margin-bottom: 20px;
  }

  .testimonials .inner div blockquote cite {
    font-size: 220%;
  }

  .testimonials .inner::before {
    font-size: 2500%;
  }

  .testimonials .inner blockquote {
    padding-top: 70px;
  }

  .slick-dots button {
    width: 15px;
    height: 15px;
  }

  .slick-dots li {
    margin: 0 10px;
  }

  .slick-dots {
    margin-top: 40px;
  }

  .three-callout-module {
    margin: 0 20px;
  }

  .three-callout-module .inner .column {
    width: calc(50% - 10px);
  }

  .three-callout-module .inner .column:last-child {
    display: none;
  }

  .three-callout-module .inner .column .image-container {
    height: 30vw;
  }

  .featured-story-module .content {
    max-width: 35%;
  }

  .urgent-style .latest-post h2,
  .featured-story-module .content h2 {
    font-size: 450%;
  }

  .featured-story-module .content p {
    font-size: 220%;
    margin-bottom: 40px;
  }

  .featured-story-module:nth-of-type(2n + 1) .image {
    margin-right: 40px;
  }

  .featured-story-module:nth-of-type(2n) .image {
    margin-left: 40px;
  }

  .three-column .grid .column {
    margin-right: 3%;
    width: 47%;
  }

  .three-column .grid .column.ct-pdf {
    width: 170px;
    margin-right: 5%;
  }

  .three-column .grid .column .pdf-icon svg {
    width: 60px;
  }

  .covid19-impact .inner {
    display: block;
    margin: 30px;
    width: calc(100% - 60px);
  }

  .covid-19-impact__content,
  .covid-19-impact__image {
    width: 100%;
    padding: 30px;
  }

  .covid19-impact:nth-of-type(2n + 1) .covid-19-impact__image img {
    -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 100px);
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 100px);
  }

  .covid19-impact:nth-of-type(2n) .covid-19-impact__image img {
    -webkit-clip-path: polygon(90% 0, 100% 92px, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(90% 0, 100% 92px, 100% 100%, 0 100%, 0 0);
  }

  .news-events-item.sig-event {
    display: grid;
    grid-template-areas:
      "logo image"
      "text text";
    grid-auto-columns: 300px auto;
  }
  .news-events-item.sig-event .sig-event__images {
    grid-area: logo;
  }
  .news-events-item.sig-event .image {
    grid-area: image;
  }
  .news-events-item.sig-event .content.sig-event {
    grid-area: text;
    margin-left: 0px;
  }
  .news-events-item.sig-event .content.sig-event,
  .news-events-item.sig-event .image,
  .news-events-item.sig-event .sig-event__images .logo-box {
    width: 100%;
  }

  .single-content.event .main-content {
    display: block;
  }
  .single-content.event .highlights-paragraph {
    width: 100%;
    max-width: 600px;
  }
  .event-cta .inner {
    display: grid;
    justify-content: space-evenly;
    max-width: 100%;
  }
  .event-cta .inner h3 {
    max-width: 100%;
    margin-bottom: -60px;
  }
  .event-gallery .slick-next {
    /* right: 0px; */
    right: -20px;
    top: 30%;
  }
  .event-gallery .slick-prev {
    left: -20px;
    top: 30%;
  }
  .event-sponsors .content .title-logo-gallery__images {
    display: block;
  }
  .event-sponsors .content .title-logo-gallery__images img {
    margin-bottom: 20px;
  }

  /*********************************************/
  /*	Footer */
  /*********************************************/
  #footer .left-side {
    margin-right: 40px !important;
  }

  #footer .inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  /*********************************************/
  /*	Typography */
  /*********************************************/
  .module-title {
    font-size: 400%;
  }
  .latest-news-module .heading h2 {
    font-size: 600%;
  }
  .intro-module .statistic .number {
    font-size: 350%;
  }
  .page-hero p,
  .subpage-callout-module p {
    font-size: 230%;
  }

  /*********************************************/
  /*	Page Layers */
  /*********************************************/
  /************************************* text box */
  .text-box.special .inner .content-container,
  .text-box.special h2.special {
    width: 100% !important;
  }

  .single-footer .related-posts .related {
    width: 48%;
  }

  .single-footer .related-posts .related .content {
    width: 100%;
    margin-left: 0;
  }

  .single-footer .related-posts .related .image {
    height: 260px;
    width: 100%;
  }

  .single-footer .related-posts .related h3 {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 900px) {
  body {
    font-size: 48%;
  }

  .top-area .width-match > .nav-secondary > #menu-secondary {
    display: none;
  }

  .search-results .indent {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  #header .inner .top-area {
    height: 90px;
  }

  #navContainer .bottom-area {
    margin-top: 40px;
  }

  #closeNav {
    top: 21px;
  }

  .width-match {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
    margin-right: 0;
    width: auto;
  }

  #toggleSearch {
    margin-right: 60px;
  }

  .clip {
    -webkit-clip-path: polygon(85% 0, 100% 80px, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(85% 0, 100% 80px, 100% 100%, 0 100%, 0 0);
  }

  .campaign-module.clip {
    -webkit-clip-path: polygon(89% 0, 100% 80px, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(89% 0, 100% 80px, 100% 100%, 0 100%, 0 0);
  }

  .search-bar-wrapper {
    right: 69px;
    width: calc(100vw - 133px);
  }

  .search-bar-wrapper .text-box-wrapper input[type="text"] {
    width: calc(100vw - 281px);
  }

  main.search-results .result {
    width: calc(50% - 10px);
    margin: 10px 0;
    padding: 20px;
  }

  .three-column .title h2,
  .feed-intro p {
    font-size: 370%;
  }

  /*
    .wo.text-box,
    .indent {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
*/
  /*********************************************/
  /*	Modules */
  /*********************************************/

  .hero-module .inner,
  .subpage-callout-module .inner {
    height: 500px;
  }

  .subpage-callout-module h2,
  .page-hero h1 {
    font-size: 530%;
  }

  .hero-module .content-container,
  .page-hero .content-container,
  .subpage-callout-module .content-container {
    max-width: 450px;
  }

  .three-callout-module.wo,
  .related-posts,
  .feed-intro {
    padding: 0 40px;
  }

  .indent,
  .intro-module .inner,
  .hero-module .content-container,
  .campaign-module .content,
  .page-hero .content-container,
  .subpage-callout-module .content-container {
    padding: 0 50px !important;
  }

  .three-column .title,
  .feed-intro p {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .donate-module .content {
    margin: 0 50px;
  }

  #navContainer {
    padding: 0 50px 60px 50px;
  }

  .feed-hero .inner {
    height: 340px;
  }

  .donate-module .content p,
  .campaign-module .content p,
  .hero-module p {
    font-size: 220%;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .intro-module .inner {
    height: 400px;
  }

  .intro-module .statistic {
    max-width: 330px;
  }

  .intro-module .statistic::before {
    height: 350px;
    width: 350px;
    left: -13%;
    top: -75%;
  }

  .intro-module .who-we-are p {
    font-size: 260%;
  }

  .intro-module .statistic .number {
    font-size: 300%;
  }

  .intro-module .who-we-are h2,
  .search-results .post-type,
  .urgent-style .eyebrow {
    margin-bottom: 16px;
  }

  .module-title {
    font-size: 500%;
  }

  .urgent-style .latest-post h2,
  .featured-story-module .content h2 {
    font-size: 450%;
  }

  .donate-module .content {
    width: 40%;
  }

  .donate-module .designations {
    width: 60%;
  }

  .donate-module .designation {
    margin-bottom: 15px;
  }

  .latest-news-module .heading {
    margin-bottom: 60px;
  }

  .latest-news-module .loop .news-item p {
    margin-bottom: 15px;
    margin-top: 30px;
  }

  .three-column .grid .column {
    margin-bottom: 100px;
    width: 45%;
    margin-right: 5%;
  }

  .donate-module .designation h3 {
    font-size: 220%;
  }

  .donate-module .designation svg {
    height: 21px;
    margin-right: 17px;
  }

  .three-column .grid .column .stat p {
    font-size: 240%;
  }

  .single-footer .related-posts .related .image {
    height: 210px;
  }

  /*********************************************/
  /*	Buttons */
  /*********************************************/
  .special-button a,
  a.special-button {
    font-size: 170% !important;
    padding: 20px 33px 19px 36px !important;
  }
  .special-button a::after,
  a.special-button::after {
    top: 17px;
  }

  .button {
    font-size: 170% !important;
  }

  /*********************************************/
  /*	News/Events Feed */
  /*********************************************/
  .news-events-item h2 a {
    font-size: 300%;
  }
  .news-events-item {
    width: 48%;
    margin-bottom: 100px;
  }

  /*********************************************/
  /*	Timeline */
  /*********************************************/
  .milestones {
    margin-top: 100px !important;
  }

  .milestone .content,
  .milestone .image {
    padding: 60px 40px 100px 40px;
  }

  .milestone .image,
  .milestone:first-child .image {
    margin-top: 0;
  }
  /*********************************************/
  /*	Footer */
  /*********************************************/
  #footer #navFooter {
    margin-top: 20px;
  }
}

@media screen and (max-width: 800px) {
  .latest-news-module .heading {
    display: block;
  }

  .latest-news-module .heading p {
    margin: 30px 0;
    max-width: 100%;
  }

  .subnavigation nav ul {
    width: calc(100% - 20px);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0 20px;
  }

  .subnavigation nav a {
    margin: 0 15px;
  }

  .three-column .title h2,
  .feed-intro p {
    font-size: 330%;
  }

  .pv2 {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .featured-story-module {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .featured-story-module .indent {
    padding: 0 60px;
  }

  .stories-feed .alm-listing .alm-reveal {
    margin-bottom: -70px;
  }

  .featured-story-module .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .featured-story-module .image {
    height: 53vw;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .featured-story-module .content {
    max-width: 100%;
    margin-top: 40px;
  }

  #footer .inner {
    height: auto;
    padding: 80px 40px;
  }

  #footer .site-title img {
    max-width: 150px;
  }

  h2.ctct-form-header {
    font-size: 27px !important;
  }

  .ctct-form-button {
    font-size: 16px;
  }

  .form .form-container {
    padding: 50px;
  }

  .form p:nth-child(2n) {
    margin-right: 10px;
  }

  .form p:nth-child(2n + 1) {
    margin-left: 10px;
  }
}

@media screen and (min-width: 700px) {
  button.sub-nav-back {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .campaign-module.clip {
    -webkit-clip-path: polygon(85% 0, 100% 80px, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(85% 0, 100% 80px, 100% 100%, 0 100%, 0 0);
  }

  .campaign-module .background {
    opacity: 0.2;
  }

  .donate-module .content {
    margin: 0 30px 0 50px;
  }

  .subpage-callout-module h2,
  .page-hero h1 {
    font-size: 500%;
  }

  .sType h1,
  .sType h2,
  .sType h3,
  .sType h2.special,
  p.special {
    font-size: 400%;
    margin-bottom: 20px;
  }

  .page-hero p {
    margin-top: 15px;
  }

  .single-header.event .inner div {
    display: block;
  }

  .single-header.event .inner div a {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  /*********************************************/
  /*  Buttons */
  /*********************************************/
  .button::after {
    width: 30px;
    height: 30px;
    border: 3px solid rgba(86, 88, 79, 0.2);
  }

  .button.reverse::after {
    border: 3px solid rgba(255, 255, 255, 0.2);
  }

  .special-button a,
  a.special-button {
    padding: 16px 32px 15px 32px !important;
    border: 3px solid rgba(86, 88, 79, 0) !important;
    outline: 3px solid rgba(86, 88, 79, 0.2) !important;
    outline-offset: -3px !important;
  }

  .special-button a:hover,
  a.special-button:hover {
    border: 3px solid rgba(86, 88, 79, 0.4) !important;
    outline: 3px solid rgba(86, 88, 79, 0) !important;
    outline-offset: 12px !important;
  }

  .special-button.green a,
  a.special-button.green {
    padding: 16px 32px 15px 32px !important;
    border: 3px solid rgba(0, 122, 83, 0) !important;
    outline: 3px solid rgba(0, 122, 83, 0.2) !important;
    outline-offset: -3px !important;
  }

  .special-button.green a:hover,
  a.special-button.green:hover {
    border: 3px solid rgba(0, 150, 102, 0.5) !important;
    outline: 3px solid rgba(0, 122, 83, 0) !important;
    outline-offset: 12px !important;
  }

  .special-button a:after,
  a.special-button:after {
    border: 3px solid rgba(234, 223, 41, 0.8);
    width: 16px;
    height: 16px;
    top: 14px;
    right: -9px;
  }

  .special-button a:hover:after,
  a.special-button:hover:after {
    border: 3px solid rgba(234, 223, 41, 0);
    width: 11px;
    height: 11px;
    right: -7px;
    top: 17px;
  }

  /*********************************************/
  /*  Header & Navigation */
  /*********************************************/
  #header .inner #navContainer .top-area {
    height: 0;
    margin-top: 0;
  }

  #navContainer .bottom-area {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  #navMain .menu > li {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 40px 20px 40px;
    background-color: #eeeee4;
    cursor: pointer;
  }

  #navMain .menu > li:hover {
    background-color: #e7e7dd;
  }

  #navMain .menu > li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  #navMain .menu > li:hover:after {
    border: 2px solid #00af77;
    border-left: none;
    border-top: none;
  }

  #navMain .menu > li > a:hover {
    color: #00af77;
  }

  #header .inner {
    position: static;
  }

  #header .social-media {
    padding: 30px 40px;
  }

  #header .social-media svg {
    height: 30px !important;
    margin-right: 30px;
  }

  #navContainer {
    width: 350px;
    padding: 170px 0 80px 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }

  #navMain .menu > li:after {
    content: "";
    display: inline-block;
    float: right;
    margin-top: 5px;
    /**/
    border: 2px solid #56584f;
    border-left: none;
    border-top: none;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }

  #navMain .menu .sub-menu li {
    margin-top: 25px;
    margin-left: 0;
  }

  #navMain .menu .sub-menu li a {
    font-size: 230%;
    line-height: 1.4;
  }

  /* sub-nav */
  #navMain .menu .sub-menu {
    margin-top: 0;
  }

  .sub-menu {
    display: block;
    height: calc(100vh - 90px);
    width: 350px;
    position: absolute;
    top: 90px;
    right: -400px;
    z-index: 1;
    overflow: hidden;
    padding: 80px 40px;
    background-color: #eeeee4;
  }

  /* back button */
  button.sub-nav-back {
    background-color: transparent;
    border: none;
    display: inline-block;
    margin-bottom: 30px;
    padding: 0;
    position: absolute;
    top: 40px;
    z-index: 1000000000000;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }

  button.sub-nav-back span {
    display: block;
    border: 2px solid #56584f;
    border-right: none;
    border-top: none;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }

  #header .inner .top-area {
    position: static;
  }

  #header .top-area .special-button {
    margin-right: 0;
  }

  .top-area .nav-secondary #menu-secondary-1 {
    position: absolute;
    top: 30px;
    left: 40px;
  }

  #header .top-area .nav-secondary li {
    display: block;
  }

  #header .top-area .special-button {
    margin-bottom: 40px !important;
  }

  #closeNav {
    height: 35px;
    width: 35px;
    top: 35px;
    right: 30px;
  }

  #closeNav span.line {
    width: 35px;
  }

  #navContainer .bottom-area {
    margin-top: 0;
  }

  .subnavigation .page-link a {
    margin-left: 15px;
  }

  /*********************************************/
  /*	Modules */
  /*********************************************/
  .page-hero .inner,
  .hero-module .inner {
    display: block;
    height: 390px;
  }

  .subpage-callout-module .inner {
    display: block;
    height: 700px;
  }

  .page-hero .content-container,
  .hero-module .content-container,
  .subpage-callout-module .content-container {
    max-width: 100%;
    margin-top: 350px;
  }

  .page-hero .image,
  .hero-module .image,
  .subpage-callout-module .image {
    background-position: center;
    margin-left: 0;
    margin-top: -700px;
    width: 100%;
  }

  .subpage-callout-module .content-container,
  .subpage-callout-module .image {
    margin-top: 0;
    height: 50%;
  }

  .subpage-callout-module p {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .intro-module .inner {
    display: block;
    height: auto;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .intro-module .statistic,
  .intro-module .who-we-are {
    max-width: 100%;
    width: 100%;
  }

  .intro-module .statistic {
    padding-bottom: 80px;
  }

  .intro-module .statistic::before {
    height: 380px;
    width: 380px;
    right: -20%;
    top: -19%;
    left: auto;
  }

  .three-column .grid .column {
    width: 100%;
    margin-right: 0;
    margin-bottom: 60px;
  }

  .three-column .grid .column img {
    margin-bottom: 20px;
  }

  .form p {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .three-callout-module .inner .column {
    width: 100%;
  }

  .three-callout-module .inner .column .image-container {
    height: auto;
  }

  .three-callout-module .inner .column:last-child {
    display: block;
  }

  .testimonials .inner::before {
    font-size: 2200%;
    opacity: 0.15;
  }

  .fw-image figcaption,
  .text-box p.wp-caption-text {
    margin-top: 15px;
  }

  .single-footer .related-posts .related .image {
    height: 170px;
  }

  .single-footer .related-posts .related h3 {
    margin-right: 0;
  }

  .covid-19-impact__content,
  .covid-19-impact__image {
    width: 100%;
    padding: 15px;
  }

  .covid-19-impact__image img {
    height: 300px;
  }

  .covid19-impact .inner {
    margin: 15px;
    width: calc(100% - 40px);
  }

  .covid-19-impact__content h2 {
    margin-bottom: 10px;
  }

  p.special {
    width: 100% !important;
  }

  .covid19-impact:nth-of-type(2n + 1) .inner,
  .covid19-impact:nth-of-type(2n + 1) .covid-19-impact__image {
    -webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 50px);
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%, 0 50px);
  }

  .covid19-impact:nth-of-type(2n + 1) .covid-19-impact__image img {
    -webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 40px);
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 40px);
  }

  .covid19-impact:nth-of-type(2n) .inner,
  .covid19-impact:nth-of-type(2n) .covid-19-impact__image {
    -webkit-clip-path: polygon(91% 0, 100% 43px, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(91% 0, 100% 43px, 100% 100%, 0 100%, 0 0);
  }

  .covid19-impact:nth-of-type(2n) .covid-19-impact__image img {
    -webkit-clip-path: polygon(91% 0, 100% 40px, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(91% 0, 100% 40px, 100% 100%, 0 100%, 0 0);
  }

  .event-sponsors .heading {
    display: block;
  }
  .event-sponsors .heading .special-button {
    margin-top: 20px;
  }
  .slick-dots {
    margin-top: 0px;
  }

  /*********************************************/
  /*	News/Events Feed */
  /*********************************************/
  .news-events-item {
    width: 100%;
    margin-bottom: 150px;
  }
  .news-events-item .image {
    height: 48vw;
  }

  /*********************************************/
  /*	Timeline */
  /*********************************************/
  .milestone {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    position: relative;
  }

  .milestone .line {
    position: absolute;
    left: 20px;
    height: 100%;
  }

  .milestone .line::before {
    top: 140px;
  }

  .milestone .image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding: 60px 60px 0 60px !important;
  }

  .milestone .content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    padding: 50px 40px 50px 60px !important;
  }

  .milestone h2 {
    font-size: 700%;
  }

  /*********************************************/
  /*	Footer */
  /*********************************************/
  #footer .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #footer .left-side,
  #footer .social-media {
    margin-top: 80px;
    text-align: center;
    margin-right: 0 !important;
  }

  #footer .left-side {
    max-width: 100%;
  }

  .social-media a:last-child svg {
    margin-right: 0;
  }
}

@media screen and (max-width: 640px) {
  body {
    font-size: 48%;
  }
  #header .inner .top-area {
    height: 80px;
  }
  #header .site-title img {
    max-width: 220px;
  }
  #toggleNav span.line {
    width: 37px;
    margin-top: 9px;
  }

  .campaign-module .inner {
    height: 500px;
  }

  /*********************************************/
  /*  Footer */
  /*********************************************/
  #footer .left-side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #footer .left-side .site-title {
    margin-bottom: 40px;
    margin-left: -4px;
  }

  #footer .right-side {
    margin: 0 !important;
    padding: 0 !important;
  }

  #footer .social-media {
    padding: 40px 0 0 0;
  }
}

@media screen and (max-width: 600px) {
  #navMain .menu .sub-menu li a {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    cursor: default !important;
  }

  .sType h1,
  .sType h2,
  .sType h3 {
    margin-bottom: 20px;
  }

  .wo.text-box,
  .indent,
  .intro-module .inner,
  .hero-module .content-container,
  .campaign-module .content,
  .page-hero .content-container,
  .subpage-callout-module .content-container,
  .feed-intro,
  .three-callout-module {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .three-callout-module {
    margin: 0;
    margin-top: 50px;
  }

  .feed-intro p {
    padding-bottom: 0 !important;
  }

  .pv2 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  main.search-results .result {
    width: 100%;
  }

  /*********************************************/
  /*	Modules */
  /*********************************************/
  .donate-module .inner {
    display: block;
    padding: 50px;
    padding-bottom: 125px;
    height: auto;
    position: relative;
  }

  .donate-module .content,
  .donate-module .designations {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .donate-module .special-button {
    position: absolute;
    bottom: 50px;
  }

  .subpage-callout-module .inner {
    height: 750px;
  }

  .latest-news-module .heading p {
    margin: 15px 0 30px 0;
  }

  .latest-news-module .loop {
    display: block;
  }

  .latest-news-module .loop .news-item {
    width: 100%;
    margin-bottom: 100px;
  }

  .latest-news-module .loop .news-item .image {
    height: 55vw;
  }

  .latest-news-module .news-item:last-child {
    display: block;
  }

  .latest-news-module .loop .news-item p {
    margin-bottom: 15px;
  }

  .three-column .grid .column.ct-pdf {
    width: 45%;
    margin-right: 0;
  }

  .single-footer .related-posts .related {
    width: 100%;
    margin-bottom: 80px;
  }

  .single-footer .related-posts .related .image {
    height: 280px;
  }

  .single-footer .related-posts {
    display: block;
  }

  .news-events-item.sig-event .image {
    display: none;
  }

  .single-content.event .content {
    margin-right: 20px;
  }
  .event-cta .inner h3 {
    font-size: 400%;
  }
  .event-gallery {
    margin-bottom: 0px;
  }
  .event-gallery .slick-prev,
  .event-gallery .slick-next {
    top: 50%;
  }
  .event-sponsors .heading .heading__text {
    width: 100%;
  }
  .event-sponsors .content .event-sponsors__title-logo-group,
  .content .event-sponsors__title-text-group {
    display: block;
  }
  .event-sponsors .content .event-sponsors__title-logo-group__group {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 500px) {
  .search-bar-wrapper {
    height: auto;
    right: -30px;
    width: 100vw;
    top: 70px;
    padding: 16px 30px;
    z-index: 10;
  }

  .search-bar-wrapper .text-box-wrapper input[type="text"] {
    width: calc(100vw - 210px);
  }

  .intro-module .statistic::before {
    border: 17px solid rgba(86, 88, 79, 0.03);
    height: 250px;
    width: 250px;
    right: -20%;
    top: -19%;
    left: auto;
  }

  .donate-module .inner {
    padding: 50px 30px;
    padding-bottom: 125px;
  }

  .featured-story-module {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .milestone .line {
    border-left: 3px solid rgba(86, 88, 79, 0.37);
    left: 13px;
  }

  .milestone .line::before {
    border: 3px solid #007a53;
    width: 15px;
    height: 15px;
    right: -6px;
  }

  .milestone .image {
    padding: 60px 30px 0 35px !important;
  }

  .milestone .content {
    padding: 50px 30px 50px 40px !important;
  }

  .milestone:first-child .image {
    padding-top: 0 !important;
  }

  .form {
    background-color: #eeeee4;
  }

  .form .form-container {
    padding: 50px 0 25px 0;
  }

  .three-callout-module .inner .column h3 {
    margin-bottom: 10px;
  }

  .three-callout-module .inner .column p {
    margin-bottom: 40px;
  }

  .news-events-item {
    margin-bottom: 120px;
  }

  .news-events-item p {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .single-footer .related-posts .related .image {
    height: 230px;
  }
}

@media screen and (max-width: 420px) {
  #toggleSearch {
    margin-right: 30px;
  }
  #header .site-title img {
    max-width: 195px;
  }

  #header.wo {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .pv {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .latest-news-module.wo,
  .wo.text-box,
  .indent,
  .intro-module .inner,
  .hero-module .content-container,
  .campaign-module .content,
  .page-hero .content-container,
  .subpage-callout-module .content-container,
  .feed-intro,
  .three-callout-module {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  #toggleSearch {
    margin-right: 50px;
  }

  .module-title {
    font-size: 500%;
  }

  .subpage-callout-module .inner {
    height: 800px;
  }

  .search-bar-wrapper {
    height: auto;
    right: -15px;
    width: 100vw;
    top: 70px;
    padding: 16px 15px;
    z-index: 10;
  }

  .search-bar-wrapper .text-box-wrapper input[type="text"] {
    width: calc(100vw - 180px);
  }

  .feed-hero .inner {
    height: 260px;
  }

  .single-footer .related-posts .related .image {
    height: 180px;
  }

  /*********************************************/
  /*  Footer */
  /*********************************************/
  #footer .inner {
    height: auto;
    padding: 80px 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  #footer .left-side,
  #footer .right-side,
  #footer .social-media {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-hero .content-container {
    box-sizing: content-box;
  }
}

/* SmartTHING added 04/03/2020 - donation screen patches */
.donate-screen legend {
  font-weight: 600;
  text-transform: uppercase;
}
.donate-screen legend,
.BBFormConfirmationTransactionDetails {
  display: block;
  margin-bottom: 12px;
  margin-top: 30px;
  font-size: 220%;
  line-height: 1.2em;
  color: white;
}

.donate-screen .errorblock p {
  color: yellow;
}
ul.errordetails {
  margin-bottom: 2em !important;
}
ul.errordetails li {
  font-size: 240%;
}
.donate-screen .errorblock {
  color: yellow;
}

/* Progress bar, added 2024 */
.progress {
  background-color: #f8f8f4;
}
.sType.progress h2,
h3,
h4 {
  margin-bottom: 10px !important;
}
.progress > div {
  display: flex;
  align-items: center;
  position: relative;
}
.progress .progress__raised {
  position: absolute;
  left: 450px;
  top: 0;
}
.progress .progress__raised * {
  color: #007a53;
}
.progress .progress__goal {
  position: absolute;
  right: 66px;
  bottom: 0;
  text-align: right;
}
.progress .progress__goal * {
  color: #174a5b;
}
.progress .progress__raised p,
.progress .progress__goal p {
  margin: 13px 0;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
  font-size: 500%;
}
.progress .progress__fill {
  position: relative;
  display: inline-block;
  z-index: 1;
  margin-right: -10px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.progress .progress__fill p {
  color: white;
  font-size: 600%;
  font-weight: 500;
  text-align: center;
  position: absolute;
  z-index: 3;
  width: 300px;
  padding: 120px 0;
  margin: 0;
}
.progress .progress__fill .progress__fill__bg {
  display: inline-block;
  height: 300px;
  width: 300px;
  background-color: #174a5b;
}
.progress .progress__fill .progress__fill__bg-filled {
  display: inline-block;
  background-color: #007a53;
  position: absolute;
  height: 75%;
  width: 300px;
  z-index: 2;
  bottom: 0;
}
.progress .progress__line {
  display: inline-block;
  position: relative;
  background-color: #174a5b;
  height: 10px;
  width: calc(100% - 40px);
}
.progress .progress__line:after {
  content: "";
  display: inline-block;
  height: 35px;
  width: 35px;
  border: 10px solid #174a5b;
  background-color: #174a5b;
  transform: rotate(45deg);
  transform-origin: center;
  position: absolute;
  right: 2px;
  top: -13px;
}
.progress .progress__line .progress__line__current {
  display: inline-block;
  position: relative;
  background-color: #007a53;
  height: 10px;
  width: 75%;
}
.progress .progress__line .progress__line__current:after {
  content: "";
  display: inline-block;
  height: 35px;
  width: 35px;
  border: 10px solid #007a53;
  background-color: #174a5b;
  transform: rotate(45deg);
  transform-origin: center;
  position: absolute;
  right: 2px;
  top: -13px;
}
/* responsive */
@media screen and (max-width: 800px) {
  .progress > div {
    display: block;
    min-height: 550px;
  }
  .progress .progress__line {
    width: 360px;
    transform: rotate(-90deg);
    bottom: -200px;
    left: -95px;
  }
  .progress .progress__line,
  .progress .progress__line .progress__line__current {
    height: 6px;
  }
  .progress .progress__line:after,
  .progress .progress__line .progress__line__current:after {
    top: -10px;
  }
  .progress .progress__line .progress__line__current {
    top: -2px;
  }
  .progress .progress__line:after {
    right: -10px;
  }
  .progress .progress__line:after,
  .progress .progress__line .progress__line__current:after {
    height: 25px;
    width: 25px;
    border-width: 6px;
  }
  .progress .progress__fill {
    position: absolute;
    bottom: 0;
  }
  .progress .progress__fill p {
    font-size: 390%;
    width: 170px;
    padding: 60px 0;
  }
  .progress .progress__fill .progress__fill__bg {
    height: 170px;
    width: 170px;
  }
  .progress .progress__fill .progress__fill__bg-filled {
    width: 170px;
  }
  .progress .progress__raised {
    left: 170px;
    top: 280px;
  }
  .progress .progress__goal {
    left: 170px;
    top: 30px;
    bottom: auto;
    right: auto;
  }
  .progress .progress__raised p,
  .progress .progress__goal p {
    margin: 8px 0;
    font-size: 300%;
  }
}

#header .width-match {
  width: 770px !important;
}

#header .top-area .special-button {
  margin-right: 25px !important;
}

#menu-secondary .special-button.featured a {
  padding: 18px 25px 17px 27px !important;
}

#menu-secondary-1 .special-button.featured a {
  padding: 18px 25px 17px 27px !important;
}

@media only screen and (max-width: 1024px) {
  #menu-secondary .special-button.featured a {
    padding: 18px 14px 17px 14px !important;
  }
  #header .top-area .special-button:last-child {
    margin-right: 0 !important;
  }
}

@media only screen and (max-width: 700px) {
  #header .top-area .special-button {
    margin-bottom: 10px !important;
  }
  #header .top-area .special-button:last-child {
    margin-bottom: 0px !important;
  }
}

.hero--landing .content-container {
  justify-content: start;
}

.featured-page .module-title {
  color: #007a53;
}
.landing-cta .module-title {
  color: #56584f;
}
.landing-cta p {
  font-weight: 400;
  font-size: 250%;
  line-height: 1.4;
  margin-top: 30px;
}

.landing-cta .blocks-container {
  display: flex;
  justify-content: center;
  gap: 50px;
  flex-wrap: wrap;
  margin-top: 80px;
}

.landing-cta p.description {
  max-width: 700px;
}

.cta-block {
  width: 500px;
  padding: 40px 50px;
  background: #007a53;
  color: white;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: start;
}
.cta-block h3 {
  font-size: 250%;
  font-weight: 600;
  margin: 0;
}
.cta-block p {
  font-size: 200%;
  margin: 0;
}

.cta-block a.button-variation,
.cta-block button.button-variation {
  color: white;
  text-transform: none;
  background-color: #92cd4d;
  padding: 20px 30px;
  font-size: 200%;
  text-decoration: none;
  font-weight: 600;
  width: fit-content;
  justify-self: end;
  margin-top: auto;
  cursor: pointer;
  border:none;
}
.cta-block a.button-variation:hover,
.cta-block button.button-variation:hover {
  opacity: 0.8;
}
.cta-block .button::after {
  display: none;
}

@media screen and (max-width: 1798px) {
  .landing-cta .inner {
    padding: 0 100px;
  }
}
@media screen and (max-width: 1200px) {
  .landing-cta .inner {
    padding: 0 70px;
  }
}
@media screen and (max-width: 900px) {
  .landing-cta .inner {
    padding: 0 50px;
  }
  .landing-cta .blocks-container {
    margin-top: 50px;
  }
}
@media screen and (max-width: 700px) {
  .landing-cta .inner {
    padding: 0 40px;
  }
}

.form-container .inner {
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Final comment */