/* Division-specific social badges, based on the supplied footer designs. */
.footer-bottom {align-items:center;flex-wrap:wrap;}
.footer-note {display:block;}
.footer-note a {text-decoration:underline;text-underline-offset:3px;}
.footer-legal {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;font-size:12px;line-height:1.8;}
.footer-legal a {padding-block:4px;min-height:32px;display:inline-flex;align-items:center;}
.footer-legal a[aria-current="page"] {color:var(--ink);font-weight:600;}
.footer-legal-divider {color:#b2b2b2;}
.footer .footer-social-list {
  display: grid;
  gap: 8px;
  justify-items: start;
  margin: 0;
  padding: 0;
}
.footer .footer-social-list li {margin: 0;}
.footer .social-badge {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 164px;
  min-height: 24px;
  padding: 2px 3px 2px 11px;
  border: 1px solid #0d0e0f;
  border-radius: 999px;
  background: #fff;
  color: #0d0e0f;
  font: 600 10.5px/1.2 Arial, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}
.footer .social-badge:hover {background: #f5f5f5; text-decoration: none;}
.footer .social-badge:focus-visible {outline: 2px solid #fa2b28; outline-offset: 4px;}
.footer .social-whatsapp {color: #128c3d;}
.footer .social-facebook {color: #0064ed;}
.footer .social-instagram {color: #d60062;}
.social-symbol {display: block; width: 19px; height: 19px; flex-shrink: 0;}
.footer .social-resaas, .footer .social-houzz {color: #fff; background: #000;}
.footer .social-resaas:hover, .footer .social-houzz:hover {background: #292929;}
.social-wordmark {display: inline-flex; align-items: center; flex-shrink: 0;}
.resaas-wordmark {font: 800 18px/1 Arial, sans-serif; letter-spacing: -1.3px;}
.resaas-wordmark b {color: #fff000; font-weight: inherit;}
.resaas-wordmark sup {align-self: flex-end; font: 5px/1 Arial, sans-serif; letter-spacing: 0; padding-bottom: 2px;}
.houzz-wordmark {gap: 4px; font: 400 20px/.9 Arial, sans-serif; letter-spacing: -.7px;}
.houzz-wordmark svg {display: block; width: 17px; height: 19px;}
.footer-social-groups {display: flex; flex-wrap: wrap; gap: 22px 18px;}
.footer-social-groups h5 {margin: 0 0 10px; color: var(--muted); font: 600 9px/1.5 var(--sans); letter-spacing: .6px; text-transform: uppercase;}
@media (max-width: 620px) {
  .footer-bottom {align-items:flex-start;}
  .footer-legal {justify-content:flex-start;gap:6px;font-size:12px;}
  .footer-legal a {padding-block:7px;min-height:44px;}
  .footer-grid > .footer-connect {grid-column: 1 / -1;}
  .footer .social-badge {min-height: 44px; width: 174px; padding-right: 8px; font-size: 11px;}
  .footer .footer-social-list {gap: 8px;}
}