/*
 * Self-hosted Font Awesome 5 (vervangt de cdnjs-CDN).
 * Hergebruikt de al aanwezige webfonts in app/assets/webfonts/. We laden alleen
 * de @font-face-declaraties + de handvol icon-klassen die daadwerkelijk gebruikt
 * worden (admin-flashes + camera). De CSS-glyphs in navpanel/pagination/forms
 * verwijzen zelf al naar "Font Awesome 5 Free" en werken via deze @font-face.
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/fa-solid-900-729f0fb9.woff2") format("woff2"),
       url("/assets/fa-solid-900-2fc776f4.woff") format("woff");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/fa-regular-400-81c8ad8c.woff2") format("woff2"),
       url("/assets/fa-regular-400-28552e11.woff") format("woff");
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/fa-brands-400-0639d426.woff2") format("woff2"),
       url("/assets/fa-brands-400-5dedb937.woff") format("woff");
}

/* Basis icon-klassen (voor <i class="fas fa-...">) */
.fa, .fas, .far, .fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.fas { font-family: "Font Awesome 5 Free"; font-weight: 900; }
.far { font-family: "Font Awesome 5 Free"; font-weight: 400; }
.fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; }

/* De iconen die in views worden aangeroepen */
.fa-check-circle::before       { content: "\f058"; }
.fa-exclamation-triangle::before { content: "\f071"; }
.fa-camera::before             { content: "\f030"; }