/*
 * Brand icons for the public site.
 *
 * The public layout loads Font Awesome 4.7, which has no `fab` class at all.
 * The markup on these pages is written the Font Awesome 5 way -- `fab
 * fa-facebook` -- so those elements got no font-family and the browser drew
 * the private-use codepoint as an empty box. That is the row of tofu squares
 * in the contact page's social links.
 *
 * Loading Font Awesome 5 whole would have fixed those and broken everything
 * else: its all.min.css carries `.fa,.far,.fas{font-family:"Font Awesome 5
 * Free"}`, which would re-point every existing FA4 icon on the public site at
 * a font that does not have most of those glyphs.
 *
 * So this file adds only what was missing -- the brands face and the icons
 * actually used -- and every rule is scoped to `.fab`, a class FA4 never
 * emits. Nothing already on these pages can match these selectors.
 *
 * The webfont is the copy already self-hosted for the backend (FA 5.15.4), so
 * there is no new font file and no CDN. fa-linkedin is why the scoping
 * matters: FA4 calls \f0e1 linkedin and \f08c linkedin-square; FA5 has them
 * the other way round.
 */

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../../new-assets/vendor/fa5/webfonts/fa-brands-400.woff2") format("woff2"),
         url("../../new-assets/vendor/fa5/webfonts/fa-brands-400.woff") format("woff"),
         url("../../new-assets/vendor/fa5/webfonts/fa-brands-400.ttf") format("truetype");
}

.fab {
    display: inline-block;
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.fab.fa-facebook::before { content: "\f09a"; }
.fab.fa-linkedin::before { content: "\f08c"; }
.fab.fa-linkedin-in::before { content: "\f0e1"; }
.fab.fa-youtube::before { content: "\f167"; }
.fab.fa-telegram::before { content: "\f2c6"; }
.fab.fa-twitter::before { content: "\f099"; }
.fab.fa-instagram::before { content: "\f16d"; }
.fab.fa-wordpress::before { content: "\f19a"; }
.fab.fa-whatsapp::before { content: "\f232"; }
.fab.fa-tumblr::before { content: "\f173"; }
.fab.fa-reddit::before { content: "\f1a1"; }
.fab.fa-quora::before { content: "\f2c4"; }
.fab.fa-pinterest::before { content: "\f0d2"; }