#site-header .header-logo {
  transition: height .24s ease, opacity .24s ease;
}

#site-header .site-nav-links a {
  font-size: var(--site-nav-font, 15px) !important;
}

#site-header .site-header-actions a.bg-jade,
#site-header .designer-mobile-menu a.bg-jade {
  background-color: var(--site-cta-bg, #3ea682) !important;
  color: var(--site-cta-text, #fff) !important;
}

.site-footer,
footer.bg-footer {
  background-color: var(--site-footer-bg, #2c3830) !important;
  color: var(--site-footer-text, #f4efe6) !important;
}

footer.bg-footer a,
footer.bg-footer p,
footer.bg-footer div {
  color: inherit;
}

footer.bg-footer p.font-serif {
  font-size: clamp(30px, 3.4vw, var(--site-footer-claim, 42px)) !important;
}

@media (max-width: 559px) {
  #site-header .header-logo {
    height: var(--site-logo-mobile, 34px) !important;
  }
}