/* Force Font Awesome font load for Local Pages */
@font-face {
  font-family: "FontAwesomeFix";
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

/* Apply the fix only within Local Pages */
.local-staticpage .icon.fa:before,
.local-staticpage .icon.fas:before,
.local-staticpage .icon.far:before,
.local-staticpage .icon.fab:before {
  font-family: "FontAwesomeFix", "Font Awesome 5 Free", "FontAwesome" !important;
  visibility: visible !important;
  display: inline !important;
}

/* Specific icon codes */
.local-staticpage .fa-home:before { content: "\f015" !important; }
.local-staticpage .fa-dashboard:before, 
.local-staticpage .fa-gauge:before { content: "\f0e4" !important; }
.local-staticpage .fa-th:before { content: "\f00a" !important; }
.local-staticpage .fa-calendar:before { content: "\f133" !important; }

/* Restore icon visibility */
.local-staticpage .icon,
.local-staticpage .icon.fa,
.local-staticpage .icon.fas,
.local-staticpage .navicon {
  display: inline-block !important;
  visibility: visible !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
}

/* Reset spans used for icons */
.local-staticpage span.icon {
  font-family: "FontAwesomeFix", "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
}

/* Prevent our content styles from affecting icons */
.local-staticpage #page-content .u-section-1 span.icon,
.local-staticpage #page-content .u-section-1 i.fa,
.local-staticpage #page-content .u-section-1 i.fas {
  font-family: "FontAwesomeFix", "Font Awesome 5 Free", "FontAwesome" !important;
}