/* =========================================
   GUIDING CHANGE ACADEMY
   COMPLETE SITE STYLING
   ========================================= */


/* 1. GENERAL PAGE SPACING */

/* Preserve original homepage white-bar fix */
.site-content {
    padding-top: 0 !important;
    padding-bottom: 80px !important;
}


/* 2. INTERIOR PAGE HEADERS */

/* Dark green header on all pages except homepage */
body:not(.home) #tg-masthead,
body:not(.home) #tg-masthead .tg-header-transparent-wrapper,
body:not(.home) #tg-masthead .tg-header-main-row,
body:not(.home) #tg-masthead .tg-desktop-row {
    background-color: #263b38 !important;
}

/* Prevent interior headers from overlapping content */
body:not(.home) #tg-masthead,
body:not(.home) #tg-masthead .tg-header-transparent-wrapper {
    position: relative !important;
    top: auto !important;
    height: auto !important;
}

/* Compact interior header */
body:not(.home) .tg-header-main-row {
    min-height: 110px !important;
    height: auto !important;
    padding: 10px 0 !important;
}

/* Interior page logo */
body:not(.home) .tg-header-main-row .custom-logo {
    max-height: 100px !important;
    width: auto !important;
    object-fit: contain;
}

/* Remove unnecessary internal header spacing */
body:not(.home) .tg-header-main-row .tg-main-row {
    min-height: 0 !important;
}


/* 3. INTERIOR PAGE CONTENT */

/* Keep content directly below interior headers */
body:not(.home) #content.site-content {
    padding-top: 0 !important;
}


/* 4. MASTERIYO COURSE FEATURED IMAGES */

/* Add 25px of white space above course image */
.masteriyo-container .masteriyo-single-course--wrapper
.masteriyo-course--img-wrap {
    margin-top: 25px !important;
}

/* Resize course featured image on desktop */
.masteriyo-container .masteriyo-single-course--wrapper
.masteriyo-course--img-wrap .masteriyo-feature-img img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    object-position: center center !important;
}


/* 5. MOBILE COURSE IMAGE */

@media (max-width: 768px) {
    .masteriyo-container .masteriyo-single-course--wrapper
    .masteriyo-course--img-wrap .masteriyo-feature-img img {
        height: 250px !important;
    }
}/* Mobile course image: show full photo */
@media (max-width: 768px) {
    .masteriyo-container .masteriyo-single-course--wrapper
    .masteriyo-course--img-wrap .masteriyo-feature-img img {
        height: auto !important;
        object-fit: contain !important;
    }
}