/*
Theme Name:   hello-elementor-Child
Template:     hello-elementor
Version:      1.0.0
*/

/* === Tutor LMS Lesson Custom Styles === */

/* Headline */
#lesson_heading {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #4EC1B0;
    line-height: 110%;
    font-size: 3.3em;
    text-align: center;
}
@media (max-width: 1024px) {
    #lesson_heading { font-size: 2.5em; }
}
@media (max-width: 767px) {
    #lesson_heading { font-size: 1.8em; }
}

/* Lesson Content */
#lesson_content {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 1.3rem;
    line-height: 1.5em;
    text-align: center;
}
@media (max-width: 1024px) {
    #lesson_content { font-size: 1.2rem; line-height: 1.5em; }
}
@media (max-width: 767px) {
    #lesson_content { font-size: 1.2rem; line-height: 1.4em; }
}

/* Downloads Headline */
#download_heading {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #4EC1B0;
    font-size: 1.6rem;
    margin: 30px 0 10px 0;
    text-align: center;
}

/* Download Button */
.rfq-download-btn {
    display: inline-block;
    margin: 8px 8px 0 0;
    padding: 10px 20px;
    border-radius: 25px;
    background-color: transparent;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 1.1rem;
    border: 2px solid #286159;
    transition: all 0.3s ease;
}
.rfq-download-btn:hover {
    background-color: #286159;
    color: #FFFFFF;
}

/* Progress Bar */
#tutor_progress {
    margin: 20px 0;
}

/* Prev / Next Buttons */
#previous, #next {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 25px;
    background-color: transparent;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 1.3rem;
    border: 2px solid #286159;
    transition: all 0.3s ease;
}
#previous:hover, #next:hover {
    background-color: #286159;
    color: #FFFFFF;
}
@media (max-width: 1024px) {
    #previous, #next { font-size: 1.0rem; }
}
@media (max-width: 767px) {
    #previous, #next { font-size: 1.0rem; }
}

/* Grid Layout */
.lesson-grid {
  display: grid;
  grid-template-columns: 25% 50% 25%;
  gap: 20px;
  align-items: start;
}
.lesson-heading h1 { text-transform: uppercase; font-weight: normal; }
.lesson-video { text-align: center; margin: 20px 0; }
.lesson-download-title { margin-top: 30px; }
.lesson-navigation { margin-top: 30px; }
.lesson-sidebar { background: transparent; }
.lesson-right { display: flex; justify-content: center; align-items: center; }

/* Prev/Next Button Wrapper */
.lesson-nav-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 30px;
}
.lesson-prev { text-align: left; }
.lesson-next { text-align: right; }

/* Responsiv */
@media (max-width: 1024px) {
  .lesson-grid { grid-template-columns: 20% 60% 20%; }
}
@media (max-width: 767px) {
  .lesson-grid { grid-template-columns: 1fr; }
  .lesson-sidebar { order: 2; margin-top: 20px; }
  .lesson-right { display: none; }
  .lesson-nav-buttons { grid-template-columns: 1fr 1fr; }
}