/* Shared by portal pages and the native DRF interface. */
.site-footer {
  position: static;
  clear: none;
  z-index: auto;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 20px 42px;
  border-top: 1px solid #dce5e6;
  color: #65767a;
  background: #f4f7f7;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 11px;
  line-height: 1.6;
}
.site-footer-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 24px;
  max-width: 1396px;
  margin: 0 auto;
}
.site-footer-identity, .site-footer-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  min-width: 0;
}
.site-footer-brand { color: #152d32; font-weight: 650; }
.site-footer-timezone { overflow-wrap: anywhere; }
/* DRF's bundled footer rule uses !important for link color. */
.site-footer a { color: #007568 !important; font-weight: 500; }
.site-footer a:hover { color: #005b52 !important; }
.signage-api .site-footer { padding-inline: 32px; }
.signage-api .site-footer-inner { max-width: 1116px; }
@media (max-width: 1150px) {
  .site-footer { padding-inline: 28px; }
}
@media (max-width: 850px) {
  .site-footer { padding-inline: 25px; }
}
@media (max-width: 760px) {
  .signage-api .site-footer { padding-inline: 20px; }
}
@media (max-width: 620px) {
  .site-footer { padding-inline: 18px; }
  .site-footer-inner { align-items: flex-start; flex-direction: column; }
}