/* Font Awesome Icons */

/* SECTION - Icons */
svg:not(:host),
svg:not(:root) {
  box-sizing: border-box;
}

/* general reset/setup styling for icons - needed on all */
.icon::before,
.icon::after {
  display: none; /* See https://fontawesome.com/docs/web/add-icons/pseudo-elements#css-pseudo-elements-with-our-svg-js-framework */
}

.icon-solid::before {
  font: var(--fa-font-solid);
}

.icon-regular::before {
  font: var(--fa-font-regular);
}

.icon-light::before {
  font: var(--fa-font-light);
}

.icon-duotone::before {
  font: var(--fa-font-duotone);
}

.arrow-up-right-from-square::after {
  content: '\f08e';
}

.chevron-down::after {
  font: var(--fa-font-regular);
  content: '\f078';
}

.handshake::before {
  font: var(--fa-font-regular);
  content: '\f2b5';
}

.clock-rotate::before {
  font: var(--fa-font-regular);
  content: '\f1da';
}

.file-lines::before {
  font: var(--fa-font-regular);
  content: '\f15c';
}

.print::before {
  font: var(--fa-font-regular);
  content: '\f02f';
}

.envelope::before {
  font: var(--fa-font-regular);
  content: '\f0e0';
}

.share-nodes::after {
  font: var(--fa-font-regular);
  content: '\f1e0';
}

.thumbs-up::after {
  font: var(--fa-font-regular);
  content: '\f164';
}

.thumbs-down::after {
  font: var(--fa-font-regular);
  content: '\f165';
}

.pen::before {
  font: var(--fa-font-regular);
  content: '\f304';
}

.lightbulb::before {
  font: var(--fa-font-regular);
  content: '\f0eb';
}

.stars::before {
  font: var(--fa-font-regular);
  content: '\f762';
}

.triangle-exclamation::before {
  font: var(--fa-font-regular);
  content: '\f071';
}

.info::before {
  font: var(--fa-font-regular);
  content: '\f05a';
}

.headset::before {
  font: var(--fa-font-solid);
  content: '\f590';
}

.books::before {
  font: var(--fa-font-regular);
  content: '\f5db';
}
.chevron-right::after {
  font: var(--fa-font-solid);
  content: '\f054';
}
.chevron-left::after {
  font: var(--fa-font-solid);
  content: '\f053';
}
.chevrons-right::after {
  font: var(--fa-font-solid);
  content: '\f324';
}
.chevrons-left::after {
  font: var(--fa-font-solid);
  content: '\f323';
}
.circle::before {
  font: var(--fa-font-solid);
  content: '\f111';
}
.circle::before {
  font: var(--fa-font-regular);
  content: '\f111';
}

.icon-card {
  height: 2rem;
  width: 2rem !important;
  border-radius: 100px;
  color: var(--clr-white);
  background-color: var(--clr-primary-100);
  padding: 1.25rem;
}

.fa-kmsat {
  height: 2.5rem;
  width: 2.5rem !important;
  border: 1rem solid var(--clr-primary-100);
  padding: 0;
}

.svg-inline--fa_dropdown {
  --bg: transparent;
  --fg: var(--clr-neutral-160);
}

.svg-inline--fa_wave {
  --bg: transparent;
  --fg: var(--clr-primary-100);
  height: 1.5rem;
  width: 1.5rem;
}

.avatar {
  color: var(--clr-neutral-40);
  padding: 0.5rem;
  border-radius: 100px;
  height: 2rem;
  width: 2rem;
}

.fa-circle-star {
  height: 1.5rem;
  width: 1.5rem;
  color: var(--clr-primary-100);
}

.svg-inline--fa_promo_article {
  --fg: var(--clr-primary-100);
  --fa-border-color: var(--clr-primary-100);
  --fa-border-padding: 0.21rem;
  --fa-border-radius: 100px;
  --fa-border-style: solid;
  --fa-border-width: 1px;
  height: 1rem;
}

.social-icon {
  border-radius: 100px;
  height: 1rem;
  width: 1rem !important;
  padding: 0.25rem;
  color: var(--clr-neutral-100);
}

.fa-books {
  color: var(--clr-neutral-160);
}
