@media screen and (max-width: 840px) {
  section.modular-image-cards .image-cards .image-card {
    flex-direction: column !important;
  }
  section.modular-image-cards .image-cards .image-card-image, section.modular-image-cards .image-cards .image-card-content {
    width: 100% !important;
  }
}
body:not(.header-dark) .mobile-menu #toggle:not(.active) span,
#header.scrolled ~ .mobile-menu #toggle:not(.active) span {
  background: #3a414e;
}

body.header-dark .mobile-menu #toggle span,
.mobile-menu #toggle.active span {
  background: white;
}

body:not(.header-dark) #header, #header.scrolled {
  background-color: #d3dbc6;
  color: #3a414e;
}
body:not(.header-dark) #header .dropmenu a:is(.active, :focus, :hover), #header.scrolled .dropmenu a:is(.active, :focus, :hover) {
  color: #50721C !important;
}

body.header-dark #header:not(.scrolled) {
  background-color: #d3dbc6;
  color: rgba(223.125, 223.125, 223.125, 0.625);
}
body.header-dark #header:not(.scrolled) .dropmenu a:is(.active, :focus, :hover) {
  color: white !important;
}

#footer {
  background-color: #d3dbc6 !important;
  color: #3a414e;
}
#footer a, #footer a:is(:hover) {
  color: #304410 !important;
}

.label.label-secondary {
  color: #304410;
  background-color: rgba(164.4375, 173.1875, 150.4375, 0.325);
}

body {
  background-color: #d3dbc6;
  color: #3a414e;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #3a414e;
}
body .treemenu li a {
  color: white !important;
}
body a:not(:has(.title)) {
  color: #304410 !important;
}
body a:not(:has(.title)):hover, body a:not(:has(.title)):focus, body a:not(:has(.title)):active, body a:not(:has(.title)):is(.active) {
  color: #50721C !important;
}
body a:not(:has(.title)).btn {
  border-color: #304410 !important;
  background-color: transparent;
}
body table th {
  background-color: #50721C;
  color: white;
}
body table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.25);
}
body input:focus, body input:focus-visible, body textarea:focus, body textarea:focus-visible, body select:focus, body select:focus-visible {
  border-color: #50721C;
  outline: #50721C;
  box-shadow: 0 0 0 0.1rem rgba(80, 114, 28, 0.25);
}
body button.button {
  border-color: #50721C;
  color: #3a414e;
}
body button.button:hover, body button.button:focus {
  background-color: rgb(236.3571428571, 246.7142857143, 219.7857142857);
  color: #304410;
}
body button.button.btn.btn-primary {
  background-color: #50721C;
  color: white;
}
body button.button.btn.btn-primary:hover, body button.button.btn.btn-primary:focus {
  background-color: #304410;
}

section.modular-image-cards .image-cards .image-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 3rem 0;
}
section.modular-image-cards .image-cards .image-card.layout-right {
  flex-direction: row-reverse;
}
section.modular-image-cards .image-cards .image-card .image-card-image, section.modular-image-cards .image-cards .image-card .image-card-content {
  width: 50%;
}
section.modular-image-cards .image-cards .image-card h3 {
  margin-top: 0;
}

@font-face {
  font-family: "Sibertha";
  src: url("../fonts/Sibertha.otf") format("opentype");
}
#header .navbar .logo .title, .mobile-container .mobile-logo .title {
  font-family: "Sibertha", serif;
  color: #50721C;
  font-size: 2.5rem !important;
  margin-top: 0.5rem;
}

section.hero {
  height: 40rem;
}

hr {
  border-color: #304410;
}

/*# sourceMappingURL=custom.css.map */