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

      :root {
        --font: Roboto;
        --alt-font: Roboto;
        --accent-color: #b79ee0;
        --secondary-color: #000000;
        --link-color: #7b5faf;
        --accent-highlight-color: #59319a;
        --accent-highlight-background-color: #f0ebf9;
        --accent-tinted-color-70: #e9e2f6;
        --accent-tinted-color-80: #f1ecf9;
        --accent-tinted-color-90: #f8f5fc;
        --accent-contrast-color: #111;
        --accent-contrast-tinted-background-color: #fff;
        --accent-hover-color: #9a77d4;
        --secondary-hover-color: #1a1a1a;
        --secondary-contrast-color: #fff;
        --link-hover-color: #b3a3d1;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1499701412/zazd71fdlwwp9ucucoac.jpg'); background-attachment: fixed; background-size: cover; }
.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/7315bc4b-0bdd-4a5c-b7e4-b34e583d23e3/1gmx3xs62dmx-OIIconLogoBlackSmall.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
:root {
    --white-color: #fff;

    --darkGray-color: #34353c;
    --lightGray-color: #eeeeee;
    
    --dashStatAvail-color: var(--accent-highlight-color);
    --dashStatStart-color: var(--accent-color);
    --dashStatComp-color: #50c693;
    --dashStatCollab-color: #6C97B8;
    --dashStatCerti-color: #3B7081;
}

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

/* For Home Page */
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: var(--white-color); text-transform: uppercase;}
.header--microsite .nav--top ul a, .header--microsite .nav--top ul button {color: var(--white-color); background: none;}
body.index .header--microsite .nav ul>li:not(.has-form) a:not(.button):focus {color: var(--white-color); background: none;}
@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 var(--white-color),0 7px 0 1px var(--white-color),0 14px 0 1px var(--white-color);}
    .top-bar .toggle-topbar a, .index .top-bar .toggle-topbar button {color: var(--white-color);}
    .header--microsite .top-bar-section ul {background: var(--accent-tinted-color-90);}
    body.index .header--microsite .top-bar-section li:not(.has-form) a:not(.button) {color: var(--accent-highlight-color); padding: 12px 0;}
    .header--microsite .top-bar-section ul li {display: block; border-bottom: 1px solid var(--white-color);}
    .top-bar .toggle-topbar.menu-icon button span::after {box-shadow: 0 0 0 1px var(--accent-highlight-color), 0 7px 0 1px var(--accent-highlight-color), 0 14px 0 1px var(--accent-highlight-color);}
    .index .top-bar .toggle-topbar.menu-icon button span::after {box-shadow: 0 0 0 1px var(--white-color), 0 7px 0 1px var(--white-color), 0 14px 0 1px var(--white-color);}
}


.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: white; font-weight: 300; text-transform: uppercase;}
.ysHeroBanner1 .hero .hero__caption span {font-size: 18px; color: white; 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 white; font-weight: 700; color: white;}
@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: var(--accent-color); border-radius: 8px !important; font-size: 22px; font-weight: 700; color: var(--accent-contrast-color);}
.ysSearch .search-bar-widget input {border: 0; height: 54px; background: var(--accent-tinted-color-90); 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: var(--accent-color);}
@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; margin-bottom: 120px;}
.ysBenefits li.about-block__container .about-block img {height: 68px;}
.ysBenefits li.about-block__container .about-block__text h3 {text-transform: none; color: var(--accent-color); font-size: 20px; font-weight: 400;}
.ysBenefits li.about-block__container .about-block__text p {font-size: 14px; color: var(--accent-color);}
@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: var(--accent-color);}
.ysTitleDescCta .widget__subtitle {font-size: 18px; color: var(--accent-color);}
.ysTitleDescCta .widget__cta {padding-top: 0;}
.ysTitleDescCta .widget__cta .btn--centered {font-size: 22px; padding: 6px 0; background: none; border: 0; color: var(--accent-highlight-color); border-bottom: 2px solid var(--accent-highlight-color);}
.ysTitleDescCta .widget__cta .btn--centered:hover {color: var(--accent-hover-color); border-color: var(--accent-hover-color);}
@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: white; font-size: 22px;}
.ysPopolarCourses .catalog-item:hover .catalog-grid-item__body .catalog-grid-item__title {color: var(--accent-contrast-color);}
.ysPopolarCourses .catalog-item:hover .catalog-grid-item__asset-container::before {content: ''; display: block; width: 100%; height: 100%; background: var(--accent-color); 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: black; font-weight: 300; text-transform: uppercase;}
.ysHeroBanner2 .hero .hero__caption span {font-size: 18px; color: black; display: block; margin-bottom: 20px;}
.ysHeroBanner2 .btn--primary {padding: 6px 0; font-size: 18px; border: 0; background: none; color: black; border-bottom: 2px solid black; 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: var(--accent-color); color: var(--accent-contrast-color); text-align: center;}
.ysSingleTestimonyCta .widget__title {font-size: 24px; font-weight: 300; font-style: italic; color: var(--accent-contrast-color);}
.ysSingleTestimonyCta p {font-size: 18px;}
.ysSingleTestimonyCta .widget__cta .btn--primary {padding: 6px 0; border: 0; background: none; color: var(--accent-contrast-color); font-size: 18px; border-bottom: 2px solid var(--accent-contrast-color);}
@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: var(--lightGray-color); color: var(--accent-color); text-align: center;}
.ysRecommendedTopics .widget__title {font-size: 48px; font-weight: 300; color: var(--accent-color); margin-bottom: 48px;}
.ysRecommendedTopics .featured-content-multi-carousel-item {background: white;}
.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: var(--accent-color); text-align: left; min-height: 60px;}
.ysRecommendedTopics .featured-content-multi-carousel-item__description {font-size: 16px; font-weight: 300; color: var(--accent-color); padding: 0; min-height: 48px;}
.ysRecommendedTopics .btn--bare-icon i {font-size: 60px; color: var(--accent-highlight-color); line-height: 60px;}
.ysRecommendedTopics .btn--bare-icon i:hover {color: var(--accent-hover-color);}
.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: var(--accent-highlight-color); color: var(--accent-tinted-color-90);}
.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: var(--accent-tinted-color-90); margin-bottom: 48px;}
.ysHeroBanner3 .btn--primary {padding: 6px 0; border: 0; background: none; color: var(--accent-color); font-size: 18px; border-bottom: 2px solid var(--accent-color);}
@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: var(--accent-highlight-color); font-size: 14px;}
.ysCFooter .logNavSocial {padding: 20px 0; border-bottom: 1px solid var(--accent-highlight-background-color);}
.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: var(--accent-highlight-background-color); 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: var(--accent-highlight-background-color);}
.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: var(--accent-highlight-background-color); text-decoration: none;}
.ysCFooter .copyright {padding: 20px 0 0; color: var(--accent-highlight-background-color); font-size: 13px;}
.ysCFooter .copyright a {color: var(--accent-highlight-background-color); 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 Page */
.learn.dashboard .widget.ysHeroBanner4 {background: var(--accent-color); color: var(--accent-tinted-color-70); padding: 0; direction: rtl;}
.ysHeroBanner4 .hero {margin: 0; display: table;}
.ysHeroBanner4 .hero::after {content: ''; display: block; clear: both;}
.ysHeroBanner4 picture, .ysHeroBanner4 .hero__caption {display: table-cell; width: 50%; vertical-align: middle;}
.ysHeroBanner4 picture img {width: 100%;}
.ysHeroBanner4 .hero__caption {position: static; background: none; padding: 0 8%; text-align: left;}
.ysHeroBanner4 .hero .hero__caption .hero__title {font-size: 60px; font-weight: 400; color: var(--accent-tinted-color-70);}
@media only screen and (max-width: 1080px) {
    .ysHeroBanner4 .hero .hero__caption .hero__title {font-size: 36px; margin: 0;}
}
@media only screen and (max-width: 768px) {
    .ysHeroBanner4 .hero .hero__caption .hero__title {}
}
@media only screen and (max-width: 680px) {
    .learn.dashboard .widget.ysHeroBanner4 {direction: ltr;}
    .ysHeroBanner4 .hero, .ysHeroBanner4 picture, .ysHeroBanner4 .hero__caption {display: block; width: 100%;}
    .ysHeroBanner4 .hero__caption {padding: 40px 8%;}
}

.learn.dashboard .widget.ysHeading {padding: 120px 8% 80px;}
.dashboard .ysHeading .widget__title { margin: 0;}
@media only screen and (max-width: 768px) {
    .learn.dashboard .widget.ysHeading {padding: 40px 8%;}
}
@media only screen and (max-width: 680px) {
    
}

.learn.dashboard .widget--dashboard-stats_standard {padding: 20px 8%;}
.dashboard-stats__container {box-shadow: none; padding: 32px 20px; background: var(--lightGray-color);}
.dashboard-stat__icon {display: none;}
.dashboard-stat__label {font-size: 14px; text-transform: none; color: var(--white-color);}
.dashboard-stat {border-radius: 8px; border: 0; padding: 24px 8px;}
.dashboard-stat--available .dashboard-stat {background: var(--dashStatAvail-color);}
.dashboard-stat--started .dashboard-stat {background: var(--dashStatStart-color);}
.dashboard-stat--completed .dashboard-stat {background: var(--dashStatComp-color);}
.dashboard-stat--collaborations .dashboard-stat {background: var(--dashStatCollab-color);}
.dashboard-stat--certificates .dashboard-stat {background: var(--dashStatCerti-color);}

.dashboard-stat__value--huge {font-size: 40px; font-weight: 700; color: var(--white-color) !important;}
/*.dashboard-stat--available .dashboard-stat {background: var(--darkGray-color);}*/
@media only screen and (max-width: 768px) {
    .dashboard-stats__container {padding: 0;}
}
@media only screen and (max-width: 680px) {
    
}

.learn.dashboard .widget--badges_standard {padding: 80px 8%;}
.widget--badges_standard h3 {font-size: 28px; color: var(--accent-color);}
.dashboard-badges-container {box-shadow: none;}
.widget--badges_standard .hr__accent--badges {display: none;}
.widget--badges_standard .award-leaderboard {padding: 8px; background: var(--lightGray-color); min-height: 148px;}
.widget--badges_standard .featured-content-multi-carousel--badges {padding: 8px; background: var(--lightGray-color);}
.featured-content-multi-carousel .featured-content-block-grid > li {border: 0; padding: 0 .75em;}
.award-leaderboard-standing__bar-filled, .award-leaderboard-standing__bar {height: 2px;}
.award-leaderboard-standing {color: var(--accent-highlight-color);}
.dashboard-badges-container .columns {padding: 0 6px;}
.award-leaderboard-leader__name {line-height: 35px;}
.award-leaderboard-leader__threshold {line-height: normal;}
@media only screen and (max-width: 768px) {
    .learn.dashboard .widget--badges_standard {padding: 40px 8%;}
    .widget--badges_standard h3 {font-size: 22px;}
}
@media only screen and (max-width: 680px) {
    
}

.learn.dashboard .ysLearnerAccess {padding: 0 8% 80px; background: var(--lightGray-color);}
.ysLearnerAccess .dashboard-access {border: 0;}
.ysLearnerAccess .dashboard-access-tabs { border: 0; background: none;}
.ysLearnerAccess .dashboard-access-tabs li {border: 0; background: var(--accent-highlight-color); font-size: 16px; padding: 1em 1.5em;}
.ysLearnerAccess .dashboard-access-tab__label {color: var(--accent-tinted-color-90);}
.ysLearnerAccess .dashboard-access-tabs li.dashboard-access-tab--active {background: var(--accent-color);}
.ysLearnerAccess .dashboard-access-tabs li.dashboard-access-tab--active .dashboard-access-tab__label {color: var(--accent-contrast-color);}
.ysLearnerAccess .dashboard-access-tabs li.dashboard-access-tab--active .dashboard-access-tab__count {color: var(--accent-contrast-color);}
.ysLearnerAccess .dashboard-access-tab__count {border: 0; font-size: 16px; color: var(--accent-tinted-color-90); background: none;}
.ysLearnerAccess .dashboard-access-tab__count::before {content: '(';}
.ysLearnerAccess .dashboard-access-tab__count::after {content: ')';}
.ysLearnerAccess .dashboard-access section[role=tabpanel] {padding: 40px 20px;}
.ysLearnerAccess .dashboard-access-list-item:nth-of-type(2n+1) {background: none;}
.ysLearnerAccess .dashboard-access-list-item:nth-of-type(2n) {background: none;}
.ysLearnerAccess .dashboard-access-list-item {border-bottom: 1px solid var(--accent-highlight-color); color: var(--accent-highlight-color);}
.ysLearnerAccess .dashboard-access-list-item strong {font-weight: 400;}
.ysLearnerAccess .dashboard-access-list-item .btn--small {border: 0; padding: 6px 0; background: none; color: var(--accent-color); font-size: 16px; text-align: right;}
.ysLearnerAccess .dashboard-access-list-item .dashboard-access-list-item-expander__title {color: var(--accent-highlight-color);}
.ysLearnerAccess .dashboard-access-list-item .dashboard-access-list-item-expander i {color: var(--accent-highlight-color); font-weight: 700;}
.ysLearnerAccess .dashboard-access-list-item .dashboard-access-list-item-expander .icon-navigateright::before {content: '+';}
.ysLearnerAccess .dashboard-access-list-item .dashboard-access-list-item-expander .icon-navigatedown::before {content: '—';}
@media only screen and (max-width: 768px) {
    .ysLearnerAccess .dashboard-access-tabs li {padding: 8px 12px; font-size: 14px;}
    .ysLearnerAccess .dashboard-access section[role="tabpanel"] {padding: 20px 0;}
    .ysLearnerAccess .dashboard-access-tab__count {font-size: 14px;}
}
@media only screen and (max-width: 680px) {
    .dashboard-access-list-item {padding: .75em 0;}
    .ysLearnerAccess .dashboard-access-list-item .btn--small {font-size: 14px;}
}


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

.learn.dashboard .ysCatalog {padding: 40px 8%; background: var(--lightGray-color);}
.ysCatalog .catalog-grid-item {background: var(--white-color); border: 0; border-radius: 8px; overflow: hidden;}
.ysCatalog .catalog-grid-item__body {padding: 20px;}
.ysCatalog .catalog-grid-item__title {font-size: 18px; margin-bottom: 12px; color: var(--accent-color);}
.ysCatalog .catalog-grid-item__source {font-size: 14px; margin-bottom: 12px; color: var(--accent-color);}
.ysCatalog .catalog-grid-item__source strong {font-weight: 400;}
.ysCatalog .catalog-grid-item__description {font-size: 14px; color: var(--accent-color);}
.ysCatalog .catalog-grid-item__hr {border: 0;}
.ysCatalog .btn--link.btn--primary {float: none; color: var(--accent-highlight-color);}
.ysCatalog .btn--link.btn--primary:hover {color: var(--accent-hover-color);}

.ysCatalog .catalog-filters {border: 0; background: none;}
.ysCatalog .catalog-filters .columns {padding: 0; background: none;}
.ysCatalog .catalog-filters__search .catalog-search input {background: var(--accent-tinted-color-70); border-top-left-radius: 24px; border-bottom-left-radius: 24px; padding-left: 16px;}
.ysCatalog .catalog-search__button i {color: var(--accent-highlight-color); font-size: 22px;}
.ysCatalog .catalog-filters .catalog-filters__selections {padding: 0 12px; background: var(--accent-tinted-color-70);}
/* .ysCatalog .catalog-filters .catalog-filters__selections .collapse {background: var(--accent-tinted-color-70);} */
.ysCatalog .catalog-filters__sort .catalog-filters__select {background: var(--accent-tinted-color-70); border-top-right-radius: 24px; border-bottom-right-radius: 24px; padding-left: 16px;}
.ysCatalog .catalog-display-type button {border: 0; background: none;}
.ysCatalog .catalog-display-type button i {width: 46px; height: 46px; display: inline-block; overflow: hidden; border-radius: 23px; background: var(--accent-tinted-color-70);}
.ysCatalog .catalog-display-type button i::before {display: none;}
.ysCatalog .catalog-display-type button i.icon-bullets {background: var(--accent-tinted-color-70) url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e020d304-0526-4877-a5a3-7c3ea832fd07/nj8tbdw6y4iv-List-Icon.png) center no-repeat;}
.ysCatalog .catalog-display-type button.btn--primary i.icon-bullets {background: var(--accent-tinted-color-70) url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e020d304-0526-4877-a5a3-7c3ea832fd07/4n0v9iulyelf-List-Icon-Active.png) center no-repeat;}
.ysCatalog .catalog-display-type button i.icon-thumbnails {background: var(--accent-tinted-color-70) url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e020d304-0526-4877-a5a3-7c3ea832fd07/5pkv48f8eblz-Grid-Icon.png) center no-repeat;}
.ysCatalog .catalog-display-type button.btn--primary i.icon-thumbnails {background: var(--accent-tinted-color-70) url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e020d304-0526-4877-a5a3-7c3ea832fd07/gkp7km5klvgx-Grid-Icon-Active.png) center no-repeat;}
.ysCatalog .catalog-display-type button i.icon-stopwatch {background: var(--accent-tinted-color-70) url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e020d304-0526-4877-a5a3-7c3ea832fd07/0gy5bvmxsrvf-Clock-Icon.png) center no-repeat;}
.ysCatalog .catalog-display-type button.btn--primary i.icon-stopwatch {background: var(--accent-tinted-color-70) url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e020d304-0526-4877-a5a3-7c3ea832fd07/eluv455hdssi-Clock-Icon-Active.png) center no-repeat;}

.ysCatalog .catalog-display-type button.text-black i {background-color: var(--accent-tinted-color-90);}

.ysCatalog .catalog-item {margin-bottom: 20px;}
.ysCatalog .catalog-list-item {background: var(--white-color); padding: 0; position: relative; border-radius: 8px; overflow: hidden;}
.ysCatalog .medium-4, .ysCatalog .medium-8 {width: 50%;}
.ysCatalog .medium-8 {padding-top: 60px;}
.ysCatalog .medium-8::after {content: 'Read More'; display: inline-block; margin-top: 20px; color: var(--accent-color); font-size: 14px;}
.ysCatalog .catalog-list-item__completed {font-size: 12px; font-weight: 700px; color: var(--accent-color);}
.ysCatalog .catalog-list-item__title {font-size: 22px; font-weight: 400; color: var(--accent-color);}
.ysCatalog .catalog-list-item__description {font-size: 14px; line-height: normal; color: var(--accent-color); height: 35px; overflow: hidden;}
.ysCatalog .catalog-list-item__title-container {position: absolute; top: 0; left: 0; padding-left: 50%; padding-top: 20px;}
.ysCatalog .catalog-list-item__title-container .catalog-list-item__title {max-height: 30px; overflow: hidden;}
.ysCatalog .catalog-list-item__info {font-size: 14px; color: var(--accent-color);}
.ysCatalog .catalog-list-item__info strong {font-weight: 400;}
.ysCatalog .catalog-list-item__asset {width: 96%;}
.ysCatalog .catalog-header {display: none;}
.ysCatalog .catalog-search__button {height: 52px; background: none;}
.ysCatalog .btn.catalog-aggregation__value, .ysCatalog .btn.catalog-aggregation__value .catalog-aggregation__count {color: black;}
.ysCatalog .btn.catalog-aggregation__value:hover, .ysCatalog .btn.catalog-aggregation__value:hover .catalog-aggregation__count {color: var(--accent-color);}
.ysCatalog .catalog-list-item__body .medium-5.columns {padding-top: 44px;}
.ysCatalog .catalog-list-item__body .catalog-list-item__cta-container {margin: 0; border: 0; padding-left: 0;}
.ysCatalog .catalog-list-item__body .catalog-list-item__cta-container .btn--primary {display: inline-block; padding: 0; background: none; border: 0; color: var(--accent-highlight-color);}
.ysCatalog .catalog-list-item__body .catalog-list-item__cta-container .btn--primary:hover {color: var(--accent-hover-color);}
.ysCatalog .catalog-list-item__body .medium-3.columns {float: left !important;}

.ysCatalog .catalog-aggregation {padding: 0; margin: 0; background: none; border: 0; margin-bottom: 12px;}
.ysCatalog .catalog-aggregation .catalog-aggregation__header {padding: 10px !important; background: #fff !important; color: black;}
.ysCatalog .catalog-aggregation.catalog-aggregation--expanded .catalog-aggregation__header {background: var(--accent-tinted-color-70) !important;}
.ysCatalog .catalog-aggregation .catalog-aggregation__header .catalog-aggregation__header--label {color: black; font-weight: 400;}
.ysCatalog .catalog-aggregation .unlist {padding: 8px 0;}

@media only screen and (max-width: 768px) {
    .learn.dashboard .ysCatalog {padding: 20px 8%;}
    .ysCatalog .catalog-filters__search .catalog-search input {box-shadow: none; border-radius: 24px;}
    .ysCatalog .catalog-filters .catalog-filters__selections {padding: 0; padding-right: 12px;}
    .ysCatalog .catalog-filters .columns {margin: 0;}
    .ysCatalog select.select {background: none; border: 0;}
    .ysCatalog .catalog-filters .catalog-filters__selections .collapse {border: 0; border-top-left-radius: 24px; border-bottom-left-radius: 24px;}
    .ysCatalog .catalog-list-item__title-container {position: static; padding: 12px 20px;}
    .ysCatalog .catalog-list-item__title-container .catalog-list-item__title {margin: 0;}
    .ysCatalog .medium-8 {padding: 0;}
    .ysCatalog .catalog-list-item__body {background: var(--accent-tinted-color-80);}
    .ysCatalog .catalog-list-item__title {font-size: 18px;}
    
    .ysWorkbook .widget__title {font-size: 28px; margin-bottom: 28px;}
}
@media only screen and (max-width: 680px) {
    .ysCatalog .medium-4, .ysCatalog .medium-8 {width: 100%;}
    .ysCatalog .row.collapse .medium-8 {padding: 12px 20px;}
    .ysCatalog .catalog-list-item__info {margin-top: 0;}
}

.learn.dashboard .ysHeroBanner5 {background: var(--accent-color); color: var(--accent-contrast-color); padding: 0;}
.ysHeroBanner5 .hero {margin: 0; display: table;}
.ysHeroBanner5 .hero::after {content: ''; display: block; clear: both;}
.ysHeroBanner5 picture, .ysHeroBanner5 .hero__caption {display: table-cell; width: 50%; vertical-align: middle;}
.ysHeroBanner5 picture img {width: 100%;}
.ysHeroBanner5 .hero__caption {position: static; background: none; padding: 0 8%;}
.ysHeroBanner5 .hero .hero__caption .hero__title {font-size: 20px; font-weight: 300; color: var(--accent-contrast-color); margin-bottom: 20px;}
.ysHeroBanner5 .hero .hero__caption span {color: var(--accent-contrast-color); font-size: 16px; margin-bottom: 32px; display: block;}
.ysHeroBanner5 .btn--primary {padding: 6px 0; border: 0; background: none; color: var(--accent-contrast-color); font-size: 18px; border-bottom: 2px solid var(--accent-contrast-color);}
@media only screen and (max-width: 768px) {
    .ysHeroBanner5 .hero .hero__caption .hero__title {font-size: 16px; margin-bottom: 12px;}
    .ysHeroBanner5 .hero .hero__caption span {font-size: 14px; margin-bottom: 20px;}
    .ysHeroBanner5 .btn--primary {font-size: 14px;}
}
@media only screen and (max-width: 680px) {
    .ysHeroBanner5 .hero, .ysHeroBanner5 picture, .ysHeroBanner5 .hero__caption {display: block; width: 100%;}
    .ysHeroBanner5 .hero__caption {padding: 40px 8%;}
}

.learn.dashboard .ysVideo {padding: 120px 8%;}
.ysVideo .widget__title {font-size: 48px; font-weight: 300; color: var(--accent-color);}
.ysVideo .widget__subtitle {font-size: 18px; color: var(--accent-color);}
.ysVideo .btn--centered { padding: 6px 0; font-size: 18px; border: 0; background: none; color: var(--accent-highlight-color); border-bottom: 2px solid var(--accent-highlight-color); font-weight: 400;}
.ysVideo .btn--centered:hover { color: var(--accent-hover-color); border-color: var(--accent-hover-color); font-weight: 400;}
.ysVideo .w-big-play-button, .ysVideo .w-big-play-button * {background: none !important;}
.ysVideo .w-big-play-button::before { content: '\f04b'; font-family: "Font Awesome 5 Brands"; color: var(--white-color); display: inline-block !important; z-index: 11212; font-size: 60px;}
@media only screen and (max-width: 768px) {
    .learn.dashboard .ysVideo {padding: 40px 8%;}
    .ysVideo .widget__title {font-size: 28px;}
    .ysVideo .widget__subtitle {font-size: 14px;}
    .ysVideo .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 680px) {
    
}

.learn.dashboard .ysWorkbook {padding: 80px 8%; background: var(--lightGray-color);}
.ysWorkbook .widget__title {font-size: 48px; font-weight: 300; color: var(--accent-color); margin-bottom: 48px; text-align: left;}
.ysWorkbook .catalog-filters {border: 0; background: none;}
.ysWorkbook .catalog-filters .columns {padding: 0; background: none; border: 0;}
.ysWorkbook .catalog-filters .catalog-filters__search {padding-right: 6px;}
.ysWorkbook .catalog-filters__search .catalog-search input {background: var(--white-color); border-top-left-radius: 24px; border-bottom-left-radius: 24px; padding-left: 16px;}
.ysWorkbook .catalog-search__button i {color: var(--accent-color); font-size: 22px;}
.ysWorkbook .catalog-filters__sort .catalog-filters__select {background: var(--white-color); border-top-right-radius: 24px; border-bottom-right-radius: 24px; padding-left: 16px;}
.ysWorkbook .linked-workbook-categories__title {font-size: 22px; color: var(--accent-color); font-weight: 700;}
.ysWorkbook .linked-workbook__new-category button {display: block; width: 100%; background: var(--accent-highlight-color); color: var(--secondary-contrast-color); font-size: 16px; padding: 4px; border: 0; border-radius: 4px;}
.ysWorkbook .linked-workbook__new-category button:hover {background: var(--accent-hover-color);}
.ysWorkbook .topic-items__list.linked-workbook-categories__all-items li.category__list__item:last-of-type {background: var(--accent-tinted-color-80); color: var(--accent-highlight-color);}
.ysWorkbook li.category__list__item.sortable-category__list__item .list-item__title.active span:last-of-type {color: var(--accent-color); background: none;}
@media only screen and (max-width: 768px) {
    .learn.dashboard .ysWorkbook {padding: 40px 8%;}
    .ysWorkbook .widget__title {font-size: 28px; margin-bottom: 28px;}
    .ysWorkbook .catalog-search__button {height: 33px;}
    .ysWorkbook .catalog-filters__search .catalog-search input {box-shadow: none; border-radius: 24px; border: 0;}
    .ysWorkbook .catalog-filters__sort .catalog-filters__select {border-radius: 24px; border: 0;}
    .ysWorkbook .catalog-search-bar {padding: 0; margin-bottom: 20px;}
    .ysWorkbook .catalog-search-bar::after {content: ''; display: block; clear: both;}
    .ysWorkbook .linked-workbook-categories__title {font-size: 18px;}
}
@media only screen and (max-width: 680px) {
    
}

/* For Course Page */
body.course {background: var(--lightGray-color);}
.header--student {box-shadow: none;}
/* .header--student .header__left__icon i {display: none;} */
.header--student .header__left__icon i {font-size: 50px; color: var(--accent-contrast-color);}
.header--student .header__left__icon {padding: 12px;}
.header--student .header__left__icon, .header--student .header__left__icon:hover {background: var(--accent-color);}
/* .header--student .header__left__icon, .header--student .header__left__icon:hover {background: var(--accent-color) url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/e020d304-0526-4877-a5a3-7c3ea832fd07/0uy35i63mpiy-HomeIcon.png) center no-repeat; background-size: auto 56%;} */
.header--student .header__left__copy {padding: .5rem 2rem;}
.header--student .course-title {font-size: 28px; color: var(--accent-color); font-weight: 400;}
@media only screen and (max-width: 1024px) {
    .header--student .header__left__icon {width: 80px;}
    .header--student .header__left__copy {width: calc(100% - 80px);}
}
@media only screen and (max-width: 768px) {
    .header--student .header__left__icon i {font-size: 34px;}
}

.learner__container__toggle {margin-bottom: 20px;}
.learner__sidebar__search .ember-text-field {height: 40px !important; border-radius: 6px;}
.learner__sidebar__search .learner__sidebar__search-icon {top: 9px;}
.learner__container__toggle .btn { background: var(--accent-color); border: 0; padding: 12px 24px; font-size: 14px; border-radius: 8px; height: 40px;}
.learner__container__toggle .btn:hover { background: var(--accent-hover-color);}
.learner__container__toggle .btn i {display: none;}

.layout-panel {background: none;}
.expandable-sidebar__toggle {background: white; border-radius: 4px; font-size: 18px; color: var(--accent-color); padding: 12px; margin-bottom: 12px;}
.expandable-sidebar--toggled .expandable-sidebar__toggle {background: var(--accent-color); color: var(--accent-contrast-color);}
.expandable-sidebar--toggled .expandable-sidebar__toggle .right {display: block;}
/* .expandable-sidebar__toggle .right {display: none;} */
.expandable-sidebar__toggle .expandable-sidebar__icon--left {display: none;}
.expandable-sidebar.expandable-sidebar--toggled .expandable-sidebar__content {margin-bottom: 20px;}
.directional__nav {margin-bottom: 20px;}
.topic__container {padding: 24px; background: var(--white-color);  border-radius: 8px;}
.topic__container .topic__text__body {padding: 0;}
.topic__container .topic__content.topic__content--full-width {padding: 0;}
.topic__container p, .topic__container ul, .topic__container ol {font-size: 14px; color: var(--accent-highlight-color);}
.learner-section__title__container h3 {font-size: 24px; color: var(--accent-highlight-color); text-transform: uppercase;}
.section-progress-bar div {background: var(--accent-tinted-color-70); height: 8px; border-radius: 4px; overflow: hidden;}
.section-progress-bar span {background: var(--accent-color); height: 8px; border-radius: 4px;}
.directional__nav .directional__nav__label {visibility: visible;}
.directional__nav .directional__nav__button {display: none;}
.directional__nav a {padding: 20px 0 0;}
.learner__container .columns, .section-progress-bar {padding: 0;}
.learner__content .layout-panel {padding: 0;}

.learner__sidebar-inner-list span.syllabus__section-title {font-size: 18px; font-weight: 400;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text {font-size: 16px; font-weight: 400;}
.syllabus__topic--non-expandable-title-text {font-size: 14px; font-weight: 400;}
.syllabus__topic.syllabus__topic--active.syllabus__topic--non-expandable, .syllabus__topic.syllabus__topic--active a {color: var(--accent-color);}
.syllabus__topic.syllabus__topic--active.syllabus__topic--non-expandable {background: none;}
.expandable-sidebar__buttons {background: none;}
.expandable-sidebar__buttons a {background: var(--accent-color); border-radius: 4px; padding: 12px 20px; font-size: 14px; font-weight: 700; color: var(--accent-contrast-color);}
.expandable-sidebar__buttons a:hover {background: var(--accent-hover-color);}
/* .expandable-sidebar__buttons .right a {color: var(--accent-hover-color);} */
@media only screen and (max-width: 768px) {
    .header--student .course-title {font-size: 20px;}
    .header--student .header__left__copy {padding: .5rem 1rem;}
    .learner__container__toggle .btn {padding: 8px 18px; border-radius: 4px;}
    .learner-section__title__container h3 {font-size: 20px;}
    .directional__nav .directional__nav__label {display: block; font-size: 13px;}
}
@media only screen and (max-width: 680px) {
    .learner__sidebar-inner-list span.syllabus__section-title {font-size: 15px;}
    .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text {font-size: 14px;}
    .syllabus__topic--non-expandable-title-text {font-size: 13px;}
    .topic__container {padding: 20px 20px;}
    
}

/* For All Widget Page */
.home__content {padding: 0;}
.layout__content .ys2ColFeaColTiles {padding: 40px 8%; background: var(--accent-tinted-color-70);}
.ys2ColFeaColTiles .medium-6 {width: 100%;}
.ys2ColFeaColTiles .catalog-grid-item__asset-container {padding: 0;}
.ys2ColFeaColTiles .catalog-grid-item {background: var(--white-color); border-radius: 8px; overflow: hidden; border: 0;}
.ys2ColFeaColTiles .catalog-grid-item__body {padding: 10%; min-height: 260px;}
.ys2ColFeaColTiles .catalog-grid-item__title {font-size: 28px; color: var(--accent-color);}
.ys2ColFeaColTiles .catalog-grid-item__description {font-size: 16px; color: var(--accent-color);}
.ys2ColFeaColTiles .catalog-grid-item__description::after {content: 'Read More'; display: block; margin-top: 20px; color: var(--accent-highlight-color);}
.ys2ColFeaColTiles .catalog-grid-item__hr {display: none;}
@media only screen and (max-width: 768px) {
    .ys2ColFeaColTiles .catalog-grid-item__body {padding: 5%;}
    .ys2ColFeaColTiles .catalog-grid-item__title {font-size: 24px; margin-bottom: 4px;}
    .ys2ColFeaColTiles .catalog-grid-item__description {font-size: 14px;}
    .ys2ColFeaColTiles .catalog-grid-item__description::after {margin-top: 12px;}
    .ys2ColFeaColTiles .catalog-grid-item__body {min-height: 0;}
}


.layout__content .ysImageOverlay {padding: 80px 8%;}
.ysImageOverlay .featured-content-image-overlay-item {border-radius: 8px; overflow: hidden;}
.ysImageOverlay .featured-content-image-overlay-item:hover::before {content: ''; display: block; width: 100%; height: 100%; background: var(--accent-color); position: absolute; top: 0; left: 0;}
.ysImageOverlay .featured-content-image-overlay-item__overlay {background: none; padding: 20px;}
.ysImageOverlay .featured-content-image-overlay-item__title {background: none; font-size: 22px;}
.ysImageOverlay .featured-content-image-overlay-item:hover .featured-content-image-overlay-item__title {color: var(--accent-contrast-color);}

.layout__content .ysNavigation {width: calc(100% - 366px - 40px - 40px);}
.ysNavigation .navigation-bar .top-bar-section ul>li.navigation-item:not(.has-form) {padding: 0;}
.ysNavigation .navigation-bar .top-bar-section li:not(.has-form) a:not(.button) {padding: 0 1rem; font-size: 1rem; font-weight: 400; color: var(--accent-highlight-color);}
.ysNavigation .navigation-bar .top-bar-section ul.left {border: 0;}
.ysNavigation .navigation-bar .top-bar-section .has-dropdown>a:after {margin-top: 0; top: 0px; content: '+'; border: 0;}
.ysNavigation .navigation-bar .top-bar-section .has-dropdown.hover>a:after {color: var(--accent-color); content: '—';}
.ysNavigation .navigation-bar .top-bar-section li.hover:not(.has-form) a:not(.button) {color: var(--accent-color); border-bottom: 1px solid var(--accent-color);}
.ysNavigation .navigation-bar .dropdown li {box-shadow: none; border-bottom: 1px solid var(--accent-highlight-color);}
.ysNavigation .navigation-bar .top-bar-section li.has-dropdown:not(.has-form) ul a:not(.button) {color: var(--accent-highlight-color); border: 0;}
.ysNavigation .navigation-bar .top-bar-section li.has-dropdown:not(.has-form) ul a:hover:not(.button) {color: var(--accent-color); border: 0;}
@media only screen and (max-width: 768px) {
    .ysNavigation .top-bar .toggle-topbar button {color: var(--accent-highlight-color);}
    .ysNavigation .top-bar .toggle-topbar.menu-icon button span::after {box-shadow: 0 0 0 1px var(--accent-highlight-color), 0 7px 0 1px var(--accent-highlight-color), 0 14px 0 1px var(--accent-highlight-color);}
    .ysNavigation .top-bar {border: 0; background: var(--accent-tinted-color-90);}
    .layout__content .ysNavigation {width: 100%;}
    .ysNavigation .navigation-bar .top-bar-section li:not(.has-form) a:not(.button) {padding: 8px 20px; background: var(--accent-tinted-color-90);}
    .ysNavigation .navigation-bar .top-bar-section li:not(.has-form) {border-bottom: 1px solid var(--white-color);}
    .ysNavigation .navigation-bar .top-bar-section .has-dropdown>a:after {font-size: 20px; top: 6px; right: 4px;}
}


.layout__content .ysHeroSlider {padding: 0;}
.ysHeroSlider .columns, .ysHeroSlider.row .row {padding: 0; margin: 0;}
.ysHeroSlider .featured-content-carousel-item .featured-content-carousel-item__overlay {bottom: auto; top: 50%; transform: translateY(-50%); background: none; padding: 0; left: 8%; width: calc(50% - 8%);}
.ysHeroSlider .featured-content-carousel-item .featured-content-carousel-item__overlay .featured-content-carousel-item__title {font-size: 52px; color: white; font-weight: 300; text-transform: uppercase;}
.ysHeroSlider .featured-content-carousel-item .featured-content-carousel-item__overlay .featured-content-carousel-item__description {font-size: 18px; color: white; font-weight: 300; display: block; margin-bottom: 20px;}
.ysHeroSlider .featured-content-carousel__nav {position: static;}
.ysHeroSlider .featured-content-carousel__nav button {position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px; padding: 0; background: none; border: 0; color: var(--accent-highlight-color);}
.ysHeroSlider .featured-content-carousel__nav button:hover {color: var(--accent-hover-color);}
.ysHeroSlider .featured-content-carousel__nav button i {margin: 0;}
.ysHeroSlider .featured-content-carousel__nav button:nth-child(1) {left: 2%;}
.ysHeroSlider .featured-content-carousel__nav button:nth-child(2) {right: 2%;}
.ysHeroSlider .featured-content-carousel__dots {display: none;}
/*.ysHeroSlider .btn--primary {padding: 6px 0; font-size: 22px; border: 0; background: none; border-bottom: 2px solid var(--white-color); font-weight: 700;}*/
@media only screen and (max-width: 1080px) {
    /*.ysHeroSlider .btn--primary {font-size: 16px;}*/
    .ysHeroSlider .featured-content-carousel-item .featured-content-carousel-item__overlay .featured-content-carousel-item__description {font-size: 14px;}
    .ysHeroSlider .featured-content-carousel-item .featured-content-carousel-item__overlay .featured-content-carousel-item__title {font-size: 28px;}
    /*.ysHeroSlider .featured-content-carousel-item .featured-content-carousel-item__overlay {top: 148px; transform: none;}*/
    .ysHeroSlider .featured-content-carousel__nav button {font-size: 32px;}
}
@media only screen and (max-width: 768px) {
    .ysHeroSlider .featured-content-carousel-item .featured-content-carousel-item__overlay {position: absolute;}
    .ysHeroSlider .featured-content-carousel-item .featured-content-carousel-item__overlay .featured-content-carousel-item__title {font-size: 32px;}
    .ysHeroSlider .featured-content-carousel-item .featured-content-carousel-item__overlay .featured-content-carousel-item__description {font-size: 14px;}
    /*.ysHeroSlider .btn--primary {font-size: 16px;}*/
    /*.ysHeroSlider .featured-content-carousel-item .featured-content-carousel-item__overlay {top: 140px; transform: none;}*/
    .ysHeroSlider .featured-content-carousel__nav button {font-size: 24px;}
}
@media only screen and (max-width: 680px) {
    .ysHeroSlider .featured-content-carousel-item {overflow: hidden;}
    .ysHeroSlider .featured-content-carousel-item .featured-content-carousel-item__overlay {position: relative; top: auto; left: auto; transform: none; width: calc(100% - 8% - 8%); margin: 80px auto;}
    .ysHeroSlider .featured-content-carousel-item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; min-width: 100%; max-width: none;}
}

.layout__content .widget.ysTitleDescCtaGrey {padding: 40px 8%; background: var(--accent-tinted-color-90);}
.layout__content .widget.ysCatalog {padding: 40px 8%; background: var(--accent-tinted-color-90);}
@media only screen and (max-width: 768px) {
    .layout__content .widget.ysCatalog {padding: 20px 8%;}
}
.layout__content .widget.ysVideo {padding: 120px 8%;}
@media only screen and (max-width: 768px) {
    .layout__content .widget.ysVideo {padding: 40px 8%;}
}
.layout__content .widget.ysHeroBanner4 {background: var(--accent-color); color: var(--accent-tinted-color-70); padding: 0; direction: rtl;}
@media only screen and (max-width: 680px) {
    .layout__content .widget.ysHeroBanner4 {direction: ltr;}
}

.w-bottom-bar-lower .w-css-reset {background: var(--accent-color); }

/*Hide Collaborations from the Stats widget*/
.dashboard-stat--collaborations{
display:none !important;
}

/*Adjust quiz answer selection*/
.quiz__container .choices__list li {
    padding: 0 20px !important;
}

/*Remove Quiz results bar chart*/
.results__question-chart__container.row {
    display:none; 
}