/*
------------------------------------------------------------------------------
 Site Override CSS
------------------------------------------------------------------------------

Use this file for site-specific cosmetic changes when duplicating the platform
for a new client. Keep shared platform improvements in the main CSS files, and
put brand/theme-only overrides here.

Suggested uses:
- colors and gradients
- typography swaps
- header/footer branding tweaks
- button appearance
- spacing or radius adjustments unique to one site

Avoid using this file for:
- bug fixes that should apply to every deployment
- structural layout changes that belong in the base platform
- one-off inline-style replacements that should become reusable components
*/

footer {
  padding: 16px 0;
  color: var(--brand-black, #212121);
}

footer a,
footer a:hover,
footer a:focus,
footer span,
.footerGridCell {
  color: var(--brand-black, #212121);
}

.footerGrid {
  align-items: center;
}

.footerGridCell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  line-height: 1.4;
  text-align: center;
}

.footerGridCell p {
  margin: 0;
}

.footer-phone,
.footer-phone:hover,
.footer-phone:focus,
.footer-email,
.footer-email:hover,
.footer-email:focus,
.footer-address-link,
.footer-address-link:hover,
.footer-address-link:focus {
  color: var(--brand-black, #212121) !important;
  line-height: 1.4;
}

footer .footer-contact-line {
  margin-top: 0;
}

.footer-social-links {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.footer-social-badge {
  border-color: var(--brand-black, #212121);
  color: var(--brand-black, #212121);
}

.footer-social-badge svg,
.footer-social-badge .footer-social-fill {
  color: var(--brand-black, #212121);
  fill: var(--brand-black, #212121);
  stroke: var(--brand-black, #212121);
}

.footer-social-link:hover .footer-social-badge,
.footer-social-link:focus .footer-social-badge {
  background: var(--brand-black, #212121);
  border-color: var(--brand-black, #212121);
  color: #fff;
}

.footer-social-link:hover .footer-social-badge svg,
.footer-social-link:focus .footer-social-badge svg,
.footer-social-link:hover .footer-social-badge .footer-social-fill,
.footer-social-link:focus .footer-social-badge .footer-social-fill {
  fill: #fff;
  stroke: #fff;
}

#subFooter {
  background: var(--brand-gray-dark, #4C4E50);
}

#subFooter .cookiePreferencesButton {
  display: inline-flex;
  align-items: center;
  width: auto;
  min-height: 0;
  margin: 0 4px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
}

#subFooter .cookiePreferencesButton:hover,
#subFooter .cookiePreferencesButton:focus {
  color: var(--theme-secondary, #47B6E6);
  text-decoration: none;
}