/* Footer: graphite, with the marks on white tiles. Enqueued globally. */

.deltaes-footer {
  padding-top: clamp(56px, 7vw, 96px);
  border-top: 1px solid var(--deltaes-graphite-800);
  font-size: 1rem;
}

.deltaes-footer__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr)) minmax(0, 1.2fr);
  gap: 40px clamp(24px, 4vw, 64px);
  padding-bottom: clamp(48px, 6vw, 80px);
}

.deltaes-footer__logo { display: inline-block; margin-bottom: 28px; }
.deltaes-footer__logo .deltaes-logo { width: auto; height: 52px; }

.deltaes-footer__contact { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px; }
.deltaes-footer__contact a { color: #ffffff; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.deltaes-footer__contact address { font-style: normal; color: var(--deltaes-silver-300); }
/* The phone number is the thing most people come to the footer for. */
.deltaes-footer .deltaes-footer__big {
  font-family: var(--deltaes-font-display);
  font-stretch: 62%;
  font-weight: 800;
  font-size: 2rem;
  line-height: 1;
  text-decoration: none;
}
.deltaes-footer .deltaes-footer__big:hover { text-decoration: underline; text-decoration-color: var(--deltaes-arc); }

.deltaes-footer__heading {
  margin: 0 0 16px;
  font-family: var(--deltaes-font);
  font-stretch: 85%;
  font-size: 1rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  color: #ffffff;
}

.deltaes-footer__list { list-style: none; margin: 0; padding: 0; }
.deltaes-footer__list li { margin: 0; }
.deltaes-footer .deltaes-footer__list a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  color: var(--deltaes-silver-300);
  text-decoration: none;
}
.deltaes-footer .deltaes-footer__list a:hover { color: #ffffff; text-decoration: underline; text-underline-offset: 4px; }

.deltaes-footer__marks { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.deltaes-footer__marks a { display: block; }

/* A mark is the certification body's artwork, shown whole on white. */
.deltaes-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  background: #ffffff;
}
/* Doubled: the editor canvas sets img { height: auto }, which would print the
   mark at its 506px artwork size. */
.deltaes-mark.deltaes-mark > img { width: auto; height: 100%; max-width: none; }
.deltaes-mark--footer { height: 76px; }

.deltaes-social { display: flex; gap: 6px; }
.deltaes-social__link { display: inline-grid; place-items: center; width: 44px; height: 44px; color: #ffffff; border: 1px solid var(--deltaes-graphite-700); }
.deltaes-social__link:hover { border-color: var(--deltaes-silver-300); }

.deltaes-footer__legal { border-top: 1px solid var(--deltaes-graphite-800); }
.deltaes-footer__legal-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 28px;
  padding-block: 22px;
  font-size: .9375rem;
  color: var(--deltaes-silver-250);
}
.deltaes-footer__legal-inner > p:first-child { flex: 1 1 420px; margin: 0; }
.deltaes-footer__legal-list { list-style: none; display: flex; gap: 20px; margin: 0; padding: 0; }
.deltaes-footer .deltaes-footer__legal-list a { color: var(--deltaes-silver-300); display: inline-flex; min-height: 32px; align-items: center; }
.deltaes-footer__agency { margin: 0; }
.deltaes-footer__agency a { color: var(--deltaes-silver-300); }

@media (max-width: 1080px) {
  .deltaes-footer__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .deltaes-footer__inner { grid-template-columns: minmax(0, 1fr); }
  .deltaes-footer__logo .deltaes-logo { height: 40px; }
}