/*
Theme Name: FSM
Description: Child theme for the Avada
Author: Florian Schmidt
Template: Avada
*/
/* Toemmy für click2meet iFrame */
/* LearnDash: "X von Y Fragen richtig beantwortet" ausblenden */
.learndash-wrapper--quiz .wpProQuiz_results > h4.wpProQuiz_header + p {
    display: none !important;
}
#c2m_iframe {
    width: 1100px;
    height: 1100px;
    overflow: hidden;
}
@media all and (max-width:1100px) {
    #c2m_iframe {
        width: 100%;
        margin: 0;
        padding: 0;
        height: 1300px;
    }
}
.menu-hilite {
    background: var(--awb-color4) !important;
}
.awb-menu .awb-menu__sub-li.menu-hilite > .awb-menu__sub-a {
    color: #fff !important;
}
.awb-menu .awb-menu__sub-li.menu-hilite > .awb-menu__sub-a {
    color: #fff !important;
}
/* Klara Home */
.ki-academy > .fusion-column-wrapper {
    aspect-ratio: 1;
}
/* Klara */
#s3m-chat-widget {
    height: 100%;
}
#awb-oc-3247 .s3m-oc-drag-handle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    z-index: 100;
    cursor: grab;
    background: var(--awb-color4);
    border-radius: 15px 15px 0px 0px;
    padding: 3px 10px;
}
#awb-oc-3247 .s3m-oc-drag-handle:active {
    cursor: grabbing;
}
#awb-oc-3247 .awb-off-canvas {
    position: relative;
}
#awb-oc-3247 .s3m-oc-drag-handle > i {
	color:#fff;
}
#awb-oc-3247 .off-canvas-close {
	z-index:1000;
}
body:has(.user_has_no_access) #awb-oc-3247 {
	display: none !important;
	pointer-events: none !important;
}
/* Toogles Home */
.toggles_container .fusion-layout-column .fusion-builder-row-inner {
    flex-grow: 2;
}
.bgd-magenta > p {
    display: inline-block;
    background: var(--awb-color5);
    padding: 0px 5px;
    border-radius: 5px;
}
.button_toggles .panel-title.toggle a {
    justify-self: center;
    background: var(--awb-color4);
    border-radius: 50px;
    color: #fff !important;
    padding: 10px 23px !important;
    border: 2px solid #fff;
}
.button_toggles .panel-title.toggle .fusion-toggle-heading {
    margin-right: 15px !important;
}
.button_toggles h4 {
    font-size: 18px !important;
    margin: 20px 0px;
    line-height: 1.4;
}
.fontawesome-icon.circle-yes {
    aspect-ratio: 1 !important;
}
.column-full-height .fusion-builder-row-inner {
    height: 100%;
}
.column-full-height .fusion-text {
    flex-grow: 4;
}
/* Angebot */
.cta-angebot .fusion-builder-row-inner {
    align-items: center !important;
}
.sticker {
    justify-content: center;
}
.sticker > .fusion-column-wrapper {
    aspect-ratio: 1;
    display: inline-flex !important;
    width: auto !important;
    border: 2px solid var(--awb-custom10) !important;
    border-radius: 50% !important;
    padding: 30px !important;
    margin: 0 auto;
    background: var(--awb-color3) !important;
}
.fusion-accordian .fusion-panel {
    border-radius: 15px !important;
}
/* Meet the expert */
.expert-row .fusion-builder-row-inner {
    align-items: center;
}
.expert-titel, .expert-dozent {
    flex: 1 1 100%;
}
.expert-datum, .expert-zeit {
    display: flex;
    margin-right: 20px !important;
}
.expert-datum::before {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--awb-color4);
    margin-right: 8px;
}
.expert-zeit::before {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--awb-color4);
    margin-right: 8px;
}
/* Kursliste */
.kursliste .fusion-filter {
    display: flex;
    flex: 1 1 19%;
    max-width: 19%;
    background: #fff;
    color: var(--awb-color4) !important;
    margin-bottom: 20px;
    margin-right: 0px;
    border-radius: 100px;
    padding: 5px;
    border: 2px solid var(--awb-color4);
}
.kursliste .fusion-filter.fusion-active {
    background: var(--awb-color4);
    border: 2px solid var(--awb-color4);
}
.kursliste .fusion-filter > a {
    color: var(--awb-color4) !important;
    display: flex;
    width: 100%;
    line-height: 1.2 !important;
    align-items: center;
}
.kursliste .fusion-filter.fusion-active > a {
    color: #fff !important;
}
.kursliste .fusion-filter > a::before {
    content: "\f0ca";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-flex;
    width: 40px;
    min-width: 40px;
    height: 40px;
    color: var(--awb-color4);
    margin-right: 10px;
    background: #ECF2F3;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.fusion-post-cards.kursliste li.fusion-grid-column {
    background: #fff;
    padding: 20px 30px !important;
    border-radius: 15px;
    margin-bottom: 20px !important;
    border: none;
    box-shadow: 0px 0px 5px #0002;
}
.kursliste .fusion-title-heading {
    color: var(--awb-color4) !important;
    margin-bottom: 10px !important;
}
.kursliste .kursliste_auszug {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.kursliste .ld-course-category::before {
    content: "\f02e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
}
.kursliste .ld-course-lessons::before {
    content: "\f02d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    margin-left: 20px;
}
.kursliste .fusion-grid-column::before {
    content: "\f51c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    display: flex;
    width: 100px;
    min-width: 100px;
    height: 100px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: #ECF2F3;
    color: var(--awb-color4);
    margin-right: 25px;
}
.kursliste .fusion-filter:has(a[data-filter=".pneumologie"]) {
    order: 1;
}
.kursliste .fusion-filter:has(a[data-filter=".beatmung"]) {
    order: 2;
}
.kursliste .fusion-filter:has(a[data-filter=".andere-medizinische-fachbereiche"]) {
    order: 3;
}
.kursliste .fusion-filter:has(a[data-filter=".gemischte-themen"]) {
    order: 4;
}
.kursliste .fusion-grid-column.beatmung::before, .kursliste .fusion-filter:has(a[data-filter=".beatmung"]) > a::before {
    content: "\f72e";
}
.kursliste .fusion-grid-column.pneumologie::before, .kursliste .fusion-filter:has(a[data-filter=".pneumologie"]) > a::before {
    content: "\f604";
}
.kursliste .fusion-grid-column.gemischte-themen::before, .kursliste .fusion-filter:has(a[data-filter=".gemischte-themen"]) > a::before {
    content: "\f61f";
}
.kursliste .fusion-grid-column.andere-medizinische-fachbereiche::before, .kursliste .fusion-filter:has(a[data-filter=".andere-medizinische-fachbereiche"]) > a::before {
    content: "\f481";
}
.kursliste .ld-course-meta {
    display: flex;
    flex-direction: column;
}
.kursliste .ld-course-meta .fusion-button {
    width: 100%;
    background: var(--awb-custom_color_1);
    border-color: var(--awb-color4);
}
.kursliste .ld-course-meta .fusion-button .fusion-button-text {
    color: var(--awb-color4);
}
.kursliste .ld-course-meta .ld-course-progress {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: var(--awb-custom_color_1);
    margin-bottom: 30px;
}
.kursliste .ld-course-meta .ld-course-progress-bar {
    height: 100%;
    background: var(--awb-color5);
    border-radius: 5px;
}
.kursliste .ld-course-meta.ld-status-in-progress .fusion-button {
    background: var(--awb-color5);
    border-color: var(--awb-color5);
}
.kursliste .ld-course-meta.ld-status-complete .fusion-button .fusion-button-text {
    color: #fff;
}
.kursliste .ld-course-meta.ld-status-complete .fusion-button {
    background: var(--awb-color4);
    border-color: var(--awb-color4);
}
.kursliste .ld-course-meta.ld-status-in-progress .fusion-button .fusion-button-text {
    color: #fff;
}
.kursliste .ld-course-meta.ld-status-complete .ld-course-progress-bar {
    background: var(--awb-color4);
}
.kursliste .ld-course-meta .ld-course-status {
    display: inline-flex;
    align-items: center;
    border-radius: 15px;
    padding: 2px 6px;
    margin-bottom: 30px;
    margin-left: auto;
    background: var(--awb-custom_color_1);
    text-align: center;
}
.kursliste .ld-course-meta.ld-status-in-progress .ld-course-status {
    background: var(--awb-color5);
    color: #fff;
}
.kursliste .ld-course-meta.ld-status-in-progress .ld-course-status::before {
    content: "\f021";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    background: #fff;
    color: var(--awb-color5);
    border-radius: 50%;
    margin-right: 5px;
}
.kursliste .ld-course-meta.ld-status-complete .ld-course-status {
    background: var(--awb-color4);
    color: #fff;
}
.kursliste .ld-course-meta.ld-status-complete .ld-course-status::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    background: #fff;
    color: var(--awb-color4);
    border-radius: 50%;
    margin-right: 5px;
}
.kursliste .ld-course-certificate {
    background: var(--awb-color5);
    border-color: var(--awb-color5);
}
.kursliste .ld-course-certificate::before {
    content: "\f5a2";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #fff;
}
.kursliste .ld-course-repeat {
    text-align: center;
    margin-bottom: 0px;
}
/* Kursseite */
.sfwd-courses-template-default #content, .sfwd-lessons-template-default #content {
    max-width: 1000px;
    float: none;
    margin: 0 auto;
}
.sfwd-courses-template-default #content h1, .sfwd-lessons-template-default #content h1 {
    color: var(--awb-color4) !important;
}
.course-no-access-info {
	display: none;
}
body:has(.user_has_access) .course-no-access-info {
	display: none !important;
}
body:not(:has(.user_has_access)) .ld-course-status-not-enrolled {
	display: none !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item {
    border-radius: 15px !important;
    margin-bottom: 20px !important;
    box-shadow: 0px 0px 5px #0002;
}
.learndash-wrapper .ld-item-list .ld-item-list-item a {
    color: var(--awb-color4) !important;
    font-weight: 500 !important;
}
.learndash-wrapper .ld-status-incomplete.ld-status-icon {
    border: 2px solid var(--awb-color4) !important;
}
.s3m-lpi-box--take-home {
    border-left: 4px solid var(--awb-color5) !important;
}
/* Lektionen */
.sfwd-lessons .fusion-sharing-box {
    display: none;
}
/* Kursnavigation */
.sfwd-lessons .learndash_post_sfwd-lessons .learndash-wrapper .ld-content-action:first-child .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not([disabled]), .sfwd-lessons .learndash_post_sfwd-lessons .learndash-wrapper .ld-content-action:last-child .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not([disabled]) {
    background-color: #03646f !important;
    border: 2px solid var(--awb-custom10) !important;
    border-bottom: 2px solid var(--awb-custom10) !important;
}
.sfwd-lessons .learndash_post_sfwd-lessons .learndash-wrapper .ld-content-action:first-child .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not([disabled]):hover, .sfwd-lessons .learndash_post_sfwd-lessons .learndash-wrapper .ld-content-action:last-child .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not([disabled]):hover {
    opacity: 1 !important;
    background: var(--awb-color5) !important;
    border-color: #fff !important;
}
.sfwd-lessons .learndash_post_sfwd-lessons .learndash-wrapper .ld-content-action:first-child .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not([disabled]):focus, .sfwd-lessons .learndash_post_sfwd-lessons .learndash-wrapper .ld-content-action:last-child .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not([disabled]):focus {
    opacity: 1 !important;
    outline: 0px !important;
}
.sfwd-lessons .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action {
    flex-basis: auto !important;
}
.sfwd-lessons .learndash_post_sfwd-lessons .learndash-wrapper .ld-content-actions .learndash_mark_complete_button {
    padding-right: 35px !important;
    border: 2px solid var(--awb-custom10) !important;
}
.sfwd-lessons .learndash_post_sfwd-lessons .learndash-wrapper .ld-content-actions .learndash_mark_complete_button:hover {
    border: 2px solid var(--awb-color5) !important;
}
/* Dashboard */
.mein-konto .avada-myaccount-user {
    display: none;
}
.woocommerce-MyAccount-navigation {
    background: #fff;
    padding: 15px !important;
    border-radius: 15px;
    border: none;
    box-shadow: 0px 0px 5px #0002;
}
.woocommerce-MyAccount-navigation ul > li > a {
    padding: 15px !important;
    border-radius: 15px;
    border: none !important;
    background: #fff;
}
.woocommerce-MyAccount-navigation ul > li.is-active > a {
    background: var(--awb-color4);
    color: #fff !important;
    padding: 10px 15px !important;
}
.woocommerce-MyAccount-navigation ul > li.is-active > a::after {
    display: none !important;
}
.woocommerce-MyAccount-navigation ul > li > a::before {
    content: "";
    width: 25px;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    color: var(--awb-color4);
}
.woocommerce-MyAccount-navigation ul > li.is-active > a::before {
    color: #fff;
}
.woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--dashboard > a::before {
    content: "\f015";
}
.woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--orders > a::before {
    content: "\f290";
}
.woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--subscriptions > a::before {
    content: "\f021";
}
.woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--downloads > a::before {
    content: "\f019";
}
.woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--edit-address > a::before {
    content: "\f3c5";
}
.woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--edit-account > a::before {
    content: "\f2bb";
}
.woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--payment-methods > a::before {
    content: "\f51e";
}
.woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--customer-logout > a::before {
    content: "\f2f5";
    color: var(--awb-color5);
}
.woocommerce-MyAccount-navigation ul > li.woocommerce-MyAccount-navigation-link--customer-logout > a {
    border-radius: 0px !important;
    border-top: 1px solid #ECF2F3 !important;
    color: var(--awb-color5);
}
.woocommerce-MyAccount-content {
    background: #fff;
    border-radius: 15px;
    border: none;
    box-shadow: 0px 0px 5px #0002;
}
.woocommerce-MyAccount-content h2 {
    color: var(--awb-color4) !important;
}