/* LearnDash Styles */

/* Course Page Styles */

.ld-progress-steps,
.my-courses-widget .ld-progress-percentage {
    color: var(--black) !important;
}

.ld-course-status,
.ld-item-list-items .ld-item-list-item-preview {
    background: var(--light-grey) !important;
}

.ld-item-list-items .ld-item-list-item-preview:hover {
    background: var(--very-light-grey) !important;
}

.my-courses-widget article.course {
    padding: 15px !important;
    border: none !important;
    background: var(--light-grey) !important;
    border-radius: 16px !important;
}

.my-courses-widget article.course img {
    border-radius: 8px !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon:before {
    border-top-color: var(--dark-grey) !important;
    border-right-color: var(--dark-grey) !important;
}
.my-courses-widget article.course .ribbon:not(.enrolled) {
    background: var(--dark-grey) !important;
    color: white !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled:before {
    border-top-color: var(--orange) !important;
    border-right-color: var(--orange) !important;
}

.my-courses-widget article.course .ribbon {
    background: var(--orange) !important;
    color: var(--dark-grey) !important;
    text-shadow: unset !important;
    border-radius: 4px 16px 16px 0 !important;
    padding-right: 15px !important;
    box-shadow: unset !important;
    top: 30px !important;
}

.my-courses-widget article.course h3 {
    font-size: 22px !important;
}

.my-courses-widget .ld_course_grid .ld_course_grid_button {
    margin-top: 15px !important;
}

.my-courses-widget .ld_course_grid_button a {
    background: var(--orange) !important;
    border: none !important;
    border-radius: 25px !important;
    color: var(--dark-grey) !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
}

.my-courses-widget .ld_course_grid_button a:hover {
    background: var(--dark-grey) !important;
    color: white !important;
}

.my-courses-widget .ld-progress {
    margin-bottom: 0 !important;
}

.ld-focus-header .ld-progress-bar,
.my-courses-widget .ld-progress-bar {
    background-color: var(--very-light-grey) !important;
}

.my-courses-widget .ld-course-list-items .ld_course_grid .ld_course_grid_button {
    margin-top: 10px !important;
}

@media(max-width: 1300px) {
    .my-courses-widget article.course h3 {
        font-size: 20px !important;
    }
}

@media(max-width: 1000px) {
    .my-courses-widget article.course h3 {
        font-size: 18px !important;
    }

    .my-courses-widget .ld_course_grid_button a {
        font-size: 13px !important;
    }
}

@media(max-width: 800px) {
    .my-courses-widget .ld-course-list-items .ld_course_grid {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-bottom: 30px !important;
    }

    .my-courses-widget .caption {
        padding: 10px 5px 0 !important;
    }
}

@media(max-width: 690px) {
    .my-courses-widget article.course h3 {
        font-size: 16px !important;
    }

    .my-courses-widget .ld_course_grid_button a {
        font-size: 13px !important;
    }

    .my-courses-widget .ld-progress {
        margin-top: 8px !important;
    }
}

@media(max-width: 480px) {
    .my-courses-widget .ld-course-list-items .ld_course_grid {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 30px !important;
    }

    .my-courses-widget article.course h3 {
        font-size: 18px !important;
    }
}

/* Course Infobar Styles */

#course-infobar-wrapper .ld-progress-steps {
    display: none !important;
}

#course-infobar-wrapper .ld-course-status {
    padding: 0 !important;
    margin: 0 !important;
}

#course-infobar-wrapper .ld-course-status-label {
    color: var(--dark-grey) !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
}

#course-infobar-wrapper .ld-course-status-action a.button:hover,
#course-infobar-wrapper .ld-status-waiting {
    background: var(--dark-grey) !important;
    color: white !important;
}

#course-infobar-wrapper .ld-course-status-seg-status .ld-status {
    padding: 10px 26px !important;
    border-radius: 25px !important;
    font-size: 14px !important;
}

#course-infobar-wrapper .ld-course-status-action a.button {
    padding: 10px 26px !important;
    border-radius: 25px !important;
    background: var(--orange) !important;
    color: var(--dark-grey) !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

#course-infobar-wrapper .ld-course-status-seg-price .ld-course-status-price {
    font-size: 36px !important;
    color: var(--dark-grey) !important;
}

#course-infobar-wrapper .ld-course-status-segment {
    border-color: white !important;
    border-width: 1px !important;
}

#course-infobar-wrapper .ld-course-status-content {
    margin-bottom: 0 !important;
    height: unset !important;
}

#course-infobar-wrapper .ld-course-status-not-enrolled .ld-course-status-segment {
    display: flex !important;
    flex-direction: column !important;
}

@media(max-width: 1000px) {
    #course-infobar-wrapper .ld-course-status-action a.button,
    #course-infobar-wrapper .ld-course-status-seg-status .ld-status {
        font-size: 12px !important;
        padding: 10px 15px !important;
        margin-bottom: 0 !important;;
    }

    #course-infobar-wrapper .ld-course-status-seg-price .ld-course-status-price {
        font-size: 32px !important;
    }
}

@media(max-width: 800px) {
    #course-infobar-wrapper .ld-course-status-not-enrolled .ld-course-status-segment {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media(max-width: 640px) {
    #course-infobar-wrapper .ld-course-status-not-enrolled {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        row-gap: 15px !important;
        align-items: flex-start !important;
    }

    #course-infobar-wrapper .ld-course-status-not-enrolled .ld-course-status-segment {
        width: 50% !important;
    }

    #course-infobar-wrapper .ld-course-status-not-enrolled .ld-course-status-seg-action {
        order: 1 !important;
    }

    #course-infobar-wrapper .ld-course-status-not-enrolled .ld-course-status-seg-price {
        order: 2 !important;
    }

    #course-infobar-wrapper .ld-course-status-not-enrolled .ld-course-status-seg-status {
        order: 3 !important;
    }

    #course-infobar-wrapper .ld-course-status-not-enrolled .ld-course-status-segment {
        border-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #course-infobar-wrapper .ld-course-status-action a.button,
    #course-infobar-wrapper .ld-course-status-seg-status .ld-status {
        padding: 8px 12px !important;
    }

    #course-infobar-wrapper .ld-course-status-not-enrolled .ld-course-status-segment {
        padding: 0 !important;
    }

    #course-infobar-wrapper .ld-course-status-seg-price .ld-course-status-price {
        font-size: 28px !important;
    }

    #course-infobar-wrapper .ld-course-status-label {
        margin-bottom: 5px !important;
    }
}

/* Single Lesson Styles */

.learndash-wrapper:not(.ld-registration__outer-wrapper) #sfwd-mark-complete:after,
.learndash-wrapper:not(.ld-registration__outer-wrapper) .sfwd-mark-complete:after {
    display: none !important;
}

.ld-focus-content h1,
.ld-focus-content h2,
.ld-focus-content h3,
.ld-focus-content .ld-tabs-content,
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span:after {
    color: var(--black) !important;
}

.ld-focus-content .ld-tabs-content p a {
    color: var(--orange) !important;
    text-decoration: underline !important;
}

.ld-focus-content .ld-video {
    margin-bottom: 30px;
    border-radius: 12px;
}

.ld-focus-content h1 {
    font-size: 32px;
    letter-spacing: -2.4px !important;
}

.ld-focus-sidebar h3 {
    font-size: 18px !important;
    letter-spacing: -0.8px !important;
}

.ld-focus-sidebar-wrapper .ld-lesson-item-preview,
.ld-focus-sidebar-wrapper {
    background: var(--very-light-grey) !important;
}

.ld-focus-sidebar-wrapper .ld-is-current-lesson .ld-lesson-item-preview,
.ld-focus-sidebar-wrapper .ld-lesson-item-preview:hover {
    background: white !important;
}

.learndash-wrapper .ld-content-actions,
.learndash-wrapper .ld-focus .ld-focus-sidebar,
.ld-focus-sidebar-wrapper .ld-lesson-item {
    border-color: var(--light-grey) !important;
}

.ld-focus-header,
.ld-brand-logo,
.ld-course-navigation-heading {
    background: var(--light-grey) !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon {
    background: var(--light-grey);
    color: var(--dark-grey) !important;
}

body .learndash-wrapper .ld-focus .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld--ignore-inline-css) {
    background: transparent !important;
    border: 1px solid var(--orange) !important;
    border-radius: 25px !important;
    color: var(--dark-grey) !important;
    text-transform: uppercase !important;
    padding: 11px !important;
}

body .learndash-wrapper .ld-focus .ld-button:hover:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld--ignore-inline-css){
    background: var(--dark-grey) !important;
    border-color: var(--dark-grey) !important;
    color: white !important;
}

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .ld-lesson-status {
    border-radius: 25px !important;
    margin-bottom: 30px !important;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-status-incomplete,
.ld-lesson-item-preview-heading .ld-status-incomplete {
    border-color: var(--orange) !important;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:hover,
.learndash-wrapper .ld-course-status .ld-status.ld-status-complete {
    background: var(--orange) !important;
    color: var(--dark-grey) !important;
    opacity: 1 !important;
}

.ld-breadcrumbs .ld-status {
    margin-bottom: 0;
}

.ld-user-menu-items a:last-child {
    border-radius: 0 0 16px 16px !important;
}

.ld-content-actions a {
    font-weight: 600;
}

.ld-content-action .ld-course-step-back {
    font-size: 12px !important;
    padding-top: 10px !important;
    padding-bottom: 0 !important;
    justify-content: center !important;
}

.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button {
    background: var(--orange) !important;
    color: var(--dark-grey) !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.learndash-wrapper .learndash_mark_complete_button:hover,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:hover {
    background: var(--dark-grey) !important;
    color: white !important;
}

form.sfwd-mark-complete {
    margin-left: 0 !important;
}

.ld-progress-steps {
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

@media(max-width: 1300px) {
    .ld-focus-content h1 {
        font-size: 28px;
    }
}

@media(max-width: 1000px) {
    .ld-focus-content h1 {
        font-size: 26px;
    }
}

@media(max-width: 800px) {
    .ld-focus-content {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

@media(max-width: 640px) {
    .ld-focus-content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .ld-focus-content h1 {
        font-size: 24px;
    }

    .ld-content-action {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}

@media(max-width: 480px) {
    .ld-focus-content h1 {
        font-size: 22px;
    }

    .ld-focus-header .ld-content-actions .ld-button,
    .ld-focus-header .ld-content-actions .learndash_mark_complete_button {
        font-size: 11px !important;
    }
}

/* General Styles */

#learndash-course-header,
#learndash-course-header div,
.learndash_content_wrap,
.learndash_content_wrap .elementor-element .e-con-inner {
    max-width: 1700px !important;
    width: 100% !important;
}

.ld-course-status,
.ld-item-list-items .ld-item-list-item-preview,
.learndash-wrapper .ld-item-list .ld-item-list-item {
    border: none !important;
    border-radius: 16px !important;
}

.ld-item-name {
    align-items: center !important;
}

.lms-lesson-item.current>.bb-lesson-head,
.lms-quiz-item.current>.bb-lms-title-wrap,
.lms-topic-item.current>.bb-lms-title-wrap {
    background: var(--orange) !important;
    color: white !important;
}

#learndash-page-content .sfwd-course-nav .learndash_next_prev_link {
    width: fit-content !important;
}

#learndash-page-content .sfwd-course-nav .learndash_next_prev_link span.next-link {
    margin-left: 10px;
}

#account-data-export-form,
#export-personal-li,
#wp-admin-bar-my-account-settings-export,
.bb-single-course-sidebar .bb-course-preview-content .ld-status-incomplete,
#course-dir-list .bb-course-pay,
#sfwd_cats-order-by,
#sfwd_instructors-order-by,
.bb-course-points,
.lms-header-title,
.lms-header-instructor {
    display: none !important;
}

.elementor-blockquote__content,
#course-dir-list .bb-course-excerpt {
    margin-bottom: 0 !important;
}

#learndash-course-header,
#learndash-page-content .learndash_content_wrap {
    padding-top: 0;
}

.learndash_next_prev_link span.empty-post.prev-link,
.learndash_next_prev_link a.prev-link {
    border-radius: 25px 0 0 25px !important;
}

.learndash_next_prev_link span.empty-post.next-link,
.learndash_next_prev_link a.next-link {
    border-radius: 0 25px 25px 0 !important;
}

#learndash-page-content .sfwd-course-nav .learndash_next_prev_link a {
    /*background: var(--dark-teal) !important;*/
}

div.bb-lms-header .bb-position {
    margin-bottom: 15px !important;
}

.ld-content-actions {
    justify-content: center !important;
}

.learndash_content_wrap .ld-tabs-content {
    margin-bottom: 30px;
}

@media(max-width: 820px) {
    .bb-course-banner-info .entry-title {
        display: none !important;
    }

    body #content .bb-single-course-sidebar {
        margin-top: -70px !important;
        margin-bottom: 0 !important;
    }

    .bb-course-banner-inner .bb-course-category {
        position: absolute !important;
        right: 0 !important;
        top: 10px !important;
    }
}

@media(max-width: 480px) {
    .bb-courses-header .bb-title {
        font-size: 24px !important;
    }
}