/* Social profile icons (round 7): mobile menu and site footer */
.social-icons{display:flex;flex-wrap:wrap;gap:12px}
.social-icons a{display:grid;place-items:center;width:46px;height:46px;min-height:0!important;padding:0!important;border-radius:50%!important;background:#fff;color:var(--ink)!important;text-decoration:none!important;box-shadow:0 6px 16px rgba(0,40,59,.22);transition:transform .2s,background .2s}
.social-icons a:hover,.social-icons a:focus-visible{transform:translateY(-2px);background:var(--orange);outline:0}
.social-icons svg{width:22px;height:22px;fill:currentColor}
.social-icons .mm-g{font:800 20px/1 Arial,Helvetica,sans-serif}
.footer-social{margin-top:22px}
.site-footer .footer-social-label{display:block;margin:0 0 12px!important;color:var(--orange)!important;font:700 11px/1.6 Arial,Helvetica,sans-serif!important;letter-spacing:.2em!important;text-transform:uppercase}
.site-footer .social-icons a{width:42px;height:42px}
.site-footer .social-icons svg{width:20px;height:20px}
/* existing bug: site.css gives .footer-main a percentage gap, which on phones (two grid rows) is added after the
   height is worked out, so the last footer link slid under the bottom bar. A fixed row gap fixes it. */
@media(max-width:760px){.site-footer .footer-main{row-gap:34px}}