:root {
        --font: Poppins;
        --alt-font: Poppins;
        --accent-color: #0029ff;
        --secondary-color: #000000;
        --link-color: #0029ff;
        --accent-highlight-color: #0025e6;
        --accent-highlight-background-color: #e5eaff;
        --accent-tinted-color-70: #b3bfff;
        --accent-tinted-color-80: #ccd4ff;
        --accent-tinted-color-90: #e6eaff;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #3354ff;
        --secondary-hover-color: #1a1a1a;
        --secondary-contrast-color: #fff;
        --link-hover-color: #667fff;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/1cc62825-20df-4077-8216-a9df1132a5ad/urgfs3q74m0t-AcademyLogo2025_black_3000_1.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* ============================== OLD STYLING  ============================== */
/* ----- Titles inside COURSES - TO BE DELETED, no class needed ----- */
h1.courseTitle{ font-size: 34px!important; line-height: 44px; }
h2.courseTitle{ font-size: 30px!important; line-height: 38px; }
h3.courseTitle{ font-size: 26px!important; line-height: 38px; }
h4.courseTitle{ font-size: 22px!important; }
  
/* ----- MANAGER VIEW ----- */
.redactor-styles .redactor-box ul,
.items__list .redactor-styles  ul{
  list-style: initial;
}
.redactor-styles .redactor-box ul li,
.items__list .redactor-styles  ul li{
  border: none;
  margin: 0;
  padding: 0;
}  
/* =========================  END - OLD STYLING  ========================= */


/* ======================== ADD NEW STYLING BELOW ======================== */
/*    follow this structure:     ---- DATE - PAGE/COURSE - ELEMENT ----    */

/* ---- 21AUG26 - DASHBOARDS NAVBAR - EVENTS BUTTON ---- */
.eventButton{
    display: none;
    border-bottom: 2px solid var(--color-brand-white);
  }
.eventButton a{
  height: 100%;
}
@media only screen and (min-width: 1200px){
  .eventButton a{
    padding: 0 12px !important;
    align-items: center;
    font-size: var(--typography-paragraph-font-size-M);
  }
  .eventButton:hover,
  .eventButton:focus-within{
    border-color: var(--color-brand-black);
  }
}
@media only screen and (max-width: 1200px){
  .eventButton a{
    padding: 16px 20px !important;
    font-size: var(--typography-platform-heading-S-size);
  }
}