/** * Keep Font Awesome icons visible when Google Translate is active. * GT wraps text in tags and overrides font-family, breaking icon fonts. */ /* Mark icon elements — never translate */ i[class*="fa-"], .notranslate-icon, .site-footer-social a, .hm-icon, .input-group-text, .mobile-nav-list a > i, .hm-ev-cal-nav, .hm-ev-legend i { translate: no; } /* Force FA font on all icon elements (normal + translated page) */ i.fa, i.fas, i.far, i.fal, i.fad, i[class^="fa-"], i[class*=" fa-"], .fa-solid, .fa-regular, .fa-brands, .site-footer-social i, .mobile-nav-list i, .hm-icon i, .hm-ev-toolbar i, .input-group-text i, .nav-link > i, .btn i, .hm-ev-cal-nav i, .hm-ev-type i, .hm-card-head .hm-icon i { font-family: "Font Awesome 6 Free" !important; font-style: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: never; } i.fab, i.fa-brands, .site-footer-social .fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; } i.fas, i.fa-solid, i.far, i.fa-regular { font-weight: 900 !important; } i.far, i.fa-regular { font-weight: 400 !important; } /* Google Translate adds these classes to */ html.translated-ltr i[class*="fa-"], html.translated-rtl i[class*="fa-"], html.translated-ltr .site-footer-social i, html.translated-rtl .site-footer-social i, html.translated-ltr .mobile-nav-list i, html.translated-rtl .mobile-nav-list i, html.translated-ltr .hm-icon i, html.translated-rtl .hm-icon i { font-family: "Font Awesome 6 Free" !important; } html.translated-ltr i.fab, html.translated-rtl i.fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; } /* Prevent GT wrapper from breaking icon pseudo-elements */ font i[class*="fa-"] { font-family: "Font Awesome 6 Free" !important; } font i.fab { font-family: "Font Awesome 6 Brands" !important; } /* Social buttons — ensure icon centers in box */ .site-footer-social a i { display: inline-block; width: 1em; height: 1em; line-height: 1; font-size: 1rem; }