/*
 * Digital Future icon compatibility layer.
 * Keeps the site typography settings from overriding icon-font families.
 */

/* WordPress Dashicons (admin and any public component that uses them). */
body .dashicons,
body .dashicons-before::before,
body [class^="dashicons-"],
body [class*=" dashicons-"] {
  font-family: dashicons !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Font Awesome Free: solid icons. */
body .fa,
body .fas,
body .fa-solid,
body i.fa,
body i.fas,
body i.fa-solid,
body span.fa,
body span.fas,
body span.fa-solid {
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-variant: normal !important;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Font Awesome Free: regular icons. */
body .far,
body .fa-regular,
body i.far,
body i.fa-regular,
body span.far,
body span.fa-regular {
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Font Awesome Brands. */
body .fab,
body .fa-brands,
body i.fab,
body i.fa-brands,
body span.fab,
body span.fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Prevent icon containers from being squeezed into an unreadable box. */
body .dashicons,
body .fa,
body .fas,
body .far,
body .fab,
body .fa-solid,
body .fa-regular,
body .fa-brands {
  display: inline-block;
  flex: 0 0 auto;
}
