/* The approved carved arches footer, shared across every page. */
body[data-page-color] .footer {
  background-color: #f0f0e3;
  background-image: url("assets/footer-carved-arches.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  color: #263d34;
  border-top: 1px solid #d5d9c5;
}

body[data-page-color] .footer h4,
body[data-page-color] .footer a,
body[data-page-color] .footer .license-footer {
  color: #263d34;
}

body[data-page-color] .footer .footnote {
  color: #4c5e50;
  border-top-color: #cbd5c2;
}

@media (max-width: 500px) {
  body[data-page-color] .footer {
    background-size: auto 100%;
    background-position: right top;
  }
}