/*headlinesPg*/
#headlinesPg {
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-size: auto, auto;
    background-size: cover;
    background-position: top center;
}

@media only screen and (min-width: 640px) { 
    #headlinesPg { 
        background-image: url("../static/nsiHomeDesk.webp");
        height: 800px;
    }   
}

#headlinesPg h1, #headlinesPg h2, #subHeadline { color: #FFFFFF; }


@media only screen and (max-width: 639px) {
    #headlinesDiv { 
        display: flex; flex-direction: column; align-items: center; justify-content: center; 
        padding: 50px 10px 50px 10px;
    }
    #headlinesPg { 
        background-image: url("../static/nsiHomeMob.webp");
        height: 600px;
    }
    #headlinesPg h2 { font-size: 1.25rem; }
    #dividerHome { margin-block: 20px; }
    #subHeadline { margin-top: -20px; }
    .mainTitle { text-align: center; margin-block: 0 -20px; }
}

@media only screen and (min-width: 640px) {    
    #headlinesDiv { padding: 200px 25px 50px 25px; }
    #headlinesPg h1 { margin-bottom: 100px; }
    #subHeadline { margin-top: -20px; }
    #dividerHome { margin-block: 40px; }
    .mainTitle { text-align: center; margin-block: 50px -20px;}
}



#logoDiv { margin-inline: auto; text-align: center; max-width: 500px; }
#logoDiv img { width: 100%; height: 100%; }
@media only screen and (min-width: 320px) and (max-width: 639px) {
    #logoDiv { width: 80vw; margin-bottom: 125px; }
}



@media only screen and (max-width: 639px) {
    .pgExtraPadding { padding-block: 2rem; }
}
@media only screen and (min-width: 640px) {
    .pgExtraPadding { padding-block: 80px; }
}
/* ======================== */



/* introPg */
@media only screen and (max-width: 639px) {
    #uniPic { width: 300px; height: 334px; }
}
@media only screen and (min-width: 640px) {
    #uniPic { width: 350px; height: 390px; }
}

/* ======================== */
 

/* backedByResearch page */
.oneResultsDiv { 
    display: flex; flex-direction: column; align-items: center; 
    width: 200px;
}
.oneResultsDiv div { text-align: center; }

.resultsImg { width: 200px; height: 200px; }
.resultsImg img { width: 200px; height: 200px; }
.backedResearchElements { display: flex; }

@media only screen and (max-width: 639px) {
    .backedResearchElements { 
        flex-direction: column; justify-content: center; align-items: center;
        margin-top: 30px;
    }
    .oneResultsDiv { margin-bottom: 30px; }
    .resultsImg { margin-bottom: 50px; }
}

@media only screen and (min-width: 640px) {
    .backedResearchElements { 
        justify-content: space-between; 
        margin-top: 50px;
    }
    .resultsImg { margin-bottom: 25px; }
}
/* ======================== */




/* programs section (similar to bonus section in course.css)*/
.oneProgram { display: flex; justify-content: center; align-items: center; }
.oneProgramPic { min-width: 220px; max-width: 220px; min-height: 300px; max-height: 300px; }
.divider { 
    height: 3px; border-radius: 5px; margin-inline: auto;
    background-color: #FEA94C; 
    width: 80%;
}

.notAvailableTxt { font-style: italic; }
.alreadySubmitted, .btnInactive { opacity: 0.3; }
.confirmationMsg, .errorMsg { text-align: center; }

@media only screen and (max-width: 639px) {
    .oneProgram { flex-direction: column;  }
    .oneProgramPic { margin-bottom: 20px; }
    .oneProgram h4, .oneProgram p { text-align: center; }
    .divider { margin-block: 30px 50px;  }
}

@media only screen and (min-width: 640px) {
    .oneProgram { flex-direction: row; } 
    .oneProgramPic { margin-right: 40px; margin-top: 16px; margin-bottom: 0; }
    .divider { margin-bottom: 50px;  }
    .confirmationMsg, .captureFormInputs { margin-bottom: 0; }
}



/*=================================================================*/



/* capture forms and buttons*/
.captureForm {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); border-radius: 4px;
}
.captureFormInputs {
    display: flex; flex-direction: column;
}
.formInput { 
    height: 28px; padding: 12px 16px;
    border-radius: 4px; box-shadow: none !important;
    margin: 10px auto 0 auto;
}
.leadBtn {
    background-color: #FEA94C; color: #ffffff; border-radius: 5px;
    text-align: center;
}
.leadBtnBlue { background-color: #189af1 !important; }

.leadBtn:hover { cursor: pointer; }
.leadBtn:active { opacity: 0.3; }
.errorMsg { font-size: 14px; line-height: 1rem; color: red; margin-bottom: 8px; visibility: hidden;  }
.showError { visibility: visible; }
.noSpam { font-size: 12px; line-height: 14px; text-align: center; color: #838f93;}
#leadSubmitted { position: relative; }

@media only screen and (max-width: 639px) {
    .captureForm { margin-top: 30px; padding: 20px; }
    .leadBtn { padding: 7px 15px;  margin: 30px auto 10px auto;}
    #leadSubmitted { top: -50px; margin: -10px; text-align: center; }
}
@media only screen and (min-width: 640px) {
    .captureForm { margin-top: 50px; padding: 40px; width: 500px; }
    .leadForm { padding: 56px 48px; margin-top: 50px; }
    .formInput, .leadBtn { margin: 10px auto; width: 85%; }
    .leadBtn { margin: 40px auto; padding: 14px 20px; }
    #leadSubmitted { top: -70px; margin: -20px; }
    .smallerWidth { width: 400px; margin-top: 30px; }
}
/*=================================================================*/







/*meantForMorePg*/
#meantForMorePg {
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-size: auto, auto;
    background-size: cover;
    background-position: top center;
}
@media only screen and (max-width: 639px) { 
    #meantForMorePg { background-image: url("../images/home/nsiMountainMob.jpg");}
}

@media only screen and (min-width: 640px) { 
    #meantForMorePg { 
        background-image: url("../images/home/nsiMountainDesk.jpg");
        min-height: 600px;
    }
}

@media only screen and (max-width: 639px) {
    #meantForMoreDiv { 
        display: flex; flex-direction: column; 
        padding: 50px 10px 50px 10px;
    }
    #meantForMore1stTxt { margin-bottom: 30px; }
    .meantForMoreTxt { width: 200px; }
}

@media only screen and (min-width: 640px) {    
    #meantForMoreDiv { 
        padding: 100px 25px 50px 25px;
    }
    #meantForMore1stTxt { margin-bottom: 50px; }
    .meantForMoreTxt { width: clamp(400px, 60vw, 600px); }
}


/* ======================== */





.oneModScreenShot { background-repeat: no-repeat; background-position: center; background-size: cover; }
#module1PhoneMob {background-image: url("../thrive/screenshot1Mob.webp"); }
#module2PhoneMob {background-image: url("../thrive/screenshot2Mob.webp"); } 
#module3PhoneMob {background-image: url("../thrive/screenshot3Mob.webp"); } 
#module4PhoneMob {background-image: url("../thrive/screenshot4Mob.webp"); } 
#module5PhoneMob {background-image: url("../thrive/screenshot5Mob.webp"); } 
#module1PhoneDesk {background-image: url("../thrive/screenshot1Desk.png"); } 
#module2PhoneDesk {background-image: url("../thrive/screenshot2Desk.png"); } 
#module3PhoneDesk {background-image: url("../thrive/screenshot3Desk.png"); } 
#module4PhoneDesk {background-image: url("../thrive/screenshot4Desk.png"); } 
#module5PhoneDesk {background-image: url("../thrive/screenshot5Desk.png"); } 

@media only screen and (max-width: 639px) { 
    #module1PhoneDesk, #module2PhoneDesk, #module3PhoneDesk, #module4PhoneDesk, #module5PhoneDesk  { display: none; }
    .oneModScreenShot { width: 252px; height: 400px; } /*ratio 1.58*/
}
@media only screen and (min-width: 640px) { 
    #module1PhoneMob, #module2PhoneMob, #module3PhoneMob, #module4PhoneMob, #module5PhoneMob  { display: none; }
    .oneModScreenShot { width: 315px; height: 500px; }
}

/* ======================== */



/* buy now section */


@media only screen and (max-width: 639px) {
    #thriveCourseImg { 
        background-image: url("../thrive/thriveCourseMob.webp");
        height: 460px; 
        margin-top: 30px;
    }
}
@media only screen and (min-width: 640px) {
    #thriveCourseImg { 
        background-image: url("../thrive/thriveCourseDesk.webp"); 
        height: 625px;
        margin-top: 70px;
    }
}