/* Compact homepage friend links from the CMS footer link group. */
body.home-business .business-footer-friends{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  padding-block:14px;
}
body.home-business .business-footer-friends:not(:has(a)){display:none}
body.home-business .business-footer-friends>span{
  display:flex;
  align-items:center;
  min-height:44px;
  color:#9da7b7;
  font-weight:400;
  line-height:1.6;
}
body.home-business .business-footer .friend-image-grid{
  min-width:0;
  gap:0 24px;
  padding:0;
  border:0;
}
body.home-business .business-footer .friend-image{
  min-width:0;
  max-width:100%;
  min-height:44px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  transition:none;
}
body.home-business .business-footer .friend-image strong{
  color:#bfc8d4;
  font-weight:400;
  line-height:1.6;
  overflow-wrap:anywhere;
}
body.home-business .business-footer .friend-image::after,
body.home-business .business-footer .friend-logo{display:none}
body.home-business .business-footer .friend-image:is(:hover,:focus-visible) strong{
  color:var(--business-accent);
  text-decoration:underline;
  text-underline-offset:4px;
}
body.home-business .business-footer .friend-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  color:var(--business-accent);
  font-size:var(--fc-small);
  line-height:1.6;
  white-space:nowrap;
}
body.home-business .business-footer .friend-more:is(:hover,:focus-visible){
  text-decoration:underline;
  text-underline-offset:4px;
}
@media(max-width:760px){
  body.home-business .business-footer-friends:has(a){display:grid!important}
  body.home-business .business-footer-friends{grid-template-columns:minmax(0,1fr) auto;gap:0 20px;padding-block:10px}
  body.home-business .business-footer-friends>span{grid-column:1;grid-row:1}
  body.home-business .business-footer .friend-more{grid-column:2;grid-row:1}
  body.home-business .business-footer .friend-image-grid{grid-column:1/-1;grid-row:2}
  body.home-business .business-footer-friends>span,
  body.home-business .business-footer .friend-image strong{font-size:14px}
  body.home-business .business-footer .friend-image-grid{gap:0 20px}
}
