/* LRN-MFX-ACC-STIJL-V6 BEGIN (MFX508): MotiFleX-kleuren voor Mijn account, Werkboek, De Oorsprong, toestemming, beveiligingsherinnering en de leeromgeving (Sensei Learning Mode en Forminator binnen lessen). Bestand: reseller-storefront-learn/assets/mfx-acc-stijl.css (MFX508u), geladen door de plugin; niet in de Extra CSS. */
body .lrn-bd-slotmelding{border-left:3px solid #39A9B4;background:#F4F8F3}
body #lrn-bd-bezig span{background:#052B49}
body .lrn-tabpane .lrn-pk .lrn-pk-kaart{border:1px solid #D3E0D0}
body .lrn-tm{color:#052B49}
body .lrn-tm-kaart{background:#F4F8F3;border:1px solid #D3E0D0}
body .lrn-tm h3{color:#052B49}
body .lrn-tm .lrn-tm-sub{color:#1C5A8C}
body .lrn-tm label.lrn-tm-k input{accent-color:#052B49}
body .lrn-tm .lrn-tm-rol{color:#1C5A8C}
body .lrn-tm button{background:#052B49}
body .lrn-tm button:hover{background:#1C5A8C}
body .lrn-tm-melding{border-left:4px solid #052B49}
body .lrn-tm-regel{background:#F4F8F3;border:1px solid #D3E0D0}
body .lrn-tm-wijzig summary{color:#052B49}
body .lrn-wba-coach{border-bottom:1px solid #D3E0D0}
body .lrn-wba-coach-meer{color:#1C5A8C}
body .lrn-wba-coach-kaart{background:#F4F8F3;border:1px solid #D3E0D0}
body .lrn-wba-coach-gegevens span{color:#1C5A8C}
body .lrn-wba-bericht{border-top:1px solid #D3E0D0}
body .lrn-wba-bericht-knop{background:#052B49}
body .lrn-wba-inval{color:#1C5A8C}
body .lrn-wba-kop{color:#052B49}
body .lrn-wba-paneel{border:1px solid #D3E0D0;background:#F4F8F3}
body .lrn-wbk .wbk-course{background:#E6EEE4;color:#052B49}
body .lrn-wbk .wbk-course.actief{background:#052B49}
body .lrn-wbk .wbk-page{background:#F4F8F3;box-shadow:0 2px 14px rgba(5,43,73,.10),0 1px 3px rgba(5,43,73,.08)}
body .lrn-wbk .wbk-page:before{background:rgba(5,43,73,.12)}
body .lrn-wbk .wbk-runnav a{color:#052B49}
body .lrn-wbk .wbk-runtitel{color:#052B49}
body .lrn-wbk .wbk-runmeta{color:#1C5A8C}
body .lrn-wbk .wbk-ctitel{color:#052B49}
body .lrn-wbk .wbk-lestitel{color:#052B49;border-bottom:1px solid rgba(5,43,73,.18)}
body .lrn-wbk .wbk-lesmeta{color:#1C5A8C}
body .lrn-wbk .wbk-q{color:#052B49}
body .lrn-wbk .wbk-a{color:#052B49}
body .lrn-wbk .wbk-bekijk{color:#052B49}
body .lrn-wbk .wbk-html{color:#052B49}
body .lrn-tabbtn:hover{color:#052B49}
body .lrn-tabbtn.is-active{color:#052B49;border-bottom-color:#052B49}
body .lrn-order{border:1px solid #D3E0D0}
body .lrn-order-head{border-bottom:1px solid #D3E0D0}
body .lrn-course-list li{border:1px solid #D3E0D0}
body .lrn-course-list strong{color:#052B49}
body .lrn-progress{background:#E6EEE4}
body .lrn-progress-bar{background:#052B49}
body .lrn-course-list .lrn-btn-sm,body .lrn-sec-block .lrn-btn-sm{background:#052B49}
body .lrn-course-list .lrn-wb-restart-sm{color:#052B49 !important;box-shadow:inset 0 0 0 2px #052B49}
body .lrn-sec-block{border:1px solid #D3E0D0}
body .lrn-sec-block .lrn-btn-sm{background:var(--fs-color-primary,#052B49)}
body .lrn-dash-card{border:1px solid #D3E0D0}
body .lrn-dash-hi{color:#052B49}
body .lrn-dash-tile{background:#FFFFFF;border:1px solid #D3E0D0}
body .lrn-dash-tile:hover{background:#E6EEE4;border-color:#052B49}
body .lrn-dash-n{color:#052B49}
body .lrn-sec-kop{color:#052B49;border-bottom:1px solid #D3E0D0}
body .lrn-lc-knop{background:#052B49}
/* beeldmerk boven de cursustitel, alleen in Werkboek en De Oorsprong */
body .lrn-wbk .wbk-ctitel::before,body .lrn-bd-pane .lrn-bd-kop::before{content:"";display:block;width:84px;height:48px;margin:0 auto 10px;background:url("https://motiflex.nl/wp-content/uploads/2026/10/Beeldmerklogo-transparant-1.svg") no-repeat center center;background-size:contain}
body .lrn-bd-pane{background:#F4F8F3;color:#052B49;border-radius:6px;padding:28px 32px}
body .lrn-bd-pane .lrn-bd-kop{color:#052B49;text-align:center}
body .lrn-bd-pane .lrn-bd-meta,body .lrn-bd-pane .lrn-bd-klein{color:#1C5A8C}
body .lrn-bd-pane .lrn-bd-akkoordblok{background:#FFFFFF;border-color:#D3E0D0}
@media (max-width:600px){body .lrn-wbk .wbk-page{padding:28px 20px}body .lrn-bd-pane{padding:20px 16px}body .lrn-wbk .wbk-ctitel::before,body .lrn-bd-pane .lrn-bd-kop::before{width:64px;height:37px}}
/* beveiligingsherinnering: knoppen en korte regel in huisstijl */
body #lrn-mfa-kop button,body #lrn-mfa-kort button{text-transform:none;letter-spacing:normal;font-weight:600;font-size:.95rem;line-height:1.2;margin:0;padding:9px 16px;border-radius:6px;min-height:0;cursor:pointer}
body #lrn-mfa-cursussen{background:#052B49;color:#fff;border:1px solid #052B49}
body #lrn-mfa-later,body #lrn-mfa-nu{background:#fff;color:#052B49;border:1px solid #052B49}
body #lrn-mfa-cursussen:hover{background:#1C5A8C;border-color:#1C5A8C}
body #lrn-mfa-later:hover,body #lrn-mfa-nu:hover{background:#E6EEE4}
body #lrn-mfa-cursussen:focus-visible,body #lrn-mfa-later:focus-visible,body #lrn-mfa-nu:focus-visible{outline:2px solid #39A9B4;outline-offset:2px}
body #lrn-mfa-kort{color:#052B49;line-height:2.2;background:#F4F8F3;border:1px solid #D3E0D0;border-radius:8px;padding:10px 14px}
body #lrn-mfa-kort span{vertical-align:middle}body #lrn-mfa-kort button{margin-left:12px;vertical-align:middle}
/* leeromgeving: Sensei Learning Mode en Forminator binnen lessen (alleen body.sensei-course-theme) */
body.sensei-course-theme .lrn-werkboek-les .forminator-ui .forminator-label,body.sensei-course-theme .lrn-werkboek-les .forminator-ui .forminator-description{color:#052B49}
body.sensei-course-theme .lrn-werkboek-les .forminator-ui input:not([type=submit]):not([type=button]),body.sensei-course-theme .lrn-werkboek-les .forminator-ui textarea,body.sensei-course-theme .lrn-werkboek-les .forminator-ui select{background-color:#FFFFFF}
body.sensei-course-theme .lrn-werkboek-les .forminator-ui input:focus-visible,body.sensei-course-theme .lrn-werkboek-les .forminator-ui textarea:focus-visible,body.sensei-course-theme .lrn-werkboek-les .forminator-ui select:focus-visible,body.sensei-course-theme .lrn-werkboek-les .forminator-ui button:focus-visible{outline:2px solid #39A9B4;outline-offset:2px}
/* accentlettertype MotiFleX Brush 1.1 (eigen lettering, gemaakt voor Roger Hartmans), alleen via de klasse .mfx-brush */
@font-face{font-family:"MotiFleX Brush";src:url("fonts/motiflex-brush-1-1.woff2") format("woff2"),url("fonts/motiflex-brush-1-1.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
.mfx-brush{font-family:"MotiFleX Brush",cursive;font-weight:400;letter-spacing:normal;text-transform:none}
/* V4: lichte kaarten voor dashboard, cursussen en bestellingen */
body .lrn-dash-card,body .lrn-order,body .lrn-course-list li,body .lrn-sec-block{background:#F4F8F3}
/* V4: knoppen in MotiFleX-petrol (tekst donkerblauw 5.18:1; hover donker petrol met wit 5.98:1) */
body .lrn-course-cta a.button{background:#39A9B4 !important;color:#052B49 !important;border:2px solid #39A9B4 !important;border-radius:6px !important}
body .lrn-course-cta a.button:hover{background:#2D6C74 !important;border-color:#2D6C74 !important;color:#FFFFFF !important}
body .lrn-course-cta a.button:focus-visible{outline:2px solid #052B49;outline-offset:2px}
body.sensei-course-theme .sensei-course-theme-locked-lesson-notice__actions .sensei-course-theme__button.is-primary{background-color:#39A9B4;color:#052B49;border:2px solid #39A9B4;border-radius:6px}
body.sensei-course-theme .sensei-course-theme-locked-lesson-notice__actions .sensei-course-theme__button.is-primary:hover{background-color:#2D6C74;border-color:#2D6C74;color:#FFFFFF}
body.sensei-course-theme .sensei-course-theme-locked-lesson-notice__actions .sensei-course-theme__button.is-secondary{display:inline-block;background-color:transparent;color:#052B49;border:2px solid #2D6C74;border-radius:6px;font-weight:600;font-size:18px;padding:.83em 1.11em;line-height:1.2;text-decoration:none}
body.sensei-course-theme .sensei-course-theme-locked-lesson-notice__actions .sensei-course-theme__button.is-secondary:hover{background-color:#E6EEE4}
body.sensei-course-theme .sensei-course-theme-locked-lesson-notice__actions .sensei-course-theme__button:focus-visible{outline:2px solid #052B49;outline-offset:2px}
/* V4: verwijzing in het tabblad Beveiliging binnen de gewenningstermijn */
body .lrn-mfa-tabregel{background:#F4F8F3;border:1px solid #D3E0D0;border-radius:8px;padding:16px 18px;color:#052B49;line-height:1.6}
body .lrn-mfa-tabregel button{margin-top:10px;background:#fff;color:#052B49;border:1px solid #052B49;border-radius:6px;padding:9px 16px;font-weight:600;font-size:.95rem;text-transform:none;letter-spacing:normal;line-height:1.2;min-height:0;cursor:pointer}
body .lrn-mfa-tabregel button:hover{background:#E6EEE4}
body .lrn-mfa-tabregel button:focus-visible{outline:2px solid #39A9B4;outline-offset:2px}
/* V5: kaart Accountgegevens licht */
body .lrn-tabpane .lrn-acc-card{background:#F4F8F3}
/* V6: achtergrond Sensei Learning Mode terug naar standaard wit (besluit directie) */
/* LRN-MFX-ACC-STIJL-V6 EIND */
/* LRN-MFX-WG-KNOP-V1 (MFX498 C7k): werkgeversportaal en uitnodigingspagina in de MotiFleX-knopstijl (zoals V4): petrol met donkerblauwe tekst
   (5.18:1), hover donker petrol met wit (5.98:1), zichtbare toetsenbordfocus; secundaire knop wit met donkerblauwe rand. */
body .lrn-wg-knop,body .lrn-wg-acc .lrn-wg-knop{background:#39A9B4;color:#052B49;border:2px solid #39A9B4;border-radius:6px;font-weight:600;filter:none}
body .lrn-wg-knop:hover,body .lrn-wg-acc .lrn-wg-knop:hover{background:#2D6C74;border-color:#2D6C74;color:#FFFFFF;filter:none}
body .lrn-wg-knop:focus-visible,body .lrn-wg-acc .lrn-wg-knop:focus-visible{outline:2px solid #052B49;outline-offset:2px}
body .lrn-wg-knop.licht{background:#FFFFFF;color:#052B49;border:1px solid #052B49}
body .lrn-wg-knop.licht:hover{background:#E6EEE4;color:#052B49}
body .lrn-wg-n{color:#052B49}