.top-chevron, section.follow, section.volunteer, section.social, footer {
  -webkit-clip-path: polygon(0 0, 50% 4rem, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 50% 4rem, 100% 0, 100% 100%, 0 100%);
  padding: 8rem 2rem 6rem 2rem;
  margin-top: -4rem;
}

* {
  box-sizing: border-box;
  position: relative;
}

html {
  margin: 0;
  padding: 0;
  color: #293756;
  font-size: 18px;
  line-height: 1;
}

body {
  margin: 0;
  padding: 0;
  font-family: "kobenhavn-cs", sans-serif;
  font-size: 18px;
}

a {
  text-decoration: none;
  color: #516c61;
}

nav ul, header > .buttons ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li, header > .buttons ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}
img.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.wp-block-embed__wrapper, .modal .modal--wrap .content .video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.wp-block-embed__wrapper iframe, .modal .modal--wrap .content .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 992px) {
  .hide-md {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hide-sm {
    display: none !important;
  }
}

.btn, section.follow h2, footer nav.footer-action ul li a, footer header > .footer-action.buttons ul li a, footer nav.footer-main ul li a, footer header > .footer-main.buttons ul li a, header .navigation nav .buttons ul li a, header .navigation header > .buttons .buttons ul li a, header .navigation > .menu, header > .buttons ul li a,
button,
.wp-element-button,
.button,
input[type=button],
input[type=submit] {
  background-color: #293756;
  padding: 0.75rem 1rem;
  border: 0;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.25rem;
  font-family: "kobenhavn-cs", sans-serif;
  line-height: 1;
  transition: background-color 0.5s, color 0.5s;
  letter-spacing: 0.1em;
  border-radius: 0;
  text-align: center;
}
.btn:hover, section.follow h2:hover, footer nav.footer-action ul li a:hover, footer nav.footer-main ul li a:hover, header .navigation nav .buttons ul li a:hover, header .navigation header > .buttons .buttons ul li a:hover, header .navigation > .menu:hover, header > .buttons ul li a:hover,
button:hover,
.wp-element-button:hover,
.button:hover,
input[type=button]:hover,
input[type=submit]:hover {
  background-color: #394d79;
}
.btn.btn-wide, section.follow h2.btn-wide, footer nav.footer-action ul li a.btn-wide, footer nav.footer-main ul li a.btn-wide, header .navigation nav .buttons ul li a.btn-wide, header .navigation header > .buttons .buttons ul li a.btn-wide, header .navigation > .btn-wide.menu, header > .buttons ul li a.btn-wide,
button.btn-wide,
.wp-element-button.btn-wide,
.button.btn-wide,
input[type=button].btn-wide,
input[type=submit].btn-wide {
  display: block;
  width: 100%;
}
.btn.btn-red, section.follow h2.btn-red, footer nav.footer-action ul li a.btn-red, footer header > .footer-action.buttons ul li a.btn-red, footer nav.footer-main ul li a.btn-red, footer header > .footer-main.buttons ul li a.btn-red, header .navigation nav .buttons ul li a, header .navigation header > .buttons .buttons ul li a, header .navigation > .btn-red.menu, header > .buttons ul li a,
button.btn-red,
.wp-element-button.btn-red,
.button.btn-red,
input[type=button].btn-red,
input[type=submit].btn-red {
  background-color: #d70707;
}
.btn.btn-red:hover, section.follow h2.btn-red:hover, footer nav.footer-action ul li a.btn-red:hover, footer nav.footer-main ul li a.btn-red:hover, header .navigation nav .buttons ul li a:hover, header .navigation header > .buttons .buttons ul li a:hover, header .navigation > .btn-red.menu:hover, header > .buttons ul li a:hover,
button.btn-red:hover,
.wp-element-button.btn-red:hover,
.button.btn-red:hover,
input[type=button].btn-red:hover,
input[type=submit].btn-red:hover {
  background-color: #a60505;
}
.btn.btn-white, section.follow h2.btn-white, footer nav.footer-action ul li a, footer nav.footer-main ul li a.btn-white, header .navigation nav .buttons ul li a.btn-white, header .navigation footer nav.footer-action .buttons ul li a, footer header .navigation nav.footer-action .buttons ul li a, header .navigation header > .buttons .buttons ul li a.btn-white, header .navigation header > .buttons .buttons footer nav.footer-action ul li a, footer nav.footer-action header .navigation header > .buttons .buttons ul li a, header .navigation > .btn-white.menu, header footer nav.footer-action ul li .navigation > a.menu, footer nav.footer-action ul li header .navigation > a.menu, header > .buttons ul li a.btn-white, footer header > .footer-action.buttons ul li a,
button.btn-white,
.wp-element-button.btn-white,
.button.btn-white,
input[type=button].btn-white,
input[type=submit].btn-white {
  background-color: #fff;
  color: #293756;
}
.btn.btn-white:hover, section.follow h2.btn-white:hover, footer nav.footer-action ul li a:hover, footer nav.footer-main ul li a.btn-white:hover, header .navigation nav .buttons ul li a.btn-white:hover, header .navigation header > .buttons .buttons ul li a.btn-white:hover, header .navigation > .btn-white.menu:hover, header > .buttons ul li a.btn-white:hover, footer header > .footer-action.buttons ul li a:hover,
button.btn-white:hover,
.wp-element-button.btn-white:hover,
.button.btn-white:hover,
input[type=button].btn-white:hover,
input[type=submit].btn-white:hover {
  color: #fff;
  background-color: #a60505;
}
.btn.btn-green, section.follow h2.btn-green, section.volunteer .content .box .text .gform_footer input.btn, section.hero .box .gform_wrapper .gform_footer input.btn, footer nav.footer-action ul li a.btn-green, footer nav.footer-main ul li a.btn-green, header .navigation nav .buttons ul li a.btn-green, header .navigation header > .buttons .buttons ul li a.btn-green, header .navigation > .btn-green.menu, header section.volunteer .content .box .text .gform_footer .navigation > input.menu, section.volunteer .content .box .text .gform_footer header .navigation > input.menu, header section.hero .box .gform_wrapper .gform_footer .navigation > input.menu, section.hero .box .gform_wrapper .gform_footer header .navigation > input.menu, header > .buttons ul li a.btn-green,
button.btn-green,
.wp-element-button.btn-green,
section.volunteer .content .box .text .gform_footer input.wp-element-button,
section.hero .box .gform_wrapper .gform_footer input.wp-element-button,
.button.btn-green,
section.volunteer .content .box .text .gform_footer input.button,
section.hero .box .gform_wrapper .gform_footer input.button,
input[type=button].btn-green,
section.volunteer .content .box .text .gform_footer input[type=button],
section.hero .box .gform_wrapper .gform_footer input[type=button],
input[type=submit].btn-green,
section.volunteer .content .box .text .gform_footer input[type=submit],
section.hero .box .gform_wrapper .gform_footer input[type=submit] {
  background-color: #516c61;
}
.btn.btn-green:hover, section.follow h2.btn-green:hover, section.volunteer .content .box .text .gform_footer input.btn:hover, section.hero .box .gform_wrapper .gform_footer input.btn:hover, footer nav.footer-action ul li a.btn-green:hover, footer nav.footer-main ul li a.btn-green:hover, header .navigation nav .buttons ul li a.btn-green:hover, header .navigation header > .buttons .buttons ul li a.btn-green:hover, header .navigation > .btn-green.menu:hover, header section.volunteer .content .box .text .gform_footer .navigation > input.menu:hover, section.volunteer .content .box .text .gform_footer header .navigation > input.menu:hover, header section.hero .box .gform_wrapper .gform_footer .navigation > input.menu:hover, section.hero .box .gform_wrapper .gform_footer header .navigation > input.menu:hover, header > .buttons ul li a.btn-green:hover,
button.btn-green:hover,
.wp-element-button.btn-green:hover,
section.volunteer .content .box .text .gform_footer input.wp-element-button:hover,
section.hero .box .gform_wrapper .gform_footer input.wp-element-button:hover,
.button.btn-green:hover,
section.volunteer .content .box .text .gform_footer input.button:hover,
section.hero .box .gform_wrapper .gform_footer input.button:hover,
input[type=button].btn-green:hover,
section.volunteer .content .box .text .gform_footer input[type=button]:hover,
section.hero .box .gform_wrapper .gform_footer input[type=button]:hover,
input[type=submit].btn-green:hover,
section.volunteer .content .box .text .gform_footer input[type=submit]:hover,
section.hero .box .gform_wrapper .gform_footer input[type=submit]:hover {
  background-color: #67897b;
}
.btn.btn-lg, section.follow h2.btn-lg, footer nav.footer-action ul li a, footer nav.footer-main ul li a.btn-lg, header .navigation nav .buttons ul li a.btn-lg, header .navigation footer nav.footer-action .buttons ul li a, footer header .navigation nav.footer-action .buttons ul li a, header .navigation header > .buttons .buttons ul li a.btn-lg, header .navigation header > .buttons .buttons footer nav.footer-action ul li a, footer nav.footer-action header .navigation header > .buttons .buttons ul li a, header .navigation > .btn-lg.menu, header footer nav.footer-action ul li .navigation > a.menu, footer nav.footer-action ul li header .navigation > a.menu, header > .buttons ul li a.btn-lg, footer header > .footer-action.buttons ul li a,
button.btn-lg,
.wp-element-button.btn-lg,
.button.btn-lg,
input[type=button].btn-lg,
input[type=submit].btn-lg {
  font-size: 2rem;
}
.btn.btn-sm, section.follow h2.btn-sm, footer nav.footer-action ul li a.btn-sm, footer nav.footer-main ul li a.btn-sm, header .navigation nav .buttons ul li a.btn-sm, header .navigation header > .buttons .buttons ul li a.btn-sm, header .navigation > .btn-sm.menu, header > .buttons ul li a.btn-sm,
button.btn-sm,
.wp-element-button.btn-sm,
.button.btn-sm,
input[type=button].btn-sm,
input[type=submit].btn-sm {
  font-size: 1rem;
}

.gform_heading {
  color: #516c61;
}
.gform_heading h2 {
  font-size: 1.75rem;
}

.gform_body .gfield_label {
  font-size: 1.25rem !important;
}
.gform_body .gfield_required {
  font-size: 1rem !important;
}
.gform_body .chosen-single {
  font-size: 1.25rem;
  font-family: "kobenhavn-cs", sans-serif !important;
  background: #7f879a !important;
  color: #fff;
  border: 1px solid #7f879a !important;
  padding: 0.5rem 1rem !important;
  line-height: 1 !important;
  min-height: 47px;
  box-shadow: unset !important;
}
.gform_body .chosen-single > span {
  color: #fff;
  line-height: 1 !important;
}
.gform_body .chosen-single div {
  background: #fff !important;
  padding-left: 5px;
  width: 20px !important;
}
.gform_body .chosen-drop .chosen-search .chosen-search-input {
  color: #293756;
  line-height: 1 !important;
}
.gform_body .chosen-drop .chosen-results .highlighted {
  background: #516c61 !important;
}
.gform_body select,
.gform_body textarea,
.gform_body input {
  font-size: 1.25rem;
  font-family: "kobenhavn-cs", sans-serif !important;
  background-color: #7f879a;
  color: #fff;
  border: 0;
  padding: 0.75rem 1rem !important;
  line-height: 1;
}
.gform_body select::-moz-placeholder, .gform_body textarea::-moz-placeholder, .gform_body input::-moz-placeholder {
  font-family: "kobenhavn-cs", sans-serif;
  font-size: 1.25rem;
  font-family: "kobenhavn-cs", sans-serif !important;
  color: #fff;
}
.gform_body select::placeholder,
.gform_body textarea::placeholder,
.gform_body input::placeholder {
  font-family: "kobenhavn-cs", sans-serif;
  font-size: 1.25rem;
  font-family: "kobenhavn-cs", sans-serif !important;
  color: #fff;
}
.gform_body select {
  height: 47px;
  font-size: 24px !important;
  padding: 0 1rem 5px 1rem !important;
}

.gfield_radio,
.gfield_checkbox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.gfield_radio .gchoice,
.gfield_checkbox .gchoice {
  text-align: left;
}
.gfield_radio .gchoice label,
.gfield_checkbox .gchoice label {
  cursor: pointer;
  font-size: 1.25rem !important;
  font-family: "kobenhavn-cs", sans-serif;
  font-weight: 400;
  padding: 0;
  max-width: 100% !important;
}
.gfield_radio .gchoice input[type=checkbox],
.gfield_checkbox .gchoice input[type=checkbox] {
  display: none;
}
.gfield_radio .gchoice input[type=checkbox] + label:before,
.gfield_checkbox .gchoice input[type=checkbox] + label:before {
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  content: "\f096";
  letter-spacing: 10px;
  color: #293756;
}
.gfield_radio .gchoice input[type=checkbox]:checked + label:before,
.gfield_checkbox .gchoice input[type=checkbox]:checked + label:before {
  font-weight: 900;
  content: "\f14a";
}
.gfield_radio .gchoice input[type=radio],
.gfield_checkbox .gchoice input[type=radio] {
  display: none;
}
.gfield_radio .gchoice input[type=radio] + label:before,
.gfield_checkbox .gchoice input[type=radio] + label:before {
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  content: "\f10c";
  letter-spacing: 10px;
  color: #293756;
}
.gfield_radio .gchoice input[type=radio]:checked + label:before,
.gfield_checkbox .gchoice input[type=radio]:checked + label:before {
  content: "\f192";
  font-weight: 900;
}

header {
  border-top: 25px solid #293756;
  display: grid;
  padding-left: 2rem;
  padding-right: 2rem;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  z-index: 99;
}
@media (max-width: 992px) {
  header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 992px) {
  header > .buttons ul li a {
    display: none;
  }
}
header .logo {
  margin-top: -25px;
  background-color: #293756;
  padding: 0 15px 15px 15px;
  border-top: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1rem), 50% 100%, 0 calc(100% - 1rem));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1rem), 50% 100%, 0 calc(100% - 1rem));
}
header .logo a {
  display: block;
  background-color: #fff;
  padding: 1rem 3rem 2rem 3rem;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1rem), 50% 100%, 0 calc(100% - 1rem));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1rem), 50% 100%, 0 calc(100% - 1rem));
}
@media (max-width: 992px) {
  header .logo a {
    padding: 0.1rem 1rem 1rem 1rem;
  }
}
header .logo a img {
  max-width: 150px;
  width: 100%;
}
@media (max-width: 992px) {
  header .logo a img {
    min-width: 100%;
  }
}
header .navigation .menu {
  font-size: 1.5rem;
}
header .navigation .menu i {
  cursor: pointer;
}
header .navigation > .menu {
  text-align: right;
  float: right;
}
@media (max-width: 992px) {
  header .navigation > .menu {
    font-size: 1.25rem;
    padding: 0.5rem 0.75rem;
  }
}
header .navigation nav, header .navigation header > .buttons {
  z-index: 999;
  position: fixed;
  top: 0;
  right: -100vw;
  bottom: 0;
  background-color: #293756;
  min-width: 20vw;
  max-width: 90vw;
  color: #fff;
  padding: 2rem 4rem;
  transition: right 0.5s;
}
header .navigation nav.open, header .navigation header > .open.buttons {
  right: 0;
}
header .navigation nav ul li, header .navigation header > .buttons ul li {
  display: block;
  margin: 1rem 0;
  text-align: right;
}
header .navigation nav ul li a, header .navigation header > .buttons ul li a {
  color: #fff;
  font-size: 1.5rem;
  text-decoration: none;
  letter-spacing: 0.1em;
}
header .navigation nav .buttons, header .navigation header > .buttons .buttons {
  display: none;
}
@media (max-width: 992px) {
  header .navigation nav .buttons, header .navigation header > .buttons .buttons {
    display: block;
  }
}
header .navigation nav .buttons ul li a, header .navigation header > .buttons .buttons ul li a {
  width: 100%;
  text-align: center;
}

footer {
  background-color: #516c61;
  text-align: center;
  z-index: 10;
  color: #fff;
  line-height: 1.5;
}
footer a {
  color: #293756;
}
footer > * {
  max-width: 1200px;
  margin: auto;
}
footer > * + * {
  margin-top: 2rem;
}
footer nav, footer header > .buttons {
  max-width: 100%;
}
@media (max-width: 992px) {
  footer nav ul li, footer header > .buttons ul li {
    display: block;
    margin: 0.5rem !important;
  }
  footer nav ul li a, footer header > .buttons ul li a {
    width: 100%;
  }
}
footer nav.footer-main ul li, footer header > .footer-main.buttons ul li {
  margin: 0 0.5rem;
}
footer nav.footer-action ul li, footer header > .footer-action.buttons ul li {
  margin: 0 0.5rem;
}
footer nav.sub-footer ul li, footer header > .sub-footer.buttons ul li {
  margin: 0 0.5rem;
}
footer nav.sub-footer ul li a, footer header > .sub-footer.buttons ul li a {
  color: #fff;
  text-decoration: none;
}
footer .logo img {
  max-width: 200px;
  display: inline-block;
}
footer .disclaimer {
  margin-top: 4rem;
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  padding: 0.5rem 0.75rem;
  text-transform: uppercase;
}

section.hero {
  padding: calc(2rem + 145px) 2rem 10rem 2rem;
  margin-top: -145px;
}
section.hero::before {
  content: "";
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
section.hero::after {
  content: "";
  background-color: #d70707;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  height: calc(8rem + 5px);
  -webkit-clip-path: polygon(0 8rem, 100% 0, 100% 5px, 0 100%);
          clip-path: polygon(0 8rem, 100% 0, 100% 5px, 0 100%);
  z-index: 0;
}
section.hero .bg {
  z-index: -1;
}
section.hero .box {
  max-width: 1000px;
  margin-left: 4rem;
  margin-right: 12rem;
  background-color: #fff;
  padding: 1rem 2rem;
}
@media (min-width: 1600px) {
  section.hero .box {
    max-width: 1200px;
  }
}
@media (max-width: 1250px) {
  section.hero .box {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  section.hero .box {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
section.hero .box::before {
  left: 0;
  position: absolute;
  content: "";
  height: 10px;
  width: 100%;
  background-color: #516c61;
  top: calc(1rem + 12px);
}
section.hero .box::after {
  left: 0;
  position: absolute;
  content: "";
  height: 10px;
  width: 100%;
  background-color: #516c61;
  bottom: calc(2rem + 6px);
  z-index: 0;
}
section.hero .box .gform_wrapper {
  max-width: 600px;
  text-align: center;
  margin-left: 15%;
}
@media (max-width: 1250px) {
  section.hero .box .gform_wrapper {
    max-width: 400px;
  }
}
@media (max-width: 1075px) {
  section.hero .box .gform_wrapper {
    margin-left: 5%;
  }
}
@media (max-width: 992px) {
  section.hero .box .gform_wrapper {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
section.hero .box .gform_wrapper .gform_heading h2 {
  margin-top: 0;
  background-color: #fff;
  display: inline-block;
  padding: 0 2rem;
  font-size: 1.75rem;
}
section.hero .box .gform_wrapper .gform_footer {
  display: inline-block;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  margin-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  background-color: #fff;
  z-index: 1;
}
section.hero .box .gform_wrapper .gform_footer input {
  margin: auto;
}
section.hero .dm {
  position: absolute;
  max-width: 540px;
  bottom: 11%;
  left: calc(100vw - (100vw - 900px));
  z-index: 1;
}
@media (min-width: 1600px) {
  section.hero .dm {
    left: calc(100vw - (100vw - 1100px));
  }
}
@media (max-width: 1250px) {
  section.hero .dm {
    left: calc(100vw - 500px);
  }
}
@media (max-width: 992px) {
  section.hero .dm {
    display: none;
  }
}

section.about {
  background-color: #293756;
  padding: 8rem 0 6rem 0;
  -webkit-clip-path: polygon(0 8rem, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 8rem, 100% 0, 100% 100%, 0 100%);
  margin-top: -8rem;
  z-index: 2;
}
section.about h2 {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 2rem;
  margin: 0;
}
section.about h2 span {
  color: #fff;
  font-size: 3rem;
  padding: 0.75rem 1rem;
  background-color: #516c61;
  margin-right: 4rem;
}
section.about h2::before {
  content: "";
  height: 20px;
  margin-top: -3px;
  flex-grow: 1;
  background-color: #fff;
}
section.about .content {
  max-width: 1200px;
  width: 100%;
  padding: 0 2rem;
  margin: auto;
  margin-top: 2rem;
}
section.about .content .box {
  background-color: #fff;
  display: grid;
  grid-template-columns: 30% auto;
  gap: 2rem;
}
@media (max-width: 992px) {
  section.about .content .box {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
section.about .content .box .image img {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.about .content .box .image::after {
  content: "";
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20%;
}
@media (max-width: 992px) {
  section.about .content .box .image::after {
    content: unset;
  }
}
section.about .content .box .text {
  padding: 2rem;
  text-align: center;
  line-height: 1.5;
  font-size: 1.5rem;
  font-weight: 700;
  flex-grow: 1;
  align-self: center;
}

section.social {
  padding: 0 2rem 8rem 2rem;
  background-color: #516c61;
  z-index: 3;
}
section.social .content {
  display: grid;
  gap: 4rem;
  grid-template-columns: repeat(3, 1fr);
  max-width: 1400px;
  width: 100%;
  margin: auto;
}
@media (max-width: 992px) {
  section.social .content {
    grid-template-columns: 1fr;
  }
}
section.social .content > * {
  background-color: #fff;
  height: calc(600px + 8rem);
  padding: 4rem 0 0 0;
  overflow-x: hidden;
}
@media (max-width: 992px) {
  section.social .content > * {
    padding: 0;
  }
  section.social .content > *:first-child {
    padding-top: 3rem;
  }
}
section.social .content > * h2 {
  font-size: 2rem;
  text-align: center;
  margin: 0;
  height: 4rem;
  line-height: 4rem;
}
section.social .content > * .wrapper-box {
  max-height: 600px;
  overflow-y: scroll;
}
section.social .content > *::after {
  position: absolute;
  top: 4rem;
  left: 0;
  right: 0;
  height: 6rem;
  background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
  z-index: 2;
}

section.volunteer {
  padding-left: 0;
  padding-right: 0;
  background-color: #293756;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 4;
}
section.volunteer > h2 {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 2rem;
  margin: 0;
}
section.volunteer > h2 span {
  color: #516c61;
  font-size: 3rem;
  padding: 0.75rem 1rem;
  background-color: #fff;
}
section.volunteer > h2::before, section.volunteer > h2::after {
  content: "";
  height: 20px;
  margin-top: -3px;
  flex-grow: 1;
  background-color: #fff;
}
section.volunteer .content {
  max-width: 1200px;
  width: 100%;
  padding: 0 2rem;
  margin: auto;
  margin-top: 2rem;
}
section.volunteer .content .box {
  background-color: #fff;
  display: grid;
  grid-template-columns: auto 40%;
  gap: 2rem;
}
@media (max-width: 992px) {
  section.volunteer .content .box {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
section.volunteer .content .box .text {
  text-align: center;
  flex-grow: 1;
  padding: 2rem;
  align-self: center;
}
section.volunteer .content .box .text .gform_footer {
  padding-bottom: 0;
}
section.volunteer .content .box .text .gform_footer input {
  margin: auto;
}
section.volunteer .content .box .image img {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.volunteer .content .box .image::after {
  content: "";
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 20%;
}
@media (max-width: 992px) {
  section.volunteer .content .box .image::after {
    content: unset;
  }
}

section.follow {
  text-align: center;
  background-color: #fff;
  padding: 6rem 2rem 4rem 2rem;
  z-index: 5;
}
section.follow h2 {
  cursor: auto;
  font-size: 3rem;
}
section.follow h2:hover {
  background-color: #293756;
}
section.follow .socials {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.follow .socials a {
  display: flex;
  width: 40px;
  height: 40px;
  margin: 0 0.5rem;
  background-color: #293756;
  font-size: 1.25rem;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
}
section.follow .socials a.facebook {
  background-color: #2653a5;
}
section.follow .socials a.instagram {
  background: linear-gradient(42.0185deg, #FFC65A, #EE323B, #C8238F, #4757A6, #4757A6, #4757A6, #4757A6);
}
section.follow .socials a.twitter {
  background-color: #231f20;
}
section.follow .socials a.youtube {
  background-color: #ed1f24;
}

main {
  padding: 2rem 2rem 4rem 2rem;
  line-height: 1.5;
  font-size: 1.25rem;
}
main > * {
  max-width: 1200px;
  width: 100%;
  margin: auto;
}
main h1 {
  margin-bottom: 1rem;
}
main h2 {
  color: #516c61;
}
main .wp-block-embed {
  max-width: 800px;
  margin: auto;
  z-index: 2;
}
main .wp-block-image {
  z-index: 2;
}
main .wp-block-image figcaption {
  font-size: 75%;
  text-align: center;
  margin: 0;
}

main.post .meta {
  margin-top: 1rem;
}
main.post .meta > * {
  margin: 0;
}
main.post .meta > *::after {
  content: "|";
  margin: 0 0.5rem;
}
main.post .meta > *:last-child::after {
  content: unset;
}
@media (max-width: 767px) {
  main.post .meta > * {
    display: block;
  }
  main.post .meta > *::after {
    content: unset;
  }
}
main.post .meta .cats .cat::after {
  content: "|";
  margin: 0 0.5rem;
}
main.post .meta .cats .cat:last-child::after {
  content: unset;
}
@media (max-width: 767px) {
  main.post .meta .cats .cat {
    display: block;
  }
  main.post .meta .cats .cat::after {
    content: unset;
  }
}

.modal {
  position: fixed;
  background-color: rgba(41, 55, 86, 0.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
}
.modal .modal--wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .modal--wrap .content {
  background-color: #fff;
  min-width: 800px;
  max-width: 800px;
  box-shadow: 0 0 15px 1px #000;
  margin: 1rem;
}
@media (max-width: 992px) {
  .modal .modal--wrap .content {
    min-width: 600px;
    max-width: 90vw;
  }
}
@media (max-width: 767px) {
  .modal .modal--wrap .content {
    min-width: 400px;
  }
}
@media (max-width: 575px) {
  .modal .modal--wrap .content {
    min-width: unset;
  }
}
.modal .modal--wrap .content > * {
  padding: 1rem;
}
.modal .modal--wrap .content .close {
  height: 16px;
  width: 16px;
  border: 2px solid #293756;
  color: #516c61;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -20px;
  right: -20px;
  background-color: #fff;
  cursor: pointer;
  z-index: 9999;
  opacity: 0.6;
}
.modal .modal--wrap .content .text {
  font-size: 1.25rem;
  line-height: 1.25;
}
.modal .modal--wrap .content .donate {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  padding: 0.5rem;
}
.modal .modal--wrap .content .donate .btn, .modal .modal--wrap .content .donate header > .buttons ul li a, header > .buttons ul li .modal .modal--wrap .content .donate a, .modal .modal--wrap .content .donate header .navigation > .menu, header .modal .modal--wrap .content .donate .navigation > .menu, .modal .modal--wrap .content .donate header .navigation nav .buttons ul li a, header .navigation nav .buttons ul li .modal .modal--wrap .content .donate a, .modal .modal--wrap .content .donate header .navigation header > .buttons .buttons ul li a, header .navigation header > .buttons .buttons ul li .modal .modal--wrap .content .donate a, .modal .modal--wrap .content .donate footer nav.footer-main ul li a, footer nav.footer-main ul li .modal .modal--wrap .content .donate a, .modal .modal--wrap .content .donate footer nav.footer-action ul li a, footer nav.footer-action ul li .modal .modal--wrap .content .donate a, .modal .modal--wrap .content .donate section.follow h2, section.follow .modal .modal--wrap .content .donate h2 {
  flex: 1 1 0px;
  flex-basis: 0px;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
}/*# sourceMappingURL=theme.css.map */