/*!
 * ===========================
 * Author: Steve Gotthardt
 * Created: 8/2026
 * ===========================
 */

:root {
  --certificatecolor: #9d6ba7;
  --conferencecolor: #2a9dcb;
  --coursecolor: #bc441b;
  --workshopcolor: #e27508;
  --virtualcolor: #58599b;
  --webcastcolor: #7e9f38;
  
  --certificatecode: "\f559"; /* fa-solid fa-award */
  --conferencecode: "\f0c0"; /* fa-solid fa-users */
  --coursecode: "\f518"; /* fa-solid fa-book-open */
  --workshopcode: "\f7d9"; /* fa-solid fa-screwdriver-wrench */
  --virtualcode: "\f390"; /* fa-solid fa-desktop */
  --webcastcode: "\f0ac"; /* fa-light fa-globe */
}

.type-identifier {
  font-family: "Barlow Semi Condensed", "Roboto", Helvetica, Arial, sans-serif;
  font-size:19px;
  line-height:1;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:4px;
  margin:0 0 24px 0;
  display:flex;
  align-items:center;
  &::before {
    font-family: "Font Awesome 6 Pro";
    font-size: 16px;
    line-height:1;
    letter-spacing: 0;
    width: 32px;
    height: 32px;
    font-weight: 600;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin:0 12px 0 0;
  }
}
.type-identifier.course {
  color:var(--coursecolor);
  &::before {
    content: var(--coursecode);
    background-color: var(--coursecolor);
  }
}
.type-identifier.certificate {
  color:var(--certificatecolor);
  &::before {
    content: var(--certificatecode);
    background-color: var(--certificatecolor);
  }
}
.type-identifier.webcast {
  color:var(--webcastcolor);
  &::before {
    content: var(--webcastcode);
    background-color: var(--webcastcolor);
  }
}
.type-identifier.conference {
  color:var(--conferencecolor);
  &::before {
    content: var(--conferencecode);
    background-color: var(--conferencecolor);
  }
}
.type-identifier.virtual {
  color:var(--virtualcolor);
  &::before {
    content: var(--virtualcode);
    background-color: var(--virtualcolor);
  }
}
.type-identifier.workshop {
  color:var(--workshopcolor);
  &::before {
    content: var(--workshopcode);
    background-color: var(--workshopcolor);
  }
}