/* FLEVAMALL logo: replaces the plain-text site title in the header and footer.
   The text stays in the page (hidden visually) for screen readers and SEO.
   Header uses logo/logo-header.png (no tagline: it would be unreadable that small).
   Footer uses logo/logo-footer.png (white wordmark for the dark green footer). */

/* ---- Header ---- */
.site-header .site-branding .site-title,
.site-header .site-branding .beta.site-title { margin: 0 !important; line-height: 0; font-size: 0; }
.site-header .site-branding .site-title a {
  display: block;
  width: 172px;               /* 50px x 3.44 (logo aspect ratio) */
  height: 50px;
  max-width: 100%;
  background: url("logo/logo-header.png") no-repeat left center / contain;
  font-size: 0 !important;
  line-height: 0;
  color: transparent !important;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: 0;
}
@media (max-width: 782px) {
  .site-header .site-branding .site-title a { width: 131px; height: 38px; }
}

/* ---- Footer ---- */
.fmke-site-footer .fmke-footer-brand {
  display: block;
  width: 250px;
  max-width: 100%;
  height: 73px;               /* 250px x (349 / 1200) */
  background: url("logo/logo-footer.png") no-repeat left center / contain;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: 0;
  margin: 0 0 14px !important;
}
.fmke-site-footer .fmke-footer-brand::after { display: none; }   /* the logo carries its own accent */
@media (max-width: 782px) {
  .fmke-site-footer .fmke-footer-brand { width: 220px; height: 64px; }
}