:root {
        --font: 'MarkForMC';
        --alt-font: 'MarkForMC';
        --accent-color: #cf4500;
        --secondary-color: #141413;
        --link-color: #cf4500;
        --accent-highlight-color: #692300;
        --accent-highlight-background-color: #ffceb6;
        --accent-tinted-color-70: #f1c7b3;
        --accent-tinted-color-80: #f5dacc;
        --accent-tinted-color-90: #faece6;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #ff5703;
        --secondary-hover-color: #2e2e2c;
        --secondary-contrast-color: #fff;
        --link-hover-color: #ff7936;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_v4/v1/course-uploads/1fa92577-7fd6-41d0-9f30-f23cf3cb62e9/31lctywzdepn-ma_symbol.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
.share__container { display: none; }
/* remove basket */
.nav.nav--top ul li:last-of-type{
   display: none;
}

.email-capture { display: none; }

/************************* Overall *************************/
/*MC Font - from Learning Lab*/
@font-face {
    font-family: 'MarkForMC';
    src: url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/9u8bmuzbhyuo-MarkForMCNarrowW00-Thin.woff2') format('woff2'),
        url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/35n5veewu1zh-MarkForMCNarrowW00-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    }
@font-face {
    font-family: 'MarkForMC';
    src: url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/eszzu4zsw5z8-MarkForMCNarrowW00-XLight.woff2') format('woff2'),
        url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/wigxkl9dzn56-MarkForMCNarrowW00-XLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    }
@font-face {
    font-family: 'MarkForMC';
    src: url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/183m1ge6rivx-MarkForMCNarrowW00-Light.woff2') format('woff2'),
        url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/pe9o3zqhra0n-MarkForMCNarrowW00-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    }
@font-face {
    font-family: 'MarkForMC';
    src: url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/n5datbvgcis1-MarkForMCNarrowW00-Regular.woff2') format('woff2'),
        url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/w9wg6y6hjl8s-MarkForMCNarrowW00-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    }
@font-face {
    font-family: 'MarkForMC';
    src: url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/9996c7ymn3gs-MarkForMCNarrowW00-Medium.woff2') format('woff2'),
        url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/p2tbnf1q5bu2-MarkForMCNarrowW00-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    }
@font-face {
    font-family: 'MarkForMC';
    src: url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/w48jwi80t5ww-MarkForMCNarrowW00-Book.woff2') format('woff2'),
        url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/a6cnxx4l98pb-MarkForMCNarrowW00-Book.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    }
@font-face {
    font-family: 'MarkForMC';
    src: url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/e2oirtxx9r9c-MarkForMCNarrowW00-Bold.woff2') format('woff2'),
        url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/d4ywoyiuqhbh-MarkForMCNarrowW00-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    }
@font-face {
    font-family: 'MarkForMC';
    src: url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/or7p7mhy4jrd-MarkForMCNarrowW00-Heavy.woff2') format('woff2'),
        url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/6jpuh2cm80zu-MarkForMCNarrowW00-Heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    }
@font-face {
    font-family: 'MarkForMC';
    src: url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/t7u13e8qw45a-MarkForMCNarrowW00-Black.woff2') format('woff2'),
        url('https://ti-course-uploads.s3.amazonaws.com/d0a217a9-3051-46af-9d9a-0b0f69465950/6xfgrciqr1y2-MarkForMCNarrowW00-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    }
body {
    font-family: 'MarkForMC', sans-serif;
    }

/*Everything Widescreen*/
.container { 
    max-width: 100%;
    }
.padnone {
    padding:1rem 0rem !important;
    }
.home__content {
    padding: 0;
    }
.widget {
    padding: 1rem 2rem;
    }

/*Buttons all over*/
.btn--link:hover{
    color: #CF4500;
    }
a:hover{
    color: #CF4500;
    }

 /*Default Attributes- Color and font*/


    :root {
        --font: 'MarkForMC';
        --alt-font: 'MarkForMC';
        --accent-color: #cf4500;
        --primary-black: #141413;
        --Secundary-black: #222221;
        --primary-gray:#676561;
        --link-color: #cf4500;
        --link-hover-color: #9A3A0A;
        --accent-hover-color: #9A3A0A;
        --accent-highlight-color: #9A3A0A;
        --accent-highlight-background-color: #ffceb6;
        --accent-tinted-color-70: #f1c7b3;
        --accent-tinted-color-80: #f5dacc;
        --accent-tinted-color-90: #faece6;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --secondary-hover-color: #9A3A0A;
        --secondary-contrast-color: #fff;
        --focus-color:#f37338;
        
    }


/*Top Menu Dashboard/Manager Access Buttons*/


.nav--top ul a {
    font-size:16px;
    border-radius: 20px !important;
    padding:7.5px;
    text-transform:capitalize; 
    background:var(--accent-color);
    border: 2px solid var(--accent-color);
    color:#ffffff; 
    }
.nav--top ul a:hover {
    background:transparent;
    color:var(--accent-color); 
    border: 2px solid var(--accent-color);
    }

/*Manage Cookies button*/
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
    color: var(--accent-color) !important;
    border: 1px solid var(--accent-color) !important;
    float: right;
    }

/*Hero Images*/
.widget--hero-image{
    padding: 0 !important;
    }
.hero {
    height:auto;
    overflow: hidden;
    width:100%;
    }
.hero picture{
    max-height: 400px;
    overflow: hidden;
    width:100%;
    }
.hero .hero__caption .hero__title {
    color: var(--accent-color); 
    font-size: 40px; 
    width: 650px;
    }
.hero__caption .h4 { 
    display: block; 
    font-size: 14px; 
    margin-bottom: 20px; 
    width:150%;
    }
.hero .hero__caption span {
    font-size: 20px; 
    color: white;
    }
@media only screen and (min-width: 1025px) { /*Large Screen*/
    .hero .hero__caption {
        width: 30%;
        }
    .hero .hero__caption { 
        background: transparent; 
        left: 9%; 
        top: 50%; 
        transform: translateY(-50%); 
        bottom: auto;
        }
    }
@media only screen and (min-width: 48.063em) { /*Medium Screen*/
    .hero .hero__caption { 
        width: 35%; 
        }
    .hero .hero__caption { 
        background: transparent;
        left: 9%;
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
        }
    }

.hero .btn--primary {
    align-items: center;
    border-radius: 20px;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    display: inline-flex;
    font-family: 'MarkForMC';
    font-size: 0.9375rem;
    justify-content: space-between;
    line-height: 40px;
    max-height: 40px;
    min-height: 40px;
    padding: 0 2rem;
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: #ffffff;
    }
.hero .btn--primary:hover{
    background: #ffffff;
    border-width: 2px;
    border-style: solid;
    border-color: var(--accent-color);
    color: var(--accent-color);
    }

/*footer styling*/
.footer {
    background-color: #141413;
    }
.footer .footer__company__info {
    color: #ffffff;
    }
.footer .footer__powered-by a {
    color: #ffffff;
    text-decoration: none !important;
    }
.footer .footer__powered-by a:hover {
    color: var(--accent-color);
    text-decoration: none;
    }
.footer .footer__inner {
    border: none;
    }
.home {
    background-color: #141413;
    }

/************************* Login Page (from LL) *************************/
.session { background: #323231;}
.session__container { background: #000000; border-radius: 10px; border: none; padding: 5%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.session__form {color: #ffffff;}
.session__form h2 {color: #ffffff; text-align: left; font-weight: 400; font-size: 14px; line-height: 20px; padding-bottom: 30px;}
.session__forgot a { color: #ffffff;}
.session__form .btn--primary { background: #ffffff; border-radius: 100px !important; color: #141413; font-weight: 500;    font-size: 16px; line-height: 16px; padding: 12px 32px; float: none; width: 200px;  display: block;  margin: 0 auto;    margin-top: 40px;}
.session__forgot { display: block; padding-top: 40px;}
.session .alert-box.alert { margin-top: 1rem;}
.session__forgot .btn--link:hover {color: #ffffff;}
.session__form .collapse .columns {width: 100%;}
.session__form .collapse .columns .h5 {color: #ffffff;}
.session__container .session__forgot.pull-right {color: #ffffff; float: none; display: block;}


/************************* Home Page *************************/
#cart-button {
    display:none;
    }
.company-logo__container img {
    height: 50px;
    }


/************************* Details/Support/Other Page *************************/
/*header styling*/
.header--microsite {
    background: #000000;
    }
.header--microsite .company__school-name__divider {
    border-left: 2px solid var(--accent-color);
    }
.header--microsite .company__school-name {
    color: #ffffff;
    }

/*Support Page Hero Image*/
.home.support .hero {
    background: #141413;
    }

/*Cyber Support Page Search*/
.widget--searchbar_standard input {
    border: 1px solid #555250; 
    border-radius: 4px; 
    padding: 0 12px 0 35px;
}
.widget--searchbar_standard button {
    right: auto; 
    left: 0; 
    padding: 0;
    border: none;
    background: none !important;
}
.widget--searchbar_standard button i {
    font-size: 16px; 
    padding: 0 8px; 
    color: #141413;
}
.widget--searchbar_standard button span {
    display: none;
}


/************************* Dashboard *************************/
/*Dashboard left and right margin*/
.learn.dashboard .widget {
    padding: 40px 7%;
    }

/*Dashboard - Header*/
.header--dashboard {
    background: #000000;
    }

.header--dashboard .company__school-name__divider {
    border-left: 2px solid var(--accent-color);
    }
.header--dashboard .company__school-name {
    color: #ffffff;
    }
.header--dashboard .dashboard-header__name {
    color: #ffffff;
    font-weight: normal;
    }
.header--dashboard .dashboard-header__name:hover {
    color: var(--accent-color);
    font-weight: normal;
    }
.header--dashboard .dashboard-header__arrow {
    color: var(--accent-color);
    }

/*Dashboard - Activity Bar*/
.dashboard-access {
    border: 0px solid transparent;
    }
.dashboard-access__header {
    background: linear-gradient(0deg,white 0,white);
    font-weight: 400; 
    font-size: 20px; 
    line-height: 24px;
    padding-left: 0;
    padding-top: 0;
    }
.dashboard-access__header--expanded {
    border: 0px solid transparent;
    }
.dashboard-access-tabs {
    background: linear-gradient(0deg,white 0,white);
    border: 0px solid transparent;
    }
.dashboard-access-tab {
    padding: 10px 0;
    margin-right: 34px;
    }
.dashboard-access-tab--active {
    border-color: var(--accent-color);
    border-width: 0 0 4px;
    }
.dashboard-access-tab--active .dashboard-access-tab__label {
    color: var(--accent-color);
    }
.dashboard-access-list-item { 
    box-shadow: 0px 1px 2px #cbcbcb;
    padding: 15px 30px;
    }

/*Button for content in activity bar*/
.dashboard-access .btn--small.btn--primary {
    align-items: center;
    border-radius: 20px;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    display: inline-flex;
    font-family: 'MarkForMC';
    justify-content: space-between;
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: #ffffff;
    }
.dashboard-access .btn--small.btn--primary:hover{
    background: #ffffff;
    border-width: 2px;
    border-style: solid;
    border-color: var(--accent-color);
    color: var(--accent-color);
    }

/*Content expanded details*/
.user-engagement-stat--hours {
    color: #2FA68B;
    }
.user-engagement-stat--percent-complete {
    color: var(--accent-color);
    }

/*Dashboard - Featured titles (for Cyber - no descriptions)*/
.widget--featured-content_article {
    background: #f0f0f0;
    }
.featured-content-article-item {
    border: none;
    }
@media only screen and (min-width: 48.063em) {
    .featured-content-article-item .column.medium-6 {
        width: 100%;
    }
}
.featured-content-article-item__title {
    color: var(--accent-color);
    font-size: 1.25rem;
    text-align: center;
    }

/*Dashboard - Catalog - Search Bar and Sort - from LL*/
.catalog-search-bar {display: block; text-align: right; margin-bottom: 56px;}
.catalog-search-bar .catalog-filters {width: 100%; display: block; background: none; border: 0;}
.catalog-search-bar .catalog-filters__search {display: inline-block; width: calc(53% - 4px); padding: 0; float: none;}
.catalog-search-bar .catalog-filters__search input {background: #FCFBFA; border: 1px solid #555250; border-radius: 4px; padding: 0 12px 0 35px;}
.catalog-search-bar .catalog-filters__search .catalog-search__button {right: auto; left: 0; height: calc(100% - 4px); background: none !important;}
.catalog-search-bar .catalog-filters__search .catalog-search__button i {font-size: 16px; padding: 0 8px; color: #141413;}
.catalog-search-bar .catalog-filters__sort {display: inline-block; width: calc(22% - 4px - 32px); border: 0; margin-left: 32px; padding: 0; float: none;}
.catalog-search-bar .catalog-filters__sort select {padding:  0 12px; border: 2px solid #96918B; border-radius: 4px;}
.catalog-search-bar .catalog-filters__sort label {display: none;}

/*Dashboard - Catalog - View Details buttons*/
.btn--link.btn--primary {
    color: var(--accent-color);
    }
.btn--link.btn--primary:hover {
    color: var(--accent-color);
    text-decoration: underline;
    }

/*Dashboard - Catalog - Ribbons*/
.catalog-item .catalog__ribbon {
    background-color: #ffe8ca !important;
    }

/*Dashboard - Catalog - Lefthand Filters*/
.catalog-aggregation__header--label {
    color: #141413; 
    font-size: 20px; 
    font-weight: 400;
    }
.catalog-aggregation__expander i {
    color: var(--accent-color);
    }
.btn.catalog-aggregation__value {
    color: #141413;
    background-color: var(--accent-color);
    }
.catalog-aggregation--expanded {
    background-color: white;
    }

/*Dashboard - Catalog List - Smaller Images per CyberQuant Request*/
@media only screen and (min-width: 48.063em) {
    .catalog-list-item .medium-4 {
        width: 25%;
        }
    }
/*Dashboard - Catalog List - Moving Completion mark*/
.catalog-list-item__title-container .small-12{ /*For items w/o banners*/
    display: flex; 
    flex-direction: row-reverse; 
    justify-content: flex-end;
    flex-wrap: wrap;
    }
.catalog-list-item__title-container .medium-9 { /*For items with banners*/
    display: flex; 
    flex-direction: row-reverse; 
    justify-content: flex-end;
    flex-wrap: wrap;
    }
.catalog-list-item__completed {
    padding-left: 10px;
    color: #5bb65c;
    }
.catalog-list-item__title {
    color: var(--accent-color);
    }

/*Dashboard - Footer*/
.learn.dashboard {
    background: #141413;
    }
.widget--link-matrix_standard {
    background-color: #141413;
    }
.widget--link-matrix_standard .link-matrix-category h4 {
    color: #ffffff;
    }
.widget--link-matrix_standard 
.link-matrix-category__subcategory:before {
    color: #141413;
    content: "• ";
    }
.widget--link-matrix_standard
.link-matrix-category__subcategory a {
    color: #ffffff;
    font-size: 14px;
    list-style-type: none;
    text-decoration: none;
    }
.widget--link-matrix_standard
.link-matrix-category__subcategory a:hover {
    color: var(--accent-color);
    }


/************************* Profile/Account *************************/
.btn--primary--manager--new {
    border-radius: 20px;
    text-transform:capitalize; 
    background:var(--accent-color);
    border: 2px solid var(--accent-color);
    color:#ffffff; 
    }
.btn--primary--manager--new:hover {
    background:transparent;
    color:var(--accent-color); 
    border: 2px solid var(--accent-color);
    }

.btn--primary--manager{
    text-transform:capitalize; 
    background:var(--accent-color);
    border: 2px solid var(--accent-color);
    color:#ffffff; 
    }
.btn--primary--manager:hover {
    background:transparent;
    color:var(--accent-color); 
    border: 2px solid var(--accent-color);
    }

/************************* Courses *************************/
/*Course - Header*/
.header--student {
    background: #000000;
    }
.header--student .header__left__icon {
    background: #141413;
    }
.header--student .header__left__icon:hover {
    background: #555250;
    }

/*Overall sizing areas*/
.course__container {
    background: linear-gradient(90deg,
    #f5f5f5, #f5f5f5, #ffffff, #ffffff, #ffffff);
    }
.learner__content { 
    background: white;
    min-height: 100vh;
    }
.learner__sidebar {
    background: #f5f5f5;
    min-height: 100vh;
    }
@media only screen and (min-width: 160.063em) {
    .learner__sidebar {
        width: 25%;
        }
    }
@media only screen and (min-width: 120.063em) {
    .learner__container {
        max-width: 1768px !important;
    }
    .learner__sidebar {
        width: 25%;
       }
    }
@media only screen and (min-width: 90.063em) {
    .learner__container {
        max-width: 1720px !important;
    }
}

/*Course Title*/
.course-title {
    color: #ffffff;
    }

/*Current section/lesson*/
.learner__content .learner-section__title {
    font-weight: 300;
    text-transform: uppercase;
    }
.learner__content .section-progress-bar span { 
    background-color: var(--accent-color);
    }

/*Course < > Navigation*/
.directional__nav__button {
    background-color: white !important;
    color: var(--accent-color);
    }

/*Course Lefthand Menu - Overall*/
.learner__sidebar .layout-panel { 
    background: transparent;
    }
.learner__sidebar .expandable-sidebar__buttons { 
    background-color: transparent;
    }
.learner__sidebar .learner__sidebar__expandables .ember-view {
    box-shadow: none;
    }
.learner__sidebar .learner__sidebar__expandables .ember-view 
.border-neutral-400 {
    border: none;
    }
.learner__sidebar .expandable-sidebar__toggle {
    margin-top: 20px;
    margin-bottom: 10px;
    }


/*Course Lefthand Menu - Menu/Hide Buttons*/
.learner__sidebar .learner__container__toggle {display: inline-block;}
.learner__sidebar .expandable-sidebar__toggle {background: transparent; color: #000; font-weight: 400; font-size: 20px;    line-height: 24px; border-bottom: 0.5px solid #000000;}
.learner__sidebar .learner__sidebar__search .row { display: flex; flex-direction: column-reverse;}

/*Course Lefthand Menu - Course Search*/
.learner__sidebar .learner__sidebar__search .columns { width: 100%; padding-bottom: 20px;}
.learner__sidebar .learner__sidebar__search input { border: 1px solid #555250; border-radius: 20px; height: 40px !important;    background: transparent; box-shadow: none; padding: 8px 12px 8px 25px;}
.learner__sidebar .learner__sidebar__search-icon { top: 55px; left: 5px;}

/*Course Lefthand Menu - Lesson Section*/
.learner__sidebar-inner-list span.syllabus__section-title {
    color: #656565 !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    }
.learner__sidebar .completed__indicator i {
    color: var(--accent-color);
    }
.learner__sidebar .icon-check {
    color: var(--accent-color); 
    }
.learner__sidebar .icon-circle.icon-circle--half span {
    background: #8DB92E;
    }
.learner__sidebar .icon-circle.icon-circle--full span {
    background: #8DB92E;
    }

/*Course Lefthand Menu - Progress Section*/
.learner__sidebar .course-progress__overall__bar .progress {
    height: 8px; 
    padding: 0; 
    border: none; 
    }
.learner__sidebar .course-progress__overall__bar .columns { 
    padding-bottom: 0;
    }
.learner__sidebar .progress.colorized .meter {
    background: -webkit-gradient(linear,left top,right top,
    from(#4FCDB0),to(#8DB92E));
    background: linear-gradient(90deg,#4FCDB0,#8DB92E);
    }
.learner__sidebar .course-progress__overall .highlight {
    color: var(--accent-color);
    }
.learner__sidebar .course-progress .highlight {
    color: var(--accent-color);
    }
.learner__sidebar .course-progress .btn--link.btn--primary {
    font-weight: normal;
    }
.learner__sidebar .course-progress .course-progress__overall .table-row { 
    display: none; /*hide initials and repetitive % completion text*/
    }
.learner__sidebar .course-progress hr { 
    display: none; /*hide horizontal lines in details*/
    }

/*Course Lefthand Menu - Progress Section*/
.learner__sidebar .sidebar__resources .ember-view {
    font-weight: normal;
    }

/*Course Righthand Section Congrats Sidebar - hiding social media sharing*/
.share__container {
    display:none;
    }

/*Course Quiz Coloring*/
.quiz__container .quiz-start__content .btn.btn--primary {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    }
.quiz__container .topic__index__number.topic__index__number--active span {
    border-color: var(--accent-color);
    }
.quiz__container .chart-bar.chart-bar--total {
    background-color: var(--accent-color);
    }
.quiz__container .label-circle.label-circle--total {
    background-color: var(--accent-color);
    }
.quiz__container .chart-bar.chart-bar--answered {
    background-color: #FFBA5F;
    }
.quiz__container .label-circle.label-circle--answered {
    background-color: #FFBA5F;
    }
.quiz__container .chart-bar.chart-bar--correct {
    background-color: #FFD194;
    }
.quiz__container .label-circle.label-circle--correct {
    background-color: #FFD194;
    }
.quiz__container .chart-bar.chart-bar--incorrect {
    background-color: #ffe8ca;
    }
.quiz__container .label-circle.label-circle--incorrect {
    background-color: #ffe8ca;
    }
.quiz__container .progress.colorized .meter {
    background: -webkit-gradient(linear,left top,right top,
    from(#4FCDB0),to(#8DB92E));
    background: linear-gradient(90deg,#4FCDB0,#8DB92E);
    }
.quiz__container .btn.btn--success {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    }

/*Highlight Zones Coloring*/
.topic__image--highlight-zone .image__zone--active {
   border-color: #B28C16;
   border-radius: 4px;
}
.topic__image--highlight-zone .icon-info {
   color: #B28C16;
}
.topic__image--highlight-zone .btn--close:hover {
   color: #ffffff !important;
}

/*Interactive Hotspot Coloring (for normal version and one with sidebars)*/
.topic__content--image .icon-plus, .topic__image .image-tag .icon-plus {
    border-color: #B28C16;
    color: #B28C16;
}
.topic__content--image .btn--close:hover,  .topic__image .image-tag .btn--close:hover{
   color: #ffffff !important;
}

/*Slideshow coloring*/
.topic__container__presentation .slide-show__top-bar {
    background-color: #141413;
}


/************************* Learning Paths *************************/
/*LP - Header*/
.header--article {
    background: #000000;
    border-bottom: none;
    }
.header--article .company__school-name {
    color: #ffffff;
    }

/*LP Hero Image*/
.widget--learning-path-content-hero{
    padding: 0 !important;
    }
.learning-content-hero {
    max-height: 400px;
    overflow: hidden;
    width:100%;
    }
.learning-content-hero .text-white.text-xl {
    color: var(--accent-color); 
    font-size: 40px; 
    font-weight: 400;
    width: 650px;
    }

/*LP - Milestones and Progress*/
.learning-path-criterion:nth-of-type(1n) {
    color: #8DB92E;
    }

.learning-path-timeline-milestone-item-circle--current {
    background-color: var(--accent-color);
    -webkit-box-shadow: 
        0 0 0 11px #ffffff, 
        0 0 0 12px #ffe8ca,
        0 0 0 17px #ffffff, 
        0 0 0 18px var(--accent-color);
    box-shadow: 
        0 0 0 11px #ffffff, 
        0 0 0 12px #ffe8ca, 
        0 0 0 17px #ffffff, 
        0 0 0 18px var(--accent-color);
    }
.learning-path-timeline-milestone-item-circle--completed {
    background-color: #8DB92E;
    box-shadow: none;
    }

.learning-path-progress-bar-item--current .learning-path-progress-bar-item__index {
    background: var(--accent-color);
    }
.learning-path-progress-bar-item--completed .learning-path-progress-bar-item__index {
    background: #8DB92E;
    }


    /*------------------------UPDATES-21-01-25-----------------------------*/

    /*Titles color and size*/
    h2 {
        font-size: 26px;
        color: var(--primary-black);
    }
    .topic__text__body h2 {
        font-size: 26px;
    }

    h4 {
        font-size: 18px;
        color: var(--primary-black);
    }


    /*Lesson text body font and color*/
    .topic__text__body {
        color: var(--primary-black);
        font-family: "MarkForMC";
    }


    /*Set all p elements and span inside div content_editor class font size and color*/
    div.editor-content p span {
        font-size: 16px !important;
        line-height: normal !important;
        color: var(--secundary-color);
    }


    /*Right sidebar list course name*/
    .heading--primary.collection__course__title, .heading.heading--primary {
        color: var(--accent-color);
        font-size:18px;
    }


    /*Right sidebar list text color*/
    .sidebar--open--right .sidebar__container.sidebar__container--right {
        color: var(--primary-black);
    }


    /*Bookmark color change*/
    button.bookmark-dropdown__button.bookmark-plus {
        color: var(--secundary-color);
    }


    /*Left sidebar text color main*/
    .learner__sidebar .expandable-sidebar__toggle {
        color: #131314;
        border-bottom: 0.5px solid #131314;
    }


    /*Left sidebar secundary text*/
    .learner__sidebar-inner-list span.syllabus__section-title {
        color: var(--Secundary-black) !important;
    }

    /*Left sidebar lesson text*/
    .syllabus__lesson--title-text {
        color: var(--primary-gray) !important;
    }
    

   /*Pop-up caption text color*/
    .popup__copy p {
        color:var(--primary-black);
        font-size: 16px;
    }


    /*------------------POP-UP------------------*/
    /*pop-up caption title color*/
    .image__zone .popup__caption_title {
        color: var(--primary-black);
    }

    /*pop-up caption text body color and size*/
    .popup__caption p {
        font-size: 16px !important;
        color: var(--primary-black);
    }

    /*------------------INTERACTIVE HOTSPOT*-------------------/
    .popup__caption {
        color: var(--primary-black);
    }

    /*Sidebar lesson content color*/
    .topic__sidebar {
        color: var(--primary-black);
    }


    /*------------------FLIP-CARDS------------------*/
    /*Back flip cards text color*/
    .flip-card__back .back__content {
        color: var(--primary-black);
    }

    /*Back flip cards body text size*/
    .back__content p {
        font-size: 16px;
    }


    /*-------------------QUIZ-----------------------*/

    /*quiz answer font size and color*/
    .small-11.columns.leading-loose {
        font-size: 16px;
        color: var(--primary-black);
    }

    /*quiz feedback and other elements color and text size*/
    .quiz__container--assessment .choices__list li .choice__response, .quiz__container--learner .choices__list li .choice__response {
        color: var(--primary-black);
        font-size: 16px;
    }

    /*Answer instructions color*/
    .question__body p {
        color: var(--primary-black);
    }

    .quiz-start__text p {
    font-size: 26px !important;
    color: var(--primary-black);
    }

    /*------------------------UPDATES-07-03-25-----------------------------*/
    /*---------------------Hide registration page--------------------------*/
    .widget--registration-form {
        display: none;
    }