/* ==========================================================
   EPDM ACADEMY - LEARNDASH COURSE PLAYER BRAND SKIN
   ========================================================== */

:root {
    --epdm-academy-blue: #003352;
    --epdm-academy-cyan: #0097AE;
    --epdm-academy-green: #57A650;
    --epdm-academy-yellow: #F9AF05;
    --epdm-academy-red: #EB5D3E;
    --epdm-white: #ffffff;
    --epdm-text: #1f2933;
    --epdm-grey-100: #f5f7f8;
    --epdm-grey-200: #e6eaed;
    --epdm-grey-300: #d5dce1;
    --epdm-radius: 4px;
}

/* Main Focus Mode background */
.learndash-wrapper .ld-focus {
    background-color: var(--epdm-academy-blue) !important;
    background-image: url('../images/texture.png') !important;
    background-repeat: repeat !important;
    background-position: top center !important;
    background-size: auto !important;
}

/* Sidebar */
.learndash-wrapper .ld-focus-sidebar {
    background: var(--epdm-white) !important;
}

.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading {
    background: var(--epdm-academy-blue) !important;
    color: var(--epdm-white) !important;
}

.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading h3,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading a,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-heading .ld-icon {
    color: var(--epdm-white) !important;
}

.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-list .ld-is-current-item > a,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-list .ld-is-current-item .ld-topic-title,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-list .ld-is-current-item .ld-lesson-title {
    color: var(--epdm-academy-blue) !important;
    font-weight: 700 !important;
}

/* Main lesson surface */
.learndash-wrapper .ld-focus-main .ld-focus-content {
    background: var(--epdm-white) !important;
}

.learndash-wrapper .ld-focus-content {
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Headings */
.learndash-wrapper .ld-focus-content h1,
.learndash-wrapper .ld-focus-content h2,
.learndash-wrapper .ld-focus-content h3,
.learndash-wrapper .ld-focus-content h4 {
    color: var(--epdm-academy-blue);
    font-weight: 700;
}

/* Standard buttons */
.learndash-wrapper .ld-button,
.learndash-wrapper a.ld-button,
.learndash-wrapper button.ld-button,
.learndash-wrapper input[type="submit"].ld-button,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper .ld-content-action input[type="submit"] {
    background: var(--epdm-academy-blue) !important;
    color: var(--epdm-white) !important;
    border: 2px solid var(--epdm-academy-blue) !important;
    border-radius: var(--epdm-radius) !important;
    font-weight: 700 !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.learndash-wrapper .ld-button:hover,
.learndash-wrapper a.ld-button:hover,
.learndash-wrapper button.ld-button:hover,
.learndash-wrapper input[type="submit"].ld-button:hover,
.learndash-wrapper .learndash_mark_complete_button:hover,
.learndash-wrapper .ld-content-action input[type="submit"]:hover {
    background: var(--epdm-academy-cyan) !important;
    border-color: var(--epdm-academy-cyan) !important;
    color: var(--epdm-white) !important;
}

/* Previous / next navigation */
.learndash-wrapper .ld-content-actions .ld-button {
    border-radius: var(--epdm-radius) !important;
    padding-left: 24px;
    padding-right: 24px;
}

/* LearnDash content tabs */
.learndash-wrapper .ld-tabs .ld-tabs-navigation {
    border-bottom-color: var(--epdm-grey-300) !important;
}

.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab {
    color: #596773 !important;
}

.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab:hover {
    color: var(--epdm-academy-cyan) !important;
}

.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active {
    color: var(--epdm-academy-blue) !important;
}

.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active:after {
    background: var(--epdm-academy-blue) !important;
}

.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active .ld-icon {
    color: var(--epdm-academy-blue) !important;
}

/* Progress */
.learndash-wrapper .ld-progress .ld-progress-bar {
    background: var(--epdm-grey-200) !important;
}

.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
    background: var(--epdm-academy-blue) !important;
}

.learndash-wrapper .ld-progress .ld-progress-heading,
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
    color: var(--epdm-academy-blue) !important;
}

/* Lesson/topic list */
.learndash-wrapper .ld-item-list .ld-item-list-item,
.learndash-wrapper .ld-item-list .ld-item-list-item-preview {
    border-color: var(--epdm-grey-200) !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item-preview:hover {
    background: var(--epdm-grey-100) !important;
}

/* Lesson Content header */
.learndash-wrapper .ld-item-list .ld-section-heading,
.learndash-wrapper .ld-item-list .ld-section-heading h2,
.learndash-wrapper .ld-item-list .ld-section-heading h3 {
    color: var(--epdm-academy-blue) !important;
}

/* Completed / passed */
.learndash-wrapper .ld-status-complete,
.learndash-wrapper .ld-status-icon.ld-status-complete,
.learndash-wrapper .ld-status-icon.ld-quiz-complete {
    background-color: var(--epdm-academy-green) !important;
    border-color: var(--epdm-academy-green) !important;
    color: var(--epdm-white) !important;
}

.learndash-wrapper .ld-item-list-item.ld-item-list-item-complete .ld-item-name,
.learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-complete + .ld-lesson-item-preview-heading {
    color: var(--epdm-academy-green) !important;
}

/* Status badges */
.learndash-wrapper .ld-status {
    border-radius: var(--epdm-radius) !important;
    font-weight: 700 !important;
}

.learndash-wrapper .ld-status-in-progress {
    background: var(--epdm-academy-blue) !important;
    color: var(--epdm-white) !important;
}

/* Breadcrumbs */
.learndash-wrapper .ld-breadcrumbs {
    background: var(--epdm-grey-100) !important;
    border-radius: var(--epdm-radius) !important;
}

.learndash-wrapper .ld-breadcrumbs a {
    color: var(--epdm-academy-blue) !important;
}

/* Links */
.learndash-wrapper .ld-focus-content a:not(.ld-button) {
    color: var(--epdm-academy-blue);
}

.learndash-wrapper .ld-focus-content a:not(.ld-button):hover {
    color: var(--epdm-academy-cyan);
}

/* Focus accessibility */
.learndash-wrapper a:focus-visible,
.learndash-wrapper button:focus-visible,
.learndash-wrapper input:focus-visible {
    outline: 3px solid var(--epdm-academy-yellow) !important;
    outline-offset: 3px;
}

@media (max-width: 1024px) {
    .learndash-wrapper .ld-focus-content {
        max-width: 100% !important;
    }
}

/* ==========================================================
   EPDM ACADEMY - BRAND COLOUR CORRECTIONS
   Force remaining LearnDash default blue states to Academy Blue.
   ========================================================== */

/* Current lesson / active lesson in the left Focus Mode navigation */
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title a,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading a,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation .ld-is-current-item .ld-lesson-title,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation .ld-is-current-item .ld-lesson-title a,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation .ld-is-current-item .ld-topic-title,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation .ld-is-current-item .ld-topic-title a,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation-list .ld-is-current-item > a {
    color: var(--epdm-academy-blue) !important;
}

/* Current lesson expand/collapse icon */
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-expand-button,
.learndash-wrapper .ld-focus-sidebar .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-expand-button .ld-icon {
    color: var(--epdm-academy-blue) !important;
}

/* Lesson Content section header in the main lesson area */
.learndash-wrapper .ld-item-list .ld-section-heading,
.learndash-wrapper .ld-item-list .ld-section-heading.ld-section-heading,
.learndash-wrapper .ld-focus-content .ld-item-list .ld-section-heading {
    background-color: var(--epdm-academy-blue) !important;
    border-color: var(--epdm-academy-blue) !important;
    color: var(--epdm-white) !important;
}

.learndash-wrapper .ld-item-list .ld-section-heading h2,
.learndash-wrapper .ld-item-list .ld-section-heading h3,
.learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-section-heading,
.learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-section-heading span,
.learndash-wrapper .ld-item-list .ld-section-heading .ld-progress-percentage,
.learndash-wrapper .ld-item-list .ld-section-heading .ld-progress-steps,
.learndash-wrapper .ld-item-list .ld-section-heading .ld-icon {
    color: var(--epdm-white) !important;
}

/* Some LearnDash versions render the section heading as the first list header */
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading,
.learndash-wrapper .ld-item-list.ld-topic-list .ld-section-heading {
    background: var(--epdm-academy-blue) !important;
}

/* ==========================================================
   COURSE NAVIGATION - SECTION HEADINGS
   ========================================================== */
.learndash-wrapper .ld-focus-sidebar .ld-lesson-item-section-heading,
.learndash-wrapper .ld-focus-sidebar span.ld-lesson-section-heading {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #000000 !important;
    color: #ffffff !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}
