@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: #C3CABC;
  color: #3a414e;
}
body:not(.header-dark) #header .navbar .dropmenu ul > li > a:is(.active, :focus, :hover), #header.scrolled .navbar .dropmenu ul > li > a:is(.active, :focus, :hover) {
  color: #5E783F !important;
}
body:not(.header-dark) #header .navbar .dropmenu ul > li > a:not(:is(.active, :focus, :hover)), #header.scrolled .navbar .dropmenu ul > li > a:not(:is(.active, :focus, :hover)) {
  color: #3a414e !important;
}

body.header-dark #header:not(.scrolled) {
  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: #C3CABC !important;
  color: #3a414e;
}
#footer a, #footer a:is(:hover) {
  color: #5E783F !important;
}

.label.label-secondary {
  color: #5E783F;
  background-color: rgba(184.5625, 195.9375, 171, 0.325);
}

body {
  background-color: #C3CABC;
  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, .btn)) {
  color: #5E783F !important;
}
body a:not(:has(.title, .btn)):hover, body a:not(:has(.title, .btn)):focus, body a:not(:has(.title, .btn)):active, body a:not(:has(.title, .btn)):is(.active) {
  color: #5E783F !important;
}
body a:not(:has(.title, .btn)).btn {
  border-color: #5E783F !important;
  background-color: transparent;
}
body .treemenu li a:is(a, .active, :focus, :hover) {
  color: #5E783F !important;
}
body blockquote {
  border-left-color: #6B7B58;
}
body table th {
  background-color: #6B7B58;
  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: #6B7B58 !important;
  outline: #6B7B58 !important;
  box-shadow: 0 0 0 0.1rem rgba(107, 123, 88, 0.25) !important;
}
body button.button, body a.btn {
  border-color: #6B7B58 !important;
  color: #5E783F !important;
}
body button.button:hover, body button.button:focus, body a.btn:hover, body a.btn:focus {
  background-color: #6B7B58 !important;
  color: white !important;
}
body button.button.btn-primary, body a.btn.btn-primary {
  background-color: #6B7B58 !important;
  color: white !important;
}
body button.button.btn-primary:hover, body button.button.btn-primary:focus, body a.btn.btn-primary:hover, body a.btn.btn-primary:focus {
  background-color: #5E783F !important;
}
body .modular-features .frame-box > *:not(.columns) {
  text-align: left;
}
body .modular-features .feature-icon {
  color: #3a414e;
  font-size: 4rem;
}
body .modular-features .feature-content {
  color: #3a414e;
  background: unset;
}
body .modular-features .column:hover .feature-icon, body .modular-features .column:hover .feature-content {
  color: white;
}
body .modular-hero h1 {
  font-weight: 100;
}

#start:is(section) section.modular-text:first-of-type {
  margin-top: 4rem;
}

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