/*
 * App-wide typeface: Manrope everywhere, requested with !important since the
 * app's many bundled/vendor stylesheets each set their own font-family in
 * places, and only !important reliably wins over all of them at once.
 *
 * Icon fonts are the one deliberate exception: FontAwesome (.fa), Tabler
 * (.ti), Material Design Icons (.mdi) and Bootstrap's Glyphicons render
 * their glyphs BY SWITCHING the element's font-family to their icon font —
 * overriding that with Manrope would turn every icon into blank/fallback
 * text across the whole app. Each one is force-reset back to its own font
 * below, using the exact family name from its own vendor CSS.
 */
body,
body * {
    font-family: "Manrope", sans-serif !important;
}

.fa, .fa::before,
[class^="fa-"], [class^="fa-"]::before,
[class*=" fa-"], [class*=" fa-"]::before {
    font-family: FontAwesome !important;
}

.ti, .ti::before,
[class^="ti-"], [class^="ti-"]::before,
[class*=" ti-"], [class*=" ti-"]::before {
    font-family: "tabler-icons" !important;
}

.mdi, .mdi::before,
[class^="mdi-"], [class^="mdi-"]::before,
[class*=" mdi-"], [class*=" mdi-"]::before {
    font-family: "Material Design Icons" !important;
}

.glyphicon, .glyphicon::before {
    font-family: "Glyphicons Halflings" !important;
}