/* LearnDash Styles */

#content.sfwd-courses {
    max-width: 100% !important;
    padding: 0 !important;
}

#content.sfwd-courses .page-header {
    padding: 120px 50px 80px !important;
    background:
            url('/wp-content/uploads/2025/02/gradient-bg.jpg') center / cover no-repeat,
            var(--header-grad) !important;
    background-color: var(--purple) !important;
}

#content.sfwd-courses .page-content {
    padding: 70px 50px !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
}

.ld-course-status,
.ld-accordion__header,
.ld-accordion__heading {
    margin-top: 0 !important;
}

.ld-accordion__header .ld-accordion__expand-button:hover,
.ld-accordion__header .ld-accordion__expand-button {
    padding: 8px 20px !important;
    font-family: var(--body-font) !important;
    letter-spacing: 1.6px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    line-height: 1em !important;
    margin-bottom: 0 !important;
}

.ld-accordion__header .ld-accordion__expand-button:hover {
    background: var(--orange-grad-reverse) !important;
}

.ld-accordion__header .ld-accordion__expand-button svg {
    height: 16px !important;
    width: 16px !important;
}

#content.sfwd-courses aside.ld-layout__sidebar > div {
    background: var(--light-grey) !important;
    border: none !important;
    color: var(--text) !important;
}

#content.sfwd-courses h1 {
    text-align: center !important;
    font-size: 40px !important;
    color: white !important;
    margin: 0 auto !important;
}

.ld-accordion__expand-button {
    background: 0 0 !important;
}

.ld-accordion__item-header--lesson {
    position: relative !important;
}

.ld-accordion__item-attributes--lesson {
    min-width: fit-content !important;
    padding-right: 40px !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap;
}

.ld-accordion__item-attribute-icon {
    width: 22px !important;
}

.ld-accordion__expand-button--lesson::before {
    display: none !important;
}

.ld-accordion__expand-button--lesson {
    border: none !important;
    padding: 0 !important;
    z-index: 1 !important;
}

.ld-accordion__expand-button--lesson svg {
    overflow: visible !important;
    margin-right: 10px !important;
}

.ld-accordion__expand-button--lesson .ld-accordion__expand-button-text {
    overflow: hidden !important;
    display: none !important;
}

.ld-accordion__item-header .ld-accordion__item-header {
    width: 100% !important;
}

.ld-accordion__item-steps {
    border-top: 2px solid white !important;
}

.ld-accordion__item--topic {
    grid-template-areas: "title icon" "attributes icon" !important;
    grid-template-columns: auto min-content !important;
    padding: 0 40px 0 20px !important;
}

.ld-accordion__item-icon--progress {
    color: var(--blue) !important;
}

.ld-accordion__item-icon--progress path {
    fill: var(--blue) !important;
}

.ld-accordion__item:focus-within, .ld-accordion__item:has(.ld-accordion__expand-button[aria-expanded=true]),
.ld-accordion__item:hover {
    border-radius: 16px !important;
    background: var(--light-grey) !important;
}

.ld-accordion__heading {
    font-size: 28px !important;
}

.ld-accordion__item-title--topic {
    width: 100% !important;
    font-size: 16px !important;
    color: var(--text) !important;
    text-decoration: none !important;
}

.ld-accordion__item-title:hover {
    color: var(--orange) !important;
}

#content.sfwd-courses .ld-course-status {
    background: var(--light-grey) !important;
    padding: 15px 30px !important;
    /*margin: 30px 0 0 !important;*/
}

.ld-accordion__content .ld-accordion__section {
    padding: 0 !important;
    border: none !important;
}

.ld-accordion__item-header {
    flex-direction: row !important;
    gap: 0 !important;
    padding: 0 !important;
}

.ld-accordion__item-header:hover {
    background: transparent !important;
}

.ld-accordion__item-header .ld-accordion__item-title--lesson {
    width: 100% !important;
    padding: 20px !important;
    background: var(--light-grey) !important;
    border-radius: 16px 0 0 16px !important;
    color: var(--text) !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.ld-accordion__item--lesson {
    grid-template-columns: 100% 0px !important;
}

.ld-featured-image img {
    margin-bottom: 30px !important;
}

.ld-accordion__item-attributes {
    /*margin-left: -40px !important;*/
    background: var(--light-grey) !important;
    border-radius: 0 16px 16px 0 !important;
}

.ld-accordion__item-attribute-icon--progress {
    color: var(--orange) !important;
    width: 25px !important;
    height: 25px !important;
}

.ld-accordion__item-attribute-label {
    display: none !important;
}

.ld-enrollment a.btn-join {
    padding: 15px 30px !important;
    background: var(--orange-grad) !important;
    border: none !important;
    color: var(--text) !important;
    letter-spacing: 1.6px !important;
    font-weight: 700 !important;
    line-height: 1em !important;
    font-size: 12px !important;
    border-radius: 25px !important;
    text-transform: uppercase !important;
    margin: 0 auto !important;
}

.ld-enrollment__join .ld-enrollment__join-button:hover,
.ld-enrollment a.btn-join:hover {
    background: var(--orange-grad-reverse) !important;
    color: var(--text) !important;
    letter-spacing: 1.6px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    line-height: 1em !important;
    font-size: 12px !important;
}

@media(max-width: 1300px) {
    #content.sfwd-courses .page-header {
        padding: 100px 50px 70px !important;
    }

    #content.sfwd-courses h1 {
        font-size: 36px !important;
    }
}

@media(max-width: 1000px) {
    #content.sfwd-courses h1 {
        font-size: 32px !important;
    }

    .ld-accordion__heading {
        font-size: 24px !important;
    }
}

@media(max-width:690px) {
    #content.sfwd-courses .page-header {
        padding: 90px 30px 50px !important;
    }

    #content.sfwd-courses .page-content {
        padding: 50px 30px !important;
    }

    #content.sfwd-courses h1 {
        font-size: 28px !important;
    }

    .ld-progress-stats {
        gap: 10px !important;
    }

    .ld-accordion__item-title {
        font-size: 14px !important;
    }
}

/* Course Grid Styles */

.learndash-course-grid .items-wrapper {
    grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;
    display: grid;
    column-gap: 30px;
    row-gap: 30px;
}

.learndash-course-grid .items-wrapper.grid .post {
    line-height: 1em;
    background-color: var(--light-grey);
    border: none;
    overflow: hidden !important;
    border-radius: 16px !important;
    display: inline-block;
    max-width: 100%;
    height: auto;
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
}

.learndash-course-grid .items-wrapper .grid-2 .thumbnail {
    margin: 0;
    padding: 0;
    position: relative;

}

.learndash-course-grid .items-wrapper .grid-2 .thumbnail img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.learndash-course-grid .items-wrapper .grid-2 .ribbon {
    text-shadow: none;
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 15px;
    left: auto;
    padding: 10px 12px;
    border-radius: 6px;
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px !important;
    background: var(--orange);
    font-weight: bold;
}

.learndash-course-grid .items-wrapper .grid-2 .thumbnail .arrow {
    display: none;
}

.learndash-course-grid .items-wrapper .grid-2 .content {
    padding: 30px;
}

.learndash-course-grid .items-wrapper .grid-2 h3 {
    margin-top: 0;
    font-size: 1.2rem;
}

.learndash-course-grid .items-wrapper .grid-2 h3 a {
    color: var(--text);
}


.learndash-course-grid .items-wrapper .grid-2 h3 a:hover {
    color: var(--orange);
}

.learndash-course-grid .items-wrapper .grid-2 .content .button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 25px;
    width: 100%;
}

.learndash-course-grid .items-wrapper .grid-2 .content .button a {
    color: var(--text);
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background: var(--orange-grad);
    border: none;
    border-radius: 25px;
    font-size: 13px;
    padding: 12px 0;
    text-transform: uppercase;
    letter-spacing: 1.6px;
}

.learndash-course-grid .items-wrapper .grid-2 .content .button a:hover {
    background: var(--orange-grad-reverse) !important;
}

@media(max-width: 1000px) {
    .learndash-course-grid .items-wrapper {
        grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
    }
}

@media(max-width: 690px) {
    .learndash-course-grid .items-wrapper {
        grid-template-columns: repeat(1, minmax(0px, 1fr)) !important;
    }
}

/* Course Page Styles */

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

.learndash-wrapper--course .ld-course-status {
    background: transparent !important;
    margin: 0 !important;
}

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

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

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview {
    padding: 16px !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(--purple) !important;
    border-right-color: var(--purple) !important;
}
.my-courses-widget article.course .ribbon:not(.enrolled) {
    background: var(--purple) !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(--text) !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-grad) !important;
    border: none !important;
    border-radius: 25px !important;
    color: var(--text) !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
}

.my-courses-widget .ld_course_grid_button a:hover {
    background: var(--orange-grad-reverse) !important;
    color: var(--text) !important;
}

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

.my-courses-widget .ld-progress-bar {
    background-color: var(--opaque-grey) !important;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-bar {
    background: white !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 {
    background: var(--purple-grad);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: var(--purple);
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    width: fit-content !important;
    margin: 0 auto 10px !important;
}

#course-infobar-wrapper .ld-course-status-action a.button:hover {
    background: var(--orange-grad-reverse) !important;
}

#course-infobar-wrapper .ld-status-waiting {
    background: var(--text) !important;
    color: white !important;
}

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

#course-infobar-wrapper .ld-course-status-action a.button {
    padding: 10px 26px !important;
    border-radius: 25px !important;
    background: var(--orange-grad) !important;
    color: var(--text) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.6px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

#course-infobar-wrapper .ld-course-status-seg-price .ld-course-status-price {
    font-size: 22px !important;
    color: var(--text) !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 .ld-table-list {
    border-radius: 16px !important;
}

.learndash-wrapper .ld-table-list-header {
    background:
            url('/wp-content/uploads/2025/02/gradient-bg.jpg') center / cover no-repeat,
            var(--header-grad) !important;
    background-color: var(--purple) !important;
}

.ld-table-list,
.learndash-wrapper .ld-table-list-items {
    background: var(--light-grey) !important;
    border: none !important;
}

.learndash-wrapper .ld-table-list-items .ld-topic-title,
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-lesson-title {
    font-weight: 600 !important;
}

.learndash-wrapper .ld-table-list .ld-table-list-item {
    border-color: white !important;
}

.ld-focus-sidebar-wrapper .ld-expand-button {
    border: none !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
}

.ld-lesson-item-expanded .ld-table-list-items {
    padding: 0 !important;
}

.learndash-wrapper .ld-lesson-item-expanded .ld-table-list {
    padding-top: 0 !important;
}

.learndash-wrapper .ld-lesson-item-expanded .ld-table-list,
.learndash-wrapper .ld-lesson-item-expanded .ld-table-list-item {
    background: white !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:not(:hover):not(:focus) .ld-icon {
    background: var(--orange) !important;
    border-color: var(--orange) !important;
}

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

.ld-focus-mode-course-heading-wrapper {
    padding: 0 !important;
}

.ld-focus-mode-course-heading-wrapper .ld-icon-content {
    display: none !important;
}

.ld-tab-content ol li a img{
    margin-bottom: 20px !important;
}

.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-tabs-navigation button {
    background: unset !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(--text) !important;
}

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

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

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

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

.ld-focus-sidebar-wrapper .ld-lesson-item-preview,
.ld-focus-sidebar-wrapper {
    background: var(--opaque-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;
}

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

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
    background:
            url('/wp-content/uploads/2025/02/gradient-bg.jpg') center / cover no-repeat,
            var(--header-grad) !important;
    background-color: var(--purple) !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger {
    background: transparent !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon {
    background: var(--light-grey);
    color: var(--text) !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(--text) !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(--text) !important;
    border-color: var(--text) !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(--text) !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-grad) !important;
    color: var(--text) !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(--orange-grad-reverse) !important;
    color: var(--text) !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;
    }
}