: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;}
/* New logo in courses */
.course__container .relative.header.header--student.header--learner{
  background: var(--color-brand-white)!important;
  display: flex;
  align-items: center;
}

/* TEST - DON'T ADD TO GITHUB YET  - NAVBAR - Events */
.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);
  }
}

.header.header--dashboard .header__inner .column.small-6:last-child{
  padding: 0;
}
.header.header--dashboard .header__inner .column.small-6:last-child button span{
  margin-left: 0;
}

/*user icon*/
.header.header--dashboard .header__inner .ml-auto button .inline-block:first-child{
  border: 1px solid var(--color-brand-black);
  border-radius: 9999px;
}
.header.header--dashboard .header__inner .ml-auto button:hover .inline-block:first-child,
.header.header--dashboard .header__inner .ml-auto button:focus-within .inline-block:first-child,
.header.header--dashboard .header__inner .ml-auto div[data-headlessui-state="open"] button .inline-block:first-child{
  filter: brightness(.7);
}
.header.header--dashboard .header__inner .ml-auto button .inline-block:first-child img{
  max-width: unset;
}

/*menu*/
.header.header--dashboard .header__inner .ml-auto .shadow-container-box-shadow{
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid var(--color-background-hover-grey-darker);
  border-radius: var(--buttons-border-radius);
  padding: 0;
}
.header.header--dashboard .header__inner .ml-auto .shadow-container-box-shadow a{
  font-size: var(--typography-paragraph-font-size-S);
  color: var(--color-paragraph-dark-grey);
  padding: 10px 12px;
}
.header.header--dashboard .header__inner .ml-auto .shadow-container-box-shadow a:hover,
.header.header--dashboard .header__inner .ml-auto .shadow-container-box-shadow a:focus-within{
  color: var(--color-brand-white);
  background-color: var(--color-brand-black);
}

/*exam bundles*/
.course__detail__container h1{
  font-size: var(--typography-platform-heading-XL-size);
  line-height: var(--typography-platform-heading-XL-line-height);
  font-weight: var(--typography-font-weight);
}
.course__detail__content .product__asset{
  margin: 32px 0;
  padding-bottom: 0;
  border: 1px solid var(--color-brand-black);
}
@media only screen and (min-width: 48.063em){
  .course__detail__content .product__asset{
    width: 400px;
    max-width: 50%;
  }
}

/*tables*/
thead th p{
  color: var(--color-brand-white)!important;
}


/*articles*/
.layout-panel.layout-panel--article{
  padding: 0;
}
/*.widget.widget--topic-article-content.widget--topic-article-content_standard .article-header {
    grid-template-columns: 1fr .1fr !important;
}
.article-header .medium-6.text-left{
  width: 100%;
}*/

.topic__container__article .article-content__body,
.topic__container__article .article-content__copyright{
  font-size: var(--typography-paragraph-font-size-M);
}
@media only screen and (max-width: 64.063em){
  .layout-panel.layout-panel--article{
    padding: 24px;
  }
}

/* Collections cards */
.collection__courses__list li{
  padding-top: 0;
  border: 1px solid var(--color-background-hover-grey-lighter) !important;
  border-radius: var(--card-border-radius);
}
.collection__courses__list li .row{
  margin: 0;
  display: flex;
}
.collection__courses__list li .medium-4{
  display: flex;
  align-items: center;
}
.collection__courses__list li .medium-8{
  padding: 24px;
  background-color: var(--color-background-default-grey);
}
.collection__courses__list li:hover{
  border-color: var(--color-background-hover-grey-darker) !important;
}
.collection__courses__list li:hover .medium-8{
  background-color: var(--color-background-hover-grey-darker);
}
.collection__courses__list .collection__course__title{
  margin: 14px 0 24px 0;
  font-size: var(--typography-platform-heading-S-size);
  font-weight: var(--typography-font-weight);
  line-height: var(--typography-platform-heading-S-line-height);
}
.collection__courses__list  .collection__course__description p,
.collection__courses__list  .collection__course__description a{
  font-size: var(--typography-paragraph-font-size-M);
}
.collection__courses__list  .collection__course__description a{
  margin-top: 10px;
  padding: 15px !important;
  width: 100%;
  color: var(--color-brand-white) !important;
  background-color: var(--color-brand-black) !important;
  text-align: center;
}
.collection__courses__list  .collection__course__description a:hover{
  background-color: var(--color-background-hover-black) !important;
}
.collection__courses__list  .collection__course__description a i{
  display: none;
}



/* Training Tracks */
.learning-path-body .learning-path-milestone{
  padding: 20px;
  background-color: var(--color-background-default-grey);
  border: 1px solid var(--color-background-hover-grey-darker);
  border-radius: var(--card-border-radius);
}
.learning-path-body .learning-path-milestone .row{
  display: flex;
}
.learning-path-body .learning-path-milestone__header,
.learning-path-body--secondary .learning-path-milestone .small-8,
.learning-path-body--secondary .learning-path-milestone .small-4{
  padding: 20px 10px;
}
.learning-path-body .learning-path-milestone__title{
  font-size: var(--typography-platform-heading-M-size);
  font-weight: var(--typography-font-weight);
  line-height: var(--typography-platform-heading-M-line-height);
  color: var(--color-brand-black);
}
.learning-path-body .learning-path-milestone-item{
  margin-top: 0;
  margin-bottom: 0;
}
.learning-path-milestone:has(.learning-path-milestone__content.overflow-hidden) .learning-path-milestone__title{
  color: var(--color-paragraph-dark-grey);
}
.learning-path-milestone:has(.learning-path-milestone__content.overflow-hidden){
  border-color: var(--color-background-hover-grey-lighter);
}

.learning-path-body .learning-path-milestone__header .learning-path-criterion-badge{
  padding: 8px 16px;
  font-size: var(--typography-paragraph-font-size-S);
  border-radius: var(--buttons-border-radius);
}
.learning-path-body .learning-path-milestone__header .learning-path-milestone__toggle{
  color: var(--color-brand-black) !important;
  font-size: var(--typography-platform-heading-S-size);
}
.learning-path-body .learning-path-milestone__content .px-10{
  padding: 0 !important;
}
.learning-path-body .learning-path-milestone-item:not(:first-of-type){
  border-top: 1px solid var(--color-background-hover-grey-lighter);
}
.learning-path-body .learning-path-milestone-item:not(.learning-path-milestone-item--secondary):hover,
.learning-path-body .learning-path-milestone-item:not(.learning-path-milestone-item--secondary):focus-within{
  background-color: var(--color-background-hover-grey-lighter) !important;
}
.learning-path-milestone-item .learning-path-milestone-item__title h4{
  font-size: var(--typography-platform-heading-S-size);
  line-height: var(--typography-platform-heading-S-line-height);
}
.learning-path-milestone-item .learning-path-milestone-item__title .learning-path-milestone__badge--required{
  font-size: var(--typography-paragraph-font-size-S);
  margin-bottom: 12px;
}
.learning-path-milestone-item .learning-path-milestone-item__title .learning-path-milestone__badge--required span{
  padding: 0 14px;
  background-color: var(--color-background-hover-black);  
  border: 1px solid var(--color-brand-black);
}
.learning-path-milestone-item:hover .learning-path-milestone-item__title .learning-path-milestone__badge--required span{
  background-color: var(--color-brand-black);
}
.learning-path-milestone-item .learning-path-milestone-item__body .learning-path-milestone-item__info,
.learning-path-milestone-item .learning-path-milestone-item__body .learning-path-milestone-item__info strong,
.learning-path-milestone-item .learning-path-milestone-item__body .learning-path-milestone-item__description{
  color: var(--color-paragraph-dark-grey);
  font-size: var(--typography-paragraph-font-size-M);
  font-weight: var(--typography-font-weight) !important;
}
.learning-path-milestone-item:hover .learning-path-milestone-item__title,
.learning-path-milestone-item:hover .learning-path-milestone-item__title h4,
.learning-path-milestone-item:hover .learning-path-milestone-item__body .learning-path-milestone-item__info,
.learning-path-milestone-item:hover .learning-path-milestone-item__body .learning-path-milestone-item__info strong,
.learning-path-milestone-item:hover .learning-path-milestone-item__body .learning-path-milestone-item__description{
  color: var(--color-brand-black) !important; 
}
.learning-path-milestone-item .learning-path-milestone-item__title .small-3{
  position: absolute;
  z-index: 1;
}
/* Session select */
.learning-path-milestone-item .learning-path-milestone-item__title .small-3:has(.learning-path-milestone-item-session-select){
   z-index: 2;
}

@media only screen and (min-width: 48em){
  .learning-path-body .learning-path-milestone-item{
    padding: 30px 0 40px;
  }
  .learning-path-milestone-item .learning-path-milestone-item__body .medium-4{
    width: 250px !important;
  }
  .learning-path-milestone-item:not(.learning-path-milestone-item--secondary) .learning-path-milestone-item__title,
  .learning-path-milestone-item:not(.learning-path-milestone-item--secondary) .learning-path-milestone-item__body .medium-8{
    left: 0 !important;
    margin-left: 350px !important;
    padding: 0 !important;
    width: calc(100% - 550px) !important;
  }
  .learning-path-milestone-item .learning-path-milestone-item__title .small-3{
    bottom: 40px !important;
    right: 30px !important;
    width: auto !important;
  }
  .learning-path-milestone-item .learning-path-milestone-item__body .learning-path-milestone-item__description{
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width: 48em){
  .learning-path-body .learning-path-milestone-item{
    padding: 20px 20px 40px;
  }
  .learning-path-milestone-item .learning-path-milestone-item__body .medium-4{
    height: 140px !important;
    width: calc(100% - 40px) !important;
    top: 30px !important;
  }
  .learning-path-milestone-item:not(.learning-path-milestone-item--secondary) .learning-path-milestone-item__title{
    padding: 140px 0 0 0  !important;
  }
  .learning-path-milestone-item .learning-path-milestone-item__title .small-3{
    bottom: 40px !important;
    width: calc(100% - 40px) !important;
  }
  
  .learning-path-milestone-item .learning-path-milestone-item__body .medium-8{
    padding: 0 !important;
  }
  .learning-path-milestone-item .learning-path-milestone-item__body .learning-path-milestone-item__description{
    padding-bottom: 55px;
  }
}



/* COURSE NAVIGATION BAR */
.header--learner .header__left{
  display: none;
}
.header--student .header__right{
  left: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
.header--student .header__right .company-logo__container{
  margin-left: 0 !important;
}

/* KNOWLEDGE CHECK - Multiple answer */

.quiz__container--learner .choices__list li.choice--selected.choice--selected--neutral{
  border: 2px solid var(--color-brand-blue);
  border-radius: var(--buttons-border-radius);
}
.quiz__container.quiz__container--review .choice--selected:not(.choice--selected--false),
.quiz__container.quiz__container--review .choice--selected:not(.choice--selected--false):hover,
.quiz__container--learner .choices__list li.choice--selected.choice--checking.choice--selected--true,
.quiz__container--learner .choices__list li.choice--selected.choice--checking.choice--selected--true:hover{
  border: 2px solid #008E26;
}
.quiz__container--learner .choice__review{
  float: right;
  padding-right: 0;
}

.quiz__container.quiz__container--review .choice--selected:not(.choice--selected--false),
.quiz__container--learner .choices__list li.choice--selected.choice--selected--true{
  background-color: #008E26;
  color: var(--color-brand-white);
}
.quiz__container.quiz__container--review .choice--selected:not(.choice--selected--false) .choice,
.quiz__container .choices__list--selected .choice--selected.choice--selected--true .choice,
.quiz__container.quiz__container--review .choice--selected:not(.choice--selected--false) .choice .choice__index,
.quiz__container .choices__list--selected .choice--selected.choice--selected--true .choice .choice__index,
.quiz__container .choice--selected:not(.choice--selected--false) .choice .choice__selected-answer,
.quiz__container .choice--selected.choice--selected--true .choice__selected-answer,
.quiz__container li.choice--selected:not(.choice--selected--false) .choice__icon .icon-check{
  color: var(--color-brand-white);
}











/* ----- COURSE PAGE STYLING ----- */
.learner__sidebar__search .small-8.columns{
  display: flex;
  align-items: center;
}
.learner__sidebar__search .small-8.columns::after{
  content: " ";
  height: 24px;
  width: 24px;
  position: absolute;
  right: 20px;
  display: block !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.858 0c5.996 0 10.857 4.861 10.857 10.858 0 2.577-.898 4.946-2.399 6.808l4.33 4.285c.469.465.473 1.221.008 1.69l-.008.008a1.22 1.22 0 0 1-1.716 0l-4.326-4.283a10.812 10.812 0 0 1-6.746 2.35C4.86 21.715 0 16.853 0 10.857 0 4.86 4.861 0 10.858 0Zm0 2.413a8.445 8.445 0 1 0 5.84 14.544.739.739 0 0 1 .078-.09l.009-.01.102-.087a8.445 8.445 0 0 0-6.03-14.357Z' fill='%23000'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  color: transparent;
}
/* RESOURCES section */
.learner__sidebar .learner__sidebar-list.sidebar__resources{
  max-height: unset;
  overflow-y: unset;
}
.learner__sidebar .learner__sidebar-list.sidebar__resources li{
  padding: 0;
  font-size: var(--typography-paragraph-font-size-M);
}
.learner__sidebar .learner__sidebar-list.sidebar__resources li:hover,
.learner__sidebar .learner__sidebar-list.sidebar__resources li:focus-within{
  background-color: var(--color-background-hover-grey-darker);
}
.learner__sidebar .learner__sidebar-list.sidebar__resources a{
  color: var(--color-paragraph-dark-grey);
}
.learner__sidebar .learner__sidebar-list.sidebar__resources a:hover,
.learner__sidebar .learner__sidebar-list.sidebar__resources a:focus,
.learner__sidebar .learner__sidebar-list.sidebar__resources a:focus-within{
  color: var(--color-brand-black);
  font-weight: var(--typography-font-weight);
}
.learner__sidebar .learner__sidebar-list.sidebar__resources .row{
  padding: 4px 10px;
}
.learner__sidebar .learner__sidebar-list.sidebar__resources .resources__count__container{
  text-align: right;
}
.learner__sidebar .learner__sidebar-list.sidebar__resources .resources__count{
  height: 24px;
  width: 24px;
  min-width: unset;
  position: unset;
  background-color: var(--color-paragraph-dark-grey);
  font-size: var(--typography-paragraph-font-size-M);
  line-height: var(--typography-paragraph-line-height);
  font-weight: var(--typography-font-weight);
}
.learner__sidebar .learner__sidebar-list.sidebar__resources a:hover .resources__count{
  background-color: var(--color-brand-black);
}

/* PROGRESS section */
  /*completation bar
.learner__container .learner__sidebar .course-progress .table-row.collapse{
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: auto 1fr auto .1fr 1fr;
}
.learner__container .learner__sidebar .course-progress .table-row.collapse .stat.small-2.highlight{
  grid-column: 3/4;
  margin-left: 0;
}
.learner__container .learner__sidebar .course-progress .table-row.collapse .description.small-6{
  grid-column: 4/5;
}
.learner__container .learner__sidebar .course-progress .table-row.collapse .stat.small-2.highlight,
.learner__container .learner__sidebar .course-progress .table-row.collapse .stat.small-2.highlight sup,
.learner__container .learner__sidebar .course-progress .table-row.collapse .description.small-6{
  font-size: var(--typography-paragraph-font-size-XL);
  font-weight: var(--typography-font-weight);
}
  /*details
.learner__container .learner__sidebar .course-progress button.btn--link,
.learner__container .learner__sidebar .course-progress .stat,
.learner__container .learner__sidebar .course-progress .stat sup,
.learner__container .learner__sidebar .course-progress .description{
  font-size: var(--typography-paragraph-font-size-M);
}
/*notes
.learner__container .learner__sidebar .learner__sidebar__expandables li .expandable-sidebar .expandable-sidebar__toggle{
  padding: 0;
  background-color: transparent;
}
/*support + log out buttons
.learner__container .learner__sidebar .expandable-sidebar__buttons{
  padding: 20px;
  background-color: transparent;
}
.learner__container .learner__sidebar .expandable-sidebar__buttons a,
.learner__container .learner__sidebar .expandable-sidebar__buttons div{
  color: var(--color-paragraph-dark-grey);
}
.learner__container .learner__sidebar .expandable-sidebar__buttons a:hover,
.learner__container .learner__sidebar .expandable-sidebar__buttons a:focus-within,
.learner__container .learner__sidebar .expandable-sidebar__buttons div:hover,
.learner__container .learner__sidebar .expandable-sidebar__buttons div:focus-within{
  color: var(--color-brand-black);
  background-color: var(--color-background-hover-grey-lighter);
}
/* - end side bar - */
/* - mobile version - */
@media only screen and (max-width: 48em){
  .panel.panel--secondary.flex.py-2.px-4.rounded{
    position: relative;
    z-index: 5;
  }
  /*sidebar*/
  .course__container .learner__container{
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
  }
  .learner__container--toggled .learner__sidebar{
    position: sticky;
    /*display: grid;
    grid-template-rows: .1fr 1fr .1fr;*/
  }
  .learner__sidebar{
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 42px;
    z-index: 2;
    padding: 30px 32px 60px!important;
    background-color: var(--color-brand-white);
  }
  .learner__sidebar-list{
    max-height: 250px;
  }
  /*sidebar section titles
.learner__container .learner__sidebar .learner__sidebar__expandables .expandable-sidebar__toggle,
.learner__container .learner__sidebar .expandable-sidebar__buttons a{
  font-size: var(--typography-paragraph-font-size-XL);
  line-height: var(--typography-paragraph-line-height);
}
*/
  .learner__container .learner__sidebar .expandable-sidebar__buttons{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
  }
  .learner__container .learner__sidebar .expandable-sidebar__buttons .right{
    float: unset !important;
  }
  
  /*main content*/
  .learner__container.learner__container--toggled .learner__content{
    position: relative;
    -webkit-transform: unset;
    transform:unset;
  }
  .learner__container.learner__container--closed .learner__content{
    padding-top: 30px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
/* ----- END course page styling ----- */

/* ----- OTHER ADJUSTMENTS ----- */
/* IMAGE LIMIT IN TWO COLUMNS - news page
.widget.widget--two-column.widget--two-column_standard p img{
  max-height: 250px;
  width: auto;
}
/* END image limit in two columns */
/* ----- END other adjustments ----- */

/* ----- LINKS -----
.topic__container.topic__container--no-bottom-margin a:not(.extSource a, .btn),
.topic__container .topic__content.topic__content--full-width table a,
/* platform 
.home a:not(
    /*platform
    header a, .global-nav__container a, .header.header--dashboard a, footer a, .btn, .featured-content-multi-carousel a, a.catalog-item, .roles a, .role-item a, /*persona pages ->.process-nav a, .process-nav-short a,
    /*landing pages .landing-container a, .landing-container a p,
    /*courses
    .directional__nav a, ul.learner__sidebar__expandables a, .expandable-sidebar__buttons a, */ 
    /*SU
    .su__viewed-results.su__text-truncate.su__text_align.su__mt-025 a, a.su__text-decoration.su__text-black.su__font-14.su__font-bold.su_continue-btn, .su__suggested-results-container a),*/
/* courses 
.learn.dashboard a:not(*/
    /*platform 
    header a, .global-nav__container a, .header.header--dashboard a, footer a, .btn, .featured-content-multi-carousel a, a.catalog-item, .roles a, */
    /*courses
    .directional__nav a, ul.learner__sidebar__expandables a, .expandable-sidebar__buttons a, */ 
    /*backend .manager a),*/
  /* article + video 
  .learn .article-content a{
  text-decoration: underline; 
  color: var(--color-brand-blue); 
  border: 2px solid transparent; 
  padding: 1px;
  }
.topic__container.topic__container--no-bottom-margin/*.topic__container__text a:not(.extSource a, .btn):hover, 
.topic__container .topic__content.topic__content--full-width table a:hover,
.home a:hover:not(
    /*platform
    header a, .global-nav__container a, 
.header.header--dashboard a, footer a, .btn, .featured-content-multi-carousel a, a.catalog-item, .roles a, */ 
    /*courses 
    .directional__nav a, ul.learner__sidebar__expandables a, .expandable-sidebar__buttons a, */
    /*SU .su__viewed-results.su__text-truncate.su__text_align.su__mt-025 a, .su__mr-2.su__rtlmr-0.su__rtlml-2.su__thumbnail_align a, a.su__text-decoration.su__text-black.su__font-14.su__font-bold.su_continue-btn, .su__suggested-results-container a),
.learn.dashboard a:hover:not(*/
    /*platform
     header a, .global-nav__container a, .header.header--dashboard a, footer a, .btn, .featured-content-multi-carousel a, a.catalog-item, .roles a, */
    /*courses
    .directional__nav a, ul.learner__sidebar__expandables a, .expandable-sidebar__buttons a, */ 
    /*backend .manager a), */
  /* article + video */
  .learn .article-content a:hover:not(.header.header--article a){
  border-radius: 4px; 
  border-color: var(--color-brand-blue);
}

  /* 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; }
  
  
/* =============== PLATFORM CONTENT =============== */
    /* --- SPACING - PADDING IN WIDGETS --- 
.widget.widget--featured-content.widget--featured-content_multi-carousel{ 
  padding-bottom: 0!important; }*/
.widget--html.widget--html_standard{
  padding: 0!important;
}

@media only screen and (min-width: 48.063em){  
  .widget.widget--two-column.widget--two-column_standard .row{
    display: flex;
  }
  .widget.widget--two-column.widget--two-column_standard .row .medium-6.columns{
    float: unset;
  }
  .widget.widget--two-column.widget--two-column_standard .row .medium-6.columns:first-child{
    margin-right: 4%;
  } 
}
@media only screen and (min-width: 64.063em){  
   /*.widget.widget--featured-content.widget--featured-content_standard,
  .widget.widget--featured-content.widget--featured-content_multi-carousel,
  .widget.widget--featured-content.widget--featured-content_multi-carousel.widget--featured-contentmulti-carousel-no-cards,
  .widget.widget--testimonial.widget--testimonial_standard,
  .widget.widget--one-column.widget--one-column_standard,
  .widget.widget--two-column.widget--two-column_standard,*/
  /*microlearnings*/
    .topic__container.topic__container__article{
      padding: 50px 100px 20px!important; 
    }
}
@media only screen and (min-width: 48.063em) and (max-width: 64em){
  .layout-panel--article .topic__container.topic__container__article{
    padding: 30px 32px 10px !important;
  }
}
@media only screen and (max-width: 48.063em){
  .topic__container.topic__container__article{
    padding: 24px;
  }
}


  .widget--html.widget--html_standard{ 
    padding: 0!important;
  }
  
    /* --- AUTO-SCROLL CAROUSEL  */
.featured-content-carousel-item__overlay{
  position: absolute!important;
}

   

/* --- Widget H1 hero-title banner --- */
  .widget.widget--title.widget--title_standard.hero-title{
    background-color: var(--color-brand-black);
    background-repeat: no-repeat;
    background-position: right 100px center;
    background-size: auto 282px;
  }
  .widget.widget--title.widget--title_standard.hero-title h1.h2.widget__title, .hero-title p{
    color: var(--color-brand-white);
  }
  
  @media only screen and (min-width: 64em){
    .widget.widget--title.widget--title_standard.hero-title{
      padding-bottom: 55px!important; 
    }
  }
  @media only screen and (min-width: 48.063em){
    .widget.widget--title.widget--title_standard.hero-title{
      padding-top: 80px!important;
    }
    .widget.widget--title.widget--title_standard.hero-title h1.h2.widget__title{
      font-size: 61px!important;
      line-height: 72px!important; 
      margin-bottom: 56px!important; /* !important will not be necessary when getting rid of SNK's code */
    }
    .widget.widget--title.widget--title_standard.hero-title h1.h2.widget__title,
    .widget.widget--title.widget--title_standard.hero-title .widget__subtitle{
      max-width: 70%;
    }
  }
  @media only screen and (min-width: 48.063em) and (max-width: 64em){
    .widget.widget--title.widget--title_standard.hero-title{
      background-position: right 0 center;
    }
    .widget.widget--title.widget--title_standard.hero-title h1.h2.widget__title{
      margin-bottom: 20px !important;
    }
  }
  @media only screen and (max-width: 48.063em){
    .widget.widget--title.widget--title_standard.hero-title{
      padding-bottom: 0!important;
      background-position: right 24px top;
      background-size: auto 200px;
    }
    .widget.widget--title.widget--title_standard.hero-title h1.h2.widget__title{
      font-size: 32px !important;
      line-height: 40px !important;
      margin-bottom: 20px !important;
      margin-top: 180px !important;
    }
  }
/* --- END H1 hero-title banner --- */
/* --- Hero widget - variant --- */
.widget--hero-image.bggrey .hero{
  background: var(--color-background-default-grey);
  border-radius: var(--card-border-radius);
}
.widget--hero-image.bggrey .hero picture img{
  padding-right: 32px;
}
.widget--hero-image.bggrey .hero__caption{
  padding-left: 60px;
  padding-right: 32px;
}
.widget--hero-image.bggrey .hero__title,
.widget--hero-image.bggrey .h4{
  color: var(--color-brand-black);
}
.widget--hero-image.bggrey .btn.btn--primary{
  background-color: var(--color-brand-black);
  color: var(--color-brand-white);
}
@media only screen and (min-width: 64.063em) {
  .widget--hero-image.bggrey .hero{
    margin: 0 100px;
  }
}
@media only screen and (min-width: 48.063em) and (max-width: 64em) {
  .widget--hero-image.bggrey .hero{
    margin: 30px 32px;
  }
}

@media only screen and (max-width: 48.063em){
  .widget--hero-image.bggrey .hero{
    margin: 24px;
    }
}
/* --- END - hero widget - variant --- */
/* --- LANDING PAGES STYLING --- */
  .landing-container{
    margin: 0;
    display: grid;
    gap: 40px
  }
  .landing-item-container{
    background-color: var(--color-background-default-grey);
    border: 1px solid var(--color-background-hover-grey-lighter);
    border-radius: var(--card-border-radius);
    font-family: var(--typography-font-family);
    list-style: none;
}
.landing-item-container:hover,
.landing-item-container:focus-within{
    background-color: var(--color-background-hover-grey-darker);
    border-color: var(--color-background-hover-grey-darker);
}
.landing-container a{
    display:flex;
    flex-direction: column;
    align-items:center;
}
.landing-container a:hover{
    text-decoration: unset!important;
}
.landing-container img{
    padding: 20px 0;
    max-height: 320px;
}
.landing-item-container .landing-text{
    padding: 32px 24px 24px;
    text-align: center;
    color: var(--color-paragraph-dark-grey);
}
.landing-item-container .landing-title{
    font-size: var(--typography-platform-heading-S-size);
    color: var(--color-brand-black);
}
@media only screen and (min-width: 48.063em){
  .landing-container{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 48.063em){
  .landing-container{
    grid-template-rows: repeat(2, 1fr);
  }
}
/* --- END landing pages styling --- */

/* =============== END PLATFORM CONTENT =============== */

/* ===============    COURSE CONTENT    =============== */
/* - Images - */
body.learn.course.lesson .layout-panel img{
  border: 1px solid var(--color-background-hover-grey-lighter);
}

/* NATIVE TABLES */
table:not(.tw-override){
  font-size: var(--typography-paragraph-font-size-M);
}
table:not(.tw-override, .topic__container__survey table) td:not(.tw-override){
  border: 1px solid #000000; 
  align-content: baseline;
}
.editor-content table thead th, .editor-content table thead td{
  background-color: #000000;
  border: 1px solid #ffffff!important;
  }
.editor-content table tbody th{
  background-color: #E5E5E5; 
  border: 1px solid #000000;
}
.editor-content table thead th:not(:last-child){
  border-right: 1px solid #ffffff;
}

/* Courses | Feedback Survey */
.topic__container__survey .row{
  margin: 0;
}
.topic__container__survey .question__body.question__body--strong,
.topic__container__survey .question__body.question__body--strong p,
.topic__container__survey .question__body strong,
.topic__container__survey .question-table__body th{
  font-weight: var(--typography-font-weight);
}
.topic__container__survey .question__body.question__body--strong,
.topic__container__survey .question__body.question__body--strong p{
  font-size: var(--typography-paragraph-font-size-XL);
}
.topic__container__survey table{
  table-layout: fixed;
  width: 100%;
}
.topic__container__survey .question-table__header-cell,
.topic__container__survey table td{
  border: 1px solid var(--color-background-hover-grey-darker);
}
.topic__container__survey table.zebra thead th,
.topic__container__survey table.zebra thead th:nth-of-type(odd){
  background: var(--color-background-default-grey);
}
.topic__container__survey .question-table__header-cell{
  text-align: center !important;
}
.topic__container__survey .quiz__container--learner .question__container textarea{
  font-size: var(--typography-paragraph-font-size-M);
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border-color: var(--color-background-hover-grey-darker);
  border-radius: var(--card-border-radius);
}
@media only screen and (max-width: 48em) {
    .topic__container__survey .likert__container {
      border: none; 
    }
    .topic__container__survey table.likert-table{
      padding: 0;
    }
    .topic__container__survey .likert--btns{
      display: none;
    }
}

  /* backend
  .redactor-styles table thead th{background-color: #000000; color: #ffffff; text-transform: uppercase;}
    .redactor-styles table tbody th{background-color: #E5E5E5; border: 1px solid #000000;} */

  /* - Highlight Zone - */
.popup__caption .popup__caption_title{
  font-size: var(--typography-platform-heading-S-size);
}
.card__label__button,
.popup__caption p, 
.popup__caption ul {
  font-size: var(--typography-paragraph-font-size-M)!important;
  line-height: var(--typography-paragraph-line-height);
}
@media only screen and (min-width: 48.063em) {
  .popup__caption p, 
  .popup__caption ul {
    font-size: var(--typography-paragraph-font-size-M);
  }
}
  /* - Flipping Cards - */
.resource__title{
  font-size: var(--typography-paragraph-font-size-M);
  line-height: var(--typography-paragraph-line-height);
  height: 40%;
  overflow-y: auto;
}
.flip-card__back .description{
  font-size: var(--typography-paragraph-font-size-M);
}
  /* - Martching Cards - */
/* button correct */
.card__label__button.card__label__button--match.card__label__button--correct{
  background-color: var(--color-brand-white);
}
/* message incorrect */
.match-pair__list .match-pair__card--incorrect .match-pair__card__message{
  background-color: rgba(210,210,210,.8);
}
.match-pair__list .match-pair__card--incorrect .match-pair__card__message .match-pair__card__message__inner p{
  font-size: var(--typography-paragraph-font-size-XL);
}
    /* --- END TI native (snippets) enhancements --- */

    /* --- CUSTOM SNIPPETS --- */
/* SCROLL TO SECTION */
.course-scroll {
    position:relative
}
.course-scroll div{
    position: absolute;
    z-index: -1;
    height: 100px;
    bottom: 0;
}
/* --- END custom snippets --- */

/* ========= 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;
}
.manager .builder__preview__widgets h1,
.manager .builder__preview__widgets h2,
.manager .builder__preview__widgets h3,
.manager .builder__preview__widgets h4,
.manager .builder__preview__widgets h5,
.manager .builder__preview__widgets h6,
.manager .builder__preview__widgets p,
.manager .builder__preview__widgets a{
  font-family: var(--typography-font-family) !important; 
}
.manager .builder__preview__widgets a.btn.btn--primary:not(.widget--hero-image.widget--hero-image_standard a.btn.btn--primary){
  padding: 12px 34px !important;
  font-size: var(--typography-paragraph-font-size-S) !important;
  font-weight: var(--typography-font-weight) !important;
  color: var(--color-brand-white) !important;
  background-color: var(--color-brand-blue) !important;
  border-color: var(--color-brand-blue) !important;
  border-radius: var(--buttons-border-radius) !important;
}

/* Bloque extra antes de la imagen
#course-extra-details {
  min-height: 96px;  
  height: auto;      
  overflow: visible;  
  margin: 0;
  padding-top: 8px;
  line-height: 1.4;
  transition: opacity 0.3s ease;
  opacity: 0;
}

#course-extra-details .ced-skeleton {
  display: block;
  height: 16px;
  margin-bottom: 8px;
  background: #f0f0f0; 
  border-radius: 4px;
}

#course-extra-details .ced-skeleton.short {
  width: 60%;
}
 */
/* Iconos 
.material-symbols-outlined {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  #course-extra-details {
    height: 140px; 
  }
}
*/
/*HERE*/
.header.header--dashboard .header__inner .column.small-6:last-child button.relative.cursor-pointer{
    padding: 0;
  }
  .header.header--dashboard .header__inner .column.small-6:last-child button span{
    font-size: var(--typography-paragraph-font-size-M);
    font-weight: var(--typography-font-weight);
  }

/*Manager view - Button
.manager .topic-bar.sticky-row [class*=column]+[class*=column]:last-child {
    float: none;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 20px;
}*/
/* ========= always in the end ========= */
/* EVENTS design 
.aspect-\[2\/1\] {aspect-ratio: unset; height: 190px;}
.learn .in-person-event .event-sidebar__container .event-sidebar{margin-top: -120px;}
.event-sidebar__container .event-sidebar__header {padding: 30px 30px 0;}
.event-sidebar__container .event-sidebar__content {padding: 0 30px 30px;}
.event-sidebar__meeting__date span {line-height: 22px;}

.learn.in-person-event .medium-8.large-9.columns.event-content {padding-left: 24px!important; padding-right: 24px!important;}

@media only screen and (min-width: 64.063em) {
  a.learning-content__back-button {padding: 26px 100px 13px!important;}
}
@media only screen and (max-width: 48em) {
  .learning-content-hero--no-asset {height: 190px!important;}
}
 --- Exams index --- 
.quiz-start__content.relative.z-\[60000\]{z-index: 0;}*/