:root {
        --font: Proxima Regular;
        --alt-font: Proxima Bold;
        --accent-color: #2c405a;
        --secondary-color: #595656;
        --link-color: #2874af;
        --accent-highlight-color: #2c405a;
        --accent-highlight-background-color: #e1e8f0;
        --accent-tinted-color-70: #c0c6ce;
        --accent-tinted-color-80: #d5d9de;
        --accent-tinted-color-90: #eaecef;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #3d587c;
        --secondary-hover-color: #736f6f;
        --secondary-contrast-color: #fff;
        --link-hover-color: #62a6db;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/1e974f8d-890f-42e4-815d-27c0026780fe/fg1lzesj1o77-BackgroundUUL.png'); 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_hires_v3/v1/course-uploads/1e974f8d-890f-42e4-815d-27c0026780fe/t068or5jk6gm-Learn.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
@import url('https://uniteus.com/thought-industries.css');


@font-face {
    font-family: 'Proxima Bold';
    src: url('https://uniteus.com/fonts/proximaNova/ProximaNova-Bold.woff2') format('woff2'),
        url('https://uniteus.com/fonts/proximaNova/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Proxima Regular';
    src: url('https://uniteus.com/fonts/proximaNova/ProximaNova-Regular.woff2') format('woff2'),
        url('https://uniteus.com/fonts/proximaNova/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* CSS Added by CSS */
.container {max-width: 100%;}

.header--microsite {padding: 0 8%;}
/*.home.index .nav--top {display: none;}*/
.header--microsite .top-bar { display: inline-block; width: calc(100% - 300px - 32px); text-align: right; margin-left: 32px; float: right; border: 0;  height: auto;}
.header--microsite .top-bar .top-bar-section ul {float: none !important; display: block;}
.header--microsite .top-bar .top-bar-section ul li {float: none; display: inline-block; margin-left: 12px;}
.header--microsite .top-bar .top-bar-section ul li a {display: block; padding: 12px 1rem; border-bottom: 4px solid #fff;}
.header--microsite .top-bar .top-bar-section ul li a:hover {border-color: #3c4d7c; background: none;}
.header .company__beta-logo {margin-top: 8px;}

.hBanner .hero {margin: 0;}
.hBanner .hero .hero__caption {padding: 0; background: none; bottom: auto; top: 100px; left: 8%; max-width: 400px;}
.hBanner .hero .hero__caption .hero__title {font-size: 72px; font-weight: 700;}
.hBanner .hero .hero__caption .h4 {font-size: 18px;}

.layout__content .widget.hPossibilities {padding: 32px 8%; margin-top: -348px;}
.hPossibilities .row .columns .editor-content {padding: 20px; border-top: 4px solid #e6b54e; background: #fff;}
.hPossibilities .row .columns .editor-content img {height: 50px; margin-bottom: 20px;}
.hPossibilities .row .columns .editor-content h3 {font-size: 20px; margin-bottom: 20px;}
.hPossibilities .row .columns .editor-content p {font-size: 16px; margin-bottom: 20px;}
.hPossibilities .row .columns .editor-content p::after {content: ''; display: block; clear: both;}
.hPossibilities .row .columns .editor-content p:nth-last-child(3) {margin-bottom: 0;}
.hPossibilities .row .columns .editor-content a {font-size: 10px; display: inline-block; padding: 12px 20px; background: #3c4d7c; color: #fff; text-decoration: none; float: right;}

.home__content .widget.hCourses {padding: 64px 8%;}
.hCourses .widget__title {font-size: 25px; color: #000; margin-bottom: 20px; text-align: left;}
.hCourses .catalog-grid-item {border: 0;}
.hCourses .catalog-grid-item__body {padding: .75em 0;}
.hCourses .catalog-grid-item__hr {display: none;}
.hCourses .catalog-grid-item__title {font-size: 17px; color: #000; font-weight: 600; margin: 0;}
.hCourses .catalog-grid-item__source {color: #42454c; font-weight: 600; text-transform: uppercase; margin-bottom: 12px;}
.hCourses .catalog-grid-item__source strong {font-weight: 600;}
.hCourses .catalog-grid-item__description {font-size: 13px; color: #646870; font-weight: 400;}
.hCourses .catalog-grid-item__asset-container {position: relative;}
.hCourses .catalog-grid-item__asset-container::before {position: absolute; content: ''; display: block; width: 24px; height: 24px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/c46305f9-8369-44c9-bc17-b93ea06cda97/jxcjwerghyse-Course-Play.jpg) center no-repeat; background-size: cover; bottom: 0; left: 0;}
.hCourses .hr__accent {display: none;}
.hCourses .widget__title-cta {color: #3c4d7c; font-weight: 600; border: 0;}
.hCourses .widget__title-cta::after {content: '>';}
.hCourses .catalog-grid-item__cta-container {display: none;}

.home__content .widget.hTestimonials {padding: 0;}
.hTestimonials .testimonial.learner {padding: 120px 8%;}
.hTestimonials .row .columns {padding: 0;}
.hTestimonials .testimonial.learner::after {content: ''; display: block; clear: both;}
.hTestimonials .testimonial .testimonial-quote--left {position: static; float: left; width: 40%; transform: none; padding: 0; min-height: 400px;}
.hTestimonials .testimonial .testimonial-quote__text {font-size: 23px; color: #000;}
.hTestimonials .testimonial .testimonial-quote__text::before {content: ''; display: block; height: 54px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/c46305f9-8369-44c9-bc17-b93ea06cda97/f3dhpcsxkvkx-InvertedComma.png) top left no-repeat; background-size: auto 36px;}
.hTestimonials .testimonial .testimonial-quote__author-name:before {display: none;}
.hTestimonials .testimonial .testimonial-quote__author-name {font-size: 15px; color: #000; display: inline;}
.hTestimonials .testimonial .testimonial-quote__author-description {font-size: 15px; color: #000; display: inline; font-style: normal;}
.hTestimonials.row .row {margin: 0;}
.hTestimonials .testimonial-widget {margin: 0;}

.home__content .widget.getCertified {padding: 64px 8%;}
.getCertified picture {display: inline-block; width: calc(48% - 4px); vertical-align: middle;}
.getCertified .hero .hero__caption {display: inline-block; width: calc(48% - 4px); vertical-align: middle; transform: none; position: relative; top: auto; left: auto;}
.getCertified .hero__title {margin-bottom: 20px;}
.getCertified .hero .btn--primary { display: inline-block; font-size: 16px; background: #f84748; color: #fff; font-weight: 600; padding: 12px 32px; border-radius: 4px; border-bottom: 2px solid #9a0002;}

/*getCertified*/
.getCertified .editor-content h3 {font-size: 35px; font-weight: 700; color: #000;}
.getCertified .editor-content p {font-size: 14px; color: #000;}
.getCertified .editor-content p a { display: inline-block; font-size: 14px; background: #3c4d7c; color: #fff; font-weight: 600; padding: 12px 32px;}

.footer, .footer .footer__inner {padding: 0;}
.footer .footer__inner .footer__company__info {display: none;}

.cFooter {padding: 64px 8%; background: #222222; color: #a6a6a6; position: relative;}
.cFooter::before {content: ''; display: block; position: absolute; top: -1px; left: 50%; transform: translateX(-50%); width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #fff;
}
.cFooter .ftWrap {display: block; margin-bottom: 32px;}
.cFooter .ftWrap::after {content: ''; display: block; clear: both;}
.cFooter .ftWrap .navigation {float: right; width: 48%;}
.cFooter .ftWrap .socialWrap {float: left; width: 48%;}
.cFooter .ftWrap .social {margin-bottom: 20px;}
.cFooter .ftWrap .social ul {display: block; margin: 0; padding: 0;}
.cFooter .ftWrap .social ul li {display: inline-block; margin-right: 4px;}
.cFooter .ftWrap .social ul li i {display: block; width: 24px; line-height: 24px; background: #a6a6a6; border-radius: 50%; text-align: center; font-size: 16px; color: #000; font-family: "Font Awesome 5 Brands"; font-size: 14px;}
.cFooter .ftWrap .signup p {font-size: 12px;}
.cFooter .ftWrap .signup p a {color: inherit; text-decoration: underline;}

.cFooter .navigation h4 {color: #a6a6a6; font-weight: 600;}
.cFooter .navigation .col {display: inline-block; width: 48%;}
.cFooter .navigation ul {display: block; margin: 0; padding: 0;}
.cFooter .navigation ul li {display: block; border-top: 1px solid #303030;}
.cFooter .navigation ul li a {color: inherit; font-size: 13px; padding: 8px; display: block;}

@media only screen and (max-width: 768px) {
    .header .company__beta-logo {margin: 8px 0;}
    .header--microsite .top-bar {margin-top: 16px; overflow: visible;}
    .header--microsite .top-bar .top-bar-section {position: absolute; width: 100%; display: none; z-index: 1;}
    .header--microsite .top-bar.expanded .top-bar-section {display: block; width: 100%;}
    .header--microsite .top-bar .top-bar-section ul li {display: block; width: 100%; margin: 0; text-align: left;}
    
    .hBanner .hero .hero__caption {position: absolute; top: 56px;}
    .hBanner .hero .hero__caption .hero__title {font-size: 46px;}
    .hBanner .hero .hero__caption .h4 {font-size: 16px;}
    .layout__content .widget.hPossibilities {margin-top: -120px;}
    
    .hTestimonials .testimonial.learner {background-position: calc(100% - 70%) !important; background-size:  auto 100% !important;}
    .hTestimonials .testimonial .testimonial-quote--left {width: 50%; min-height: 312px;}
    
    .getCertified picture, .getCertified .editor-content img {width: 100%; margin-bottom: 20px;}
    .getCertified .hero .hero__caption {width: 100%; padding: 0;}
    .getCertified .hero .btn--primary {margin: 0;}
}
@media only screen and (max-width: 680px) {
    .header--microsite .top-bar {width: 100%;}
    .header--microsite .top-bar .top-bar-section {position: static;}
    .hTestimonials .testimonial .testimonial-quote__text {font-size: 16px;}
    .hTestimonials .testimonial .testimonial-quote__author-description, .hTestimonials .testimonial .testimonial-quote__author-name {font-size: 11px;}
    .hTestimonials .testimonial.learner {padding: 32px 8%;}
    .cFooter .ftWrap .navigation {width: 100%; margin-bottom: 20px;}
    .cFooter .ftWrap .socialWrap {width: 100%; margin-bottom: 20px;}
    .cFooter .copyright .lnks a {margin-left: 0; margin-right: 8px;}
    .hBanner .hero .hero__caption {top: 22px; width: calc(100% - 16%);}
    .hBanner .hero .hero__caption .hero__title {font-size: 24px;}
    .hBanner .hero .hero__caption .h4 {font-size: 15px;}
    .hPossibilities .row .columns .editor-content img {height: 40px; margin-bottom: 12px;}
    .hPossibilities .row .columns .editor-content h3 {font-size: 18px; margin-bottom: 12px;}
    .hPossibilities .row .columns .editor-content p {font-size: 14px; margin-bottom: 12px;}
}

.share__container { display: none; }
.article-header i {display:none;}

.enroll__secondary-actions .icon-gift {display:none}
.widget--course-purchase .btn--secondary{display:none;}

.learning-content-hero__overlay {background-image: none !important;}
#cart-button { display: none; }
.sidebar__testimonial { display: none;}

.header--student .header__left__icon {  font-size: 26px;}


/*Adjust Rating from Sidebar in Articles*/
.article-sidebar {
    width: 100%;
    padding-top: 10px;
    padding-left: 20%; /* Add some left padding to create space on the left */
    text-align: right; /* Align content to the right */
    box-sizing: border-box;
}

.article-sidebar__rating { /* Target the rating element directly for right placement */
    display: inline-block; /* Allows width/margin on the right */
    margin-left: auto;    /* Push to the right within the sidebar */
}

.article-content {
    width: 100%;
    padding: 0 5%;
}



/*Menu Bar Rounded and Text Adjusted*/
.learner__container__toggle.text-right { margin-bottom: 25px; background: #2C405A; border-radius: 10px;
padding: 5px; }
.learner__container__toggle.text-right .btn--primary { background: transparent; border: 0px solid; color: black; }
.expandable-sidebar__toggle { background: transparent; color: #2C405A; font-size: 15px; font-weight: bold; }
.expandable-sidebar--toggled .expandable-sidebar__toggle { color: #2C405A;}
.learner__sidebar .layout-panel { background: transparent; }
.layout-panel .learner__sidebar__expandables .expandable-sidebar {background: white;border-radius:
10px;margin-bottom: 5px;}
.learner__sidebar-list>li { border-bottom: 1px solid #2C405A; }
.learner__container .learner__sidebar__search .small-8 {float:right;}
.learner__container .learner__sidebar__search .small-8 .form-control {border-radius:9px; text-align:right;}
.learner__container .learner__sidebar__search .learner__sidebar__search-icon {display: none;}
.learner__container .learner__sidebar__search .small-4 {display: block; width: 100%; text-align: right;}
.learner__container .learner__sidebar__search .small-4 .btn--primary {display: inline-block; color:#fff;}
.learner__container .learner__container__toggle .btn--primary{background: #2c405a;color: #ffffff;border:
0px;border-radius: 9px;width: 86px;}
.learner__sidebar-inner-list span.syllabus__section-title {color: #2c405a;  margin-bottom: 1em; font-size:18px;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .syllabus__lesson--title-text {font-size: 16px;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:not(:hover) {color: #2c405a;}
li.syllabus__topic--non-expandable:before { display: none; }
.syllabus__topic.syllabus__topic--active.syllabus__topic--non-expandable {background-color: #cfe0f7;}
.syllabus__topic--active .syllabus__topic--non-expandable-title-text {color: #2C405A;}
.syllabus__topic--non-expandable .syllabus__topic--non-expandable-title-text { margin-top: 2px; font-size:16px;}
.syllabus__topic { margin-bottom: 87px; }
.learner__sidebar-inner-list li { margin-bottom: 5px; margin-top: 5px; }
.learner__sidebar .expandable-sidebar__buttons {background: #2C405A;border-radius: 10px;padding: 5px;}
.learner__sidebar .expandable-sidebar__buttons a{ color:white; }
.learner__content .layout-panel {border-radius: 10px;}
.directional__nav__button {border-radius: 10px;}
.header--student .header__left__icon { background: #2C405A; color:white;}
.section-progress-bar div { border: 3px solid #2C405A; border-radius: 10px;}
.section-progress-bar span {height:10px;}


/*Remove numbers from Sections*/
.syllabus__section-title-index {display:none;}


/* Remove 'Next Section text' from appearing on hover */
.directional__nav a[href*='course-completed'] .directional__nav__label {
    display: none;
}

/* Hide the default arrow icon */
.directional__nav a[href*='course-completed'] .directional__nav__button--right i {
    display: none;
}


/* Resize button, round corners */
.directional__nav a[href*='course-completed'] .directional__nav__button--right {
    width: fit-content;
    padding: .25rem 1rem .5rem !important;
    height: auto;
    border-radius: 6px; /* Remove this if you don't want rounded corners */
}

/* Resize the big thumbnail from the Course Detail Page */

.course__detail__asset {width:30%;}

@media screen and (max-width: 768px) {
    .course__detail__asset {width:100%;}
}