/**
 * Footer — three columns (info / credits / funders) that stack on small
 * screens. In the old site this held contact details, the organising credits
 * and the funder logos. It is always in the DOM and keyboard-reachable; we
 * never display:none it (see docs/accessibility.md).
 */
.reciklart-footer {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  background: var(--footer-bg);
  color: var(--footer-fg);
}
.reciklart-footer > * {
  flex: 1 1 33%;
  padding: 2rem;
  text-align: left;
}

/* Footer copy is smaller than body prose and links are underlined on hover. */
.reciklart-footer p { font-size: 1rem; }
.reciklart-footer a { text-decoration: underline; }

.reciklart-footer__funders img {
  height: 60px;
  width: auto;
  margin: 0.5rem 1rem 0 0;
}

@media (max-width: 992px) {
  .reciklart-footer { flex-direction: column; }
  .reciklart-footer > * { flex-basis: 100%; }
}