/* =====================================================================
   TSU Academy custom CSS (WorkRamp Theming Editor > CUSTOM CODE)
   Last updated: October 22, 2026
   Note: WorkRamp has a global font rule that beats a single class name,
   so rules that set a font repeat the class name 11 times on purpose.
   ===================================================================== */

/* ---------- 1. Header and layout ---------- */
.academy-navigation {
    background-color: #132D29 !important;
    width: 100% !important;
    height: 110px !important;
    margin: 0px !important;
    padding-left: 64px !important;
    padding-right: 64px !important;
    align-items: center !important;
    position: fixed !important;
}
.AL_Custom_NavContentWrapper {
    padding: 0px !important;
}
a.AL_Custom_NavGoToLink,
nav.AL_Custom_NavCustomLinksList ul li a {
    color: #FFFFFF !important;
}
a.AL_Custom_NavLoginButton {
    border: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-radius: 120px !important;
    background: #FF4593 !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
}
.academy-content-banner-wrapper {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

/* ---------- 2. Profile icon (white) ---------- */
.AL_Custom_NavAccountMenuTrigger svg path,
.AL_Custom_NavAccountMenuTrigger:hover svg path {
    fill: #FFFFFF !important;
}

/* ---------- 3. Account menu: "My Courses" shows as "My Badges", no count ---------- */
.AL_Custom_NavAcctPopupMenuItem:nth-child(2) {
    font-size: 0 !important;
}
.AL_Custom_NavAcctPopupMenuItem:nth-child(2) > * {
    display: none !important;
}
.AL_Custom_NavAcctPopupMenuItem:nth-child(2)::before {
    content: "My Badges";
    font-size: 14px;
}

/* ---------- 4. Badges page: highlight the selected tab ---------- */
.AL_Custom_Template_MyTrainings main [role="button"].selected {
    color: #183D38 !important;
    font-weight: 700 !important;
    border-bottom: 3px solid #FF4593 !important;
    padding-bottom: 4px !important;
}

/* ---------- 5. Certificate (template 2) ---------- */
.AL_Custom_Cert2LearnerName,
.AL_Custom_Cert2LearnerName .name {
    font-size: 2.25rem !important;
    line-height: 1.1 !important;
    color: #132D29 !important;
}
.AL_Custom_Cert2LearnerName::before {
    content: "CERTIFICATE OF COMPLETION";
    display: block;
    margin-bottom: 14px;
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.28em;
    color: #4A5A56;
}
.AL_Custom_Cert2CompletedMsg {
    font-size: 1.125rem !important;
    color: #132D29 !important;
}
.AL_Custom_MainCert2CertTitle,
.AL_Custom_MainCert2CertTitle .name {
    font-size: 2.875rem !important;
    line-height: 1.1 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
    color: #132D29 !important;
}
.AL_Custom_Cert2AwardedAtDate {
    font-size: 1rem !important;
    color: #132D29 !important;
    margin-top: 20px !important;
}
[class*="StyledMainCertificateTitle"] {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 20px !important;
}
[class*="AL_Custom_Cert2Issuer"] {
    display: none !important;
}

/* ---------- 6. Fjalla One (learner name, certificate title, page titles, card titles, headings) ---------- */
.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName,
.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName.AL_Custom_Cert2LearnerName .name,
.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle,
.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle.AL_Custom_MainCert2CertTitle .name,
.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading,
.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading *,
.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle,
.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle *,
.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle,
.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle *,
.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle,
.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle *,
.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle,
.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle *,
.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content h2 {
    font-family: 'Fjalla One', 'Arial Narrow', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
}
.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content h2 {
    font-size: 2rem !important;
}

/* ---------- 7. Uppercase for Fjalla One text (brand rule) ---------- */
.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading,
.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading.AL_Custom_BannerMainHeading *,
.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle.AL_Custom_PCTitle,
.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle.AL_Custom_PCModuleTitle,
.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle.AL_Custom_OverviewSectionTitle,
.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle.AL_Custom_CardTitle,
.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content.academy-content h2 {
    text-transform: uppercase !important;
}