@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.nsl-container {
    text-align: center !important;
}

.learndash-wrapper .ld-primary-color {
    color: #ffffff !important;
    border-color: transparent;
}
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo {
    padding: 0 1em;
    flex: 0 0 170px;
}
body.ld-in-focus-mode,
html:has(body.ld-in-focus-mode) {
    /*background-color: #003644;*/
}
body.learndash-cpt-sfwd-courses,
body.ld-in-focus-mode .learndash-wrapper,
.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo,
.learndash-wrapper .ld-focus .ld-focus-header {
    /*background-color: #003644;*/
    /*color: #ffffff;*/
}
/* content links */
.ld-tab-content a.in-cell-link {
    /*color: #008C65;*/
    text-decoration: underline !important;
}

/* mobile login */
.learndash-wrapper .ld-button.ld-login-button.ld-login {
    white-space: nowrap;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo {
    height: 51px;
}

/* user menu */
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {
    border: 0;
}

/* content actions */
.learndash-wrapper .ld-content-actions.topic, .learndash-wrapper .ld-content-actions.quiz
{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    z-index: 666;
}

/* alert */
.learndash-wrapper .ld-alert {
    margin-top: 60px;
    border-radius: 16px;
}

.learndash-wrapper .ld-lesson-status,
.learndash-wrapper .ld-topic-status,
.learndash-wrapper .ld-quiz-status
{
    display: none;
}

.learndash-wrapper .ld-alert .ld-alert-icon {
    top: -3px;
    font-size: 30px;
    border: 2px solid;
    right: calc(50% - 30px);
}
@media (max-width: 768px) {
    .learndash-wrapper .ld-alert .ld-alert-icon {
        top: -34px;
        right: 50%;
    }
}

/* course not enrolled bar */
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
    background-color: transparent;
    /*border: 1px solid #008C65;*/
}

/* course enrolled bar */
.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
    background-color: transparent;
    /*border: 1px solid #008C65;*/
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-progress {
    width: 100%;
}

.ld-progress-wrap,
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress-wrap {
    width: 100%;
    max-width: 100%;
}

.ld-progress-heading {
    align-items: center;
}
@media (max-width: 640px) {
    .learndash-wrapper .ld-progress .ld-progress-heading {
        flex-direction: row;
    }
}

.ld-progress-stats {
    display: flex;
    gap: 10px;
    margin-top: 6px;
}
@media (max-width: 768px) {
    .learndash-wrapper .ld-focus .ld-focus-header .ld-progress {
        padding: 0 6px;
    }
    .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-stats {
        text-align: start;
        flex-direction: column;
    }
}
.ld-back-to-course {
    white-space: nowrap;
}

@media (max-width: 640px) {
    .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-back-to-course {
        width: auto;
    }
}

.ld-back-to-course a {
    /*color: #ffffff;*/
    font-size: 14px;
    font-weight: bold;
    display: flex;
    gap: 4px;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-steps {
    font-size: 13px;
}

@media (max-width: 768px) {
    .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-steps {
        display: block;
    }
}

.ld-progress-stats .ld-progress-percentage {
    font-size: 16px;
}

/* progress bar */
.learndash-wrapper .ld-progress .ld-progress-bar,
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-bar {
    height: 14px;
    background: #ffffff46;
}
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
    height: 14px;
}


/* top focus navigation */
@media (max-width: 768px) {
    .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo {
        display: block;
    }
}


.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions {
    background: transparent;
}
.learndash-wrapper .ld-focus .ld-focus-header,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions,
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress,
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-content-action {
    border: 0;

}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions {
    justify-content: center;
}
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-text {
    display: none;
}
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions .ld-icon {
    color: #ffffff;
    font-size: 13px;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-content-actions div:nth-child(2) {
    order: initial;
}

/* Focus Content spacing */
.learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main {
    margin-right: 0;
}
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
    padding: 4em 1em 6em 1em;
}
@media (max-width: 768px) {
    .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main .ld-focus-content, .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
        padding: 2em 1em 8em 1em;
    }
}
@media (max-width: 640px) {
    .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main .ld-focus-content, .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
        margin: 0;
        padding-top: 0;
    }
}

/* Breadcrumbs */
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content .ld-lesson-status,
.learndash-wrapper .ld-topic-status,
.learndash-wrapper .ld-breadcrumbs {
    background: transparent;
    text-align: center;
}

.learndash-wrapper .ld-breadcrumbs {
    border: 1px solid #9AEBA2;
}

/* courses page */
body.learndash-cpt-sfwd-courses {
    min-height: 100vh;
}
body.learndash-cpt-sfwd-courses .ld-section-heading h2 {
    color: #ffffff;
}

.learndash-wrapper .ld-table-list .ld-table-list-items {
    /*color: #004723;*/
    padding-bottom: 120px;
}
.ld-focus-content {
    padding-bottom: 110px;
}

/* single course page */
.ld-lesson-list .ld-expand-button {
    display: none;
}
.learndash-listing-lock {
    width: 26px;
    height: 26px;
}

.ld-lesson-list a.ld-item-name {
    display: flex;
    align-items: center;
    gap: 10px;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-item-list-item {
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 16px;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-item-list-item.learndash-not-available {
    background-color: #cccccc;
    border-color: #cccccc;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-item-list-item .ld-item-list-item-preview {
    padding: 0;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-item-list-item .ld-item-name {
    width: 100%;
    padding: 20px;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-item-list-item .ld-item-title {
    font-size: 22px;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-item-list-item .ld-item-components {
    font-size: 14px;
    margin: 0;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-components {
    display: none;
}
/* lesson page */
.learndash-wrapper .ld-focus .ld-focus-main {
    width: 100%; /* no sidebar calc */
    margin-right: 0;
}
body.ld-in-focus-mode > .learndash-wrapper {
    min-height: 100vh;
}
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 10px;
}

.learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-item .ld-table-list-item-preview {
    /*color: #004723;*/
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list-header {
    /*color: #333333;*/
}

/* topic wrapper link */
a.ld-table-wrapper-link {
    margin: 33px 0 10px 0;
    display: flex;
    width: 100%;
    /*     align-items: center; */
    justify-content: center;
}
a.ld-table-wrapper-link:hover .ld-table-list-item {
    transform: scale(1.04) translate(0,-10px)
}

/* lessons topic list */
.learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-content-actions {
    border: 0;
}
.learndash-wrapper .ld-table-list .ld-table-list-header {
    background: transparent !important;
}
.learndash-wrapper .ld-table-list.ld-no-pagination {
    border: 0;
}
.learndash-wrapper .ld-table-list .ld-table-list-items {
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* 	align-items: center; */
}
.learndash-wrapper .ld-lesson-topic-list .ld-table-list .ld-table-list-item {
    /*border: 1px solid #9AEBA2;*/
    border-radius: 16px;
    margin: 28px 0 0 0;
    padding: 0;
    /*background: #ffffff;*/
    /*color: #000000;*/
    transition: all 0.3s;
    max-width: auto;
    width: 100%;
    text-align: center;
}

.learndash-wrapper .ld-lesson-topic-list .ld-table-list .ld-table-list-item .ld-table-list-item-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    padding: 0;
}


.learndash-wrapper .ld-lesson-topic-list .ld-table-list-item .ld-status-icon {
    flex-basis: 46px;
    height: 76px;
    width: 76px;
    top: -38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ld-topic-title,.ld-item-title {
    font-weight: bold;
}

.ld-topic-content {
    font-size: 12px;
    padding: 0 6px;
}

/* locked topic/quiz */
.ld-status-icon img {
    height: 40px;
}
.learndash-wrapper .ld-lesson-topic-list .ld-table-list .ld-table-list-item.learndash-not-completable {
    background: #eeeeee;
}
.learndash-wrapper .ld-lesson-topic-list .ld-table-list .ld-table-list-item.learndash-not-completable .ld-table-list-item-preview:hover {
    color: #888888 !important;
}

.learndash-wrapper .ld-lesson-topic-list .ld-table-list .ld-table-list-item.learndash-not-completable .ld-table-list-item-preview {
    color: #888888;
}


.learndash-wrapper .ld-lesson-topic-list .ld-table-list .ld-table-list-item .ld-table-list-item-preview:hover {

}
/* quiz */
.learndash-wrapper .ld-quiz-incomplete {
    /*background: #ffffff !important;*/
    /*color: #003644 !important;*/
}
.learndash-wrapper .ld-quiz-complete, .ld-status-icon.ld-status-completed {
    /*background: #9AEBA2 !important;*/
    /*color: #ffffff !important;*/
}

/* quizzes */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within {
    /*background: #9AEBA2;*/
    /*border-color: #9AEBA2;*/
    /*color: #003644;*/
}

.learndash-wrapper .wpProQuiz_sending {
    /*background: #008C65;*/
    /*border-color: #9AEBA2;*/
    /*color: #ffffff;*/
    border-radius: 16px;
    padding: 16px;
}

.learndash-wrapper .wpProQuiz_sending h4 {
    font-family: "Simona", sans-serif;
    color: #ffffff;
}

.learndash-wrapper .wpProQuiz_results {
    background: #ffffff;
    /*color: #003644;*/
    border-radius: 16px;
    padding: 16px;
}

.learndash-wrapper .wpProQuiz_results h4 {
    font-family: "Simona", sans-serif;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img {
    object-fit: contain;
}

.wpProQuiz_text {
    text-align: center;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz) {
    width: 100%;
}

.learndash-wrapper .wpProQuiz_content a#quiz_continue_link {
    /*background-color: #008C65 !important;*/
}

@media (max-width: 768px) {
    .learndash-wrapper .ld-quiz-actions {
        flex-direction: column;
    }
}

/* mark complete button */
.learndash-wrapper:not(.ld-registration__outer-wrapper) .learndash_mark_complete_button {
    text-align: center !important;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper) .sfwd-mark-complete:after {
    left: auto;
    right: 1em;
}

/* lesson sidebar: DEPRECATED (removed via lesson/listing.php) */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list {
    /*background: #9AEBA2;*/
    color: #ffffff;
}

.learndash-wrapper  .ld-focus-sidebar .ld-topic-list.ld-table-list .ld-primary-color-hover:hover {
    color: #ffffff !important;
}

.learndash-wrapper .leardash-sidebar-lock {
    width: 14px;
    height: 14px;
    margin: 3px 0 3px 10px;
}

.learndash-wrapper .learndash_mark_complete_button {
    /*background-color: #5D4AA5 !important;*/
}