:root {
  --blue:#0073cf;
  --red:red;
  --dred:darken(var(--red),15%);
  --dgreen:#154600;
  --green:#007e34;
  --lgreen:#00d05d;
  --font:'neue-kabel', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --nexa:'nexa-rust-slab-black-2', Rockwell, Georgia, Times, serif;
  --rockwell:'rockwell-nova', Rockwell, Georgia, Times, serif;
  --thirsty:'thirsty-rough-two', 'Brush Script MT', cursive, 'Comic Sans MS', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

html, body {
  min-height: 100%;
  height: auto;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font: 400 16px var(--font);
  background: #0b2600;
}

img {
  max-width: 100%;
}

a, button {
  border-radius: 0;
  cursor: pointer;
}

button {
  all: unset;
  cursor: pointer;
  padding: 0.5em 1em;
  background: var(--blue);
  color: white;
  border-radius: 0;
  font-family: inherit;
}

sup {
  line-height: 1em;
  vertical-align: super;
  display: inline-block;
  position: static;
}

input {
  border-radius: 0;
}

iframe {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

* ::-moz-selection {
  color: #fff;
  background-color: var(--red);
}
* ::-moz-selection * {
  color: #fff;
}
* ::-moz-selection {
  color: #fff;
  background-color: var(--red);
}
* ::selection {
  color: #fff;
  background-color: var(--red);
}
* ::-moz-selection * {
  color: #fff;
}
* ::selection * {
  color: #fff;
}

.container {
  max-width: 1200px;
  padding: 0 15px;
  margin: auto;
}

#menu {
  background: var(--green);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3);
  position: relative;
}
#menu a {
  text-decoration: none;
  outline: none;
  color: white;
  padding: clamp(16px, 1.5625vw, 20px);
  font: 500 clamp(18.2px, 2.03125vw, 26px) var(--font);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  transition: color 0.3s;
}
#menu a:hover {
  color: var(--lgreen);
}
#menu a.sign {
  font-weight: 800;
  font-style: italic;
}
#menu a.sign i {
  color: var(--lgreen);
}

#top {
  background: url("header.jpg") center center/cover no-repeat;
  padding: clamp(42px, 4.6875vw, 60px) 15px;
  text-align: center;
}
#top h1 {
  color: white;
  font: 900 clamp(57.4px, 6.40625vw, 82px)/1.1em var(--nexa);
  text-align: center;
  margin: 0;
  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
#top h1 strong {
  color: var(--lgreen);
  font: 800 clamp(69.3px, 7.734375vw, 99px)/1em var(--thirsty);
}
#top h1 span {
  display: block;
  font-size: clamp(26.6px, 2.96875vw, 38px);
  line-height: 1.1em;
  margin-top: 0.5em;
}
#top a {
  margin-top: clamp(126px, 14.0625vw, 180px);
  display: inline-block;
  background: var(--lgreen);
  color: var(--dgreen);
  font: 400 clamp(23.1px, 2.578125vw, 33px)/1em var(--rockwell);
  text-transform: uppercase;
  padding: clamp(16px, 1.328125vw, 17px) clamp(21px, 2.34375vw, 30px);
  border-radius: 0;
  outline: none;
  text-decoration: none;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.6);
  transition: color 0.3s, background 0.3s;
}
#top a:hover {
  color: var(--lgreen);
  background: var(--dgreen);
}
#top p {
  color: white;
  font: italic 500 clamp(29.4px, 3.28125vw, 42px) var(--font);
  text-wrap: balance;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  margin: 0.5em 0 0 0;
}

#stats {
  background: url("paper.jpg") center center/clamp(267.4px, 29.84375vw, 382px) repeat;
  padding: clamp(42px, 4.6875vw, 60px) 15px;
}
#stats h2 {
  margin: 0 0 0.8em 0;
  text-align: center;
  font: 900 clamp(42px, 4.6875vw, 60px)/1.2em var(--nexa);
  color: var(--green);
}
#stats .slider {
  height: clamp(238px, 26.5625vw, 340px);
  margin-bottom: clamp(35px, 3.90625vw, 50px);
}
#stats .slider .flipster__item__content {
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  aspect-ratio: 5/3;
  width: clamp(350px, 39.0625vw, 500px);
  padding: clamp(28px, 3.125vw, 40px);
  box-sizing: border-box;
  text-align: center;
  color: white;
}
#stats .slider .flipster__item__content:before {
  content: "";
  z-index: 0;
  display: block;
  position: absolute;
  top: clamp(16px, 1.5625vw, 20px);
  right: clamp(16px, 1.5625vw, 20px);
  bottom: clamp(16px, 1.5625vw, 20px);
  left: clamp(16px, 1.5625vw, 20px);
  border: clamp(5px, 0.390625vw, 16px) solid var(--lgreen);
}
#stats .slider .flipster__item__content img {
  z-index: -2;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  user-select:none;
}
#stats .slider .flipster__item__content h3 {
  z-index: 2;
  font: 900 clamp(32.2px, 3.59375vw, 46px)/1em var(--nexa);
  margin: 0;
  text-wrap: balance;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
  user-select:none;
}
#stats .slider .flipster__item__content h3 span {
  display: block;
  font: 500 clamp(23.1px, 2.578125vw, 33px)/1em var(--font);
}
#stats .slider .flipster__button {
  top: calc(50% - clamp(24.5px, 2.734375vw, 35px));
}
#stats .slider .flipster__button svg {
  fill: var(--green);
  height: clamp(42px, 4.6875vw, 60px);
  width: auto;
}
#stats .cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  max-width: 960px;
  margin: auto;
}
#stats .cta a {
  text-decoration: none;
  outline: none;
  border-radius: 0;
  text-align: center;
  display: inline-block;
}
#stats .cta a div {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  padding: clamp(10px, 0.78125vw, 16px) clamp(16px, 1.5625vw, 20px);
  width: auto;
  display: flex;
  gap: clamp(10px, 0.78125vw, 16px);
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: var(--green);
  border-bottom: 5px solid var(--lgreen);
  margin-bottom: clamp(10px, 0.78125vw, 16px);
  transition: background 0.3s;
}
#stats .cta a h3 {
  color: white;
  font: 700 clamp(18.2px, 2.03125vw, 26px)/1em var(--font);
  margin: 0;
  transition: color 0.3s, text-shadow 0.3s;
}
#stats .cta a h3 strong {
  display: block;
  font: 800 clamp(28px, 3.125vw, 40px)/1em var(--thirsty);
}
#stats .cta a i {
  color: var(--lgreen);
  font-size: clamp(32.2px, 3.59375vw, 46px);
  transition: color 0.3s;
}
#stats .cta a span {
  display: block;
  color: var(--green);
  font: 700 clamp(16px, 1.5625vw, 20px)/1em var(--font);
}
#stats .cta a:hover div {
  background: var(--lgreen);
}
#stats .cta a:hover h3, #stats .cta a:hover i {
  color: var(--green);
  text-shadow: none;
}

#benefits {
  background: url(wood.jpg) center center/100% repeat-y;
  padding: clamp(42px, 4.6875vw, 60px) 15px;
  text-align: center;
}
#benefits h2 {
  background: #ffffc3 url("paper.jpg") center center/clamp(267.4px, 29.84375vw, 382px) repeat;
  background-blend-mode: multiply;
  margin: 0 0 clamp(-30px, -2.34375vw, -21px) 0;
  display: inline-block;
  padding: clamp(15px, 1.171875vw, 16px) clamp(16px, 1.5625vw, 20px);
  color: #7b541d;
  font: 700 clamp(33.6px, 3.75vw, 48px)/1em var(--rockwell);
  z-index: 2;
  position: relative;
  box-shadow: 0 5px 7px 5px rgba(0, 0, 0, 0.4);
}
#benefits h2.nothome {
  margin: 0 auto 1em auto;
}
#benefits .benefit-item {
  text-align: center;
}
#benefits .benefit-item:not(:last-child):after {
  content: "";
  background: linear-gradient(to right, transparent, white, transparent);
  display: block;
  height: 5px;
  max-width: clamp(420px, 46.875vw, 600px);
  width: 100%;
  margin: 60px auto;
}
#benefits .benefit-item .overlap {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  max-width: 1250px;
  margin: clamp(-20px, -1.5625vw, -16px) auto clamp(49px, 5.46875vw, 70px) auto;
  z-index: 0;
}
#benefits .benefit-item .overlap img {
  box-shadow: 0 5px 7px 5px rgba(0, 0, 0, 0.4);
  position: relative;
}
#benefits .benefit-item .overlap > img {
  z-index: 0;
  width: clamp(462px, 51.5625vw, 660px);
  border: clamp(15px, 1.171875vw, 16px) solid white;
  box-sizing: border-box;
}
#benefits .benefit-item .text {
  position: absolute;
  right: 0;
  top: clamp(42px, 4.6875vw, 60px);
  box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.4);
  background: url("paper.jpg") center center/clamp(267.4px, 29.84375vw, 382px) repeat;
  max-width: clamp(490px, 54.6875vw, 700px);
  text-align: left;
  color: #333;
  padding: clamp(16px, 1.5625vw, 20px) clamp(21px, 2.34375vw, 30px);
  box-sizing: border-box;
}
#benefits .benefit-item .text h3 {
  font: 700 clamp(23.1px, 2.578125vw, 33px)/1.1em var(--rockwell);
  margin: 0 0 0.7em 0;
}
#benefits .benefit-item .text p {
  font: 400 clamp(16.8px, 1.875vw, 24px)/1.2em var(--font);
  margin: 0;
}
#benefits .download {
  text-align: center;
  text-decoration: none;
  outline: none;
  border-radius: 0;
  display: inline-flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#benefits .download div {
  display: inline-flex;
  background: #7b541d;
  margin-bottom: clamp(15px, 1.171875vw, 16px);
  box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.4);
  position: relative;
}
#benefits .download div img {
  opacity: 0.6;
  mix-blend-mode: hard-light;
  transition: opacity 0.3s;
}
#benefits .download div:before {
  content: "\f019";
  font: 900 clamp(32.9px, 3.671875vw, 47px)/1em "Font Awesome 6 Free";
  color: white;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 2;
  margin: auto;
  width: 100%;
  top: calc(50% - clamp(16.1px, 1.796875vw, 23px));
  transition: opacity 0.3s;
}
#benefits .download p {
  font: 400 clamp(21px, 2.34375vw, 30px) var(--rockwell);
  color: white;
  display: inline-block;
  margin: 0;
  transition: color 0.3s;
}
#benefits .download p span {
  text-decoration: underline;
  margin-right: clamp(10px, 0.78125vw, 16px);
}
#benefits .download:hover img {
  opacity: 1;
}
#benefits .download:hover p {
  color: var(--lgreen);
}
#benefits .download:hover div:before {
  opacity: 0;
}
#economic .overlap>img, #feeding .overlap>img, #challenges .overlap>img{
  transform:rotate(-1.25deg);
}
#cultural .overlap>img, #management .overlap>img{
  transform:rotate(1.25deg);
}
#benefits #cultural .overlap, #benefits #management .overlap {
  justify-content: flex-end;
}
#benefits #cultural .overlap .text, #benefits #management .overlap .text {
  left: 0;
}
#benefits #feeding .download {
  position: relative;
  left: clamp(-350px, -27.34375vw, -245px);
}
#benefits #challenges h2 {
  margin-bottom: 0.5em;
}
#benefits #challenges .text {
  position: relative;
  top: 0;
}
#benefits #challenges .download {
  position: relative;
}
#benefits #challenges .overlap {
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  gap: clamp(35px, 3.90625vw, 50px);
}
#benefits .graphics {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(49px, 5.46875vw, 70px);
}
#benefits .graphics p {
  max-width: clamp(210px, 23.4375vw, 300px);
  line-height: 1em;
}
#benefits .graphics p span {
  font-size: clamp(16px, 1.71875vw, 22px);
}

#pledge-cta {
  background: var(--green);
  padding: clamp(35px, 3.90625vw, 50px) 15px;
  text-align: center;
}
#pledge-cta h2 {
  color: #144200;
  font: 900 clamp(46.2px, 5.15625vw, 66px)/1.1em var(--nexa);
  margin: 0 0 0.5em 0;
}
#pledge-cta h2 strong {
  color: var(--lgreen);
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#pledge-cta h2 span {
  display: block;
  color: white;
  font: 400 clamp(28px, 3.125vw, 40px)/1.2em var(--rockwell);
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#pledge-cta a {
  display: inline-block;
  background: var(--lgreen);
  color: var(--dgreen);
  text-decoration: none;
  outline: none;
  border-radius: 0;
  font: 400 clamp(23.1px, 2.578125vw, 33px)/1em var(--rockwell);
  text-transform: uppercase;
  padding: clamp(15px, 1.171875vw, 16px) clamp(21px, 2.34375vw, 30px);
  box-shadow: 0 clamp(7px, 0.546875vw, 16px) clamp(10px, 0.78125vw, 16px) 0 rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.3s, background 0.3s, color 0.3s;
}
#pledge-cta a:hover {
  color: var(--lgreen);
  background: var(--dgreen);
  box-shadow: none;
}

footer {
  background: #0b2600;
  padding: clamp(21px, 2.34375vw, 30px) 15px;
  color: white;
}
footer nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap:wrap;
  -moz-column-gap: clamp(16px, 1.5625vw, 20px);
       column-gap: clamp(16px, 1.5625vw, 20px);
  row-gap: 10px;
  margin-bottom: clamp(35px, 3.90625vw, 50px);
}
footer nav a {
  color: white;
  text-decoration: underline;
  outline: none;
  border-radius: 0;
  font: 500 21px var(--font);
  transition: color 0.3s;
}
footer nav a:hover {
  color: var(--lgreen);
}
footer p {
  text-align: center;
  font: 500 21px var(--font);
  margin: 0;
}
footer p a {
  color: white;
  text-decoration: underline;
  outline: none;
  border-radius: 0;
}

#interior {
  background: url("paper.jpg") center center/clamp(267.4px, 29.84375vw, 382px) repeat;
  padding: clamp(35px, 3.90625vw, 50px) 0;
  text-align: left;
}
#interior h2 {
  margin-top: 0;
  font: 700 clamp(24.5px, 2.734375vw, 35px) var(--rockwell);
  color: #333;
  text-align: center;
}
#interior.resources h2{text-align: left;}
#interior h3 {
  margin-top: 0;
  font: 400 clamp(17.5px, 1.953125vw, 25px) var(--rockwell);
  color: #333;
  text-align: center;
  margin-bottom: 0.5em;
}
#interior.resources h3{text-align: left;}
#interior h2 a, #interior h3 a, #interior p a{
  color:var(--green);
  transition:color 0.3s;
}
#interior h2 a:hover, #interior h3 a:hover, #interior p a:hover{
  color:var(--lgreen);
}
#interior p{
  font-size: clamp(16px, 1.71875vw, 22px);
  margin-top: 0;
}
#interior hr{
  margin:clamp(24.5px, 2.734375vw, 35px) 0;
  height:2px;
  border:none;
  background:lightgray;
}
#interior form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(15px, 1.171875vw, 16px);
  max-width: 960px;
  margin: 0 auto 30px auto;
}
#interior form input {
  flex: 1;
  width: 33.33%;
  border: 0;
  background: var(--dgreen);
  border-radius: 0;
  outline: none;
  color: white;
  font: 400 clamp(17.5px, 1.953125vw, 25px) var(--rockwell);
  padding: clamp(15px, 1.171875vw, 16px);
}
#interior form input::-moz-placeholder {
  color: var(--lgreen);
}
#interior form input::placeholder {
  color: var(--lgreen);
}
#interior form p {
  width: 100%;
  color: #333;
  font-size: clamp(17.5px, 1.953125vw, 25px);
  font-style: italic;
}
#interior form p i {
  color: var(--green);
  font-size: 2em;
  float: left;
  padding: 0 clamp(16px, 1.5625vw, 20px) 5px 0;
}
#interior form button {
  background: var(--green);
  font: italic 700 clamp(21px, 2.34375vw, 30px) var(--font);
  transition: background 0.3s, color 0.3s;
}
#interior form button:hover {
  color: var(--lgreen);
  background: var(--dgreen);
}

.thankyou h3{
  text-wrap:balance;
  margin-bottom: 0;
}

.share{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap:20px;
  flex-wrap:wrap;
}
.share a{
  font-size:35px;
  display: inline-block;
  text-decoration: none;
  outline:none;
  border-radius: 0;
  transition:color 0.3s, transform 0.3s;
}
.share a.fa-facebook{color:#1877F2;}
.share a.fa-x-twitter{color:#15202b;}
.share a.fa-linkedin{color:#0a66c2;}
.share a.fa-reddit{color:#ED001C;}
.share a.fa-envelope{color:gray;}

.share a:hover{
  color:var(--green);
  transform:scale(1.1);
}
.share h4{
  width:100%;
  text-align: center;
  font-size:20px;
  margin: 0;
}

@media (max-width: 599px) {
  #menu a{padding:10px;}
  #top h1{
    font-size:42px;
  }
  #top h1 strong{
    font-size:50px;
  }
  #top p{
    font-size:25px;
    line-height:1.1em;
  }
  #top a{
    margin-top:30px;
  }
  #stats .cta{
    flex-direction: column;
    gap:35px;
  }
  #stats .slider{
    height:160px;
    margin-bottom: 0;
  }
  #stats .slider .flipster__item__content{
    width:200px;
    padding:10px;
  }
  #stats .slider .flipster__item__content:before{
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
  }
  #stats .slider .flipster__item__content h3{
    font:700 23px var(--rockwell);
  }
  #stats .slider .flipster__item__content h3 span{
    font-size:16px;
  }
  #interior form {
    flex-direction: column;
  }
  #interior form input {
    width: 100%;
    max-width: 300px;
  }
  #interior form{
    flex-wrap:wrap;
    flex-direction: column;
  }
}
@media (max-width: 870px) {
  #benefits .benefit-item .overlap {
    flex-direction: column;
  }
  #benefits .benefit-item .overlap > img {
    border-width: 10px;
  }
  #benefits .benefit-item .overlap .text {
    position: relative;
    margin: auto;
    max-width: unset;
    top: 0;
    margin-top: clamp(-30px, -2.34375vw, -21px);
  }
  #benefits #feeding .download {
    left: unset;
    top: unset;
  }
  #benefits #challenges h2 {
    margin-bottom: 0;
  }
  #benefits #challenges .overlap, #benefits #challenges .overlap .text {
    margin-top: 0;
  }
  #benefits #challenges text {
    order: 1;
  }
  #benefits #challenges .download {
    order: 2;
    left: unset;
    top: unset;
  }
}/*# sourceMappingURL=style.css.map */