@import url("https://fonts.googleapis.com/css?family=Lora:300,400,700|Oswald:300,400,700");

      :root {
        --font: Lora;
        --alt-font: Oswald;
        --accent-color: #004851;
        --secondary-color: #50a684;
        --link-color: #f05d55;
        --accent-highlight-color: #004851;
        --accent-highlight-background-color: #51ecff;
        --accent-tinted-color-70: #b3c8cb;
        --accent-tinted-color-80: #ccdadc;
        --accent-tinted-color-90: #e6edee;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #007584;
        --secondary-hover-color: #3f8469;
        --secondary-contrast-color: #111;
        --link-hover-color: #cd1c12;
      }
      

.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_hires_v3/v1/course-uploads/dd5fc2a7-90f9-434b-bcaa-1df91967cac6/xgd3d24z9zwu-New_logo2x.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}


/*Common Css for All Widget */
.application .container {max-width: 100%;}
.footer, .footer__inner {padding: 0; border: 0;}
.footer .footer__company__info {display: none;}

/* CSS to remove Star Rating on Videos*/ 
.article-sidebar__rating {
  display:none;
}

/* For Home Page Yellow*/
body.index .header--microsite {position: absolute;}
.header--article, .header--dashboard, .header--microsite {padding: 1rem;}
.header--microsite {z-index: 1; width: 100%;}
.header--microsite .top-bar {display: inline-block; vertical-align: middle; width: calc(100% - 366px - 40px - 40px);  margin: 0 40px; border: 0; background: none; text-align: center;}
.header--microsite .top-bar-section ul {width: 100%;}
.header--microsite .top-bar-section ul li {padding: 0; background: none; display: inline-block; float: none;}
body.index  .header--microsite .top-bar-section li:not(.has-form) a:not(.button) {background: none; color: #fff;}
.header--microsite .nav--top ul a, .header--microsite .nav--top ul button {color: #fff; background: none;}
body.index .header--microsite .nav ul>li:not(.has-form) a:not(.button):focus {color: #fff; background: none;}
.header .company__beta-logo .company-logo__container img {max-height: 100px;}
@media only screen and (max-width: 768px) {
    .header--microsite .nav--top {float: right;}
    .header--microsite .top-bar {width: 100%; margin: 0;}
    body.index .header .company__beta-logo {margin-bottom: 12px;}
    .top-bar .toggle-topbar.menu-icon button span::after {box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;}
    .top-bar .toggle-topbar a, .index .top-bar .toggle-topbar button {color: #fff;}
    .header--microsite .top-bar-section ul {background: #f3f3f3;}
    body.index .header--microsite .top-bar-section li:not(.has-form) a:not(.button) {color: #004851; padding: 12px 0;}
    .header--microsite .top-bar-section ul li {display: block; border-bottom: 1px solid #fff;}
    .top-bar .toggle-topbar.menu-icon button span::after {box-shadow: 0 0 0 1px #004851, 0 7px 0 1px #004851, 0 14px 0 1px #004851;}
    .index .top-bar .toggle-topbar.menu-icon button span::after {box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
}


.ysHeroBanner1 .hero .hero__caption {bottom: auto; top: 50%; transform: translateY(-50%); background: none; padding: 0; left: 8%; width: calc(50% - 8%);}
.ysHeroBanner1 .hero .hero__caption .hero__title {font-size: 52px; color: #fff; font-weight: 300; text-transform: uppercase;}
.ysHeroBanner1 .hero .hero__caption span {font-size: 18px; color: #fff; font-weight: 300; display: block; margin-bottom: 20px;}
.ysHeroBanner1 .btn--primary {padding: 6px 0; font-size: 22px; border: 0; background: none; border-bottom: 2px solid #fff; font-weight: 700;}
@media only screen and (max-width: 1080px) {
    .ysHeroBanner1 .btn--primary {font-size: 16px;}
    .ysHeroBanner1 .hero .hero__caption span {font-size: 14px;}
    .ysHeroBanner1 .hero .hero__caption .hero__title {font-size: 28px;}
    .ysHeroBanner1 .hero .hero__caption {top: 148px; transform: none;}
}
@media only screen and (max-width: 768px) {
    .ysHeroBanner1 .hero .hero__caption {position: absolute;}
    .ysHeroBanner1 .hero .hero__caption .hero__title {font-size: 32px;}
    .ysHeroBanner1 .hero .hero__caption span {font-size: 14px;}
    .ysHeroBanner1 .btn--primary {font-size: 16px;}
    .ysHeroBanner1 .hero .hero__caption {top: 140px; transform: none;}
}
@media only screen and (max-width: 680px) {
    .ysHeroBanner1 .hero .hero__caption {position: relative; top: auto; left: auto; transform: none; width: calc(100% - 8% - 8%); margin: 146px auto 32px;}
    .ysHeroBanner1 .hero img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; min-width: 100%; max-width: none;}
}

.layout__content .widget.ysSearch {padding: 120px 8%;}
.ysSearch .btn i {display: none;}
.ysSearch .btn {height: 54px; border: 0; background: #004851; border-radius: 8px !important; font-size: 22px; font-weight: 700;}
.ysSearch .search-bar-widget input {border: 0; height: 54px; background: #D5E5EA; border-radius: 8px; width: calc(100% - 172px); box-shadow: none; padding: 0 20px;}
@media only screen and (max-width: 768px) {
    .layout__content .widget.ysSearch {padding: 40px 8%;}
    .ysSearch .btn {font-size: 16px; height: 44px;}
    .ysSearch .search-bar-widget input {font-size: 16px; height: 44px; padding: 0 12px; width: calc(100% - 114px);}
}
@media only screen and (max-width: 680px) {
    
}

.layout__content .widget.ysHeading {padding: 40px 8%;}
.ysHeading .widget__title {font-size: 48px; font-weight: 300; color: #004851;}
@media only screen and (max-width: 768px) {
    .layout__content .widget.ysHeading {padding: 20px 8%;}
    .ysHeading .widget__title {font-size: 28px;}
}
@media only screen and (max-width: 680px) {
    
}

.layout__content .widget.ysBenefits {padding: 40px 8% 40px;}
.ysBenefits li.about-block__container .about-block img {height: 68px;}
.ysBenefits li.about-block__container .about-block__text h3 {text-transform: none; color: #004851; font-size: 20px; font-weight: 400;}
.ysBenefits li.about-block__container .about-block__text p {font-size: 14px; color: #004851;}
@media only screen and (max-width: 768px) {
    .layout__content .widget.ysBenefits {padding: 20px 8%; margin-bottom: 40px;}
    .ysBenefits li.about-block__container .about-block::before {display: none;}
}
@media only screen and (max-width: 680px) {
    
}

.layout__content .widget.ysTitleDescCta {padding: 40px 8%;}
.ysTitleDescCta .widget__title {font-size: 48px; font-weight: 300; color: #004851;}
.ysTitleDescCta .widget__subtitle {font-size: 18px; color: #004851;}
.ysTitleDescCta .widget__cta {padding-top: 0;}
.ysTitleDescCta .widget__cta .btn--centered {font-size: 22px; padding: 6px 0; background: none; border: 0; color: #004851; border-bottom: 2px solid #004851;}
@media only screen and (max-width: 768px) {
    .ysTitleDescCta .widget__title {font-size: 28px;}
    .ysTitleDescCta .widget__subtitle {font-size: 14px; margin: 0;}
    .ysTitleDescCta .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 680px) {
    
}

.layout__content .widget.ysPopolarCourses {padding: 40px 8%; margin-bottom: 120px;}
.ysPopolarCourses .catalog-item {position: relative; border-radius: 12px; overflow: hidden;}
.ysPopolarCourses .catalog-item .catalog-grid-item__body {position: absolute; bottom: 0; padding: 20px;}
.ysPopolarCourses .catalog-item .catalog-grid-item__body .catalog-grid-item__hr {display: none;}
.ysPopolarCourses .catalog-item .catalog-grid-item__body .catalog-grid-item__title {color: #fff; font-size: 22px;}
.ysPopolarCourses .catalog-item:hover .catalog-grid-item__asset-container::before {content: ''; display: block; width: 100%; height: 100%; background: #50A684; position: absolute;}
@media only screen and (max-width: 768px) {
    .layout__content .widget.ysPopolarCourses {padding: 20px 8%;}
}
@media only screen and (max-width: 680px) {
    .layout__content .widget.ysPopolarCourses {margin-bottom: 40px;}
    .ysPopolarCourses .catalog-item .catalog-grid-item__body .catalog-grid-item__title {font-size: 18px;}
    .ysPopolarCourses .catalog-item .catalog-grid-item__body {padding: 12px;}
}

.ysHeroBanner2 .hero .hero__caption {bottom: auto; top: 50%; transform: translateY(-50%); background: none; padding: 0; left: auto; right: 8%; width: calc(44% - 8%);}
.ysHeroBanner2 .hero .hero__caption .hero__title {font-size: 40px; color: #004851; font-weight: 300; text-transform: uppercase;}
.ysHeroBanner2 .hero .hero__caption span {font-size: 18px; color: #004851; display: block; margin-bottom: 20px;}
.ysHeroBanner2 .btn--primary {padding: 6px 0; font-size: 18px; border: 0; background: none; color: #004851; border-bottom: 2px solid #004851; font-weight: 400;}
.layout__content .ysHeroBanner2 .hero {margin: 0;}
@media only screen and (max-width: 768px) {
    .ysHeroBanner2 .hero .hero__caption {position: absolute;}
    .ysHeroBanner2 .hero .hero__caption .hero__title {font-size: 24px;}
    .ysHeroBanner2 .hero .hero__caption span {font-size: 14px;}
    .ysHeroBanner2 .btn--primary {font-size: 14px;}
}
@media only screen and (max-width: 680px) {
    .ysHeroBanner2 .hero .hero__caption { position: static; transform: none; width: calc(100% - 8% - 8%); margin: 0 auto; padding: 40px 0;}
}

.layout__content .widget.ysSingleTestimonyCta {padding: 120px 8%; background: #34353c; color: #333F48; text-align: center;}
.ysSingleTestimonyCta .widget__title {font-size: 24px; font-weight: 300; font-style: italic; color:#DDE4E6;}
.ysSingleTestimonyCta p {font-size: 18px; color:#DDE4E6;}
.ysSingleTestimonyCta .widget__cta .btn--primary {padding: 6px 0; border: 0; background: none; color: #50A684; font-size: 18px; border-bottom: 2px solid #50A684;}
@media only screen and (max-width: 768px) {
    .layout__content .widget.ysSingleTestimonyCta {padding: 60px 8%;}
    .ysSingleTestimonyCta .widget__title {font-size: 18px;}
    .ysSingleTestimonyCta p {font-size: 14px;}
    .ysSingleTestimonyCta .widget__cta {padding: 1rem 0 0;}
    .ysSingleTestimonyCta .widget__cta .btn--primary {margin: 0 auto; font-size: 14px;}
}
@media only screen and (max-width: 680px) {
    
}

.layout__content .widget.ysRecommendedTopics {padding: 120px 8%; background: #D5E5EA; color: #004851; text-align: center;}
.ysRecommendedTopics .widget__title {font-size: 48px; font-weight: 300; color: #004851; margin-bottom: 48px;}
.ysRecommendedTopics .featured-content-multi-carousel-item img {padding: 0;}
.ysRecommendedTopics .featured-content-multi-carousel-item {border: 0; border-radius: 8px; overflow: hidden;}
.ysRecommendedTopics .featured-content-multi-carousel-item__body {padding: 28px; min-height: 200px;}
.ysRecommendedTopics .featured-content-multi-carousel-item__title {font-size: 24px; font-weight: 400; margin-bottom: 20px; color: #004851; text-align: left; min-height: 60px;}
.ysRecommendedTopics .featured-content-multi-carousel-item__description {font-size: 16px; font-weight: 300; color: #004851; padding: 0; min-height: 48px;}
.ysRecommendedTopics .btn--bare-icon i {font-size: 60px; color: #004851; line-height: 60px;}
.ysRecommendedTopics .btn--bare-icon {width: 60px; height: 60px;}
.ysRecommendedTopics .featured-content-multi-carousel__nav-right {right: -60px;}
.ysRecommendedTopics .featured-content-multi-carousel__nav-left {left: -60px;}
@media only screen and (max-width: 768px) {
    .layout__content .widget.ysRecommendedTopics {padding: 60px 8%;}
    .ysRecommendedTopics .widget__title {font-size: 28px;}
    .ysRecommendedTopics .featured-content-multi-carousel__nav-right {right: -30px;}
    .ysRecommendedTopics .featured-content-multi-carousel__nav-left {left: -30px;}
    .ysRecommendedTopics .featured-content-multi-carousel-item__title {font-size: 18px; min-height: 0;}
    .ysRecommendedTopics .featured-content-multi-carousel-item__description {font-size: 14px; min-height: 0;}
    .ysRecommendedTopics .featured-content-multi-carousel-item__body {min-height: 0;}
}
@media only screen and (max-width: 680px) {
    .ysRecommendedTopics .btn--bare-icon i {font-size: 32px;}
    .ysRecommendedTopics .btn--bare-icon {width: 32px;}
    .ysRecommendedTopics .featured-content-multi-carousel__nav-right {right: -8px;}
    .ysRecommendedTopics .featured-content-multi-carousel__nav-left {left: -8px;}
}

.ysHeroBanner3 {background: #34353c; color: #85868a;}
.ysHeroBanner3 .hero {margin: 0; display: table;}
.ysHeroBanner3 .hero::after {content: ''; display: block; clear: both;}
.ysHeroBanner3 picture, .ysHeroBanner3 .hero__caption {display: table-cell; width: 50%; vertical-align: middle;}
.ysHeroBanner3 picture img {width: 100%;}
.ysHeroBanner3 .hero__caption {position: static; background: none; padding: 0 8%;}
.ysHeroBanner3 .hero .hero__caption .hero__title {font-size: 48px; font-weight: 300; color: #DDE4E6; margin-bottom: 48px;}
.ysHeroBanner3 .btn--primary {padding: 6px 0; border: 0; background: none; color:#50A684; font-size: 18px; border-bottom: 2px solid #50A684;}
@media only screen and (max-width: 768px) {
    .ysHeroBanner3 .hero .hero__caption .hero__title {font-size: 28px; margin-bottom: 28px;}
    .ysHeroBanner3 .btn--primary {font-size: 14px;}
}
@media only screen and (max-width: 680px) {
    .ysHeroBanner3 .hero, .ysHeroBanner3 picture, .ysHeroBanner3 .hero__caption {display: block; width: 100%;}
    .ysHeroBanner3 .hero__caption {padding: 40px 8%;}
}

.ysCFooter {padding: 120px 8% 40px; background: #34353c; font-size: 14px;}
.ysCFooter .logNavSocial {padding: 20px 0; border-bottom: 1px solid #85868a;}
.ysCFooter .logNavSocial .logo {display: inline-block; vertical-align: middle; width: calc(136px - 4px);}
.ysCFooter .logNavSocial .logo img {width: 100%;}
.ysCFooter .logNavSocial .socialMedia {display: inline-block; vertical-align: middle; width: calc(200px - 4px);}
.ysCFooter .logNavSocial .socialMedia ul {display: block;}
.ysCFooter .logNavSocial .socialMedia ul li {display: inline-block; vertical-align: middle; font-size: 20px; margin: 0 6px;}
.ysCFooter .logNavSocial .socialMedia ul li a {display: inline-block; color: #85868a; text-decoration: none;}
.ysCFooter .logNavSocial nav {display: inline-block; vertical-align: middle; width: calc(100% - 136px - 200px - 4px - 40px); margin: 0 20px;}
.ysCFooter .logNavSocial nav .col {display: inline-block; width: calc(25% - 4px); vertical-align: top; padding: 0 10px;}
.ysCFooter .logNavSocial nav .col p {color: #85868a;}
.ysCFooter .logNavSocial nav .col ul {display: block;}
.ysCFooter .logNavSocial nav .col ul li {display: block;}
.ysCFooter .logNavSocial nav .col ul li a {display: inline-block; color: #85868a; text-decoration: none;}
.ysCFooter .copyright {padding: 20px 0 0; color: #85868a; font-size: 13px;}
.ysCFooter .copyright a {color: #85868a; text-decoration: none;}
@media only screen and (max-width: 768px) {
    .ysCFooter {padding: 60px 8% 20px;}
    .ysCFooter .logNavSocial .socialMedia {width: 100%; padding: 20px 0;}
    .ysCFooter .logNavSocial .socialMedia ul {margin: 0;}
    .ysCFooter .logNavSocial nav {width: calc(100% - 131px - 4px - 20px); margin: 0 0 0 20px;}
}
@media only screen and (max-width: 680px) {
    .ysCFooter {padding: 20px 8% 20px;}
    .ysCFooter .logNavSocial .logo img {width: auto; max-width: 100%;}
    .ysCFooter .logNavSocial nav {margin: 0;}
    .ysCFooter .logNavSocial .logo, .ysCFooter .logNavSocial nav {width: 100%; margin-bottom: 20px;}
    .ysCFooter .logNavSocial nav .col {width: calc(50% - 4px); padding: 8px 0;}
    .ysCFooter .logNavSocial nav .col ul {margin: 0;}
}

/*For Dashboard Green*/

.learn.dashboard .heroWidget {padding: 0; position: relative;}
.heroWidget::before {content: ''; width: 100%;height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); z-index: 1;}
.heroWidget .hero__caption {background: none; text-align: center; color: #fff; bottom: auto; top: 50%; transform: translateY(-50%); z-index: 1;}
.heroWidget .hero__caption .hero__title {color: #fff; font-size: 74px; font-weight: 700;}
@media only screen and (max-width: 768px) {
    .heroWidget .hero__caption {position: absolute;}
    .heroWidget .hero__caption .hero__title {font-size: 50px;}
}
@media only screen and (max-width: 680px) {
    .heroWidget .hero__caption .hero__title {font-size: 32px;}
}


.learn.dashboard .testiWidget2 {padding: 80px 10%;}
.testiWidget2 .testimonial {background-position: left center; background-size: 50% auto; padding-top: 0; padding-left: 60%;}
.testiWidget2 .testimonial>.testimonial-quote {position: relative; transform: none; padding: 0; padding: 80px 0; min-height: 440px;}
.testiWidget2 .testimonial .testimonial-quote__text {font-size: 18px; text-align: left; font-weight: 300; color: #004851;}
.testiWidget2 .testimonial .testimonial-quote__text::before, .testiWidget2 .testimonial .testimonial-quote__text::after {content: '"';}
.testiWidget2 .testimonial .testimonial-quote__author-name {text-align: left; color: #004851; font-size: 18px; font-weight: 400; font-style: normal;}
.testiWidget2 .testimonial .testimonial-quote__author-description {text-align: left; color: #004851; font-size: 16px; font-weight: 300; font-style: normal;}
.testiWidget2 .testimonial .testimonial-quote__author-name::before {display: none;}
.testiWidget2 [class*=block-grid-], .testiWidget2 .testimonial-widget {margin: 0;}
@media only screen and (max-width: 768px) {
    .testiWidget2 .testimonial .testimonial-quote__text {font-size: 14px;}
    .testiWidget2 .testimonial .testimonial-quote__author-name {font-size: 14px;}
    .testiWidget2 .testimonial .testimonial-quote__author-description {font-size: 13px; margin: 0;}
    .testiWidget2 .testimonial > .testimonial-quote {min-height: 224px; padding: 0;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .testiWidget2 {padding: 54px 10%;}
    .testiWidget2 .testimonial {padding: 0; padding-top: calc(240px + 20px); background-position: top center;  background-size: auto 240px;}
    .testiWidget2 .featured-content-multi-carousel {padding: 0;}
}

.learn.dashboard .headingOnly {padding: 80px 10%;}
.headingOnly .widget__title {font-size: 64px; color: #004851; font-weight: 700; margin-bottom: 0;}
@media only screen and (max-width: 768px) {
    .headingOnly .widget__title {font-size: 38px;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .headingOnly {padding: 54px 10%;}
    .headingOnly .widget__title {font-size: 28px;}
}

.learn.dashboard .widget--dashboard-stats {padding: 0 10% 80px;}
.dashboard-stats__container {box-shadow: none;}
.dashboard-stat--available .dashboard-stat {border: 1px solid #50A684;}
.dashboard-stat--available .dashboard-stat__value, .dashboard-stat--available .dashboard-stat__label {color: #50A684;}
.dashboard-stat--started .dashboard-stat {border: 1px solid #50A684;}
.dashboard-stat--started .dashboard-stat__value, .dashboard-stat--started .dashboard-stat__label {color: #50A684;}
.dashboard-stat--completed .dashboard-stat {border: 1px solid #50A684;}
.dashboard-stat--completed .dashboard-stat__value, .dashboard-stat--completed .dashboard-stat__label {color: #50A684;}
.dashboard-stat--collaborations .dashboard-stat {border: 1px solid #50A684;}
.dashboard-stat--collaborations .dashboard-stat__value, .dashboard-stat--collaborations .dashboard-stat__label {color: #50A684;}
.dashboard-stat__label {font-size: 14px; font-weight: 700;}
.dashboard-stat__icon {display: block; height: 46px; margin-bottom: 4px;}
.dashboard-stat__icon::before {display: none;}
.dashboard-stat__value--huge {font-size: 32px; font-weight: 700; line-height: normal;}
.dashboard-stat {height: 125px;}
@media only screen and (max-width: 680px) {
    .learn.dashboard .widget--dashboard-stats {padding: 0 10% 54px;}
}

.dashboard-stat__label .icon-notebook {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4982f9d4-0dad-488c-bc20-1ce2300ee1b1/pngpsc9zezji-Pending.jpg) center no-repeat; background-size: auto 100%;}
.dashboard-stat__label .icon-index {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4982f9d4-0dad-488c-bc20-1ce2300ee1b1/kt63988ftp43-Started.jpg) center no-repeat; background-size: auto 100%;}
.dashboard-stat__label .icon-check {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4982f9d4-0dad-488c-bc20-1ce2300ee1b1/lywad51iq301-Completed.jpg) center no-repeat; background-size: auto 100%;}
.dashboard-stat__label .icon-users {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/4982f9d4-0dad-488c-bc20-1ce2300ee1b1/azs9n3lytmf0-Collaborations.jpg) center no-repeat; background-size: auto 100%;}
.dashboard-stats>li.dashboard-views__container--no-certificates {background: #f5f5f5; padding: 6px; height: 125px; color: #004851;}
/*.dashboard-stat--available .dashboard-stat {border: 1px solid #dssadfasfd;}*/

/* Kotter branding applied to access widget on learner dashboard */
.learn.dashboard .accessWidget {padding: 80px 10%;}
.accessWidget .dashboard-access-tab, .accessWidget .dashboard-access-tabs, .accessWidget .dashboard-access {border: 0;}
.accessWidget .dashboard-access-tab {background: #DDE4E6; font-size: 16px; padding: 12px 16px; margin-right: 8px; cursor: pointer;}
.accessWidget .dashboard-access-tabs {background: none; margin-bottom: 20px;}
.accessWidget .btn--link {color: #656565; text-transform: uppercase;}
.accessWidget .dashboard-access-tab__count {background: none; border: 0; font-size: 16px; color: #656565; margin-left: 0;}
.accessWidget .dashboard-access-tab__count::before {content: "(";}
.accessWidget .dashboard-access-tab__count::after {content: ")";}
.accessWidget .dashboard-access-tab.dashboard-access-tab--active {background-color: #004851; color:#ffffff;}
.accessWidget .dashboard-access section[role=tabpanel] {border: 2px solid #004851; padding: 20px;}
.accessWidget .dashboard-access-list-item {padding-left: 0;}
.accessWidget .dashboard-access-list-item:nth-of-type(2n) {background: #fff;}
.accessWidget .accessWidget .btn--link {text-transform: none;}
.accessWidget .dashboard-access-list-item-expander__title {color: #004851;}
.accessWidget .btn--primary {color: #004851; text-decoration: underline; padding: 0; background: none; border: 0; font-size: 14px; text-transform: uppercase; text-align: right;}
.accessWidget .dashboard-access-list-item {color: #004851; font-weight: 300;}
.accessWidget .dashboard-access-list-item strong {font-weight: 300;}

.accessWidget .dashboard-access-tab.dashboard-access-tab--active  .dashboard-access-tab__label, .accessWidget .dashboard-access-tab.dashboard-access-tab--active .dashboard-access-tab__count {color:#fff;}
@media only screen and (max-width: 768px) {
    .accessWidget .dashboard-access-tab {padding: 8px 10px; margin-bottom: 4px;}
    .accessWidget .btn--link, .accessWidget .dashboard-access-tab__count {font-size: 14px;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .accessWidget {padding: 54px 10%;}
}

/* Hide View Details button on Learner Dashboard Access Widget 2026-02-05 */
.accessWidget2 .dashboard-access-list-view-detail-page {display: none;}

.learn.dashboard .catalogWidget {padding: 80px 10%;}
.catalogWidget .catalog-header {display: none;}
.catalogWidget .catalog-filters, .catalogWidget .catalog-filters__sort {background: #edf7f4; border: 0;}
.catalogWidget .catalog-filters input {background: none;}
.catalogWidget .catalog-filters__search, .catalogWidget .catalog-filters__sort {background: none;}
.catalogWidget .catalog-display-type button {background: #edf7f4; border: 0;}
.catalogWidget .catalog-display-type button i {color: #004851;}
.catalogWidget .catalog-display-type button.btn--primary i {color: #50b393;}
.catalogWidget .catalog-filters__sort, .catalogWidget .catalog-filters__selections {border-left: 5px solid #fff;}
.catalogWidget .catalog-search__button i {color: #50b393;}
@media only screen and (max-width: 768px) {
    .catalogWidget .catalog-filters input {margin: 0;}
    .catalogWidget .catalog-search__button {right: 8px;}
    .catalogWidget .catalog-filters__sort {border-left: 0;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .catalogWidget {padding: 54px 10%;}
}

.learn.dashboard .videoWidget {padding: 80px 10%; background: #004851;}
.videoWidget > .ember-view {display: block; position: relative;}
.videoWidget > .ember-view > .ember-view {padding-bottom: 24px;}
.videoWidget > .ember-view > .ember-view, .videoWidget > .ember-view > .row {display: inline-block; width: calc(50% - 4px); vertical-align: top; text-align: left;}
.videoWidget .widget__title {text-align: left; color: #fff; font-size: 64px; font-weight: 700;}
.videoWidget .widget__subtitle {text-align: left; color: #fff; font-size: 18px; font-weight: 300;}
.videoWidget .widget__cta .btn--primary {position: absolute; left: 0; bottom: 0; background: none; border: 0; padding: 0; font-size: 22px;}
.videoWidget .widget__cta .btn--primary::after {content: '>>'; display: inline-block; vertical-align: middle; margin-left: 4px;}
@media only screen and (max-width: 768px) {
    .videoWidget .widget__title {font-size: 38px;}
    .videoWidget .widget__subtitle {font-size: 14px;}
    .videoWidget .widget__cta .btn--primary {font-size: 18px;}
    .videoWidget .widget__cta {padding: 0;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .videoWidget {padding: 54px 10%;}
    .videoWidget .widget__title {font-size: 28px;}
    .videoWidget > .ember-view > .ember-view, .videoWidget > .ember-view > .row {width: 100%;}
    .videoWidget > .ember-view > .row .columns, .videoWidget > .ember-view > .row .video__container {padding: 0;}
    .videoWidget .widget__cta .btn--primary {position: static; display: inline-block;}
    .videoWidget .widget__cta {padding: 2rem 0 0;}
}

.learn.dashboard .twoCol {padding: 80px 10%; color: #004851;}
.twoCol h2 {font-size: 44px; font-weight: 700;}
.twoCol a { background: #50b393; color: #fff !important; font-size: 22px; border: 0; font-weight: 700; text-decoration: none; padding: 18px 32px;}
.twoCol p {color: #969696; font-size: 24px; font-weight: 700;}
@media only screen and (max-width: 768px) {
    .twoCol h2 {font-size: 32px; margin-bottom: 32px;}
    .twoCol a {font-size: 16px; padding: 12px 24px;}
    .twoCol .columns:first-child {margin-bottom: 20px;}
    .twoCol p {font-size: 18px;}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .twoCol {padding: 54px 10%;}
    .twoCol h2 {font-size: 28px;}
}

.layout__content .titleSubtitle, .learn.dashboard .titleSubtitle {padding: 80px 10%;}
.titleSubtitle .widget__title {font-size: 64px; color: #004851; font-weight: 700;}
.titleSubtitle .widget__subtitle {font-size: 28px; color: #004851;}
@media only screen and (max-width: 768px) {
    .titleSubtitle .widget__title {font-size: 38px;}
    .titleSubtitle .widget__subtitle {font-size: 22px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .titleSubtitle, .learn.dashboard .titleSubtitle {padding: 54px 10%;}
    .titleSubtitle .widget__title {font-size: 28px;}
    .titleSubtitle .widget__subtitle {font-size: 16px;}
}

.layout__content .sColTxtCta, .learn.dashboard .sColTxtCta {padding: 80px 10%; text-align: center; font-size: 32px;}
.sColTxtCta .widget__title {font-size: 64px; color: #004851; font-weight: 700;}
.sColTxtCta .widget__subtitle {font-size: 26px; color: #004851;}
.sColTxtCta .widget__cta .btn--primary { background: none; color: #004851; font-size: 22px; border: 0; font-weight: 700;}
.sColTxtCta .widget__cta .btn--primary::after {content: '>>'; display: inline-block; vertical-align: middle; margin-left: 12px;}
.sColTxtCta .editor-content {float: left;}
@media only screen and (max-width: 768px) {
    .sColTxtCta .widget__title {font-size: 38px;}
    .sColTxtCta .widget__subtitle {font-size: 22px;}
    .sColTxtCta .widget__cta .btn--primary {font-size: 18px;}
}
@media only screen and (max-width: 680px) {
    .layout__content .sColTxtCta, .learn.dashboard .sColTxtCta {padding: 54px 10%;}
    .sColTxtCta .widget__title {font-size: 28px;}
    .sColTxtCta .widget__subtitle {font-size: 16px;}
    .sColTxtCta .widget__cta .btn--primary {font-size: 14px;}
}

/* Cleave added to make catalog list flush-left 10.27.22 */
div.widget--catalog_standard [class*=column]+[class*=column]:last-child {
	float:left;
	padding-left:40px;
}

/* Cleave added to make the entire row in "Activities" be blue 10.27.22 */
.widget--hero-image_standard {
    background-color:#D5E5EA;
}

/* Cleave added these 2 items to center the testimonial on the dashbd 11.10.22 */
.testimonial.learner {
    padding-top:18%;
}
.testimonial>.testimonial-quote {
    position:static;
}

/* Ti entered CSS to style new Support link */
.footer {
    float: right;
    padding-right: 50px;
    padding-bottom: 10px;
    
}

/* Ti entered CSS to hide Social Share links on the slide out at the end of Course Sections */

.btn--social.btn--pinterest {

  display: none;

}
.btn--social.btn--twitter {

  display: none;

}

.btn--social.btn--facebook {

  display: none;

}

.btn--social.btn--linkedin {

  display: none;

}

/*Ti added CSS to hide Support and Sign In buttons in Course Navigation Bar*/
.expandable-sidebar__buttons {
    display: none;
}

/* UI 04/2024 update */
/* Mini Support */
.minisupport {
  margin: auto;
  width: 50%;
    padding: 10px 20px 20px;
	max-width: 700px;
	}
	
 .minisupport__image {
    width: 290px;
    margin: 10px 30px 30px 0;
    float: left;
	
  	}
	
  .minisupport__text {
    display: block;
	margin-top:15%;

  	}
	
.minisupport_title{
    color: #656565;
    font-size: 1.5rem;
    font-family: sans-serif, Arial, Helvetica;
    font-weight: 400!important;
    margin-top: 30px;
	}

/* button */
a.rounded_button {
	background: #50a684 !important;
	color: #FFF !important;
	font-family: Lora;
    font-size: 12px;
    font-weight: 700;
	padding-left: 56px;
    padding-right: 56px;
    padding: 12px 18px;
	text-decoration: none;
    float: left;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

a.rounded_button:after {
	background: #76ba9f;
	color: #FFF !important;
	content: ">";
	display: inline-block;
	font-family: Lora;
    font-size: 12px;
    font-weight: 700;
	margin-left: 15px;
    margin-right: -8px;
	text-align: center;
	width: 25px;
    padding: 4px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

a.rounded_button:hover {
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.144);
	-moz-box-shadow: 0px 0px 15px hsla(0, 0%, 0%, 0.144);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.144);

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/* Divider */
.myContentDivider {
    background-color: #d5e5ea;
}

.myContentDivider h1 {
    padding: 50px 0 40px 0;
}

/* Tabs CTA buttons */
.accessWidget .btn--primary {
background: #50a684 !important;
	color: #FFF !important;
	font-family: Lora;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
	padding-left: 56px;
    padding-right: 56px;
    padding: 12px 18px;
	text-decoration: none;
    float: left;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}