diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css index da89ffb..c1df50a 100644 --- a/blocks/footer/footer.css +++ b/blocks/footer/footer.css @@ -26,14 +26,127 @@ footer .footer p { margin: 0; } -/* links */ +/* links — established here, before every more-specific a:any-link override + below (the subscribe form's consent link, the legal-links row, etc.), so + each of those layers on top of this base instead of coming before it. + :hover is further down (see near the end of this file), after every + selector its own specificity needs to exceed. */ footer a:any-link { color: #fff; text-decoration: none; } -footer a:any-link:hover { - color: #fff; +/* Social icon row — appended after "Connect With Us"'s own link list (see + buildSocialRow in footer.js). Icons are already white in the source SVGs + (fill baked in), so no filter/recolor needed here. + + Selector repeats "footer .footer ul" (rather than just ".footer-social" + alone) so this wins on specificity — this element is itself a