/* Screen widths */
/* Site Colors */
/** Reusable global classes **/
.text-xl {
  font-size: 2.3rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .text-xl {
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 320px) {
  .text-xl {
    font-size: 1.8rem;
  }
}
.text-lg {
  font-size: 1.9rem !important;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .text-lg {
    font-size: 1.6rem !important;
    line-height: 1.5;
  }
}
@media screen and (max-width: 320px) {
  .text-lg {
    font-size: 1.4rem !important;
  }
}
.text-md {
  font-size: 1.6rem !important;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .text-md {
    font-size: 1.4rem !important;
    line-height: 1.5;
  }
}
@media screen and (max-width: 320px) {
  .text-md {
    font-size: 1.2rem !important;
  }
}
.text-sm {
  font-size: 1.4rem !important;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .text-sm {
    font-size: 1.2rem !important;
    line-height: 1.5;
  }
}
@media screen and (max-width: 320px) {
  .text-sm {
    font-size: 1rem!important;
  }
}
.shadow {
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.shadow-2 {
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}
.shadow-3 {
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.card-base {
  background-color: #FFF;
  border-radius: 10px;
  border: 3px solid #2C5535;
  padding: 30px;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}
/** BS Variable overrides **/
:root {
  --bs-border-radius: 10px;
  --bs-light-rgb: 127, 152, 46;
  --bs-breadcrumb-item-padding-x: 14px;
}
@media screen and (max-width: 767px) {
  body .row,
  body .row > * {
    --bs-gutter-x: 0.6rem;
  }
}
html {
  font-size: 10px;
}
body {
  font-family: 'Commissioner', sans-serif;
  font-size: 1.9rem !important;
  color: #1B331F;
  line-height: 1.5;
  /** Global Typographic Styles **/
  /** End Global Typographic Styles **/
  /** Buttons **/
  /** End Buttons **/
  /** Skip Link **/
  /** First Sidebar **/
  /** End First Sidebar **/
  /** Main Content **/
  /** End Main Content **/
  /** Content Middle **/
  /** End Content Middle **/
  /** Footer **/
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.6rem !important;
    line-height: 1.5;
  }
}
@media screen and (max-width: 320px) {
  body {
    font-size: 1.4rem !important;
  }
}
body #page {
  overflow-x: hidden;
  background-color: #FFF;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: 'DM Sans', sans-serif;
}
body h1,
body .h1 {
  color: #1B331F;
  font-weight: 700;
  font-size: 4rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  body h1,
  body .h1 {
    font-size: 3.3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 320px) {
  body h1,
  body .h1 {
    font-size: 3rem;
  }
}
body h2,
body .h2 {
  color: #343434;
  font-weight: 500;
  font-size: 3.4rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
body h2 strong,
body .h2 strong {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body h2,
  body .h2 {
    font-size: 2.8rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 320px) {
  body h2,
  body .h2 {
    font-size: 2.5rem;
  }
}
body h3,
body .h3 {
  color: #343434;
  font-weight: 500!important;
  font-size: 2.8rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body h3 strong,
body .h3 strong {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body h3,
  body .h3 {
    font-size: 2.3rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 320px) {
  body h3,
  body .h3 {
    font-size: 2rem;
  }
}
body h4,
body .h4 {
  color: #343434;
  font-weight: 500!important;
  font-size: 2.3rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body h4 strong,
body .h4 strong {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body h4,
  body .h4 {
    font-size: 1.8rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 320px) {
  body h4,
  body .h4 {
    font-size: 1.6rem;
  }
}
body p,
body ul,
body ol {
  margin-bottom: 2rem;
}
body .hide {
  display: none!important;
}
body a,
body .nav-link {
  color: #195794;
  text-decoration: underline 1px;
}
body a:hover,
body .nav-link:hover,
body a:focus,
body .nav-link:focus {
  color: #0A233B;
  text-decoration: none;
}
body a:active,
body .nav-link:active {
  outline: 2px solid #A9D3CB;
  outline-offset: 4px;
  border-radius: 8px;
}
body a:focus-visible,
body .nav-link:focus-visible {
  outline: 2px solid #2A8370;
  outline-offset: 4px;
  border-radius: 8px;
  display: inline-block;
}
body a:focus-visible:active,
body .nav-link:focus-visible:active {
  outline-color: #A9D3CB;
}
body a:visited,
body .nav-link:visited {
  color: #2C5535;
}
body .navbar-brand:active,
body .menu-item a:active {
  outline: 0;
  border-radius: 0;
}
body p > a:focus-visible {
  display: inline;
}
body .btn {
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  color: #343434;
  font-weight: 500!important;
  font-size: 2.3rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%;
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  padding: 10px 16px;
  margin-bottom: 20px;
  border-width: 2px;
  border-radius: 10px;
}
body .btn strong {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body .btn {
    font-size: 1.8rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 320px) {
  body .btn {
    font-size: 1.6rem;
  }
}
body .btn-default,
body .btn-secondary {
  background-color: #FFF;
  border-color: #2C5535;
  color: #2C5535;
}
body .btn-default:hover,
body .btn-secondary:hover {
  background-color: #D5DDD6;
  border-color: #D5DDD6;
  color: #2C5535;
}
body .btn-default:active,
body .btn-secondary:active,
body .btn-default:active:focus,
body .btn-secondary:active:focus {
  background-color: #627A68;
  border-color: #627A68;
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .btn-default:focus,
body .btn-secondary:focus {
  background-color: #D5DDD6;
  border-color: #D5DDD6;
  box-shadow: none;
  color: #2C5535;
}
body .btn-default:focus-visible,
body .btn-secondary:focus-visible {
  outline: 4px solid #2A8370;
  outline-offset: 4px;
}
body .btn-default:focus-visible:active,
body .btn-secondary:focus-visible:active {
  background-color: #627A68;
  border-color: #627A68;
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .btn-default.disabled,
body .btn-secondary.disabled,
body .btn-default:disabled,
body .btn-secondary:disabled {
  background-color: #D5DDD6;
  border-color: #D5DDD6;
  color: #2C5535;
  pointer-events: none;
  opacity: 0.65;
}
body .btn-default:visited,
body .btn-secondary:visited {
  color: #2C5535;
}
body .btn-primary {
  background-color: #2C5535;
  border-color: #2C5535;
  color: #FFF;
}
body .btn-primary:hover {
  background-color: #D5DDD6;
  border-color: #D5DDD6;
  color: #2C5535;
}
body .btn-primary:active,
body .btn-primary:active:focus {
  background-color: #627A68;
  border-color: #627A68;
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .btn-primary:focus {
  background-color: #2C5535;
  border-color: #2C5535;
  box-shadow: none;
  color: #FFF;
}
body .btn-primary:focus-visible {
  outline: 4px solid #2A8370;
  outline-offset: 4px;
}
body .btn-primary:focus-visible:active {
  background-color: #627A68;
  border-color: #627A68;
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .btn-primary.disabled,
body .btn-primary:disabled {
  background-color: #D5DDD6;
  border-color: #D5DDD6;
  color: #2C5535;
  pointer-events: none;
  opacity: 0.65;
}
body .btn-primary:visited {
  color: #FFF;
}
body .btn-primary:visited:hover {
  color: #2C5535;
}
body .btn-success {
  background-color: #2A8370;
  border-color: #2A8370;
}
body .btn-success:hover {
  background-color: #58CAB2;
  border-color: #ABE0D5;
}
body .btn-info {
  background-color: #A9D3CB;
  border-color: #A9D3CB;
}
body .btn-info:hover {
  background-color: #d4e9e5;
  border-color: #A9D3CB;
}
body .btn-warning {
  background-color: #F0AD4E;
  border-color: #F0AD4E;
}
body .btn-warning:hover {
  background-color: #f9eacd;
  border-color: #F0AD4E;
}
body .btn-danger {
  background-color: #B3261E;
  border-color: #B3261E;
}
body .btn-danger:hover {
  background-color: #CD4942;
  border-color: #F3C6C9;
}
body .btn-sm {
  font-size: 2rem;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media screen and (max-width: 767px) {
  body .btn-sm {
    font-size: 1.5rem;
  }
}
body .btn-auto {
  width: auto;
}
body .btn-group {
  gap: 8px;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  body .btn-group {
    margin: 0;
    flex-direction: column;
    width: 100%;
  }
}
body .btn-group .btn {
  background-color: #2C5535;
  border-color: #2C5535;
  color: #FFF;
  width: auto;
  min-width: 160px;
  border-radius: 10px !important;
  font-size: 2.3rem;
  margin-bottom: 0;
}
body .btn-group .btn:hover {
  background-color: #D5DDD6;
  border-color: #D5DDD6;
  color: #2C5535;
}
body .btn-group .btn:active,
body .btn-group .btn:active:focus {
  background-color: #627A68;
  border-color: #627A68;
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .btn-group .btn:focus {
  background-color: #2C5535;
  border-color: #2C5535;
  box-shadow: none;
  color: #FFF;
}
body .btn-group .btn:focus-visible {
  outline: 4px solid #2A8370;
  outline-offset: 4px;
}
body .btn-group .btn:focus-visible:active {
  background-color: #627A68;
  border-color: #627A68;
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .btn-group .btn.disabled,
body .btn-group .btn:disabled {
  background-color: #D5DDD6;
  border-color: #D5DDD6;
  color: #2C5535;
  pointer-events: none;
  opacity: 0.65;
}
body .btn-group .btn:visited {
  color: #FFF;
}
body .btn-group .btn:visited:hover {
  color: #2C5535;
}
@media screen and (max-width: 767px) {
  body .btn-group .btn {
    font-size: 1.8rem;
    width: 100%;
  }
}
body .btn-group .btn:nth-child(2) {
  background-color: #FFF;
  border-color: #2C5535;
  color: #2C5535;
}
body .btn-group .btn:nth-child(2):hover {
  background-color: #D5DDD6;
  border-color: #D5DDD6;
  color: #2C5535;
}
body .btn-group .btn:nth-child(2):active,
body .btn-group .btn:nth-child(2):active:focus {
  background-color: #627A68;
  border-color: #627A68;
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .btn-group .btn:nth-child(2):focus {
  background-color: #D5DDD6;
  border-color: #D5DDD6;
  box-shadow: none;
  color: #2C5535;
}
body .btn-group .btn:nth-child(2):focus-visible {
  outline: 4px solid #2A8370;
  outline-offset: 4px;
}
body .btn-group .btn:nth-child(2):focus-visible:active {
  background-color: #627A68;
  border-color: #627A68;
  color: #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .btn-group .btn:nth-child(2).disabled,
body .btn-group .btn:nth-child(2):disabled {
  background-color: #D5DDD6;
  border-color: #D5DDD6;
  color: #2C5535;
  pointer-events: none;
  opacity: 0.65;
}
body .btn-group .btn:nth-child(2):visited {
  color: #2C5535;
}
body .visually-hidden.skip-link.focusable {
  color: #195794 !important;
  left: 300px;
  background: none!important;
}
body .visually-hidden.skip-link.focusable:focus,
body .visually-hidden.skip-link.focusable:focus-within,
body .visually-hidden.skip-link.focusable:focus-visible {
  background-color: #fff;
  color: #195794 !important;
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  display: inline;
}
body .breadcrumb {
  font-size: 1.6rem !important;
  line-height: 1.5;
  margin: 0 0 2rem 0;
}
@media screen and (max-width: 767px) {
  body .breadcrumb {
    font-size: 1.4rem !important;
    line-height: 1.5;
  }
}
@media screen and (max-width: 320px) {
  body .breadcrumb {
    font-size: 1.2rem !important;
  }
}
body .breadcrumb .breadcrumb,
body .breadcrumb .breadcrumb.active {
  color: #1B331F !important;
}
body .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f0da";
  color: #1B331F;
  font-weight: 700;
}
body .banner {
  margin-bottom: 40px;
}
body .banner img {
  max-width: 100%;
  height: auto;
  border-radius: 15px;
}
body .contact-bottom {
  margin-top: 20px;
  margin-bottom: 20px;
}
body .contact-bottom::before {
  content: '';
  display: block;
  background-color: #A5B76D;
  height: 7px;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 20px;
}
body .contact-bottom h2 {
  margin-bottom: 12px;
}
body .contact-bottom th {
  width: auto;
  margin-right: 40px;
}
body .contact-bottom td {
  padding: 0!important;
}
body .form-check-input:checked {
  background-color: #2C5535;
  border-color: #2C5535;
}
body .form-check-input:focus {
  box-shadow: none;
}
body .form-check-input:focus-visible {
  outline: 4px solid #2A8370;
  outline-offset: 4px;
}
body .bg-green {
  background-color: #DFE6D2;
  color: #343434;
  padding: 25px 42px;
  margin-bottom: 40px;
}
body .bg-green ul,
body .bg-green ol {
  margin-bottom: 0!important;
  padding-left: 0!important;
}
body .bg-green ul li,
body .bg-green ol li {
  margin-bottom: 0!important;
  list-style-type: none;
}
body .bg-green p,
body .bg-green .field {
  margin-bottom: 0!important;
}
body .bg-green .field {
  display: inline-block;
}
body .mt-20 {
  margin-top: 2rem!important;
}
@media screen and (max-width: 767px) {
  body .mt-20 {
    margin-top: 1rem!important;
  }
}
body .mt-40 {
  margin-top: 4rem!important;
}
@media screen and (max-width: 767px) {
  body .mt-40 {
    margin-top: 2rem !important;
  }
}
body .mb-20 {
  margin-bottom: 2rem!important;
}
@media screen and (max-width: 767px) {
  body .mb-20 {
    margin-bottom: 1rem!important;
  }
}
body .mb-40 {
  margin-bottom: 4rem!important;
}
@media screen and (max-width: 767px) {
  body .mb-40 {
    margin-bottom: 2rem !important;
  }
}
@media screen and (min-width: 992px) {
  body .sidebar_first {
    width: 383px;
  }
}
body .main-content {
  /** Main Column next to sidebar **/
  /** Sidebar **/
  /** Right Callout **/
}
body .main-content #main-content {
  margin-bottom: 2rem;
}
body .main-content .node__content {
  font-size: 1.9rem !important;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  body .main-content .node__content {
    font-size: 1.6rem !important;
    line-height: 1.5;
  }
}
@media screen and (max-width: 320px) {
  body .main-content .node__content {
    font-size: 1.4rem !important;
  }
}
body .main-content .field--name-field-summary {
  font-size: 2.3rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  body .main-content .field--name-field-summary {
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 320px) {
  body .main-content .field--name-field-summary {
    font-size: 1.8rem;
  }
}
body .main-content .teaser .field--name-field-summary {
  font-size: 1.9rem !important;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  body .main-content .teaser .field--name-field-summary {
    font-size: 1.6rem !important;
    line-height: 1.5;
  }
}
@media screen and (max-width: 320px) {
  body .main-content .teaser .field--name-field-summary {
    font-size: 1.4rem !important;
  }
}
body .main-content #block-drupalbase-custom-content ul,
body .main-content #block-drupalbase-custom-content ol {
  margin-left: 1rem;
}
body .main-content #block-drupalbase-custom-content ul li,
body .main-content #block-drupalbase-custom-content ol li {
  margin-bottom: 0;
}
body .main-content .field--type-address .address {
  font-style: italic;
  margin-bottom: 1rem;
  font-size: 2.3rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  body .main-content .field--type-address .address {
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 320px) {
  body .main-content .field--type-address .address {
    font-size: 1.8rem;
  }
}
body .main-content .field--name-field-email .field__item {
  text-transform: lowercase;
  word-break: break-word;
}
body .main-content .field--name-field-trail-map-url .field__item {
  margin-bottom: 2rem;
}
body .main-content .field--name-field-summary {
  margin-bottom: 2rem;
}
body .main-content .field {
  /*margin-bottom: 40px;*/
}
body .main-content p {
  margin-bottom: 2rem;
}
body .main-content .break-all {
  word-break: break-all;
}
body .main-content .passes-list ul {
  margin-left: 1rem;
}
body .main-content .field--name-field-linked-pages {
  display: none;
}
body .main-content .main-col {
  margin-right: 33px;
}
@media screen and (max-width: 767px) {
  body .main-content .main-col {
    margin-right: 0;
  }
}
body .main-content .sidebar {
  background-color: #FFF;
  border-radius: 10px;
  border: 3px solid #2C5535;
  padding: 30px;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  color: #343434;
  font-weight: 500!important;
  font-size: 2.3rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-top: 0;
  margin-left: 33px;
}
body .main-content .sidebar strong {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body .main-content .sidebar {
    font-size: 1.8rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 320px) {
  body .main-content .sidebar {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1199px) {
  body .main-content .sidebar,
  body .main-content .sidebar p,
  body .main-content .sidebar .btn {
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 991px) {
  body .main-content .sidebar {
    margin-left: 0;
    margin-bottom: 3rem;
  }
}
body .main-content .sidebar h2 {
  color: #343434;
  font-weight: 500;
  font-size: 3.4rem;
  margin-top: 4rem;
  margin-bottom: 2rem;
  margin-bottom: 1.5rem;
  padding: 0;
}
body .main-content .sidebar h2 strong {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body .main-content .sidebar h2 {
    font-size: 2.8rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 320px) {
  body .main-content .sidebar h2 {
    font-size: 2.5rem;
  }
}
body .main-content .sidebar h2:first-child {
  margin-top: 0;
}
body .main-content .sidebar ul:not(.passes-list) {
  margin-left: 0;
}
body .main-content .sidebar p,
body .main-content .sidebar .field {
  margin-bottom: 2rem;
}
body .main-content .sidebar .btn {
  margin-top: 0;
}
body .main-content .paragraph--type--callout,
body .main-content .paragraph--type--contact-information {
  background-color: #E2E2E2;
}
body .main-content .paragraph--type--callout h2,
body .main-content .paragraph--type--contact-information h2 {
  background-color: #EBB650;
  color: #fff;
}
body .wrapper-middle-green,
body .wrapper-bottom-green {
  background-color: #D4E9E5;
  padding: 40px 0;
  margin-bottom: 0;
}
body .wrapper-middle-green .row,
body .wrapper-bottom-green .row,
body .wrapper-middle-green .row > *,
body .wrapper-bottom-green .row > * {
  --bs-gutter-x: 8.8rem;
}
body .wrapper-middle-green .col-12,
body .wrapper-bottom-green .col-12 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body .wrapper-middle-green h2,
body .wrapper-bottom-green h2 {
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 1.5;
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  body .wrapper-middle-green h2,
  body .wrapper-bottom-green h2 {
    font-size: 3.3rem;
    margin: 8px 0;
  }
}
body .wrapper-middle-green .field--name-field-image,
body .wrapper-bottom-green .field--name-field-image {
  margin-bottom: 0;
}
body .wrapper-middle-green img,
body .wrapper-bottom-green img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  body .wrapper-middle-green img,
  body .wrapper-bottom-green img {
    border-radius: 10px;
  }
}
@media screen and (max-width: 767px) {
  body .wrapper-middle-green img,
  body .wrapper-bottom-green img {
    width: 100%;
  }
}
body .wrapper-middle-green .btn,
body .wrapper-bottom-green .btn {
  margin-top: 32px;
  margin-right: 30px;
  padding: 10px 20px;
  min-width: 160px;
}
@media screen and (max-width: 767px) {
  body .wrapper-middle-green .btn,
  body .wrapper-bottom-green .btn {
    width: 100%;
  }
}
body footer.site-footer .wrapper-footer-top {
  background-color: #2C5535;
  border-top: 0;
  color: #FFF;
  font-family: 'Commissioner', sans-serif;
  font-size: 2.3rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  body footer.site-footer .wrapper-footer-top {
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 320px) {
  body footer.site-footer .wrapper-footer-top {
    font-size: 1.8rem;
  }
}
body footer.site-footer .wrapper-footer-top h2 {
  color: #343434;
  font-weight: 500!important;
  font-size: 2.8rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  color: #FFF;
  margin-top: 0;
  margin-bottom: 20px;
}
body footer.site-footer .wrapper-footer-top h2 strong {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body footer.site-footer .wrapper-footer-top h2 {
    font-size: 2.3rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 320px) {
  body footer.site-footer .wrapper-footer-top h2 {
    font-size: 2rem;
  }
}
body footer.site-footer .wrapper-footer-top ul {
  padding-left: 0!important;
  list-style-type: none;
}
body footer.site-footer .wrapper-footer-top ul li {
  margin-bottom: 20px;
}
body footer.site-footer .wrapper-footer-top ul li .fontawesome-icon-inline > span {
  font-size: 3.6rem;
  margin-right: 20px;
  width: 42px;
  text-align: center;
  vertical-align: middle;
}
body footer.site-footer .wrapper-footer-top ul li a {
  color: #FFF;
}
body footer.site-footer .wrapper-footer-top ul li a:hover {
  color: #FFF;
}
body footer.site-footer .wrapper-footer-top ul li a:focus-visible {
  outline-color: #FFF;
}
@media screen and (max-width: 600px) {
  body footer.site-footer .wrapper-footer-top #block-drupalbase-custom-footer3 ul li {
    width: 25%;
    float: left;
  }
}
@media screen and (max-width: 320px) {
  body footer.site-footer .wrapper-footer-top #block-drupalbase-custom-footer3 ul li {
    width: 33.3333%;
    float: left;
  }
}
body footer.site-footer .wrapper-footer-bottom {
  background-color: #1B331F;
}
body footer.site-footer .wrapper-footer-bottom a {
  color: #FFF;
  text-decoration: none;
}
body footer.site-footer .wrapper-footer-bottom a:hover {
  text-decoration: underline;
}
body.page-view-frontpage .block-views-exposed-filter-blockparks-block-19,
body.page-view-frontpage #block-findyourparkformblock,
body.page-view-frontpage #block-findyourparkformblock--2 {
  margin: -150px auto 60px auto;
}
body.page-view-frontpage .block-views-exposed-filter-blockparks-block-19 .d-flex,
body.page-view-frontpage #block-findyourparkformblock .d-flex,
body.page-view-frontpage #block-findyourparkformblock--2 .d-flex {
  display: block!important;
}
body.page-view-frontpage .block-views-exposed-filter-blockparks-block-19 .bef-links,
body.page-view-frontpage #block-findyourparkformblock .bef-links,
body.page-view-frontpage #block-findyourparkformblock--2 .bef-links {
  background-color: transparent;
}
body.page-view-frontpage .block-views-exposed-filter-blockparks-block-19 .bef-links ul,
body.page-view-frontpage #block-findyourparkformblock .bef-links ul,
body.page-view-frontpage #block-findyourparkformblock--2 .bef-links ul {
  list-style-type: none;
}