/*
Theme Name: HB LMS Modern
Theme URI: https://hblms.nl/
Author: HB LMS
Description: Modern, responsive WordPress LMS theme optimized for CBR LMS Core and Quiz And Survey Master.
Version: 1.7.1
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: hb-lms-modern
*/
:root{--hb-bg:#f5f7fb;--hb-surface:#fff;--hb-text:#172033;--hb-muted:#637083;--hb-line:#dfe5ee;--hb-primary:#165dff;--hb-primary-2:#0f49c9;--hb-success:#16865b;--hb-warning:#a15c00;--hb-radius:18px;--hb-shadow:0 10px 30px rgba(21,36,64,.08);--hb-max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hb-bg);color:var(--hb-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--hb-primary);text-decoration-thickness:.08em;text-underline-offset:.16em}a:hover{color:var(--hb-primary-2)}img{max-width:100%;height:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:fixed!important;top:10px;left:10px;width:auto;height:auto;padding:12px 16px;margin:0;clip:auto;background:#fff;z-index:99999;border-radius:8px}.hb-wrap{width:min(calc(100% - 32px),var(--hb-max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--hb-line)}.admin-bar .site-header{top:32px}.header-inner{min-height:72px;display:flex;align-items:center;gap:28px}.site-branding{display:flex;align-items:center;gap:12px;margin-right:auto}.site-branding img{max-height:42px;width:auto}.site-title{font-size:1.15rem;font-weight:800;color:var(--hb-text);text-decoration:none}.site-nav ul{display:flex;gap:22px;list-style:none;padding:0;margin:0}.site-nav a{color:var(--hb-text);text-decoration:none;font-weight:650}.header-action,.wp-element-button,.button,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;background:var(--hb-primary);color:#fff!important;padding:11px 17px;font-weight:750;text-decoration:none;cursor:pointer;transition:.18s ease}.header-action:hover,.wp-element-button:hover,.button:hover,button:hover,input[type=submit]:hover{background:var(--hb-primary-2);transform:translateY(-1px)}.menu-toggle{display:none}.site-main{min-height:65vh;padding:42px 0 70px}.content-card{background:var(--hb-surface);border:1px solid var(--hb-line);border-radius:var(--hb-radius);box-shadow:var(--hb-shadow);padding:clamp(22px,4vw,46px)}.entry-title{font-size:clamp(2rem,5vw,3.7rem);line-height:1.08;letter-spacing:-.035em;margin:.1em 0 .35em}.entry-content>:first-child{margin-top:0}.entry-content>:last-child{margin-bottom:0}.hero{padding:74px 0 54px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eaf0ff;color:#194db7;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hero h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:18px 0}.hero p{font-size:1.18rem;color:var(--hb-muted);max-width:700px}.hero-panel{background:linear-gradient(145deg,#102754,#1767ff);color:#fff;border-radius:28px;padding:34px;box-shadow:0 24px 60px rgba(18,70,170,.25)}.hero-panel h2{margin-top:0}.hero-panel ul{padding-left:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button-secondary{background:#fff;color:var(--hb-primary)!important;border:1px solid var(--hb-line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.feature{background:#fff;border:1px solid var(--hb-line);border-radius:16px;padding:22px}.feature h3{margin:.2em 0}.feature p{color:var(--hb-muted);margin-bottom:0}.site-footer{border-top:1px solid var(--hb-line);background:#fff;padding:34px 0;color:var(--hb-muted)}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}
/* CBR LMS */
.cbr-lms-player{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;align-items:start}.cbr-lms-player>h2,.cbr-lms-player>p{grid-column:1/-1}.cbr-lms-player>nav{grid-column:1;grid-row:3/span 8;position:sticky;top:98px;background:#fff;border:1px solid var(--hb-line);border-radius:16px;padding:14px;box-shadow:var(--hb-shadow)}.cbr-lms-player>nav ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.cbr-lms-player>nav li{border-radius:10px;padding:10px 12px;background:#f7f9fc;color:var(--hb-muted)}.cbr-lms-player>nav a{display:block;color:var(--hb-text);font-weight:700;text-decoration:none}.cbr-lms-player>hr{display:none}.cbr-lms-player>article,.cbr-lms-player>section,.cbr-lms-player>#cbr-lms-activity-status,.cbr-lms-player>.button,.cbr-lms-player>p:last-child{grid-column:2}.cbr-lms-player>article,.cbr-lms-player>section{background:#fff;border:1px solid var(--hb-line);border-radius:16px;padding:clamp(20px,3vw,34px);box-shadow:var(--hb-shadow)}#cbr-lms-activity-status{background:#eef8f4;border:1px solid #cbe9dd;color:#146947;padding:12px 15px;border-radius:12px;font-weight:700}.cbr-lms-player section h3,.cbr-lms-player article h3{margin-top:0}.qsm-quiz-container,.qsm-results-page{font-family:inherit!important}.qsm-quiz-container input,.qsm-quiz-container select,.qsm-quiz-container textarea{font:inherit;max-width:100%;border:1px solid var(--hb-line);border-radius:9px;padding:10px}.qsm-pagination{display:flex;flex-wrap:wrap;gap:10px}.qsm-btn,.qsm-submit-btn{border-radius:10px!important}.mlw_qmn_question{font-weight:750;margin-top:18px}.qmn_radio_answers,.qmn_check_answers{display:grid;gap:8px;margin:10px 0 20px}.qmn_radio_answers label,.qmn_check_answers label{background:#f7f9fc;border:1px solid var(--hb-line);border-radius:10px;padding:10px 12px}
/* forms & tables */
input,select,textarea{font:inherit}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px 14px;border-bottom:1px solid var(--hb-line);text-align:left}th{font-weight:800;background:#f7f9fc}
@media(max-width:900px){.site-nav{display:none}.site-nav.is-open{display:block;position:absolute;top:72px;left:16px;right:16px;background:#fff;border:1px solid var(--hb-line);border-radius:14px;padding:16px;box-shadow:var(--hb-shadow)}.site-nav.is-open ul{display:grid}.menu-toggle{display:inline-flex}.header-action{display:none}.hero-grid,.feature-grid{grid-template-columns:1fr}.cbr-lms-player{grid-template-columns:1fr}.cbr-lms-player>nav,.cbr-lms-player>article,.cbr-lms-player>section,.cbr-lms-player>#cbr-lms-activity-status,.cbr-lms-player>.button,.cbr-lms-player>p:last-child{grid-column:1}.cbr-lms-player>nav{grid-row:auto;position:static}.footer-inner{align-items:flex-start;flex-direction:column}}@media(max-width:782px){.admin-bar .site-header{top:46px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* 1.1 refinement */
:root{--hb-navy:#0d1f3c;--hb-soft:#eef3fb;--hb-focus:#ffbf47;--hb-danger:#b42318}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#dbe7ff;color:var(--hb-navy)}
:focus-visible{outline:3px solid var(--hb-focus);outline-offset:3px;border-radius:6px}
.site-header{box-shadow:0 1px 0 rgba(13,31,60,.03)}
.header-inner{min-height:76px}.site-nav a{position:relative;padding:26px 0}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:var(--hb-primary);transition:right .2s ease}.site-nav a:hover:after,.site-nav .current-menu-item>a:after{right:0}
.hb-user-pill{display:flex;align-items:center;gap:9px;padding:7px 10px 7px 7px;border:1px solid var(--hb-line);border-radius:999px;background:#fff;text-decoration:none;color:var(--hb-text);font-weight:750}.hb-user-pill img{border-radius:50%}.hb-user-pill span{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero{padding:88px 0 68px;background:radial-gradient(circle at 85% 15%,rgba(22,93,255,.12),transparent 28%)}.hero p{line-height:1.7}.hero-panel{position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;bottom:-110px;background:rgba(255,255,255,.09)}
.hb-kicker{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.hb-chip{padding:7px 10px;border:1px solid var(--hb-line);background:#fff;border-radius:999px;font-size:.82rem;font-weight:750;color:var(--hb-muted)}
.hb-section{padding:58px 0}.hb-section-head{max-width:720px;margin-bottom:28px}.hb-section-head h2{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.035em;line-height:1.1;margin:0 0 10px}.hb-section-head p{color:var(--hb-muted);font-size:1.05rem}
.feature{transition:transform .18s ease,box-shadow .18s ease}.feature:hover{transform:translateY(-3px);box-shadow:var(--hb-shadow)}.feature-icon{width:42px;height:42px;border-radius:12px;background:#eaf0ff;color:var(--hb-primary);display:grid;place-items:center;font-weight:900;margin-bottom:14px}
.hb-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hb-line);border:1px solid var(--hb-line);border-radius:18px;overflow:hidden;margin-top:18px}.hb-trust>div{background:#fff;padding:20px}.hb-trust strong{display:block;font-size:1.35rem;color:var(--hb-navy)}.hb-trust span{font-size:.88rem;color:var(--hb-muted)}
/* learner dashboard */
.hb-dashboard{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.hb-dashboard-card{grid-column:span 4;background:#fff;border:1px solid var(--hb-line);border-radius:16px;padding:22px;box-shadow:0 6px 20px rgba(21,36,64,.05)}.hb-dashboard-card--wide{grid-column:span 8}.hb-dashboard-card h2,.hb-dashboard-card h3{margin-top:0}.hb-stat{font-size:2rem;font-weight:850;letter-spacing:-.04em}.hb-muted{color:var(--hb-muted)}.hb-progress{height:10px;background:#e8edf5;border-radius:999px;overflow:hidden}.hb-progress>span{display:block;height:100%;background:var(--hb-primary);border-radius:inherit}.hb-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#eef8f4;color:#146947;font-size:.8rem;font-weight:800}
/* course focus mode */
body.single-cbr_course .site-main,body.single-cbr_lms_course .site-main{padding-top:24px}.cbr-lms-player>h2{font-size:clamp(1.7rem,4vw,2.5rem);letter-spacing:-.03em}.cbr-lms-player>nav li{border:1px solid transparent}.cbr-lms-player>nav li:hover{border-color:#cfd9ea;background:#fff}.cbr-lms-player>article,.cbr-lms-player>section{scroll-margin-top:105px}.qmn_radio_answers label,.qmn_check_answers label{cursor:pointer;transition:.15s ease}.qmn_radio_answers label:hover,.qmn_check_answers label:hover{border-color:#a9bee7;background:#f1f5ff}.qsm-quiz-container input[type=radio],.qsm-quiz-container input[type=checkbox]{accent-color:var(--hb-primary)}
.hb-notice{border:1px solid #cbdaf7;background:#f2f6ff;border-radius:12px;padding:13px 15px}.hb-notice--warning{border-color:#f1d29b;background:#fff8eb;color:#754500}.hb-notice--danger{border-color:#f3c1bd;background:#fff3f2;color:var(--hb-danger)}
@media(max-width:900px){.hb-user-pill span{display:none}.hb-trust{grid-template-columns:1fr 1fr}.hb-dashboard-card,.hb-dashboard-card--wide{grid-column:span 12}.hero{padding-top:58px}}
@media(max-width:560px){.hb-wrap{width:min(calc(100% - 22px),var(--hb-max))}.header-inner{min-height:66px}.menu-toggle{padding:9px 12px}.hero{padding:42px 0}.hero h1{font-size:2.55rem}.hero-panel{padding:24px;border-radius:20px}.hb-trust{grid-template-columns:1fr}.content-card{padding:20px}.cbr-lms-player>article,.cbr-lms-player>section{padding:18px}}

/* 1.2 CBR learner dashboard */
.cbr-lms-dashboard{display:grid;gap:30px}.cbr-dashboard-hero{border-radius:24px;padding:34px;background:linear-gradient(135deg,#0d1f3c,#165dff);color:#fff;box-shadow:0 20px 50px rgba(18,70,170,.18)}.cbr-dashboard-hero h1{margin:6px 0 8px;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.045em;line-height:1.05}.cbr-dashboard-hero p{margin:0;color:rgba(255,255,255,.82);font-size:1.05rem}.cbr-dashboard-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#cfe0ff}.cbr-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cbr-stat-card{background:#fff;border:1px solid var(--hb-line);border-radius:16px;padding:18px;display:grid;gap:2px;box-shadow:0 6px 18px rgba(21,36,64,.04)}.cbr-stat-card>span,.cbr-stat-card>small{color:var(--hb-muted)}.cbr-stat-card>strong{font-size:1.65rem;letter-spacing:-.035em}.cbr-dashboard-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}.cbr-dashboard-section-head h2{margin:0;font-size:1.65rem}.cbr-dashboard-section-head p{margin:0;color:var(--hb-muted)}.cbr-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cbr-course-card{background:#fff;border:1px solid var(--hb-line);border-radius:18px;padding:22px;box-shadow:0 7px 22px rgba(21,36,64,.05)}.cbr-course-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.cbr-course-variant,.cbr-course-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.76rem;font-weight:850;background:#eaf0ff;color:#194db7}.cbr-course-status{background:#fff5df;color:#875300}.cbr-course-status.is-complete{background:#eaf7f1;color:#146947}.cbr-course-card h3{font-size:1.35rem;margin:15px 0}.cbr-progress{height:10px;border-radius:999px;background:#e8edf5;overflow:hidden}.cbr-progress>span{display:block;height:100%;background:var(--hb-primary);border-radius:inherit}.cbr-course-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 18px;color:var(--hb-muted);font-size:.82rem}.cbr-course-meta strong{display:block;color:var(--hb-text);font-size:.95rem}.cbr-course-actions{display:flex;align-items:center;gap:14px}.cbr-secondary-action{font-weight:750;text-decoration:none}.cbr-dashboard-empty,.cbr-dashboard-login{background:#fff;border:1px solid var(--hb-line);border-radius:18px;padding:28px}.cbr-dashboard-empty h2{margin-top:0}@media(max-width:800px){.cbr-dashboard-stats{grid-template-columns:1fr 1fr}.cbr-course-grid{grid-template-columns:1fr}.cbr-dashboard-section-head{align-items:start;flex-direction:column}.cbr-course-meta{grid-template-columns:1fr 1fr 1fr}}@media(max-width:520px){.cbr-dashboard-stats{grid-template-columns:1fr 1fr}.cbr-dashboard-hero{padding:24px}.cbr-course-meta{grid-template-columns:1fr}.cbr-course-actions{align-items:stretch;flex-direction:column}.cbr-course-actions .button{text-align:center}}


/* 1.3.0 HB LMS visual identity */
:root{
 --hb-bg:#f4f8fc;--hb-surface:#ffffff;--hb-text:#0b2345;--hb-muted:#60718a;--hb-line:#dbe5f0;
 --hb-primary:#0797f6;--hb-primary-2:#0878d1;--hb-navy:#06284a;--hb-navy-2:#0b3d68;--hb-teal:#16b8aa;
 --hb-soft:#edf7ff;--hb-success:#159b79;--hb-warning:#b56b00;--hb-radius:18px;
 --hb-shadow:0 10px 30px rgba(6,40,74,.08);--hb-max:1320px
}
body{background:linear-gradient(180deg,#f8fbfe 0,#f3f7fb 55%,#eef4f9 100%);color:var(--hb-text)}
.hb-wrap{width:min(calc(100% - 40px),var(--hb-max))}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e5edf5;box-shadow:0 3px 20px rgba(6,40,74,.045)}
.header-inner{min-height:80px;gap:24px}.site-branding{min-width:185px}.site-branding img{max-height:52px}.site-title{font-size:1.35rem;color:var(--hb-navy)}
.hb-brand-fallback{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--hb-navy)}.hb-brand-fallback svg{width:54px;height:42px}.hb-brand-word{display:flex;flex-direction:column;line-height:1}.hb-brand-word strong{font-size:1.45rem;letter-spacing:-.035em}.hb-brand-word strong span{color:var(--hb-primary)}.hb-brand-word small{font-size:.55rem;letter-spacing:.09em;margin-top:5px;color:var(--hb-muted);font-weight:800}
.site-nav{margin-left:auto}.site-nav a{font-size:.94rem;color:#193755}.site-nav a:hover{color:var(--hb-primary)}
.hb-user-pill{border-color:#dbe7f2;box-shadow:0 4px 14px rgba(6,40,74,.04)}.header-action{background:#eef7ff;color:var(--hb-primary-2)!important;border:1px solid #cce7fb}.header-action:hover{background:#dff1ff;color:var(--hb-primary-2)!important}
.site-main{padding:30px 0 64px}.site-footer{background:var(--hb-navy);border:0;color:#c7d6e7}.site-footer a{color:#fff}.site-footer .site-title{color:#fff}
.button,.wp-element-button,button,input[type=submit]{background:linear-gradient(135deg,#0aa2ff,#0786e2);box-shadow:0 7px 18px rgba(7,151,246,.16);border-radius:10px}.button:hover,.wp-element-button:hover,button:hover,input[type=submit]:hover{background:linear-gradient(135deg,#078fe3,#066fc0)}
.button-secondary,.cbr-secondary-action{background:#fff!important;color:var(--hb-primary-2)!important;border:1px solid #c9dceb!important;box-shadow:none}

/* learner top bar from the LMS plugin */
.cbr-lms-topbar{max-width:1320px!important;margin:0 auto 22px!important;top:10px!important;padding:9px 10px!important;border-color:#dce8f2!important;border-radius:14px!important;box-shadow:0 8px 25px rgba(6,40,74,.07)!important;background:rgba(255,255,255,.96)!important}
.cbr-lms-topbar .button{padding:9px 13px}.cbr-preview-pill{border-color:#f0bd58!important;background:#fff8e8!important;color:#7d5100}

/* dashboard */
.cbr-lms-dashboard{gap:24px}.cbr-dashboard-hero{position:relative;overflow:hidden;padding:36px 40px;border-radius:22px;background:linear-gradient(112deg,#06284a 0%,#074a78 54%,#087fc3 100%);box-shadow:0 20px 50px rgba(6,40,74,.18)}
.cbr-dashboard-hero:before{content:"";position:absolute;right:-80px;top:-130px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(31,202,190,.28),rgba(31,202,190,0) 68%)}
.cbr-dashboard-hero:after{content:"";position:absolute;right:13%;bottom:-120px;width:330px;height:240px;transform:rotate(-18deg);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,0));border-radius:50px}.cbr-dashboard-hero>*{position:relative;z-index:1}.cbr-dashboard-eyebrow{color:#6ddbd1}.cbr-dashboard-hero h1{max-width:760px}.cbr-dashboard-hero p{max-width:760px}
.cbr-dashboard-stats{grid-template-columns:repeat(4,1fr)}.cbr-stat-card{border-color:#e2ebf3;border-radius:15px;box-shadow:0 7px 24px rgba(6,40,74,.055);padding:20px}.cbr-stat-card strong{color:var(--hb-navy)}
.cbr-dashboard-section-head h2{color:var(--hb-navy);letter-spacing:-.025em}.cbr-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cbr-course-card{padding:0;overflow:hidden;border-color:#dfe8f1;border-radius:18px;box-shadow:0 8px 28px rgba(6,40,74,.07);transition:transform .18s ease,box-shadow .18s ease}.cbr-course-card:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(6,40,74,.12)}
.cbr-course-card-image,.cbr-course-thumb{display:block;width:100%;aspect-ratio:16/8.2;object-fit:cover;background:linear-gradient(135deg,#0a4a75,#08a2f5)}.cbr-course-card-body{padding:20px}.cbr-course-card-top,.cbr-course-card>h3,.cbr-course-card>.cbr-progress,.cbr-course-card>.cbr-course-meta,.cbr-course-card>.cbr-course-actions{margin-left:20px;margin-right:20px}.cbr-course-card-top{margin-top:20px}
.cbr-course-variant{background:#e9f7ff;color:#0877c9}.cbr-course-status{background:#fff4db;color:#8c5a00}.cbr-course-status.is-complete{background:#e8f8f3;color:#107a60}.cbr-progress{background:#e8eef4}.cbr-progress>span{background:linear-gradient(90deg,var(--hb-teal),#24c9b8)}.cbr-course-actions{margin-bottom:20px}.cbr-course-actions .button{flex:1}

/* course overview and chapter player */
.cbr-learner-progress-overview{border:1px solid #dce7f0!important;border-radius:18px!important;padding:24px!important;box-shadow:var(--hb-shadow);background:#fff!important}.cbr-learner-progress-overview h2{color:var(--hb-navy);font-size:1.6rem}.cbr-learner-progress-overview li{border-color:#e8eef4!important}.cbr-learner-progress-overview li a{color:var(--hb-navy);text-decoration:none}.cbr-learner-progress-overview li a:hover{color:var(--hb-primary)}
.cbr-lms-player{grid-template-columns:285px minmax(0,1fr);gap:24px}.cbr-lms-player>h2{color:var(--hb-navy)}.cbr-lms-player>nav{top:104px;border-color:#dce7f0;border-radius:16px;box-shadow:0 8px 25px rgba(6,40,74,.06)}.cbr-lms-player>nav li{background:#f6f9fc;border:1px solid #e6edf4}.cbr-lms-player>nav a{color:#183957}.cbr-lms-player>article,.cbr-lms-player>section{border-color:#dce7f0;border-radius:18px;box-shadow:0 9px 28px rgba(6,40,74,.065)}.cbr-lms-player>article{font-size:1.04rem;line-height:1.78}.cbr-lms-player>article h1,.cbr-lms-player>article h2,.cbr-lms-player>article h3{color:var(--hb-navy);line-height:1.25}.cbr-lms-player>article img{border-radius:14px}.cbr-lms-player>article iframe,.cbr-lms-player>article video{max-width:100%;border-radius:14px}.cbr-lms-bottom-nav{border-color:#dce7f0!important}.cbr-lms-result--pass{color:#107a60!important;background:#effaf6}.cbr-lms-result--fail{color:#9a5b00!important;background:#fff8eb}
#cbr-lms-activity-status{background:#eaf9f5;border-color:#c9eee5;color:#107a60}.qmn_radio_answers label,.qmn_check_answers label{background:#f7fafc;border-color:#dfe8f1}.qmn_radio_answers label:hover,.qmn_check_answers label:hover{border-color:#9ed4f6;background:#eef8ff}

/* content readability */
.entry-content,.cbr-lms-player article{--content-width:850px}.cbr-lms-player article p,.cbr-lms-player article ul,.cbr-lms-player article ol{max-width:var(--content-width)}.cbr-lms-player article blockquote{margin:24px 0;padding:18px 22px;border-left:4px solid var(--hb-teal);background:#f0faf8;border-radius:0 12px 12px 0}.cbr-lms-player article table{border:1px solid var(--hb-line);border-radius:12px;overflow:hidden}

@media(max-width:1100px){.cbr-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.header-inner{min-height:70px}.site-nav.is-open{top:70px}.hb-user-pill{margin-left:auto}.cbr-lms-player{grid-template-columns:1fr}.cbr-lms-player>nav{position:static}.cbr-dashboard-stats{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.hb-wrap{width:min(calc(100% - 22px),var(--hb-max))}.cbr-course-grid{grid-template-columns:1fr}.cbr-dashboard-hero{padding:26px 22px}.cbr-lms-topbar{border-radius:0!important;margin-left:-11px!important;margin-right:-11px!important}.cbr-lms-topbar .button{flex:1}.cbr-lms-bottom-nav{align-items:stretch!important}.cbr-lms-bottom-nav>.button,.cbr-lms-bottom-nav>span{width:100%;text-align:center}.cbr-lms-bottom-nav>span .button{width:100%}}

/* 1.4.0 — dashboard closer to approved HB LMS visual */
.hb-lms-dashboard-page .site-main{padding-top:22px}
.hb-lms-dashboard-page .cbr-lms-dashboard{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.hb-lms-dashboard-page .cbr-dashboard-hero{min-height:250px;display:flex;align-items:center;padding:44px 43% 44px 44px;background:linear-gradient(118deg,#06284a 0%,#07456f 57%,#087fb9 100%)}
.hb-lms-dashboard-page .cbr-dashboard-hero:before{right:2%;top:-32%;width:430px;height:430px;background:radial-gradient(circle at 50% 50%,rgba(44,210,195,.38),rgba(44,210,195,.06) 45%,transparent 70%)}
.hb-lms-dashboard-page .cbr-dashboard-hero:after{right:7%;bottom:-50px;width:310px;height:250px;transform:none;border-radius:48% 48% 20% 20%;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.04)),linear-gradient(45deg,#0c8bc6,#16b8aa);box-shadow:0 0 0 18px rgba(255,255,255,.06)}
.hb-lms-dashboard-page .cbr-dashboard-hero h1{font-size:clamp(2rem,4vw,3.45rem);line-height:1.04;letter-spacing:-.045em;margin:.18em 0;color:#fff}
.hb-lms-dashboard-page .cbr-dashboard-hero p{font-size:1.04rem;color:#d9eaf6;margin:10px 0 0}
.hb-lms-dashboard-page .cbr-dashboard-hero .button{margin-top:8px;background:#fff;color:#0878d1!important;box-shadow:none}
.hb-lms-dashboard-page .cbr-dashboard-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:850;color:#67e1d4}
.hb-lms-dashboard-page .cbr-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hb-lms-dashboard-page .cbr-stat-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e1eaf2;border-radius:16px;padding:20px 22px;box-shadow:0 7px 24px rgba(6,40,74,.055)}
.hb-lms-dashboard-page .cbr-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--hb-primary),var(--hb-teal))}
.hb-lms-dashboard-page .cbr-stat-card span{font-weight:750;color:#65768b}.hb-lms-dashboard-page .cbr-stat-card strong{display:block;font-size:1.7rem;color:var(--hb-navy);margin:4px 0 0}.hb-lms-dashboard-page .cbr-stat-card small{color:#8795a6}
.hb-lms-dashboard-page .cbr-dashboard-section{background:#fff;border:1px solid #e1eaf2;border-radius:20px;padding:26px;box-shadow:0 9px 30px rgba(6,40,74,.055)}
.hb-lms-dashboard-page .cbr-dashboard-section-head{margin-bottom:20px}.hb-lms-dashboard-page .cbr-dashboard-section-head h2{font-size:1.55rem}
.hb-lms-dashboard-page .cbr-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hb-lms-dashboard-page .cbr-course-card{padding:0!important;overflow:hidden;background:#fff;border:1px solid #dfe8f1;border-radius:17px;box-shadow:0 7px 24px rgba(6,40,74,.07)}
.hb-lms-dashboard-page .cbr-course-cover{display:block;aspect-ratio:16/8.4;overflow:hidden;background:linear-gradient(135deg,#0a4a75,#08a2f5)}
.hb-lms-dashboard-page .cbr-course-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.hb-lms-dashboard-page .cbr-course-card:hover .cbr-course-cover img{transform:scale(1.035)}
.hb-lms-dashboard-page .cbr-course-placeholder{height:100%;display:grid;place-items:center;color:#fff;font-size:4rem;font-weight:900;background:linear-gradient(135deg,#063b67,#0797f6 62%,#16b8aa)}
.hb-lms-dashboard-page .cbr-course-body{padding:20px;display:flex;flex-direction:column;gap:14px;min-height:265px}.hb-lms-dashboard-page .cbr-course-body h3{font-size:1.25rem;line-height:1.25;margin:0}.hb-lms-dashboard-page .cbr-course-body h3 a{color:var(--hb-navy);text-decoration:none}
.hb-lms-dashboard-page .cbr-course-card-top{margin:0!important}.hb-lms-dashboard-page .cbr-progress,.hb-lms-dashboard-page .cbr-course-meta,.hb-lms-dashboard-page .cbr-course-actions{margin-left:0!important;margin-right:0!important}
.hb-lms-dashboard-page .cbr-course-actions{margin-top:auto!important;margin-bottom:0!important}.hb-lms-dashboard-page .cbr-course-actions .button{min-height:44px}.hb-lms-dashboard-page .cbr-secondary-action{padding:9px 12px;border-radius:9px}
.hb-dashboard-extras{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:24px}.hb-extra-card{background:#fff;border:1px solid #e1eaf2;border-radius:18px;padding:24px;box-shadow:0 8px 26px rgba(6,40,74,.05)}.hb-extra-card h2{font-size:1.25rem;margin:0 0 15px;color:var(--hb-navy)}.hb-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hb-quick-action{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #e2ebf3;border-radius:13px;background:#f8fbfe;color:#183957;text-decoration:none;font-weight:750}.hb-quick-action:hover{background:#edf8ff;border-color:#b9def7}.hb-quick-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e7f5ff;color:#0786e2;font-size:1.05rem}.hb-help-card{background:linear-gradient(135deg,#06284a,#0a527e);color:#fff;border:0}.hb-help-card h2,.hb-help-card p{color:#fff}.hb-help-card p{opacity:.82}.hb-help-card .button{background:#fff;color:#0878d1!important;box-shadow:none}
.hb-lms-course-page .cbr-learner-progress-overview{position:relative;overflow:hidden}.hb-lms-course-page .cbr-learner-progress-overview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--hb-primary),var(--hb-teal))}
.cbr-lms-player>nav li:has(a){transition:.15s ease}.cbr-lms-player>nav li:has(a):hover{background:#edf8ff;border-color:#c5e5f7;transform:translateX(2px)}
@media(max-width:1050px){.hb-lms-dashboard-page .cbr-dashboard-hero{padding-right:34%}.hb-lms-dashboard-page .cbr-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-dashboard-extras{grid-template-columns:1fr}}
@media(max-width:800px){.hb-lms-dashboard-page .cbr-dashboard-hero{padding:30px;min-height:auto}.hb-lms-dashboard-page .cbr-dashboard-hero:after{display:none}.hb-lms-dashboard-page .cbr-dashboard-stats{grid-template-columns:1fr 1fr}.hb-quick-actions{grid-template-columns:1fr}}
@media(max-width:620px){.hb-lms-dashboard-page .cbr-dashboard-stats,.hb-lms-dashboard-page .cbr-course-grid{grid-template-columns:1fr}.hb-lms-dashboard-page .cbr-dashboard-section{padding:18px}.hb-lms-dashboard-page .cbr-dashboard-hero{border-radius:17px}.hb-dashboard-extras{gap:14px}.hb-extra-card{padding:19px}}


/* 1.5.0 — beginpagina volgens goedgekeurd dashboardvoorbeeld */
.home .site-main{padding-top:22px}
.hb-home-shell{display:grid;gap:24px}
.hb-home-welcome{position:relative;overflow:hidden;min-height:285px;display:flex;align-items:center;padding:48px 43% 48px 46px;border-radius:22px;background:linear-gradient(118deg,#06284a 0%,#07456f 56%,#0788c4 100%);box-shadow:0 16px 42px rgba(6,40,74,.16);color:#fff}
.hb-home-welcome:before{content:"";position:absolute;right:-70px;top:-170px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(46,214,198,.42),rgba(46,214,198,.09) 48%,transparent 70%)}
.hb-home-welcome:after{content:"";position:absolute;right:8%;bottom:-62px;width:300px;height:260px;border-radius:52% 52% 20% 20%;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.04)),linear-gradient(45deg,#0a8dca,#17bbaa);box-shadow:0 0 0 18px rgba(255,255,255,.06)}
.hb-home-welcome-content{position:relative;z-index:2;max-width:650px}.hb-home-kicker{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:850;color:#6be1d6}.hb-home-welcome h1{margin:8px 0 10px;font-size:clamp(2.35rem,5vw,4.15rem);line-height:1.02;letter-spacing:-.05em;color:#fff}.hb-home-welcome p{margin:0 0 20px;color:#d9eaf6;font-size:1.08rem}.hb-home-welcome .button{background:#fff;color:#0878d1!important;box-shadow:none}
.hb-home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hb-home-stat{position:relative;overflow:hidden;background:#fff;border:1px solid #e1eaf2;border-radius:16px;padding:20px 22px;box-shadow:0 7px 24px rgba(6,40,74,.055)}.hb-home-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--hb-primary),var(--hb-teal))}.hb-home-stat span{display:block;font-weight:750;color:#65768b}.hb-home-stat strong{display:block;margin-top:4px;font-size:1.7rem;color:var(--hb-navy)}.hb-home-stat small{color:#8795a6}
.hb-home-panel{background:#fff;border:1px solid #e1eaf2;border-radius:20px;padding:26px;box-shadow:0 9px 30px rgba(6,40,74,.055)}.hb-home-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.hb-home-panel-head h2{margin:0;color:var(--hb-navy);font-size:1.55rem}.hb-home-panel-head p{margin:4px 0 0;color:#718096}.hb-home-panel-head a{font-weight:800;text-decoration:none}
.hb-home-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.hb-home-activity{display:grid;gap:12px}.hb-home-activity-row{display:flex;gap:13px;align-items:center;padding:13px 0;border-top:1px solid #edf1f5}.hb-home-activity-row:first-child{border-top:0}.hb-home-activity-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e9f7ff;color:#0786e2;font-weight:900}.hb-home-activity-row strong{display:block;color:#173a59}.hb-home-activity-row small{color:#8391a2}.hb-home-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hb-home-action{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #e2ebf3;border-radius:13px;background:#f8fbfe;color:#183957;text-decoration:none;font-weight:780}.hb-home-action:hover{background:#edf8ff;border-color:#b9def7}.hb-home-action b{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e7f5ff;color:#0786e2;font-size:1.05rem}
.home .cbr-lms-dashboard{gap:24px}.home .cbr-dashboard-hero{min-height:285px;padding:48px 43% 48px 46px;border-radius:22px}.home .cbr-dashboard-stats{grid-template-columns:repeat(4,1fr)}.home .cbr-dashboard-section{border-radius:20px;padding:26px}.home .cbr-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hb-home-login-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hb-home-login-card{background:#fff;border:1px solid #e1eaf2;border-radius:18px;padding:24px;box-shadow:0 8px 26px rgba(6,40,74,.05)}.hb-home-login-card h3{margin:4px 0 8px;color:var(--hb-navy)}.hb-home-login-card p{margin:0;color:#6d7e90}
@media(max-width:1050px){.hb-home-welcome{padding-right:34%}.hb-home-bottom{grid-template-columns:1fr}.home .cbr-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hb-home-welcome{padding:30px;min-height:auto}.hb-home-welcome:after{display:none}.hb-home-stats,.home .cbr-dashboard-stats{grid-template-columns:1fr 1fr}.hb-home-login-grid{grid-template-columns:1fr}.hb-home-actions{grid-template-columns:1fr}}
@media(max-width:620px){.hb-home-stats,.home .cbr-dashboard-stats,.home .cbr-course-grid{grid-template-columns:1fr}.hb-home-panel{padding:18px}.hb-home-welcome{border-radius:17px}.hb-home-panel-head{align-items:start;flex-direction:column}}


/* 1.6.0 — branded WordPress login */
body.login{min-height:100vh;background:linear-gradient(135deg,#071b34 0%,#0b3158 48%,#087f9d 100%);display:flex;align-items:center;justify-content:center;padding:32px 18px;position:relative;overflow:auto}
body.login:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(19,164,205,.26),transparent 30%),radial-gradient(circle at 88% 78%,rgba(22,93,255,.22),transparent 34%)}
body.login #login{width:min(430px,100%);padding:0;position:relative;z-index:2}
body.login #login h1{margin:0 0 18px;text-align:left}
body.login #login h1 a{width:auto;height:auto;min-height:72px;margin:0;background:none!important;background-image:none!important;text-indent:0;overflow:visible;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:0}
body.login #login h1 a:before{content:"HB  LMS";display:block;font-size:34px;line-height:1;font-weight:900;letter-spacing:-1.4px;color:#fff}
body.login #login h1 a:after{content:"OPLEIDEN • ONTWIKKELEN • GROEIEN";display:block;margin-top:9px;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:1.7px;color:#8ce4ef}
body.login .hb-login-welcome{text-align:center;color:#fff;margin:0 0 20px}
body.login .hb-login-welcome strong{display:block;font-size:22px;letter-spacing:-.02em}
body.login .hb-login-welcome span{display:block;margin-top:4px;color:rgba(255,255,255,.72);font-size:14px}
body.login form{margin:0;background:#fff;border:0;border-radius:22px;padding:30px;box-shadow:0 26px 70px rgba(0,0,0,.24)}
body.login label{color:#24364b;font-weight:750;font-size:14px}
body.login form .input,body.login input[type=text],body.login input[type=password],body.login input[type=email]{min-height:50px;border:1px solid #d6e0e9;border-radius:11px;background:#f8fafc;box-shadow:none;padding:10px 13px;font-size:16px;color:#172033;transition:.18s ease}
body.login form .input:focus,body.login input:focus{border-color:#149bc3;box-shadow:0 0 0 3px rgba(20,155,195,.14);outline:0}
body.login .button.wp-hide-pw{background:transparent!important;color:#48627a!important;transform:none;padding:5px}
body.login .forgetmenot{margin-top:6px}
body.login .forgetmenot label{font-weight:600;color:#637083}
body.login .submit{margin-top:18px!important}
body.login .button-primary{float:none;width:100%;min-height:49px;border:0;border-radius:11px;background:linear-gradient(90deg,#165dff,#0797b8)!important;box-shadow:none!important;font-size:15px;font-weight:800;text-shadow:none;transition:.18s ease}
body.login .button-primary:hover{filter:brightness(.96);transform:translateY(-1px)}
body.login #nav,body.login #backtoblog{text-align:center;margin:17px 0 0;padding:0}
body.login #nav a,body.login #backtoblog a{color:rgba(255,255,255,.86)!important;font-weight:650;text-decoration:none}
body.login #nav a:hover,body.login #backtoblog a:hover{color:#fff!important;text-decoration:underline}
body.login .privacy-policy-page-link{text-align:center;margin-top:16px}
body.login .privacy-policy-page-link a{color:rgba(255,255,255,.75)}
body.login .message,body.login .notice,body.login #login_error{border:0;border-left:4px solid #0797b8;border-radius:10px;background:#fff;padding:13px 15px;box-shadow:0 8px 26px rgba(0,0,0,.12)}
body.login .language-switcher{position:relative;z-index:2;color:#fff}
body.login .language-switcher select{border-radius:8px}
@media(max-width:480px){body.login{align-items:flex-start;padding-top:28px}body.login form{padding:24px 20px;border-radius:18px}body.login #login h1 a:before{font-size:30px}}

/* 1.7.0 — approved photo dashboard */
.hb-approved-home{padding:0 0 58px;background:#f7f9fc}.hb-approved-wrap{width:min(100%,1536px);margin:auto}.hb-approved-hero{min-height:255px;position:relative;display:flex;align-items:center;overflow:hidden;background-image:linear-gradient(90deg,rgba(3,37,69,.98) 0%,rgba(3,45,78,.78) 34%,rgba(3,39,70,.08) 69%,rgba(3,35,65,.18)),var(--hb-hero);background-size:cover;background-position:center;border-radius:0;color:#fff}.hb-approved-hero-copy{padding:30px 5.2%;position:relative;z-index:2;max-width:660px}.hb-approved-hero-copy>span{font-size:2rem;font-weight:350}.hb-approved-hero-copy h1{font-size:3.2rem;line-height:1;margin:.06em 0 .25em;color:#fff;letter-spacing:-.04em}.hb-approved-hero-copy p{font-size:1.1rem;margin:0 0 20px}.hb-approved-hero-copy .button{background:#0797ef;border-radius:10px;padding:13px 20px}.hb-approved-hero-slogan{position:absolute;right:5%;top:42px;width:305px;padding:24px 30px;border:1px solid rgba(36,199,213,.45);border-radius:18px;background:rgba(2,46,81,.9);box-shadow:0 15px 35px rgba(0,0,0,.12)}.hb-approved-hero-slogan span{display:block;color:#08a5ff;font-size:1.5rem}.hb-approved-hero-slogan strong{display:block;font-size:1.75rem;line-height:1.12}.hb-approved-hero-slogan i{display:block;width:58px;height:4px;border-radius:4px;background:#20c9c1;margin-top:14px}.hb-approved-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(290px,1fr);gap:22px;padding:22px 5.2%}.hb-approved-title{display:flex;align-items:center;gap:14px}.hb-approved-title span{font-size:1.7rem;color:#0797ef}.hb-approved-title h2{font-size:1.8rem;margin:0;color:#092c50}.hb-approved-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:14px 0 20px;border:1px solid #dfe8f1;border-radius:12px;background:#f7f9fc;overflow:hidden}.hb-approved-tabs>*{padding:12px 14px;text-align:center;color:#53677e;text-decoration:none;border-right:1px solid #e7edf3}.hb-approved-tabs>*:last-child{border:0}.hb-approved-tabs .active{background:#fff;color:#0786e2;font-weight:800;box-shadow:inset 0 -2px #0797ef}.hb-approved-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hb-approved-course{background:#fff;border:1px solid #e0e8f0;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(6,40,74,.06)}.hb-approved-photo{height:145px;display:block;position:relative;overflow:hidden}.hb-approved-photo img{width:100%;height:100%;object-fit:cover;display:block}.hb-approved-photo b{position:absolute;right:12px;top:12px;background:#078fe6;color:#fff;border-radius:7px;padding:5px 10px;font-size:.78rem}.hb-approved-course-body{padding:14px 16px 16px}.hb-approved-course-body h3{font-size:1.06rem;line-height:1.2;margin:0 0 3px;color:#092c50}.hb-approved-course-body small{color:#5e7892}.hb-approved-bar{height:7px;background:#e8eef4;border-radius:10px;margin:16px 42px 0 0;overflow:hidden}.hb-approved-bar i{display:block;height:100%;background:#18b9aa;border-radius:10px}.hb-approved-pct{float:right;margin-top:-15px;font-size:.78rem;font-weight:800}.hb-approved-course-body p{font-size:.82rem;color:#4e6882;margin:10px 0}.hb-approved-course-body .button{display:flex;width:100%;margin-top:14px;background:#0797ef;border-radius:9px}.hb-approved-cert{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e0e8f0;border-radius:14px;margin-top:18px;padding:13px 18px;box-shadow:0 6px 20px rgba(6,40,74,.05)}.hb-approved-cert img{width:78px;height:48px;object-fit:cover;border-radius:6px}.hb-approved-cert div{display:flex;flex-direction:column;margin-right:auto}.hb-approved-cert strong{color:#092c50}.hb-approved-cert span{color:#61768c;font-size:.88rem}.hb-approved-cert>a{border:1px solid #cddce9;border-radius:9px;padding:10px 16px;text-decoration:none;font-weight:700}.hb-approved-side{display:grid;align-content:start;gap:14px}.hb-approved-panel{background:#fff;border:1px solid #e0e8f0;border-radius:14px;padding:16px 18px;box-shadow:0 6px 20px rgba(6,40,74,.05)}.hb-approved-panel h3{margin:0 0 14px;color:#092c50;font-size:1.08rem}.hb-progress-box{display:flex;align-items:center;gap:18px}.hb-ring{--p:0;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#18b9aa calc(var(--p)*1%),#e8eef4 0);position:relative;flex:0 0 100px}.hb-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.hb-ring b{position:relative;z-index:2;color:#092c50;font-size:1.35rem}.hb-progress-box p{font-size:.83rem;color:#405b75;margin:7px 0}.hb-activities>div{display:flex;align-items:center;gap:10px;padding:8px 0}.hb-activities i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#18b9aa;color:#fff;font-style:normal}.hb-activities p{margin:0;display:flex;flex-direction:column;line-height:1.25;flex:1}.hb-activities strong{font-size:.83rem;color:#183b5a}.hb-activities small{font-size:.73rem;color:#6d8297}.hb-activities time{font-size:.72rem;color:#6d8297}.hb-approved-panel>a{font-size:.8rem;text-decoration:none;font-weight:800}.hb-side-actions{display:grid;gap:7px}.hb-side-actions a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;background:#eaf6ff;text-decoration:none;color:#087acb}.hb-side-actions span{flex:1;font-weight:700}.hb-approved-empty{grid-column:1/-1;padding:30px;background:#fff;border:1px solid #e0e8f0;border-radius:14px}.hb-approved-guest{min-height:420px;margin-top:0}
@media(max-width:1100px){.hb-approved-layout{grid-template-columns:1fr}.hb-approved-side{grid-template-columns:repeat(3,1fr)}.hb-approved-hero-slogan{display:none}.hb-approved-hero-copy{max-width:600px}.hb-approved-courses{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hb-approved-hero{min-height:330px;background-position:60% center}.hb-approved-hero:after{content:"";position:absolute;inset:0;background:rgba(3,37,69,.3)}.hb-approved-hero-copy{padding:30px 22px}.hb-approved-hero-copy>span{font-size:1.45rem}.hb-approved-hero-copy h1{font-size:2.35rem}.hb-approved-layout{padding:18px}.hb-approved-tabs{grid-template-columns:1fr 1fr}.hb-approved-courses,.hb-approved-side{grid-template-columns:1fr}.hb-approved-cert{align-items:flex-start;flex-wrap:wrap}.hb-approved-cert>a{width:100%;text-align:center}.hb-approved-photo{height:190px}}


/* 1.7.1 — mobile-ready WordPress login hotfix */
body.login{
  flex-direction:column;
  gap:16px;
}
body.login #login{
  flex:0 0 auto;
  margin:0 auto;
}
body.login .language-switcher{
  width:min(430px,100%);
  margin:0 auto;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  order:2;
}
body.login .language-switcher form{
  width:100%;
  margin:0;
  padding:12px 14px;
  border-radius:14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  box-shadow:0 12px 34px rgba(0,0,0,.16);
}
body.login .language-switcher label{
  grid-column:1/-1;
  color:#24364b;
  font-size:13px;
}
body.login .language-switcher select{
  width:100%;
  min-width:0;
  min-height:46px;
  margin:0;
}
body.login .language-switcher .button,
body.login .language-switcher input[type=submit]{
  min-height:46px;
  margin:0;
  padding:0 16px;
}
@media(max-width:480px){
  body.login{
    display:block;
    min-height:100svh;
    padding:22px 16px 34px;
  }
  body.login #login{
    width:100%;
    max-width:430px;
  }
  body.login #login h1{
    margin-bottom:12px;
  }
  body.login #login h1 a{
    min-height:62px;
  }
  body.login #login h1 a:before{
    font-size:32px;
  }
  body.login #login h1 a:after{
    font-size:9px;
    letter-spacing:1.25px;
    text-align:center;
  }
  body.login .hb-login-welcome{
    margin-bottom:16px;
  }
  body.login .hb-login-welcome strong{
    font-size:26px;
  }
  body.login .hb-login-welcome span{
    font-size:15px;
    line-height:1.45;
  }
  body.login form{
    width:100%;
    padding:22px 18px;
    border-radius:20px;
  }
  body.login form .input,
  body.login input[type=text],
  body.login input[type=password],
  body.login input[type=email]{
    width:100%;
    min-height:52px;
  }
  body.login .user-pass-wrap .wp-pwd{
    width:100%;
  }
  body.login .button.wp-hide-pw{
    min-width:48px;
    min-height:48px;
  }
  body.login .forgetmenot{
    float:none!important;
    display:flex;
    align-items:center;
    margin:10px 0 0!important;
  }
  body.login .forgetmenot label{
    display:flex;
    align-items:center;
    gap:9px;
    white-space:nowrap;
    line-height:1.2;
  }
  body.login .forgetmenot input[type=checkbox]{
    margin:0;
    flex:0 0 auto;
  }
  body.login .submit{
    float:none!important;
    clear:both;
    width:100%;
    margin-top:16px!important;
  }
  body.login .button-primary{
    width:100%;
  }
  body.login #nav,
  body.login #backtoblog{
    font-size:14px;
    line-height:1.5;
  }
  body.login .language-switcher{
    width:100%;
    max-width:430px;
    margin:16px auto 0;
  }
  body.login .language-switcher form{
    grid-template-columns:1fr;
    padding:14px;
  }
  body.login .language-switcher label{
    grid-column:auto;
  }
  body.login .language-switcher .button,
  body.login .language-switcher input[type=submit]{
    width:100%;
  }
}