/*--------------------------------------------------------------------------------------------------------OVERVIEW PAGE---*/


/* course background image */ 
#course-background,
body #payment-page,
#lesson-background {
    background-position: 0 115%;
    background-attachment: fixed !Important;
    background-repeat: no-repeat;
    background-size: contain;
}


/* course progress bar */
.template-2 .student-progress {
    padding: 20px 32px 24px 34px !important;
    border-radius: 100px !important;
    
}

.prog-line {
    background-image: linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.3)25%, rgba(255,255,255,0.3) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0.3) 100%) !Important;
    background-size: 56.57px 56.57px;
}

/* course progress bar */
.template-2 .prog-container {
    background-color: rgba(0,0,0,0.025) !Important;
    border-radius: 100px;
}

/* hide questions box & completed checkmark 
.template-2 .questions, .template-2 .completed {
   display: none !Important;
} */

/* adjust getting started box
.template-2 #lessons-page .main .explanation .get-started {
   display: block !Important;
   margin: auto;
} */

/* add padding to modules wrapper */
.template-2 #lessons-page .main .modules_wrapper {
    padding: 0 100px !Important;
}

/* invisible lesson button for cards */
.template-2 .lesson .modules-buttons .button,
.template-2 .lesson .modules-buttons .button:hover {
    background-color: transparent !important;
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
}


/* hide lesson description */
.template-2 .lesson .module-boxes p {
    display: none !Important;
}

/* advent cards AKA lesson modules */
.template-2 .item .inner  {
    padding: 0px !important;
    border-radius: 40px;
    border: 0 !important;
}

/* hide sublesson buttons (if any) on advent cards */
.template-2 .lesson .module-boxes .menu-parent {
    display: none !important;
}


/* h5 fallen snow */
.template-2 h5 {
    margin: 0 !important;
}

.template-2 h5 img {
    margin: 0 !important;
}

/* lesson locked text and button */
.template-2 h3.locked-text {
    display: none !important;
}

.template-2 .lesson .lock {
    font-size: 30px !important;
    padding: 20px 25px !important;
    border-radius: 100px !important;
    top: 53% !important;
    left: 50% !important;
    transform: translateY(-50%) translateX(-50%) !important;
    position: absolute !important;
}


/* h3 title hide */
.template-2 .lesson h3 {
    display: none !important;
}

/* card shadow and borders on hover */
.template-2 .lesson .module-boxes:hover {
-webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
 -webkit-transition-duration: 0.3s !important;
  transition-duration: 0.3s !important;
  -webkit-transition-property: transform !important;
  transition-property: transform !important;
  box-shadow: 5px 37px 40px rgb(0 0 0 / 5%);
}

/* add margin to modules container */
.template-2 #lessons-page .main .modules_wrapper {
   margin-bottom: 100px !Important;
}


/*--------------------------------------------------------------------------------------------------------LESSON PAGE---*/

/* lesson background image adjustments */ 
#lesson-background {
    background-position: 0 100% !important;
    padding-bottom: 200px;
    background-attachment: scroll !important;
}


/* hide snow and advent thumbnail */
.template-2 #lessons-page .imitate-h5 {display: none !Important;}

/* button: lesson page transcript buttons */
.template-2 .next-lesson,
#lessons-page .module-transcript a.module-completed {
    border-radius: 30px !important;
}

.template-2 .next-lesson::after {
    border-top-right-radius: 22px !important;
    border-bottom-right-radius: 22px !important;
}

/* sidebar area */
.template-2 .sidebar .inner {
    border-radius:  30px;
}

.template-2 .sidebar h4 {
    margin: -50px -1px 0 15px !important;
}

.template-2 .sidebar li:first-of-type {
    display: none !important;
}


/*------------------------------------------------------------------------------------------------LESSON LOCKED PAGE---*/
.template-2 #locked-page h5 img {
    max-width: 300px;
    padding-bottom: 30px;
}

.template-2 #locked-page .locked-lesson-article {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}

.template-2 #locked-page #explanation {
    margin: 10px auto;
    font-weight: normal;
    font-size: 16px!important;
}

.template-2 #locked-page .button {
    border-radius: 100px; 
}

.template-2 #locked-page .button .fa-lock {
    font-size: 30px !important;
    padding: 10px !important;
    top: unset;
    left:unset;
    transform: unset;
    position: unset;
}

.template-2 #locked-page .module-main {
    margin-top: 0 !important;
}

/*------------------------------------------------------------------------------------------------FOOTER AREA---*/
footer-powered-by {display: none;}


/*------------------------------------------------------------------------------------------------MOBILE ONLY---*/
@media screen and (max-width:768px) {


/* OVERVIEW PAGE */
#course-background {
    background-size: 250% !important;
    background-attachment: fixed !important;
    background-position: bottom !important;
}

.template-2 #lessons-page .main .modules_wrapper {
    padding: 0 50px 50px !Important;
    }

#course-background .student-progress, 
#lesson-background .student-progress {
    margin: 20px;
    }

.template-2 #lessons-page .main .explanation .get-started {
    padding: 30px !important;
    }


}