/* Self-hosted Font Awesome subset (official FA 6.7.2 SVG paths). */
.fas,
.fab {
  display: inline-block;
  font-style: normal;
  line-height: 1;
  vertical-align: -0.125em;
}

.fas::before,
.fab::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.fa-caret-down::before {
  -webkit-mask-image: url("svg/caret-down.svg");
  mask-image: url("svg/caret-down.svg");
}

.fa-chevron-down::before {
  -webkit-mask-image: url("svg/chevron-down.svg");
  mask-image: url("svg/chevron-down.svg");
}

.fa-chevron-left::before {
  -webkit-mask-image: url("svg/chevron-left.svg");
  mask-image: url("svg/chevron-left.svg");
}

.fa-chevron-right::before {
  -webkit-mask-image: url("svg/chevron-right.svg");
  mask-image: url("svg/chevron-right.svg");
}

.fa-envelope-square::before {
  -webkit-mask-image: url("svg/envelope-square.svg");
  mask-image: url("svg/envelope-square.svg");
}

.fa-hand-point-up::before {
  -webkit-mask-image: url("svg/hand-point-up.svg");
  mask-image: url("svg/hand-point-up.svg");
}

.fa-long-arrow-alt-down::before {
  -webkit-mask-image: url("svg/long-arrow-alt-down.svg");
  mask-image: url("svg/long-arrow-alt-down.svg");
}

.fa-long-arrow-alt-up::before {
  -webkit-mask-image: url("svg/long-arrow-alt-up.svg");
  mask-image: url("svg/long-arrow-alt-up.svg");
}

.fa-quote-left::before {
  -webkit-mask-image: url("svg/quote-left.svg");
  mask-image: url("svg/quote-left.svg");
}

.fa-facebook-square::before {
  -webkit-mask-image: url("svg/facebook-square.svg");
  mask-image: url("svg/facebook-square.svg");
}

.fa-linkedin::before {
  -webkit-mask-image: url("svg/linkedin.svg");
  mask-image: url("svg/linkedin.svg");
}

.fa-twitter-square::before {
  -webkit-mask-image: url("svg/twitter-square.svg");
  mask-image: url("svg/twitter-square.svg");
}

/* Nav dropdown group expand/collapse chevrons (was FA font unicode in bundle CSS). */
.nav .item .dropdown .nav-dropdown-section > p::after {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin-top: 2px;
  float: right;
  background-color: currentColor;
  -webkit-mask: url("svg/chevron-right.svg") no-repeat center / contain;
  mask: url("svg/chevron-right.svg") no-repeat center / contain;
}

.nav .item .dropdown .nav-dropdown-section.isOpen > p::after {
  -webkit-mask-image: url("svg/chevron-down.svg");
  mask-image: url("svg/chevron-down.svg");
}
