:root {
        --font: Assistant;
        --alt-font: Assistant;
        --accent-color: #31316d;
        --secondary-color: #757575;
        --link-color: #a9a9a9;
        --accent-highlight-color: #31316d;
        --accent-highlight-background-color: #cecee9;
        --accent-tinted-color-70: #c1c1d3;
        --accent-tinted-color-80: #d6d6e2;
        --accent-tinted-color-90: #eaeaf0;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #414190;
        --secondary-hover-color: #8f8f8f;
        --secondary-contrast-color: #fff;
        --link-hover-color: #767676;
      }
      

.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/3c69c5c6-bb8d-4055-91bd-ab9f85b5df1d/r99ahj3eso5m-TDL.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* Assistant and Material Icons fonts are added in Settings > Connections > Tracking Scripts */

:root{
    --dark-purple: #31316D;
    --azure-blue: #0095FF;
    --deep-yellow: #F6BA15;
    --denim-blue: #0069B4;
    --light-blue: #E3F5FF;
    --orange: #FF350F;
    --light-tan: #FCFAF2;
    --light-gray: #9AA5AE;
}
body{
    background-color: var(--light-tan);
}
.container{
    background: transparent;
    box-shadow: none;
}
.hide{
    display: none !important;
}

.vertical-flex{
    display: flex;
    flex-direction: column;
    gap: 40px;
} 

.horizontal-flex{
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.lightBlue-background {
    background-color: var(--light-blue);
}

.padded-container {
    padding: 24px 76px;
}

.widget--hero-image_standard .hero{
    height: 70vh;
}
.widget--hero-image_standard .hero::before {
    content: "";
    position: absolute;
    offset: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 149, 255, .85); */
}
.widget--hero-image_standard .hero .hero__caption{
    width: 50%;
    left: 35px;
}
.hero .hero__caption span.h4{
    display: block;
}
.hero-section.home-hero .hero .hero__caption a.btn.btn--primary {
    color: darkblue;
    background-color: var(--deep-yellow);
    border: 1px solid var(--deep-yellow);
    font-size: 18px;
    font-weight: 700;
    font-family: 'Assistant';
    margin-top: 15px;
}

.home__content {
    padding: 0;
}

/* HEADER STYLES */

.header .company__beta-logo .company-logo__container img {
    max-height: 70px;
}

.header--microsite {
    background-color: var(--accent-color);
    padding: 20px;
}

/* Removes default cart button */
#cart-button {
    display: none !important;
}

/* Removes default manager sign-in link */
a[href="/learn/manager"].ember-view {
    display: none;
}

.header__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.left {
    background-color: var(--accent-color);
}

.top-bar-section ul {
    display: inline-flex;
    gap: 10px;
}

.top-bar {
    border-top: none;
}

.top-bar-section{
     color: white;
    border: none;
    background-color: var(--accent-color);
}

.top-bar-section:hover {
    color: white;
    border: none;
    background-color: var(--accent-color);
}

.top-bar li {
    color: white;
    border: none;
    background-color: var(--accent-color);
}

.top-bar li:hover {
    color: white;
    border: none;
    background-color: var(--accent-color);
}
.top-bar-section ul{
    flex-wrap: wrap;
}
.top-bar-section ul li>a {
    color: white;
    border: none;
    background-color: var(--accent-color);
}

.top-bar-section ul li {
    background: none;
    border: none;
    background-color: var(--accent-color);
    padding: 0;
}

/* Style last three menu items in the header */
.top-bar-section ul li[data-bindattr-2136="2136"] a,
.top-bar-section ul li:nth-child(21) a{
    background-color: var(--deep-yellow) !important;
    padding: 0 16px !important;
    color: var(--dark-purple);
    font-weight: 700;
}

/* Style last three menu items in the header */
.top-bar-section ul li[data-bindattr-2132="2132"] a,
.top-bar-section ul li[data-bindattr-2128="2128"] a,
.top-bar-section ul li:nth-child(18) a,
.top-bar-section ul li:nth-child(15) a {
    color: var(--deep-yellow);
}

.top-bar-section ul li:nth-child(18) a {
    display: flex;
    gap: 4px;
}

/* Style last three menu items in the header */
.top-bar-section ul li[data-bindattr-2132="2132"] a::after,
.top-bar-section ul li:nth-child(18) a:after{
    font-family: "Material Icons";
    content: "arrow_forward";
}

.top-bar-section ul li:hover {
    background: none;
    background-color: var(--accent-color);
}

.top-bar-section ul li:hover a{
    background: none;
    background-color: var(--accent-color);
}

.top-bar-section li:not(.has-form) a:not(.button) {
    background-color: var(--accent-color);
    border: none;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
    color: #00c9ff;
    background-color: var(--accent-color);
    background: transparent;
}

li:hover:not(.has-form)>a {
    background-color: none;
    background: none;
    color: white;
}

/* .top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: var(--dark-purple);
} */

.top-bar-section li:not(.has-form) a:not(.button):focus {
    background-color: var(--accent-color);
}
/*******************/

/** CTA CERT **/
.cta-certifications > .ember-view{
    background-color: #fff;
    padding: 25px;
}
.cta-certifications .row .medium-6.columns:first-child{
    width: 150px;
}
.cta-certifications .row .medium-6.columns:nth-child(2){
    width: calc(100% - 150px);
}
/*******************/

/*** Light Blue Blurbs ***/
.custom-section{
    max-width: 1440px;
}
.custom-section h3.widget__title{
    font-size: 3rem;
    font-weight: 300;
    color: var(--azure-blue);
    margin-bottom: 10px;
}
.custom-section p.widget__subtitle{
    color: #000;
    font-size: 18px;
    font-weight: 300;
}
.blurb-lightblue {
    background-color: var(--light-blue);
    padding: 35px;
    color: var(--azure-blue);
    font-size: 18px;
    font-weight: 300;
}
.blurb-lightblue h3{
    color: var(--dark-purple);
    font-size: 18px;
}
.blurb-lightblue ul{
    padding: 0;
}
.blurb-lightblue a.button{
    display: inline-block;
    margin: 15px 0;
    color: #fff;
    background-color: var(--dark-purple);
    padding: 5px 15px;
}
.blurb-lightblue a.button:hover{
    color: #fff !important;
}
.blurb-lightblue.w-tag::before {
    content: "For Developers";
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    background-color: var(--orange);
    padding: 0px 10px;
    font-size: 18px;
    font-family: 'Assistant' !important;
}
.blurb-lightblue.w-tag.developer::before {
    content: "For Developers";
}
.blurb-lightblue.w-tag.executive::before {
    content: "For Executives";
}
.blurb-lightblue.w-tag.manager::before {
    content: "For Managers";
}
.blurb-lightblue.w-tag.new::before {
    content: "NEW";
}
/*******************/

/* Dark Blue Blurbs */

.blurb-darkblue {
    background-color: var(--accent-color);
    padding: 40px;
    color: #FFF;
}

.blurb-darkblue h3 {
    color: var(--azure-blue);
}

.blurb-darkblue li {
    color: #8DCEFC;
}

/*******************/

/*** CTA Contact Us ***/
.cta-contact {
    background-color: var(--dark-purple);
    padding: 45px 25px !important;
}
.cta-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 32px;
}
.cta-container p {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 2;
    padding: 0;
    margin: 0;
}
a.button.yellow {
    background-color: var(--deep-yellow);
    color: var(--dark-purple);
    font-size: 18px;
    padding: 15px 25px;
    font-weight: 700;
}
/********************/

/* About DS */
.about-ds-section {
    background-color: var(--light-blue);
    padding: 45px 25px !important;
}
.about-ds-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.about-ds-container .image {
    width: 250px;
}
.about-ds-container .text {
    width: calc(100% - 250px);
}
.about-ds-container h2 {
    font-size: 48px;
    font-weight: 300;
    color: var(--dark-purple);
    margin-bottom: 10px;
}
.about-ds-container p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 15px;
}
a.button.dark-blue{
    background-color: var(--dark-purple);
    color: #fff !important;
    padding: .5em 1em;
    display: inline-block;
}
/****************/

/**Learning Paths**/
.learning-paths-section {
    width: 100%;
    max-width: 1440px;
}
.learning-paths-section h3.widget__title{
    font-size: 48px;
    font-weight: 300;
    color: var(--azure-blue);
}
.learning-paths-section .featured-content-article-item {
    background-color: var(--light-blue);
    padding: 25px;
}
.learning-paths-section .featured-content-article-item .row > .column:first-child {
    width: 150px;
}
.learning-paths-section .featured-content-article-item .row > .column:first-child img {
    width: 150px;
    border-radius: 100vmax;
    overflow: hidden;
    padding: 0;
}
.learning-paths-section .featured-content-article-item .row > .column:nth-child(2) {
    width: calc(100% - 150px);
}
.learning-paths-section .featured-content-article-item .row > .column:nth-child(2) p.featured-content-article-item__title {
    color: var(--azure-blue);
    font-size: 18px;
    font-weight: 700;
    font-family: 'Assistant';
}
.learning-paths-section .featured-content-article-item .row > .column:nth-child(2) p.featured-content-article-item__description {
    font-size: 18px;
    color: #000;
    font-family: 'Assistant';
    line-height: 1.3em;
    margin: 10px 0;
}
.learning-paths-section .featured-content-article-item .row > .column:nth-child(2) p.featured-content-article-item__description::before {
    display: none;
}
/***********/

/* Custom Program Styles */
.program-highlights{
    display: flex;
    flex-direction: row;
    background-color: var(--light-blue);
    padding: 40px;
    gap: 20px;
    align-items: center;
}

.program-highlights img {
    height: 200px;
    width: 200px;
    max-width: none;
}

.row-reverse {
    flex-direction: row-reverse;
}

.heres-how-container h2 {
    color: var(--azure-blue);
}

.heres-how-item {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}
/*******************/

/*** Contact Us ***/
.breadcrumbs {
    max-width: 1440px;
    width: 100%;
    margin: 15px auto;
    padding: 0 15px;
    display: flex;
    color: var(--denim-blue);
}
.breadcrumbs p a {
    color: var(--denim-blue) !important;
}
.breadcrumbs span {
    margin: 0 10px;
}
.contact-us-header h1.widget__title{
    font-size: 48px;
    font-weight: 300;
    color: var(--azure-blue);
}
/*****************/

/** Certifications ***/
.certifications-hero {
    background-image: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,w_800/v1/course-uploads/3c69c5c6-bb8d-4055-91bd-ab9f85b5df1d/4x8dn2v51yct-hero-clear.jpeg);
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.certifications-hero::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(15, 69, 133, .85);
}
.certifications-hero .hero-container {
    width: 100%;
    max-width: 1190px;
    margin: 0 auto;
    padding: 60px 0;
    display: flex;
    justify-content: space-between;
    gap: 100px;
}
.certifications-hero .hero-container .left.image {
    width: 144px;
    background-color: transparent;
}
.certifications-hero .hero-container .left.image img{
    width: 100%;
}
.certifications-hero .hero-container .right.text {
    width: calc(100% - 144px);
    color: #fff;
}
.certifications-hero .hero-container .right.text h1.title {
    color: #fff;
    font-size: 63px;
    font-weight: 300;
    font-family: 'Assistant' !important;
    margin-bottom: 20px;
    line-height: 1;
}
.certifications-hero .hero-container .right.text p.subtitle {
    font-size: 48px;
    font-weight: 300;
    line-height: 1.2;
    font-family: 'Assistant' !important;
}
.certifications-verify {
    background-color: var(--dark-purple);
}
.certifications-verify .columns {
    width: 100%;
    max-width: 1190px;
    margin: 0 auto;
    float: none;
    color: #fff;
}
.certifications-verify .columns h2{
    font-size: 48px;
    font-weight: 300 !important;
    color: #fff;
    font-family: 'Assistant' !important;
}
.certifications-verify .columns p{
    font-size: 18px;
    font-weight: 300;
    font-family: 'Assistant' !important;
}
.certifications-verify .columns ul {
    margin: 0;
    color: #8DCEFC;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Assistant' !important;
}
.cert-badges-section {
    width: 1190px;
}
.cert-badges-section h3.widget__title{
    font-size: 48px;
    font-weight: 300;
    line-height: 1.2;
    font-family: 'Assistant' !important;
    color: var(--dark-purple);
    margin-top: 50px;
}
.cert-badges-section .blurb-lightblue h3 {
    color: var(--azure-blue);
    font-size: 18px;
}
.cert-badges-section .blurb-lightblue p {
    color: var(--dark-purple);
    font-size: 18px;
}
/*****************/

/*** Cert Details ***/
.cert-name-container {
    width: 100%;
    max-width: 1190px;
    margin: 25px auto;
    display: flex;
    gap: 35px;
}
.cert-name-container .cert-image {
    width: 100px;
}
.cert-name-container .cert-image.w-tag.new::before {
    content: "NEW";
    font-size: 14px;
    background-color: var(--orange);
    padding: 2px 10px;
    display: inline-block;
    position: absolute;
    top: 15px;
    color: #fff;
    font-weight: 700;
}
.cert-name-container .cert-image.w-tag.new img {
    width: 100%;
}
.cert-name-container .cert-text {
    width: calc(100% - 100px);
}
.cert-name-container .cert-text h1 {
    font-size: 64px;
    font-weight: 300;
    font-family: 'Assistant' !important;
    margin-bottom: 15px;
    color: var(--dark-purple);
}
.cert-name-container .cert-text p {
    font-size: 18px;
    font-weight: 300;
}
.checkmark-blurb.darkblue {
    background-color: var(--dark-purple);
    padding: 45px 25px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
    margin-top: 25px;
}
.checkmark-icon {
    width: 40px;
}
.checkmark-icon img {
    width: 100%;
}
.blurb-text {
    width: calc(100% - 40px);
}
.blurb-text p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}
.skills-competencies.custom-section{
    background-color: var(--light-blue);
    padding: 40px;
}
.skills-competencies.custom-section h3.widget__title {
    color: var(--dark-purple);
    text-align: left;
}
.skills-competencies.custom-section p.widget__subtitle {
    color: var(--dark-purple);
    font-weight: 700;
    text-align: left;
}
ul.skills-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    justify-content: flex-start;
    gap: 16px;
}
ul.skills-list li {
    list-style: none;
    background-color: var(--light-gray);
    padding: 7px 12px;
    border-radius: 100vmax;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Assistant';
}
/******************/

/*** Learning Paths Page ***/
.custom-section h1.widget__title{
    font-size: 64px;
    font-weight: 300;
    color: var(--azure-blue);
    margin-bottom: 10px;
}
/* .learning-paths-list-section .medium-9.columns{
    width: 100% !important;
} */
.learning-paths-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container,
.course-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container{
    padding-left: 150px;
    padding-top: 20px;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .row .medium-4.columns,
.course-list-section .medium-9.columns .catalog-list-item__body .row .medium-4.columns{
    width: 150px !important;
    margin-top: -64px !important;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__cta-container,
.course-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__cta-container{
    border: none !important;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__info,
.course-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__info {
    margin-top: -5px;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__info strong,
.course-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__info strong{
    font-size: 16px;
}
.learning-paths-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__description,
.course-list-section .medium-9.columns .catalog-list-item__body .catalog-list-item__description{
    font-size: 16px;
    margin-bottom: 15px;
}
.learning-paths-list-section ul.featured-content-block-grid li,
.learning-paths-list-section .catalog-list-item,
.course-list-section .catalog-list-item {
    background-color: #fff;
    border: none;
    padding: 0;
}
.learning-paths-list-section ul.featured-content-block-grid li .catalog-grid-item{
    border: none;
}
/* .learning-paths-list-section .column:first-child {
    width: 250px;
}
.learning-paths-list-section .column:nth-child(2) {
    width: calc(100% - 250px);
} */
.learning-paths-list-section .column:first-child img {
    border-radius: 100vmax;
}
.learning-paths-list-section .column:nth-child(2) p.catalog-grid-item__title,
.learning-paths-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container h3.catalog-list-item__title,
.course-list-section .medium-9.columns .catalog-list-item .catalog-list-item__title-container h3.catalog-list-item__title  {
    font-size: 22px;
    font-weight: 700;
    color: var(--azure-blue);
    font-family: 'Assistant';
}
.learning-paths-list-section .column:nth-child(2) p.catalog-grid-item__description{
    font-size: 18px;
}
.learning-paths-list-section .column:nth-child(2) .catalog-grid-item__hr{
    display: none;
}

.course__detail__container {
    max-width: 1440px;
    width: 100%;
    margin: 50px auto;
}
/***************************/

/*** Course details page ***/
.course__detail__content .h2{
    color: var(--dark-purple);
    font-size: 3rem;
}
ul.learning-path-detail-milestone-list li{
    background-color: #fff;
    padding: 25px;
    margin-bottom: 25px;
}
ul.learning-path-detail-milestone-list li h3{
    color: var(--azure-blue);
    font-weight: 600;
}
.center-ruled-title {
    margin: 50px 0 25px 0;
}
.center-ruled-title span{
    background-color: var(--light-tan);
}
.course__detail__asset img{
    width: 100%;
}

/********************************/

.topic__container__quiz{
position: relative !important;
z-index: 50;
}


/** FOOTER STYLES **/
footer.footer,
footer.footer .footer__inner{
    padding: 0
}
footer.footer .footer__company__info{
    display: none;
}
nav.footer-nav ul li a:hover,
.footer-social a:hover,
.footer-copy a:hover{
    color: #00C9FF;
}
nav.footer-nav ul li a:focus{
    color: #FFF;
}
/*******************/

.existing-clients-contact{
        margin: 0 140px;
        background-color: red;
    }

@media screen and (min-width: 1440px) {
    .container{
        max-width: 2560px !important;
    }
    
    .existing-clients-contact{
        margin: 0 140px;
        background-color: red;
    }
}
@media screen and (max-width: 1440px) {
    .container{
        max-width: 1920px !important;
    }
    .header__inner{
        flex-wrap: wrap;
    }
    .top-bar-section ul{
        width: 100%;
        gap: 7px;
        justify-content: space-between;
    }
    .top-bar-section ul li>a{
        padding: 0 4px !important;
    }
    .cta-container{
        flex-wrap: wrap;
    }

    .existing-clients-contact{
        margin: 0 140px;
        background-color: #F6BA15;
    }
  
}
@media screen and (max-width: 768px) {
    .container{
        max-width: 1920px !important;
    }
    .widget--hero-image_standard .hero .hero__caption{
        width: 100%;
    }
    .top-bar {
        width: 100%;
        position: absolute;
        top: 110px;
        right: 0;
        z-index: 9999;
        border: none;
    }
    .top-bar-section ul li {
        width: 100%;
    }
    .top-bar.expanded button.btn,
    .top-bar.expanded button.btn span,
    .top-bar.expanded button.btn span::after,
    .top-bar.expanded .toggle-topbar.menu-icon button span:after{
        color: #fff !important;
    }
    .top-bar.expanded .toggle-topbar.menu-icon button span:after{
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .top-bar button.btn span span{
        display: none;
    }
    .about-ds-container{
        flex-wrap: wrap;
    }
    .about-ds-container .image,
    .about-ds-container .text{
        width: 100%;
    }
    .footer-container{
        flex-wrap: wrap;
    }
    .footer-container .footer-nav ul{
        flex-wrap: wrap;
    }
    .footer-container .footer-nav ul li{
        width: 100%;
    }
}