/* Font Awesome icon rendering fixes */
.fa,
.fas,
.far,
.fal,
.fab,
.fad,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
  font-size: inherit;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.fas,
.fa {
  font-weight: 900;
}

/* FA Free lacks many Pro regular/light glyphs; use solid weight instead */
.far,
.fal,
.fa--xf.far,
.fa--xf.fal {
  font-weight: 900 !important;
}

.fab {
  font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 400;
}

.ipsDataItem_stats .fa,
.ipsCommentCount .fa,
.ipsType_light .fa,
.ipsNavBar_primary .fa,
.ipsBreadcrumb .fa,
.ipsRating .fa,
.cTopicList .fa,
.ipsItemStatus .fa,
.shareButtons-button > i,
.p-title .fa,
.p-description .fa {
  font-size: 16px;
  width: auto !important;
  height: auto !important;
  max-width: 20px;
  max-height: 20px;
}

.ipsRating .fa-star {
  font-size: 18px;
}

.shareButtons-button {
  font-size: 20px;
  line-height: 20px;
}

.shareButtons-button > i {
  font-size: 20px;
  max-width: 24px;
  max-height: 24px;
}

.shareButtons-button:not(.shareButtons-button--brand) > i {
  font-weight: 900 !important;
}

.fa svg,
svg.fa,
svg[class^="fa-"],
svg[class*=" fa-"] {
  width: 1em !important;
  height: 1em !important;
  max-width: 20px !important;
  max-height: 20px !important;
  vertical-align: middle;
}

.p-navEl a:before,
.menu-content a:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900;
}

.p-nav-menuTrigger .button-text:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome !important;
}