:root {
        --font: 'Graphik', sans-serif;
        --alt-font: 'Graphik', sans-serif;
        --accent-color: #111111;
        --secondary-color: #111111;
        --link-color: #a9a9a9;
        --accent-highlight-color: #111111;
        --accent-highlight-background-color: #dddddd;
        --accent-tinted-color-70: #b8b8b8;
        --accent-tinted-color-80: #cfcfcf;
        --accent-tinted-color-90: #e7e7e7;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #2b2b2b;
        --secondary-hover-color: #2b2b2b;
        --secondary-contrast-color: #fff;
        --link-hover-color: #767676;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/0f2c9fd3-4e04-4963-85b1-bd89b3bb05e1/a8ify2agbddx-MyCX_Red_RGB.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
@import url('https://fonts.cdnfonts.com/css/graphik');

#video {
  object-fit: initial;
  width: 400px;
  height: 300px;
}

.half-video-widget {
  padding-left: 0;
  padding-right: 0;
  margin-left: 25%;
  margin-right: auto;
  width: 50%;
}

@media only screen and (max-width: 1367px) {
  .half-video-widget {
      width: 80%;
      margin-left: 10%;
    }
}

@media only screen and (max-width: 768px) {
  .half-video-widget {
      width: 100%;
      margin-left: auto;
  }
}

/* body {
  background-color: #000;
} */

/*Header start*/

.header .company__beta-logo .company-logo__container img {
    max-width: 100%;
    max-height: 50px;
    object-fit: contain;
    margin-left: 14px;
}
/* 
.top-bar {
  background-color: #000 !important;
} */

.company__school-name {
  display: none;
}

.company__school-name__divider {
  display: none;
}

/* #learner .nav--top > ul li * {
  color: #fff;
} */

/*Header end*/

/* Dashboard */
/* .catalog-aggregation--expanded {
  background-color: #000 !important;
} */

/* .catalog-aggregation__header--label {
  color: #fff !important;
} */

/* .catalog-aggregation__expander > .icon-navigatedown {
  color: #fff;
} */

.catalog-grid-item__description {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  /* color: lightgray !important; */
}

/* .catalog-grid-item__text-cta {
  color: lightgray !important;
} */
/* Dashboard */

/*Course Detail => /course/course_name */

/* #learner .header--microsite {
  background: #000;
}

#learner .home__content {
  background: #000 !important;
}

#learner .home__content * {
  color: #fff !important;
} */
/* 
#learner .widget--course-purchase_standard .panel {
  background: black !important;
  border: 1px solid white !important;
} */

/* #learner .widget--course-purchase_standard a {
  background-color: #000 !important;
}

#learner .widget--course-purchase_standard button {
  background-color: #000 !important;
}

#learner .email-capture > input {
  color: #333 !important;
}

#learner .footer {
  background: #000;
}

#learner .footer * {
  color: lightgrey;
} */

#learner .footer__links {
  float: left !important;
  margin-left: 10px !important;
}

/* #learner .company__school-name {
  color: #fff !important;
} */

#learner .email-capture > button {
  border: 1px solid;
  margin-top: 10px;
}

/*Course Detail/Browse*/

/*Learning Path Detail => /learning-paths/course_name*/

#learner .enroll__buy > button {
  border: 1px solid;
}

/*Learning Path Detail*/

/*Learn Learning Path => /learn/learning-path/course_name */

/* #learner .header--article {
  background: #000 !important;
} */

/*Learn Learning Path*/

/*Course Learn Page => learn/course */
/* #learner .header--learner {
  background: #000 !important;
  border-bottom: 1px solid #fff !important;
} */

#learner .header__left__icon {
  /* background: #000 !important; */
  /* color: white !important; */
  /* font-size: 25px !important; */
  /* border-bottom: 1px solid white !important; */
}

/* #learner .center-ruled-title > span {
  background: #000 !important;
}

#learner .course-title {
  color: #fff !important;
} */

#learner .expandable-sidebar__toggle {
  background: #ffffff !important;
  color: black !important;
} 

#learner .learner__container__toggle > button {
  /* background: #393e46;
  color: white; */
  border-radius: 3px;
}

#learner .layout-panel {
  border-radius: 5px;
}

#learner .directional__nav__button--left {
  border-radius: 20px;
  background: brown !important;
}

#learner .directional__nav__button--right {
  border-radius: 20px;
  background: brown !important;
}

.contact-block__action {
  background-color: brown !important;
  border-color: brown !important;
}

.bg-zinc-200 {
  /* background-color: #000 !important;  
  box-shadow: 0px 0px 1px 1px lightgrey; */
  border-radius: 5px;
}

.catalog__ribbon--attached {
  display: none !important;
}

/*Added by Austin - to import Arial, Graphik, Nunito, Pan Display TTfonts*/

@import url('https://fonts.cdnfonts.com/css/arial-2');

@import url('https://fonts.cdnfonts.com/css/graphik');

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

@import url('https://c.webfontfree.com/c.js?f=PanDisplay-Regular');

@import url('https://c.webfontfree.com/c.js?f=PanDisplay-Bold');

 

               

/*Added by Austin - to fix gap at the top of Live Session pages*/

.learning-content-hero {min-height: 450px; max-height: 600px;}

 

/*Added by Austin - to hide linkedin share from dashboard for QIA*/

.dLearnerAccessQia hover_text-white {display: none;}

 

/*Added by Austin - to make learning path course titles larger*/

.h1.learning-path-milestone-item__title {font-size:26px; font-weight: bold;}

 

/*Molly added- to remove social share*/

.share__container { display: none; }

 

/*Phil Cahill Added */

.learning-path-milestone__badge--elective {display:none;}

/*.learner-section__title {display:none;}*/

/*.topic__sidebar__title {display:none;}*/

.topic__container ul li {font-size:16px; color:black;}

.topic__container ol li {font-size:16px; color:black;}

.topic__container p {font-size:16px !important; color:black;}

.topic__container h1, .topic__container h2, .topic__container h3, .topic__container h4{ color:black;}

.choice {font-size:16px; color:black;}

.choice__review {font-size:16px; color:black;}

.match-pair__card__message__inner p {color:#fff;}

.match-quiz__overlay {display:none;}

/*This is the sidebar text*/

/*.topic__sidebar__caption {font-size:14px; color:black;}*/

.lphero .hero .hero__caption .hero__title {font-weight:900;}

.learning-path-milestone {background:none; border: 2px solid #e9e9e9 !important;}

.learning-path-body {background: #fff url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/0hntqgfvpwjy-Course-Bottom-Right-Bg.png) bottom right no-repeat; background-size: 30% auto;}

.learning-path-milestone-item__title .btn {font-size: 18px; border-radius: 0px; border: 1px solid #000;}

.learning-path-milestone-item__title .btn:hover {font-size: 18px; border-radius: 0px; background:none; color:#000; border: 1px solid #000;}

 

.in-person-event .picturefill {width: 45% !important;}

.in-person-event .company__beta-logo {max-width:150px;}

.in-person-event .search-bar {display:none;}

.in-person-event .learning-content-hero .learning-content__back-button {color: white; background: #ee3224!important;}

.in-person-event .learning-content-hero__overlay {display:none;}

/*Phil end*/

 

 

/*Added by Austin - to make menu scroll bar look more modern*/

 

/* To hide second line of badges on dashboard */

.dashboard-badge__threshold {display: none;}

 

/* width */

::-webkit-scrollbar {

  width: 8px;

}

/* Track */

::-webkit-scrollbar-track {

  background: #f1f1f1;

}

/* Handle */

::-webkit-scrollbar-thumb {

  background: #888;

}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: rgb(92, 92, 92);

}

/*End*/

 

 

/*TI's look & feel changes from the sandbox environment*/

/*  To make list roll gap between image & title smaller:*/

.topic__list__info--column {width: 90%;}

.topic__list__thumb {width: 10%;}

/*  To make list roll titles Bain red and images smaller when the item is expanded:*/

.topic__list__item--expanded .topic__list__info--column {width: 80%;}

.topic__list__item--expanded .topic__list__thumb {width: 20%;}

/*  .topic__list__title {color: #ee3224;} - moved from global to course-specific formatting*/

/*  To remove the large margin for bullet points in hostpot pop-ups:*/

.popup__caption .editor-content ul {padding:0; margin:1rem!important;}

/*  For default text size:*/

.topic__text__body p {font-size:14px;}

/*  To adjust flip card title size:*/

.flip-card__front .front__content .resource__title span {font-size:16px !important;}

/*End*/

 

 

 

.pad{ padding:0px 150px !important;}

.supportlink p {display: flex; justify-content: space-evenly;}

.supportlink p a:hover{background:#757575; border: 1px solid #757575;}

 

/* Added By KS */

.container {max-width: 100%;}

.header--dashboard {padding: 1rem;}

 

.learn.dashboard .dBanner {padding: 0;}

.dBanner .hero .hero__caption {bottom: auto; top: 50%; transform: translateY(-50%); text-align: center; background: none;}

.dBanner .hero .hero__caption .hero__title {color: #fff; font-weight: 700; font-size: 48px;}

.dBanner .hero .hero__caption span.h4 {color: #fff; font-weight: 700; font-size: 24px;}

 

.learn.dashboard .dIntro {padding: 80px 10%; text-align: center; color: #000; font-size: 32px; font-style: italic; font-weight: 300;}

 

.learn.dashboard .dStartHead {padding: 40px 10%; text-align: center; color: #000;}

.dStartHead .widget__title {color: #000; font-size: 32px; font-weight: 400; margin-bottom: 8px;}

.dStartHead .widget__subtitle {font-size: 22px; color: #666666; margin-bottom: 0;}

 

/*Below is the dashboard images and changing width will make them bigger or smaller*/

.learn.dashboard .dStart {padding: 0 10% 80px; text-align: center; color: #000; width: 60rem;}

 

.dStart .featured-content-image-overlay-item__overlay {bottom: auto; text-align: center; top: 50%; transform: translateY(-50%); background: none;}

.dStart .featured-content-image-overlay-item::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #880b57; opacity: 0; transition: all ease-in-out .2s;}

.dStart .featured-content-image-overlay-item img {width: 100%;}

.dStart .featured-content-image-overlay-item:hover::before {opacity: 1;}

.dStart .featured-content-image-overlay-item__title {font-size: 28px;}

 

.learn.dashboard .dHead {padding: 40px 10% 0;}

.dHead .widget__title {font-size: 32px; color: #000;  text-align: left;}

 

.learn.dashboard .widget--dashboard-stats_standard {padding: 0 10% 40px;}

.dashboard-stats__container {box-shadow: none; padding: 0;}

.dashboard-stats__container .dashboard-stat__label {font-size: 14px; font-weight: 700; text-transform: none;}

.dashboard-stats__container .dashboard-stat__icon {display: block; margin-bottom: 12px;}

.dashboard-stats__container .dashboard-stat__icon::before {display: block; height: 40px; content: '';}

 

.dashboard-stats__container .icon-notebook::before {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/1k060lfv9uqr-Available-Icon.png) center no-repeat;}

.dashboard-stats__container .icon-index::before {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/9af8po1ztt4a-Started-Icon.png) center no-repeat;}

.dashboard-stats__container .icon-check::before {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/52719az7vpfx-Completed-Icon.png) center no-repeat;}

.dashboard-stats__container .icon-users::before {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/ufjve8b8zvvk-Collaboration-Icon.png) center no-repeat;}

 

.dashboard-stat--available .dashboard-stat__label {color: #cc0000;}

.dashboard-stat--started .dashboard-stat__label {color: #506d85;}

.dashboard-stat--completed .dashboard-stat__label {color: #890c58;}

.dashboard-stat--collaborations .dashboard-stat__label {color: #666666;}

 

.dashboard-stats__container .dashboard-stat__value--huge {font-size: 28px; color: #000000 !important;}

.dashboard-stats__container .dashboard-stat {height: 128px;}

.dashboard-stats__container li.dashboard-views__container.dashboard-views__container--no-certificates {padding-left: 20px;}

.dashboard-stats__container .dashboard-views__line__bar {background: #880b57; border-radius: 0;}

 

.learn.dashboard .widget--badges_standard {padding: 80px 10%;}

.widget--badges_standard h3 {font-size: 32px; color: #000;  text-align: left;}

 

.learn.dashboard .dLearnerAccess {padding: 80px 10%;}

.dLearnerAccess .dashboard-access {border: 0;}

.dLearnerAccess .dashboard-access-tabs {border: 0; background: none;}

.dLearnerAccess .dashboard-access-tab {border-width: 0 0 3px; background: #e6e6e6; color: #000; font-size: 14px; font-weight: 500;}

.dLearnerAccess .dashboard-access-tab--active {border-color: #cc0000; background: #fff; color: #cc0000;}

.dLearnerAccess .dashboard-access-tab__count {background: none; border: 0; font-size: 14px; font-weight: 500; padding: 0; color: #000;}

.dLearnerAccess .dashboard-access-tab__count::before {content: '(';}

.dLearnerAccess .dashboard-access-tab__count::after {content: ')';}

 

.learn.dashboard .dSearchBar {padding: 0 10% 80px;}

.dSearchBar .search-bar-widget input {box-shadow: none; border: 0; background: #e6e6e6; width: calc(100% - 200px); font-size: 14px; color: #666666; padding: 0 20px; font-style: italic;}

.dSearchBar .btn--primary {background: #666666; font-size: 14px; text-transform: none; width: calc(200px - 12px); border: 0; border-radius: 0 !important; font-style: italic;}

.dSearchBar .btn--primary .icon-search {font-size: 22px;}

.dSearchBar .btn--primary span {display: inline-block; vertical-align: top; line-height: 22px;}

 

.dashboard-access-list-item {border-color: #7a7a7a;}

.dashboard-access-list-item, .dashboard-access-list-item strong, .dashboard-access-list-item-expander__title, .dashboard-access-list-item .btn--primary {font-size: 14px; color: #000; font-weight: 400;}

.dashboard-access-list-item .btn--primary {border: 0; /*padding: 2px 8px;*/ background: #cc0000; color: #fff; font-size: 16px; border-radius: 10px;}

.dashboard-access-list-item:nth-of-type(2n) {background: none;}

.dashboard-access .icon-navigateright::before {content: '+';}

.dashboard-access .icon-navigatedown::before {content: '—'; font-size: 12px;}

 

/* For Course Page */

.course__container .header .company__beta-logo .company-logo__container img {height: 40px;}

.learn.course {background: #fff;}

.learn.course #learner {background: #fff url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/0hntqgfvpwjy-Course-Bottom-Right-Bg.png) bottom right no-repeat; background-size: 30% auto;}

.header--student {box-shadow: none;}

/* .header--student .header__left__icon::before {content: 'Homebase';}

.header--student .header__left__icon .icon-home {display: none;}

.header--student .header__left__icon {width: 116px; color: #000; font-weight: 700; background: none;}

.header--student .header__left__copy {width: calc(100% - 116px); border-left: 1px solid #ccc;} */

 

.learn .layout-panel {background: none;}

 

.learner__sidebar {transform: translate3d(-5000px,0,0);}

.learner__sidebar .expandable-sidebar__toggle {background: #fff; color: #000; border: 1px solid #e4e4e4; border-top: 3px solid #506d85; font-size: 16px; text-transform: none; color: #506d85;}

.learner__sidebar .expandable-sidebar--toggled.Lessons .expandable-sidebar__toggle {border-color: #cc0000; background: #cc0000; color: #fff;}

.learner__sidebar .icon-navigateright.right, .learner__sidebar .icon-navigatedown.right {float: none !important;}

.learner__sidebar .expandable-sidebar {margin-bottom: 12px;}

.learner__sidebar .learner__sidebar__search {margin-bottom: 12px;}

.learner__sidebar .expandable-sidebar__link {margin-bottom: 12px;}

.learner__sidebar .expandable-sidebar__content {border: 1px solid #cfcfcf; border-top: 3px solid #506d85; padding: 12px; padding-right: 0;}

.learner__sidebar .Lessons .expandable-sidebar__content {border-top: 3px solid #cc0000;}

.learner__sidebar .expandable-sidebar__toggle i.expandable-sidebar__icon--left {float: right; margin: 0;}

 

.learner__container__toggle .btn {background: none; color: #000; border: 0; font-size: 14px;}

/*.learner__container {padding: 0 8%;}*/

.expandable-sidebar--toggled .expandable-sidebar__link {position: relative;}

/*.expandable-sidebar--toggled .expandable-sidebar__link::before {content: ''; display: block; width: 115px; height: 66px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/qi88ww29cxf1-Selected-Menu.png) center no-repeat; position: absolute; right: calc(100% - 18px); top: 5px;}*/

 

.expandable-sidebar__buttons a {background: #cccccc; color: #000; text-transform: none;}

 

/* hiding search from left nav */

.learner__sidebar .learner__sidebar__search .ember-text-field {display: none;}

.learner__sidebar__search-icon {display: none;}

.learner__sidebar .small-8 {height: 25px;}

.learner__sidebar-inner-list span.syllabus__section-title {color: #333333; text-transform: none;}

.learner__sidebar-inner-list.syllabus__section--active span.syllabus__section-title {color: #cc0000;}

.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title {font-weight: 400;}

.learner__sidebar-list ul.syllabus__section-list .syllabus__lesson-container {padding: 0;}

.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title.active .syllabus__lesson--title-text {color: #cc0000; font-weight: 600;}

.learner-section__title {color: #000; font-weight: 700;}

.learner-lesson__title {color: #999999; font-weight: 700;}

.section-progress-bar div {background: #cccccc;}

.section-progress-bar span {background: #890c58; height: 8px;}

 

.directional__nav .directional__nav__label {visibility: visible;}

.directional__nav .icon-navigateleft:before {content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/d393bwso2y6b-Back.png);}

.directional__nav .icon-navigateright:before {content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e4b01127-f67d-40cc-99d2-c467f2ded71e/d27mqpfwe0vn-Next.png);}

.directional__nav .directional__nav__button {background: none; width: 32px;}

.directional__nav .directional__nav__button.directional__nav__button--left ~ .directional__nav__label {color: #890c58;}

.directional__nav .directional__nav__button.directional__nav__button--right ~ .directional__nav__label {color: #333333;}

 

@media only screen and (max-width: 768px) {

    .header .company__beta-logo {max-width: 224px;}

   

    .dBanner .hero .hero__caption {position: absolute;}

    .dBanner .hero .hero__caption .hero__title {font-size: 36px;}

    .dBanner .hero .hero__caption span.h4 {font-size: 18px;}

   

    .learn.dashboard .dStart {padding: 0 10% 40px;}

    .learn.dashboard .dIntro {font-size: 20px; padding: 40px 10%; font-style: normal;}

   

    .dStartHead .widget__title {font-size: 24px;}

    .dStartHead .widget__subtitle {font-size: 14px;}

   

    .dStart .featured-content-image-overlay-item__title {font-size: 24px;}

   

    .learn.dashboard .dHead {padding: 20px 10% 0;}

    .dHead .widget__title {font-size: 24px;}

   

    .widget--badges_standard h3 {font-size: 24px;}

   

    .learn.dashboard .widget--dashboard-stats_standard {padding: 0 10% 20px;}

   

    .learn.dashboard .widget--badges_standard {padding: 40px 10%;}

    .learn.dashboard .dLearnerAccess {padding: 40px 10%;}

    .learn.dashboard .dSearchBar {padding: 0 10% 40px;}

 

    /*for course page responsive */

    .header--learner {position: static;}

    .learner__container--toggled .learner__sidebar {padding: 1rem 10px 1rem 98px;}

}

@media only screen and (max-width: 620px) {

    .dBanner .hero .hero__caption {position: relative; z-index: 1; transform: none;}

    .dBanner .hero img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100%; max-width: none; z-index: 0;}

    .dBanner .hero .hero__caption .hero__title {font-size: 24px;}

    .dBanner .hero .hero__caption span.h4 {font-size: 12px;}

   

    .learn.dashboard .dIntro {font-size: 14px; font-style: normal;}

    .learn.dashboard .dStartHead {padding: 20px 10%;}

   

    .dStart .featured-content-image-overlay-item__title {font-size: 18px;}

   

    .dSearchBar .btn--primary .icon-search {font-size: 16px; line-height: 22px;}

    .dSearchBar .btn--primary {width: calc(116px - 12px);}

    .dSearchBar .search-bar-widget input {width: calc(100% - 116px);}

 

    /*for course page responsive */

    .learner__container {padding: 0 4%;}

    .learner__container--toggled .learner__sidebar {padding: 1rem 10px 1rem;}

    .learn.course #learner {background-size: 80% auto;}

    .expandable-sidebar--toggled .expandable-sidebar__link::before {display: none;}

}

 

/* list roll alignment - kcg*/

list-roll__content.list-roll__content--full-width {

    padding-left: 2rem!important;

}

.list-roll__content {

  padding-left: 2rem!important;

}

 

/* no quiz graph - kcg */

.results__question-chart__container.row {

    display: none;

}