/* SENSEI LESSEN */

body,
.editor-styles-wrapper,
:root {
    --sensei-background-color: var(--sensei-background-color-global, var(--sensei-course-theme-background-color, var(--wp--preset--color--background, #FFFFFF)));
    --sensei-button-fill-hover-color: var(--accent);
    --sensei-button-outline-hover-color: var(--accent);
    --sensei-button-text-color: var(--accent-dark);
    --sensei-course-progress-bar-color: var(--contrast-2);
    --sensei-course-progress-bar-inner-color: var(--accent);
    --sensei-lesson-meta-color: var(--accent-dark);
    --sensei-locked-lesson-color: #999999;
    --sensei-module-lesson-color: var(--accent-dark);
    --sensei-pagination-color: var(--accent);
    --sensei-primary-color: var(--sensei-primary-color-global, var(--sensei-course-theme-primary-color, var(--wp--preset--color--primary, #155E65)));
    --sensei-primary-contrast-color: var(--sensei-background-color, #FFFFFF);
    --sensei-secondary-color: var(--accent-2);
    --sensei-text-color: var(--sensei-text-color-global, var(--sensei-course-theme-foreground-color, var(--wp--preset--color--text, var(--wp--preset--color--foreground, #1E1E1E))));
    --border-color: rgba(125, 125, 125, 0.3)
}

/* COPY SENSEI */

.sensei-course-theme a:focus,
.sensei-course-theme button:focus {
    outline: none
}

.sensei-course-theme a:focus-visible,
.sensei-course-theme button:focus-visible {
    outline: dashed 1px var(--sensei-primary-color)
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button,
.sensei-course-theme .wp-block-button,
.sensei-course-theme__button {
    border: none;
    border-radius: var(--border-radius-medium);
    cursor: pointer;
    font-family: var(--wp--preset--font-family--body-font);
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: normal;
    margin: 0;
    text-align: center;
    text-decoration: none !important;
    text-transform: unset
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button .wp-block-button__link,
.sensei-course-theme .wp-block-button .wp-block-button__link,
.sensei-course-theme__button .wp-block-button__link {
    border: none;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    background-color: inherit;
    color: inherit;
    text-transform: unset
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button .wp-block-button__link:hover,
.sensei-course-theme .wp-block-button .wp-block-button__link:hover,
.sensei-course-theme__button .wp-block-button__link:hover {
    background-color: inherit !important;
    color: inherit !important;
    text-decoration: none !important
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-primary,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-secondary,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-link,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button>.wp-block-button__link,
.sensei-course-theme .wp-block-button.is-primary,
.sensei-course-theme .wp-block-button.is-secondary,
.sensei-course-theme .wp-block-button.is-link,
.sensei-course-theme .wp-block-button.wp-block-button>.wp-block-button__link,
.sensei-course-theme__button.is-primary,
.sensei-course-theme__button.is-secondary,
.sensei-course-theme__button.is-link,
.sensei-course-theme__button.wp-block-button>.wp-block-button__link {
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    padding: .83em 1.11em;
    text-decoration: none
}

@media screen and (max-width: 782px) {

    .editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-primary,
    .editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-secondary,
    .editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-link,
    .editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button>.wp-block-button__link,
    .sensei-course-theme .wp-block-button.is-primary,
    .sensei-course-theme .wp-block-button.is-secondary,
    .sensei-course-theme .wp-block-button.is-link,
    .sensei-course-theme .wp-block-button.wp-block-button>.wp-block-button__link,
    .sensei-course-theme__button.is-primary,
    .sensei-course-theme__button.is-secondary,
    .sensei-course-theme__button.is-link,
    .sensei-course-theme__button.wp-block-button>.wp-block-button__link {
        padding: .83em .556em
    }
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-primary,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-secondary,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button,
.sensei-course-theme .wp-block-button.is-primary,
.sensei-course-theme .wp-block-button.is-secondary,
.sensei-course-theme .wp-block-button.wp-block-button,
.sensei-course-theme__button.is-primary,
.sensei-course-theme__button.is-secondary,
.sensei-course-theme__button.wp-block-button {
    border: solid 1px var(--sensei-secondary-color)
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-primary.wp-block-button__link,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-secondary.wp-block-button__link,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button.wp-block-button__link,
.sensei-course-theme .wp-block-button.is-primary.wp-block-button__link,
.sensei-course-theme .wp-block-button.is-secondary.wp-block-button__link,
.sensei-course-theme .wp-block-button.wp-block-button.wp-block-button__link,
.sensei-course-theme__button.is-primary.wp-block-button__link,
.sensei-course-theme__button.is-secondary.wp-block-button__link,
.sensei-course-theme__button.wp-block-button.wp-block-button__link {
    border: none
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button,
.sensei-course-theme .wp-block-button.wp-block-button,
.sensei-course-theme__button.wp-block-button {
    padding: 0
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-primary,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button:not(.is-style-outline, .is-style-link),
.sensei-course-theme .wp-block-button.is-primary,
.sensei-course-theme .wp-block-button.wp-block-button:not(.is-style-outline, .is-style-link),
.sensei-course-theme__button.is-primary,
.sensei-course-theme__button.wp-block-button:not(.is-style-outline, .is-style-link) {
    background-color: var(--sensei-secondary-color);
    color: var(--sensei-button-text-color);
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-primary:not(.sensei-course-theme-quiz-graded-notice__pending-grade):hover,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button:not(.is-style-outline, .is-style-link):not(.sensei-course-theme-quiz-graded-notice__pending-grade):hover,
.sensei-course-theme .wp-block-button.is-primary:not(.sensei-course-theme-quiz-graded-notice__pending-grade):hover,
.sensei-course-theme .wp-block-button.wp-block-button:not(.is-style-outline, .is-style-link):not(.sensei-course-theme-quiz-graded-notice__pending-grade):hover,
.sensei-course-theme__button.is-primary:not(.sensei-course-theme-quiz-graded-notice__pending-grade):hover,
.sensei-course-theme__button.wp-block-button:not(.is-style-outline, .is-style-link):not(.sensei-course-theme-quiz-graded-notice__pending-grade):hover {
    color: var(--base-3);
    background-color: var(--accent);
    border-color: var(--accent);
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-primary:focus,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button:not(.is-style-outline, .is-style-link):focus,
.sensei-course-theme .wp-block-button.is-primary:focus,
.sensei-course-theme .wp-block-button.wp-block-button:not(.is-style-outline, .is-style-link):focus,
.sensei-course-theme__button.is-primary:focus,
.sensei-course-theme__button.wp-block-button:not(.is-style-outline, .is-style-link):focus {
    border: 1px solid var(--sensei-button-fill-hover-color);
    box-shadow: 0px 0px 0px 1.5px var(--sensei-secondary-color);
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-secondary,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button.is-style-outline,
.sensei-course-theme .wp-block-button.is-secondary,
.sensei-course-theme .wp-block-button.wp-block-button.is-style-outline,
.sensei-course-theme__button.is-secondary,
.sensei-course-theme__button.wp-block-button.is-style-outline {
    --wp--custom--button--border--color: var(--sensei-primary-color);
    color: var(--sensei-primary-color);
    flex-shrink: 0
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-secondary:hover,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button.is-style-outline:hover,
.sensei-course-theme .wp-block-button.is-secondary:hover,
.sensei-course-theme .wp-block-button.wp-block-button.is-style-outline:hover,
.sensei-course-theme__button.is-secondary:hover,
.sensei-course-theme__button.wp-block-button.is-style-outline:hover {
    background-color: var(--accent);
    color: var(--base-3);
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-secondary:hover .wp-block-button__link,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button.is-style-outline:hover .wp-block-button__link,
.sensei-course-theme .wp-block-button.is-secondary:hover .wp-block-button__link,
.sensei-course-theme .wp-block-button.wp-block-button.is-style-outline:hover .wp-block-button__link,
.sensei-course-theme__button.is-secondary:hover .wp-block-button__link,
.sensei-course-theme__button.wp-block-button.is-style-outline:hover .wp-block-button__link {
    border-color: var(--accent) !important;
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-secondary:focus,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button.is-style-outline:focus,
.sensei-course-theme .wp-block-button.is-secondary:focus,
.sensei-course-theme .wp-block-button.wp-block-button.is-style-outline:focus,
.sensei-course-theme__button.is-secondary:focus,
.sensei-course-theme__button.wp-block-button.is-style-outline:focus {
    border-width: 1px
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-link,
.sensei-course-theme .wp-block-button.is-link,
.sensei-course-theme__button.is-link {
    background: none;
    color: var(--sensei-primary-color);
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-link:hover,
.sensei-course-theme .wp-block-button.is-link:hover,
.sensei-course-theme__button.is-link:hover {
    background-color: var(--accent);
    color: var(--sensei-primary-color) !important
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-link:focus,
.sensei-course-theme .wp-block-button.is-link:focus,
.sensei-course-theme__button.is-link:focus {
    border: solid 1px var(--accent-dark);
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-completed.is-primary,
.sensei-course-theme .wp-block-button.is-completed.is-primary,
.sensei-course-theme__button.is-completed.is-primary {
    color: var(--bg-color) !important;
    background: var(--text-color) !important;
    border-color: var(--text-color) !important
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-busy:disabled,
.sensei-course-theme .wp-block-button.is-busy:disabled,
.sensei-course-theme__button.is-busy:disabled {
    cursor: not-allowed
}

.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-outline,
.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default,
.editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-outline,
.editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default {
    border: none
}

.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-outline .wp-block-button__link,
.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link,
.editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-outline .wp-block-button__link,
.editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link {
    border: solid 1px var(--accent-dark);
}

.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default,
.editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default {
    background-color: unset
}

.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link,
.editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link {
    background-color: var(--sensei-secondary-color);
}

.sensei-course-theme .wp-block-comments input#submit {
    background-color: var(--accent-2);
    border: none;
    color: var(--accent-dark);
}

.sensei-course-theme .wp-block-comments input#submit:hover {
    background-color: var(--sensei-primary-color);
    color: var(--sensei-button-fill-hover-color)
}

.wp-block-sensei-lms-course-theme-lesson-actions .wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-sensei-lms-quiz-actions .wp-block-button.is-style-outline .wp-block-button__link {
    border: none
}



.sensei-course-theme.wp-block-post-title,
.sensei-course-theme .wp-block-post-title {
    font-size: clamp(1.875rem, 1.5431rem + 1.3274vw, 2.625rem);
}

.sensei-course-theme__header {
    background: var(--accent-light);
    border-bottom: 0px !important;
}

.sensei-course-theme__header .wp-block-group {
    border-bottom: 0px !important;
}

.sensei-course-theme .sensei-lms-notice {
    background-color: var(--accent-light);
    color: var(--accent-dark);
    padding: 2rem;
    border-radius: var(--border-radius-medium);
}


.editor-styles-wrapper .sensei-course-theme__main-content,
.sensei-course-theme {
    --wp--preset--font-family--body-font: "Cera Pro";
    font-family: var(--wp--preset--font-family--body-font);
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.6;
}

.lesson .wp-block-sensei-lms-lesson-properties {
    font-style: inherit;
}

.sensei-course-theme:is(.sensei-modern) .sensei-course-theme__sidebar {
    background-color: #ffffff;
    border-radius: var(--border-radius-medium);
    border: 1px solid var(--contrast-2);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);
}

.sensei-course-theme .wp-block-post-title {
    font-weight: 600;
}

.sensei-lms-course-navigation-lesson {
    font-size: 1rem;
}

.sensei-lms-course-navigation-lesson a:hover,
a:focus,
a:active {
    color: var(--accent);
}



.sensei-course-theme__main-content h3.wp-block-heading,
.sensei-course-theme__main-content h2.wp-block-heading {
    margin-top: 3rem;
}

#sensei-user-courses ul.course-container li.course {
    border-radius: var(--border-radius-medium);

}

#sensei-user-courses ul.course-container li.course img.wp-post-image {
    border-top-left-radius: var(--border-radius-medium);
    border-top-right-radius: var(--border-radius-medium);
}

#sensei-user-courses ul.course-container li.course .course-title a {
    color: var(--accent-dark);
}



/* sensei individuele cursuspagina */

.wp-block-sensei-lms-course-outline .wp-block-sensei-lms-course-outline-module .wp-block-sensei-lms-course-outline-module__header,
.wp-block .wp-block-sensei-lms-course-outline-module .wp-block-sensei-lms-course-outline-module__header {
    margin-bottom: 0px;
}

.wp-block-sensei-lms-course-outline-module-bordered {
    border: 1px solid var(--contrast-2);
    border-radius: var(--border-radius-medium);
}

.wp-block-sensei-lms-course-outline-module__name__minimal-border {
    display: block;
    border: none;
    height: 1px;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    background-color: var(--contrast-2);
}

.wp-block-sensei-lms-course-outline .wp-block-sensei-lms-course-outline-module .wp-block-sensei-lms-course-outline-module__lessons-title {}

.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-outline .wp-block-button__link,
.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link,
.editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-outline .wp-block-button__link,
.editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link {
    font-weight: 600;
    border-radius: var(--border-radius-medium);
}

.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link,
.editor-styles-wrapper .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-default .wp-block-button__link {
    border: 0px;
}

.wp-block-sensei-lms-course-outline .wp-block-sensei-lms-course-outline-module .wp-block-sensei-lms-course-outline-module__progress-indicator.completed,
.wp-block .wp-block-sensei-lms-course-outline-module .wp-block-sensei-lms-course-outline-module__progress-indicator.completed {
    background: var(--accent-dark);
    color: #ffffff;
}

.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.is-secondary:hover,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-button.wp-block-button.is-style-outline:hover,
.sensei-course-theme .wp-block-button.is-secondary:hover,
.sensei-course-theme .wp-block-button.wp-block-button.is-style-outline:hover,
.sensei-course-theme__button.is-secondary:hover,
.sensei-course-theme__button.wp-block-button.is-style-outline:hover {
    background-color: var(--accent);
    color: var(--base-3);
    border-radius: var(--border-radius-medium);
    border: 0px;
}

.wp-block-sensei-lms-course-outline-lesson>span {
    padding: 1rem 1rem;
    line-height: 0.7em;
}

.wp-block-sensei-lms-button-next-lesson.is-style-default {
    border: 0px;
}
