/* ========================================
   Lessons
======================================== */
.cce-lesson-list {

    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;

}

.cce-lesson-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    padding: 25px;

    background: #fff;

    border: 2px solid #000;

    border-radius: 10px;

}

.cce-lesson-content {

    flex: 1;

}

.cce-lesson-content h3 {

    margin: 0 0 10px;

    font-size: 30px;

    color: #a81010;

    line-height: 1.2;

}

.cce-lesson-content p {

    margin: 0;

    font-size: 18px;

    line-height: 1.7;

    color: #000 !important;

    max-width: 700px;

}

.cce-lesson-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #a81010;

    color: #fff !important;

    padding: 12px 20px;

    border-radius: 6px;

    text-decoration: none !important;

    white-space: nowrap;

    flex-shrink: 0;

    font-weight: 600;

}

.cce-lesson-button:hover {

    background: #7d0c0c;

}
/* ========================================
   Lesson navigation
======================================== */
.cce-lesson-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 2px solid #ddd;
    flex-wrap: wrap;
}

.cce-nav-left,
.cce-nav-center,
.cce-nav-right {
    flex: 1;
}

.cce-nav-center {
    text-align: center;
}

.cce-nav-right {
    text-align: right;
}

.cce-nav-button {
    display: inline-block;
    padding: 12px 22px;
    background: #000;
    color: #fff;
    border: 2px solid #a81010;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border-radius: 6px;
}

.cce-nav-button:hover {
    background: #a81010;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 768px) {

    .cce-lesson-navigation {
        flex-direction: column;
        align-items: stretch;
    }

    .cce-nav-left,
    .cce-nav-center,
    .cce-nav-right {
        text-align: center;
    }

    .cce-nav-button {
        width: 100%;
    }
}

/* =========================================
   QSM QUIZ STYLING
========================================= */

/* Main Quiz Container */

.qsm-quiz-container:not(.qmn_results_page) {

    background: #fff;
    padding: 30px;
    border: 2px solid #000;
    border-radius: 10px;
    margin-top: 40px;

}

/* Quiz Titles */

.qsm-quiz-container h1,
.qsm-quiz-container h2,
.qsm-quiz-container h3 {

    color: #a81010;
    font-family: 'PT Serif', sans-serif;
    margin-bottom: 20px;

}

/* Questions */

.qsm-question-wrapper {

    margin-bottom: 30px;

}

.qsm-question-wrapper p,
.qsm-question-wrapper label {

    font-size: 18px;
    color: #000;

}

/* Radio Buttons */

.qsm-question-wrapper input[type="radio"] {

    margin-right: 10px;
    transform: scale(1.1);

}

/* Buttons */

.qsm-btn,
.qsm-submit-btn,
.qsm-start-btn,
.qsm-start-quiz,
.qsm-next,
.qmn_btn,
button.qsm-submit-btn,
input.qsm-submit-btn,
.mlw_qmn_quiz input[type=button],
.mlw_qmn_quiz input[type=submit] {

    background: #a81010 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 14px 28px !important;
    font-size: 16px !important;
    transition: 0.3s ease;

}

.qsm-btn:hover,
.qsm-submit-btn:hover,
.qsm-start-btn:hover,
.qsm-start-quiz:hover,
.qsm-next:hover,
.qmn_btn:hover,
.mlw_qmn_quiz input[type=button]:hover,
.mlw_qmn_quiz input[type=submit]:hover {

    background: #7d0c0c !important;
    color: #fff !important;

}

/* Correct / Incorrect */

.qsm-correct-answer,
.qsm-text-correct {

    color: green !important;
    font-weight: bold;

}

.qsm-incorrect-answer,
.qsm-text-incorrect {

    color: #a81010 !important;
    font-weight: bold;

}

/* Results Page Cleanup */

.qsm-results-page,
.qmn_results_page {

    background: #fff !important;
    padding: 30px !important;
    margin-top: 30px !important;
    border: none !important;
    box-shadow: none !important;

}

/* Remove Weird Plugin Borders / Bars */

.qsm-results-page *,
.qmn_results_page * {

    border-left: none !important;

}

/* Remove Excessive Lists / Indents */

.qsm-results-page ul,
.qmn_results_page ul {

    margin-left: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;

}

/* Mobile */

@media (max-width: 768px) {

    .qsm-quiz-container {

        padding: 20px;

    }

    .qsm-btn,
    .qsm-submit-btn,
    .qsm-start-btn,
    .qsm-start-quiz,
    .qsm-next {

        width: 100%;

    }

}

/* =========================================
   RESULTS PAGE RESET
========================================= */

.qmn_results_page,
.qsm-results-page,
.qmn_results_page.qsm-quiz-container {

    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;

}

/* Previous / Next Buttons */

.qsm-previous-btn,
.qsm-next-btn {

    background: #a81010 !important;
    color: #fff !important;

    padding: 14px 28px !important;

    border-radius: 6px !important;

    text-decoration: none !important;
    border: none !important;

}