:root {
        --font: GothamBook;
        --alt-font: GothamBlack;
        --accent-color: #75c4d6;
        --secondary-color: #216092;
        --link-color: #f18a00;
        --accent-highlight-color: #1d5562;
        --accent-highlight-background-color: #ebf6f9;
        --accent-tinted-color-70: #d6edf3;
        --accent-tinted-color-80: #e3f3f7;
        --accent-tinted-color-90: #f1f9fb;
        --accent-contrast-color: #111;
        --accent-contrast-tinted-background-color: #fff;
        --accent-hover-color: #4eb3ca;
        --secondary-hover-color: #2a7bbc;
        --secondary-contrast-color: #fff;
        --link-hover-color: #8b5000;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/dc3b10a8-1dd0-4eb7-a672-fb48f7ae2173/7miazrlrqmdw-coursebackground.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_hires_v3/v1/course-uploads/dc3b10a8-1dd0-4eb7-a672-fb48f7ae2173/5ug007rq9trg-Compass_full_Color_hightrans.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/** hide cart button **/
#cart-button { display: none; }

.syllabus__section-title-index { display: none; }

:root {
    --text-color: #2e2e2e;
    --bannerTitle-color: #216092;
    --button-color: #216092;
    --white-color: #fff;
}

/** Font Links **/ 


@font-face {
    font-family: "GothamBlack";
    src: 
        url(https://www.integritysolutions.com/wp-content/uploads/2025/fonts/webFonts/GothamBlack/font.woff2) format('woff2'), 
        url(https://www.integritysolutions.com/wp-content/uploads/2025/fonts/webFonts/GothamBlack/font.woff) format('woff');
} 

@font-face {
    font-family: "GothamBook";
    src: 
        url(https://www.integritysolutions.com/wp-content/uploads/2025/fonts/webFonts/GothamBook/font.woff2) format('woff2'), 
        url(https://www.integritysolutions.com/wp-content/uploads/2025/fonts/webFonts/GothamBook/font.woff) format('woff');
} 

/**Headers**/
.home :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--alt-font)!important;
}

.dashboard :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--alt-font)!important;
}

/**Body text**/
.home :is(p, span, strong, em, pre, blockquote) {
    font-family: var(--font)!important;
}

.dashboard :is(p, span, strong, em, pre, blockquote) {
    font-family: var(--font)!important;
}

.body :is(h3, p, span, strong, em, pre, blockquote) {
    font-family: var(--font)!important;
}

/**@import url("https://use.typekit.net/utj0wge.css");**/

/* Quiz Leading Page Image */
.quiz-start__content {
    background-image:url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/ea4e704c-590e-404d-baca-e37d1cd0a3f2/h1gdt7vowjjp-ISQuizImage1.png);
background-repeat: no-repeat;
background-size:cover;
}

.syllabus__section-title-index { display: none; }

/** hide cart button **/
#cart-button { display: none; }

/** Course Progress in Menu **/
.icon-circle.icon-circle--full{
border-color:#f18a00;
}
.icon-circle.icon-circle--full span{
background:#f18a00;
}

.course-progress__overall .highlight {
color: #f18a00;
}

.lesson-progress-page.lesson-progress-page--current .icon-circle.icon-circle {
    border-color: #f18a00;
}

.course-progress__overall__bar .progress .meter{
background: linear-gradient(90deg,#f5d93f,#f18a00);
}

.completed__indicator i{
color: #f18a00;
}

a[href$="notes"] {display:none;}

/* For um Banner1 */
.umBanner1 {position: relative;}
.umBanner1::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(66, 105, 176, .2); z-index: 1;}
.umBanner1 .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto; z-index: 2;}
.umBanner1 .hero__caption .hero__title {font-size: 80px; color: var(--white-color); font-weight: 700;}
.umBanner1 .hero__caption span {font-size: 23px; margin-bottom: 36px;}
.umBanner1 .btn--primary { color: white; background-color: transparent; border: 2px solid white; border-radius: 10px; font-size: 26px;}
@media only screen and (max-width: 979px) {
    .umBanner1 .hero__caption .hero__title {font-size: 32px !important;}
    .umBanner1 .hero__caption span {font-size: 18px; margin-bottom: 14px;}
    .umBanner1 .btn--primary {font-size: 18px;}
}
@media only screen and (max-width: 767px) {
    .umBanner1::before {display: none;}
    .umBanner1 .hero__caption {transform: none;}
    .umBanner1 .hero__caption .hero__title {color: var(--text-color) !important; }
    .umBanner1 .hero__caption span {color: var(--text-color) !important; font-size: 14px;}
    .umBanner1 .btn--primary {color: var(--text-color); font-size: 14px; border-color: var(--text-color);}
}

/* For um Banner2 */
.umBanner2 {position: relative;}
.umBanner2::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1;}
.umBanner2 .hero__caption { background: transparent; left: 0; top: 50%; transform: translateY(-50%); bottom: auto; width: 100%; text-align: center; z-index: 2;}
.umBanner2 .hero__caption .hero__title {font-size: 80px; color: var(--white-color); font-weight: 700; margin-bottom: 80px;}
.umBanner2 .hero__caption span {font-size: 23px; margin-bottom: 36px;}
.umBanner2 .btn--primary { color: black; background-color: white; border: 2px solid white; border-radius: 10px; font-size: 26px; padding: 6px 1.25em;}
@media only screen and (max-width: 979px) {
    .umBanner2 .hero__caption .hero__title {font-size: 32px !important; margin-bottom: 32px;}
    .umBanner2 .btn--primary {font-size: 18px;}
}
@media only screen and (max-width: 767px) {
    .umBanner2::before {display: none;}
    .umBanner2 .hero__caption {transform: none;}
    .umBanner2 .hero__caption .hero__title, .umBanner2 .hero__caption span {color: var(--text-color) !important; font-size: 16px;}
    .umBanner2 .btn--primary {color: var(--text-color); font-size: 14px; border-color: var(--text-color);}
}

/* For um Banner3 */
.umBanner3 .hero::after {content: ''; display: block; clear: both;}
.umBanner3 picture {position: relative; float: right; width: 25%;}
.umBanner3 .hero__caption {position: relative; width: 50%; float: left;}
.umBanner3 picture::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 50%; height: 50%; background: rgba(66, 105, 176, .2); z-index: 1;}
.umBanner3 .hero__caption { background: transparent; transform: none; bottom: auto; width: 50%; text-align: left; z-index: 2; position: static; padding: 80px 9% 0;}
.umBanner3 .hero__caption .hero__title {font-size: 80px; color: var(--white-color); font-weight: 300; margin-bottom: 80px; color: var(--bannerTitle-color);}
.umBanner3 .hero__caption span.h4 {font-size: 23px; margin-bottom: 80px; color: var(--text-color) !important;}
.umBanner3 .btn--primary { color: var(--bannerTitle-color); background-color: transparent; border: 2px solid var(--bannerTitle-color); border-radius: 10px; font-size: 26px; padding: 6px 1.25em;}
@media only screen and (max-width: 1600px) {
    .umBanner3 .hero__caption .hero__title {font-size: 64px; margin-bottom: 60px;}
    .umBanner3 .hero__caption span.h4 {font-size: 20px; margin-bottom: 60px;}
}
@media only screen and (max-width: 979px) {
    .umBanner3 .hero__caption {padding: 40px 9% 0;}
    .umBanner3 .hero__caption .hero__title {margin-bottom: 20px; font-size: 32px !important;}
    .umBanner3 .hero__caption span.h4 {font-size: 14px; margin-bottom: 20px;}
    .umBanner3 .btn--primary {font-size: 16px;}
}
@media only screen and (max-width: 767px) {
    .umBanner3 picture {width: 100%;}
    .umBanner3 .hero__caption {width: 100%;}
}

/* For umProfTraining2 */
.layout__content .widget.umProfTraining2 {padding: 64px 9%;}
.umProfTraining2 .row {display: table; width: 100%;}
.umProfTraining2 .row .columns {display: table-cell; float: none; vertical-align: middle;}
.umProfTraining2 .row .columns img {border-radius: 12px;}
.umProfTraining2 .row .columns:nth-child(2) {border: 2px solid var(--button-color); border-radius: 12px; padding: 32px;}
.umProfTraining2 h3 {font-size: 42px; font-weight: 700; color: var(--text-color);}
.umProfTraining2 p {font-size: 23px; color: var(--text-color); margin-bottom: 40px;}
.umProfTraining2 a { background: var(--button-color); color: var(--white-color) !important; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umProfTraining2 h3 {font-size: 28px;}
    .umProfTraining2 p {font-size: 14px;}
    .umProfTraining2 a {font-size: 14px;}
    .umProfTraining2 .row .columns:nth-child(2) {padding: 20px;}
    .umProfTraining2 .row .columns:nth-child(1) {margin-bottom: 20px;}
    .umProfTraining2 .row, .umProfTraining2 .row .columns {display: block; width: 100%; padding: 0;}}


/* For umProfTrainingHead */
.layout__content .widget.umProfTrainingHead {padding: 32px 9%;}
.umProfTrainingHead .ember-view {position: relative;}
.umProfTrainingHead .ember-view .ember-view {padding-right: 260px}
.umProfTrainingHead .widget__title {font-size: 38px; color: GothamBlack; font-weight: 600; text-align: left; display: block;}
.umProfTrainingHead .widget__subtitle {font-size: 20px; color: GothamBlack; text-align: left; display: block; margin: 0;}
.umProfTrainingHead .widget__cta {position: absolute; top: 50%; right: 0; padding: 0; transform: translateY(-50%);}
.umProfTrainingHead .widget__cta .btn--centered {background: #f18a00; color: var(--white-color); font-size: 22px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none; border: none;}
@media only screen and (max-width: 979px) {
    .umProfTrainingHead .widget__title {font-size: 38px;}
    .umProfTrainingHead .widget__cta .btn--centered {font-size: 14px;}
    .umProfTrainingHead .ember-view .ember-view {padding-right: 204px;}
    .umProfTrainingHead .widget__subtitle {font-size: 14px; color: GothamBlack;}
}
@media only screen and (max-width: 767px) {
    .umProfTrainingHead .widget__title {font-size: 28px;}
    .umProfTrainingHead .ember-view .ember-view {padding: 0;}
    .umProfTrainingHead .widget__cta {position: static; transform: none; text-align: left;}
    .umProfTrainingHead .widget__cta .btn--centered {display: inline-block;}
}


/**Random White Lines**/
.quiz__container--survey h3 { display: none !important;}
.hr {border-width: 0px 0 0;}

/**Print Test Code**/

.contentcarouseldashboard .featured-content-multi-carousel-item__title {font-size: 24px; color: #656565; font-weight: 400; text-align: center; display: block;}

.contentcarouseldashboard .featured-content-multi-carousel-item__body {height:100px;}

.contentcarouseldashboard .featured-content-multi-carousel-item__description {font-size: 12px;}