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

      :root {
        --font: Open Sans;
        --alt-font: Chronicle;
        --accent-color: #003260;
        --secondary-color: #488974;
        --link-color: #0079c1;
        --accent-highlight-color: #003260;
        --accent-highlight-background-color: #c6e4ff;
        --accent-tinted-color-70: #b3c2cf;
        --accent-tinted-color-80: #ccd6df;
        --accent-tinted-color-90: #e6ebef;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #004d93;
        --secondary-hover-color: #5ba990;
        --secondary-contrast-color: #fff;
        --link-hover-color: #28afff;
      }
      

.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/4b92afd1-d0eb-4aff-8198-263f1b2457e6/2v6l42voriu4-ima-logo-2x.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* 

▄         ▗                          
▌▌▛▌  ▛▌▛▌▜▘  ▌▌▛▘█▌                 
▙▘▙▌  ▌▌▙▌▐▖  ▙▌▄▌▙▖  ▗              
                                     
▄▖▌     ▄▖▄▖▄▖  ▘                    
▐ ▛▌█▌  ▌ ▚ ▚   ▌▛▘  ▛▌▛▌▌▌▌         
▐ ▌▌▙▖  ▙▖▄▌▄▌  ▌▄▌  ▌▌▙▌▚▚▘         
                                     
        ▘            ▗     ▜ ▜    ▌  
▌▌█▌▛▘▛▘▌▛▌▛▌  ▛▘▛▌▛▌▜▘▛▘▛▌▐ ▐ █▌▛▌  
▚▘▙▖▌ ▄▌▌▙▌▌▌  ▙▖▙▌▌▌▐▖▌ ▙▌▐▖▐▖▙▖▙▌▗ 
                                     

*/

/* General */

p {
        margin-bottom:1rem;
}

img {
        display:initial;
}

.home .course__detail__header h1, .home .course__detail__content h1 {
        margin-bottom: 0.5em;
}

/* Homepage */


/* Forms */

.contact-forms h2 {
        margin-bottom: .75em;
}


/* Catalog */

.catalog-grid-item__cta-container .grid.grid-cols-3.gap-2 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
}

.widget--course-related {
        margin-top: 3rem;
}

@media only screen and (min-width: 60em) and (max-width: 90em) {
    .home.course-group .home__content, .home.learning-path .home__content {
        padding: 71px 2rem 0 !important;
    }
}
@media only screen and (max-width:959px) {
        .home.course-group .home__content, .home.learning-path .home__content {
        padding: 60px 2rem 0 !important;
    } 
}

@media only screen and (max-width:767px) {
        .home.course-group .home__content, .home.learning-path .home__content {
        padding: 60px 1rem 0 !important;
    } 
}

/* Guides */

.guide-blocks ul {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 0 1rem;
}

.guide-blocks li {
    padding: 1.5rem .75rem .75rem .75rem;
    flex: 1 1 33%;
}

@media only screen and (max-width:60em) {
        .guide-blocks li {
                flex: 1 1 100%;
                padding:1.5rem .75rem 0 .75rem;
        }
}

/* Account */

body:has(#nav-not-home).learn.account .container #main-content {
    padding-top: .5rem;
}

/* Media Queries */

@media only screen and (min-width: 769px) {
        .layout__content .hero {
                padding-top: 0;
        }
        .layout__content .homepage .hero {
                padding-top: 60px;
        }
}

@media only screen and (min-width: 960px) {
        .layout__content .hero {
                padding-top: 0px;
        }
        .layout__content .homepage .hero {
                padding-top: 165px;
        }
}

@media only screen and (max-width: 1440px) {
        .hero .hero__caption {
                padding: 4rem 1.5rem 4rem 3.5rem;
        }
        .pop-numbers .row {
                display: flex;
                flex-wrap: wrap;       /* allow wrapping to next row */
                gap: 1rem;             /* spacing between boxes */
                align-items: stretch;  /* ensure equal heights */
        }
        .pop-numbers .columns {
                flex: 1 1 25%;  /* default: 4 per row */
        }
}
/*
@media only screen and (max-width:959px) {
        .layout__content .homepage .hero {
                padding-top: 60px;
        }
}
*/
@media only screen and (max-width: 768px) {
        .homepage .hero .hero__caption {
                padding: 3rem 1.5rem;
        }
        .pop-numbers .columns {
                flex: 1 1 100%;
        }
}

@media only screen and (max-width:767px) {
        .hero .hero__caption a {
                margin: 0 auto;
        }
        .hero .hero__caption {
                padding: 3rem 1.5rem 1rem;
        }
        .partner-logos .h2 {
                min-width:290px;
        }
        .hero .hero__caption .hero__title {
                line-height:1;
        }
}

@media only screen and (min-width: 48em) and (max-width: 1024px) {
        body.home, body.dashboard, body.account {
                padding-top: 0;
        }
}

@media only screen and (max-width: 48em) {
        body.home, body.dashboard, body.account {
                padding-top: 0;
        }
        .layout__content .homepage .hero {
                padding-top: 60px;
        }
        footer.footer::after {
                height:400px;
        }
        footer.footer::before {
                height: 300px;
        }
}

/*
@media (min-width: 640px) {
        .container {
                max-width: 640px !important;
        }
}

@media (min-width: 769px) {
        .container {
                max-width: 769px !important;
         }
}
*/

@media only screen and (max-width:959px) {
        body:has(#nav-not-home) #main-content, body:has(.header--subtitle) {
                padding-top: 60px;
        }
}

@media (min-width: 960px) {
        body:has(#nav-not-home) #main-content, body:has(.header--subtitle) {
                padding-top: 71px;
        }
}

/*
@media (min-width: 1024px) {
        .container {
                max-width: 1024px !important;
        }
}
*/

@media (min-width: 1440px) {
        .container {
                max-width: 1440px !important;
        }
}