/* * learndash-content.css — styles for the LearnDash course / lesson / topic / quiz pages * * Loaded ONLY on those four post types (see pmi_learndash_content_styles() in helpers/enqueue.php) and * scoped to .ld-content-section (see globals/learndash-content.php), so nothing else on the PMI site * is affected. * * PURPOSE: make LearnDash content look the way it does on the Edubin-based source site * (leansixsigmatraining.uk). Sections 1, 2 and 4 were produced by comparing the two pages' real stylesheets * element by element, and then re-measuring with this file applied until nothing visible still differed. * * 1. Context ........ page colour, base typography (Roboto 16/26, Montserrat headings), tunable variables * 2. Layout ......... Edubin's 1170px container, 8/4 grid and white article card * 3. LearnDash colours the source's LearnDash colour rules, verbatim (PMI navy #1e345d / pink #b00060) * 4. Per-element rules the remaining measured differences (status pill, join button, lesson rows, ...) * 5. Things not on the source (hidden) * 6. DARK SKIN, every LearnDash page and shortcode: light text on PMI mid-blue, like the "mid-blue-block-alt" section (switched by body class ldm-dark) * 7. Generated rules giving every LearnDash element a dark equivalent (from LearnDash's own stylesheets) * 8. Loose LearnDash output on ordinary pages brings its own navy surface; tooltips, focus mode, dialogs * 8. Loose LearnDash output on ordinary pages brings its own navy surface; tooltips, focus mode, dialogs * 8. Loose LearnDash output on ordinary pages brings its own navy surface; tooltips, focus mode, dialogs * 8. Loose LearnDash output on ordinary pages brings its own navy surface; tooltips, focus mode, dialogs * 8. Loose LearnDash output on ordinary pages brings its own navy surface; tooltips, focus mode, dialogs * 8. Loose LearnDash output on ordinary pages brings its own navy surface; tooltips, focus mode, dialogs * * TUNING: change --ldm-section-top (space under the header) and --ldm-sticky-top (how far the sidebar card * sits from the top when scrolling, set it to your header's height) in section 1. */ /* ======================= 1. CONTEXT ======================= */ .ld-content-section{--edubin-primary-color:#1e345d;--edubin-content-color:#000;--edubin-meta-color:#8a8a8a;--edubin-heading-color:#07294d;--edubin-border-color:#e0e0e0; --ldm-section-top:40px;--ldm-gutter:12px; background-color:#fffdfc;color:#000;font-family:"Roboto",sans-serif;font-size:16px;font-weight:400;line-height:26px;padding:var(--ldm-section-top) 0 30px} .ld-content-section :where(.ld-content h1){font-family:"Montserrat",sans-serif;font-weight:700;font-size:48px;line-height:57.6px;color:#000;margin:32.2px 0 15px} .ld-content-section :where(.ld-content h2){font-family:"Montserrat",sans-serif;font-weight:700;font-size:36px;line-height:43.2px;color:#000;margin:0 0 15px} .ld-content-section :where(.ld-content h3){font-family:"Montserrat",sans-serif;font-weight:700;font-size:28px;line-height:33.6px;color:#000;margin:0 0 15px} .ld-content-section :where(.ld-content h4){font-family:"Montserrat",sans-serif;font-weight:700;font-size:22px;line-height:26.4px;color:#000;margin:0 0 15px} .ld-content-section :where(.ld-content h5){font-family:"Montserrat",sans-serif;font-weight:700;font-size:18px;line-height:21.6px;color:#000;margin:0 0 15px} .ld-content-section :where(.ld-content h6){font-family:"Montserrat",sans-serif;font-weight:700;font-size:16px;line-height:19.2px;color:#000;margin:0 0 15px} .ld-content-section :where(.ld-content p){font-family:"Roboto",sans-serif;font-size:16px;line-height:26px;color:#000;margin:0 0 24px} .ld-content-section :where(.ld-content a){color:#07294d} .ld-content-section :where(.ld-content ul){padding-left:32px;margin:0 0 24px;list-style:disc}.ld-content-section :where(.ld-content ol){padding-left:20px;margin:0 0 24px;list-style:decimal} .ld-content-section :where(.ld-content blockquote){font-size:18px;line-height:30.6px;color:#666;padding-left:18px} /* ======================= 2. LAYOUT ======================= Edubin renders the course page as Bootstrap's .container > .row > .col-lg-8 + .col-lg-4 : a 1170px container, 24px gutters, an 8/4 split, and the article as a white card with a 1px #eee border and 40px padding. The two columns themselves (.elw-course-layout__main / __side) come from the edubin-legacy-widgets plugin. */ .ld-content-section .ld-content-inner.inner { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 var(--ldm-gutter); box-sizing: border-box; } .ld-content-section .elw-course-layout__main { position: relative; overflow: hidden; background-color: #fff; border: 1px solid #eee; padding: 40px; } .ld-content-section .elw-course-layout__side { --elw-sticky-top: var(--ldm-sticky-top, 24px); } @media (max-width: 575.98px) { .ld-content-section .elw-course-layout__main { padding: 40px 15px; } } /* ======================= 3. LEARNDASH COLOURS (verbatim from the source site) ======================= These are the rules LearnDash generates from its Appearance > Colors settings on the source. Reproducing them here gives the same navy primary / pink tertiary without needing the same LearnDash settings. */ .learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-next, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within { border-color: #1e345d; } /* .learndash-wrapper a:not(.ld-button):not(#quiz_continue_link):not(.ld-focus-menu-link):not(.btn-blue):not(#quiz_continue_link):not(.ld-js-register-account):not(#ld-focus-mode-course-heading):not(#btn-join):not(.ld-item-name):not(.ld-table-list-item-preview):not(.ld-lesson-item-preview-heading), */ .learndash-wrapper .ld-breadcrumbs a, .learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, .learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-title, .learndash-wrapper .ld-primary-color-hover:hover, .learndash-wrapper .ld-primary-color, .learndash-wrapper .ld-primary-color-hover:hover, .learndash-wrapper .ld-primary-color, .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active, .learndash-wrapper .ld-button.ld-button-transparent, .learndash-wrapper .ld-button.ld-button-reverse, .learndash-wrapper .ld-icon-certificate, .learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading, #wpProQuiz_user_content a, .learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover, .learndash-wrapper .ld-focus-comments__heading-actions .ld-expand-button, .learndash-wrapper .ld-focus-comments__heading a, .learndash-wrapper .ld-focus-comments .comment-respond a, .learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link:hover, .learndash-wrapper .ld-expand-button.ld-button-alternate { color: #1e345d !important; } .learndash-wrapper .ld-focus-comment.bypostauthor>.ld-comment-wrapper, .learndash-wrapper .ld-focus-comment.role-group_leader>.ld-comment-wrapper, .learndash-wrapper .ld-focus-comment.role-administrator>.ld-comment-wrapper { background-color:rgba(30, 52, 93, 0.03) !important; } .learndash-wrapper .ld-primary-background, .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active:after { background: #1e345d !important; } .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-status-incomplete, .learndash-wrapper .ld-focus-comment.bypostauthor:not(.ptype-sfwd-assignment) >.ld-comment-wrapper>.ld-comment-avatar img, .learndash-wrapper .ld-focus-comment.role-group_leader>.ld-comment-wrapper>.ld-comment-avatar img, .learndash-wrapper .ld-focus-comment.role-administrator>.ld-comment-wrapper>.ld-comment-avatar img { border-color: #1e345d !important; } .learndash-wrapper .ld-loading::before { border-top:3px solid #1e345d !important; } .learndash-wrapper .ld-button:hover:not([disabled]):not(.ld-button-transparent):not(.ld--ignore-inline-css), #learndash-tooltips .ld-tooltip:after, #learndash-tooltips .ld-tooltip, .ld-tooltip:not(.ld-tooltip--modern) [role="tooltip"], .learndash-wrapper .ld-primary-background, .learndash-wrapper .btn-join:not(.ld--ignore-inline-css), .learndash-wrapper #btn-join:not(.ld--ignore-inline-css), .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css), .learndash-wrapper .ld-expand-button:not([disabled]), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not([disabled]):not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:not([disabled]), .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type='submit']:not([disabled]), .learndash-wrapper .ld-login-modal .ld-login-modal-register:not([disabled]), .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:not([disabled]), .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:not([disabled]), #wpProQuiz_user_content table.wp-list-table thead th, #wpProQuiz_overlay_close:not([disabled]), .learndash-wrapper .ld-expand-button.ld-button-alternate:not([disabled]) .ld-icon { background-color: #1e345d !important; color: #ffffff; } .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:not([disabled]):not(:hover):not(:focus) .ld-icon { background-color: #1e345d; } .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:hover .ld-icon, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:focus .ld-icon { border-color: #1e345d; color: #1e345d; } .learndash-wrapper .ld-button:focus:not(.ld-button-transparent):not(.ld--ignore-inline-css), .learndash-wrapper .btn-join:focus:not(.ld--ignore-inline-css), .learndash-wrapper #btn-join:focus:not(.ld--ignore-inline-css), .learndash-wrapper .ld-expand-button:focus, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):focus:not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:focus, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type='submit']:focus, .learndash-wrapper .ld-login-modal .ld-login-modal-register:focus, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:focus { opacity: 0.75; /* Replicates the hover/focus states pre-4.21.3. */ outline-color: #1e345d; } .learndash-wrapper .ld-button:hover:not(.ld-button-transparent):not(.ld--ignore-inline-css), .learndash-wrapper .btn-join:hover:not(.ld--ignore-inline-css), .learndash-wrapper #btn-join:hover:not(.ld--ignore-inline-css), .learndash-wrapper .ld-expand-button:hover, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):hover:not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type='submit']:hover, .learndash-wrapper .ld-login-modal .ld-login-modal-register:hover, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:hover { background-color: #1e345d; /* Replicates the hover/focus states pre-4.21.3. */ opacity: 0.85; /* Replicates the hover/focus states pre-4.21.3. */ } .learndash-wrapper .ld-item-list .ld-item-search .ld-closer:focus { border-color: #1e345d; } .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items:before { border-bottom-color: #1e345d !important; } .learndash-wrapper .ld-button.ld-button-transparent:hover { background: transparent !important; } .learndash-wrapper .ld-button.ld-button-transparent:focus { outline-color: #1e345d; } .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:not(.ld--ignore-inline-css), .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button, .learndash-wrapper .ld-button.ld-button-transparent, .learndash-wrapper .ld-button.ld-button-alternate, .learndash-wrapper .ld-expand-button.ld-button-alternate { background-color:transparent !important; } .learndash-wrapper .ld-focus-header .ld-user-menu .ld-user-menu-items a, .learndash-wrapper .ld-button.ld-button-reverse:hover, .learndash-wrapper .ld-alert-success .ld-alert-icon.ld-icon-certificate, .learndash-wrapper .ld-alert-warning .ld-button, .learndash-wrapper .ld-primary-background.ld-status { color:white !important; } .learndash-wrapper .ld-status.ld-status-unlocked { background-color: rgba(30,52,93,0.2) !important; color: #1e345d !important; } .learndash-wrapper .wpProQuiz_content .wpProQuiz_addToplist { background-color: rgba(30,52,93,0.1) !important; border: 1px solid #1e345d !important; } .learndash-wrapper .wpProQuiz_content .wpProQuiz_toplistTable th { background: #1e345d !important; } .learndash-wrapper .wpProQuiz_content .wpProQuiz_toplistTrOdd { background-color: rgba(30,52,93,0.1) !important; } .learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress { background-color: #1e345d !important; } .learndash-wrapper #quiz_continue_link, .learndash-wrapper .ld-secondary-background, .learndash-wrapper .learndash_mark_complete_button:not(.ld--ignore-inline-css), .learndash-wrapper #learndash_mark_complete_button, .learndash-wrapper .ld-status-complete, .learndash-wrapper .ld-alert-success .ld-button, .learndash-wrapper .ld-alert-success .ld-alert-icon { background-color: #ff8300 !important; } .learndash-wrapper #quiz_continue_link:focus, .learndash-wrapper .learndash_mark_complete_button:focus:not(.ld--ignore-inline-css), .learndash-wrapper #learndash_mark_complete_button:focus, .learndash-wrapper .ld-alert-success .ld-button:focus { outline-color: #ff8300; } .learndash-wrapper .wpProQuiz_content a#quiz_continue_link { background-color: #ff8300 !important; } .learndash-wrapper .wpProQuiz_content a#quiz_continue_link:focus { outline-color: #ff8300; } .learndash-wrapper .course_progress .sending_progress_bar { background: #ff8300 !important; } .learndash-wrapper .wpProQuiz_content .wpProQuiz_button_reShowQuestion:hover, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button_restartQuiz:hover { background-color: #ff8300 !important; opacity: 0.75; } .learndash-wrapper .wpProQuiz_content .wpProQuiz_button_reShowQuestion:focus, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button_restartQuiz:focus { outline-color: #ff8300; } .learndash-wrapper .ld-secondary-color-hover:hover, .learndash-wrapper .ld-secondary-color, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:not(.ld--ignore-inline-css), .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after { color: #ff8300 !important; } .learndash-wrapper .ld-secondary-in-progress-icon { border-left-color: #ff8300 !important; border-top-color: #ff8300 !important; } .learndash-wrapper .ld-alert-success { border-color: #ff8300; background-color: transparent !important; color: #ff8300; } .learndash-wrapper .ld-alert-warning { background-color:transparent; } .learndash-wrapper .ld-status-waiting, .learndash-wrapper .ld-alert-warning .ld-alert-icon { background-color: #b00060 !important; } .learndash-wrapper .ld-tertiary-color-hover:hover, .learndash-wrapper .ld-tertiary-color, .learndash-wrapper .ld-alert-warning { color: #b00060 !important; } .learndash-wrapper .ld-tertiary-background { background-color: #b00060 !important; } .learndash-wrapper .ld-alert-warning { border-color: #b00060 !important; } .learndash-wrapper .ld-tertiary-background, .learndash-wrapper .ld-alert-warning .ld-alert-icon { color:white !important; } .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionReview, .learndash-wrapper .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionReview { background-color: #b00060 !important; } /*# sourceURL=learndash-front-inline-css */ /* ======================= 4. PER-ELEMENT RULES (measured) ======================= */ .ld-content-section .ld-course-status-segment > h2.ld-course-status-label{color:#072a4d !important;font-size:14.0px !important;line-height:16.8px !important;margin-bottom:0 !important} .ld-content-section .ld-course-status-content > div.ld-status.ld-status-waiting.ld-tertiary-background.ld-tooltip{border-bottom-left-radius:5px !important;border-bottom-right-radius:5px !important;border-top-left-radius:5px !important;border-top-right-radius:5px !important;font-size:14.0px !important;line-height:18.2px !important;padding-bottom:12px !important;padding-left:22px !important;padding-right:22px !important;padding-top:12px !important;text-transform:capitalize !important} .ld-content-section .ld-course-status-content > span.ld-course-status-price{color:#07294d !important} .ld-content-section .ld-course-status-action > a.btn-join.button.button-large.button-primary{font-weight:500 !important;padding-bottom:15px !important;padding-left:22px !important;padding-right:22px !important;padding-top:15px !important} .ld-content-section .elw-course-layout__main > div.ld-tab-count-1.ld-tabs{margin-bottom:10px !important;margin-top:10px !important} .ld-content-section .ld-tabs-content > div.ld-tab-content{padding-bottom:10px !important} .ld-content-section .elementor-section > div.elementor-container{align-items:center !important} .ld-content-section .elementor-column > div.elementor-element-populated.elementor-widget-wrap{align-content:center !important;align-items:center !important;margin-left:41px !important;padding-bottom:0px !important;padding-left:0px !important;padding-right:0px !important;padding-top:0px !important} .ld-content-section .ld-item-list-actions > button.ld-expand-button.ld-primary-background{border-bottom-left-radius:5px !important;border-bottom-right-radius:5px !important;border-top-left-radius:5px !important;border-top-right-radius:5px !important;line-height:26.0px !important} .ld-content-section .ld-expand-button > span.ld-text{line-height:26.0px !important} .ld-content-section .ld-item-list-items > div.ld-item-lesson-item.ld-item-list-item{border-bottom-color:#e0e0e0 !important;border-bottom-width:1px !important;border-left-color:#e0e0e0 !important;border-left-width:1px !important;border-right-color:#e0e0e0 !important;border-right-width:1px !important;border-top-color:#e0e0e0 !important;border-top-width:1px !important} .ld-content-section .ld-item-name > div.ld-status-icon.ld-status-incomplete{margin-top:1px !important} .ld-content-section .ld-item-title > span.ld-item-components{color:#07294d !important} .ld-content-section .ld-item-components > span.ld-item-component{color:#07294d !important} .ld-content-section .ld-item-details > button.ld-button-alternate.ld-expand-button{border-bottom-left-radius:100px !important;border-bottom-right-radius:100px !important;border-top-left-radius:100px !important;border-top-right-radius:100px !important;line-height:26.0px !important} .ld-content-section .ld-expand-button > span.ld-primary-color.ld-text{line-height:26.0px !important} .ld-content-section .ld-section-heading h2{line-height:28.8px !important} /* ======================= 5. NOT ON THE SOURCE SITE ======================= The source page shows no breadcrumb trail and no instructor card. globals/learndash-content.php also switches these off in PHP; this is the safety net for pages rendered some other way. */ .ld-content-section .elw-breadcrumbs, .ld-content-section .elw-instructor { display: none; } /* design tokens on so everything LearnDash appends there (dialogs, tooltips) can use them too */ body.ldm-dark { --ldm-bg: var(--blue, #1e345d); --ldm-panel: var(--midblue, #2a4d7e); --ldm-deep: var(--blue, #1e345d); --ldm-line: var(--border, #5f799e); --ldm-accent: var(--orange, #ff8300); --ldm-accent-hover: var(--pink, #b00060); --ldm-info: #2cc0ea; --ldm-muted: #c9d6ea; --ldm-btn-text: #fff; } /* design tokens on so everything LearnDash appends there (dialogs, tooltips) can use them too */ body.ldm-dark { --ldm-bg: var(--blue, #1e345d); --ldm-panel: var(--midblue, #2a4d7e); --ldm-deep: var(--blue, #1e345d); --ldm-line: var(--border, #5f799e); --ldm-accent: var(--orange, #ff8300); --ldm-accent-hover: var(--pink, #b00060); --ldm-info: #2cc0ea; --ldm-muted: #c9d6ea; --ldm-btn-text: #fff; } /* design tokens on so everything LearnDash appends there (dialogs, tooltips) can use them too */ body.ldm-dark { --ldm-bg: var(--blue, #1e345d); --ldm-panel: var(--midblue, #2a4d7e); --ldm-deep: var(--blue, #1e345d); --ldm-line: var(--border, #5f799e); --ldm-accent: var(--orange, #ff8300); --ldm-accent-hover: var(--pink, #b00060); --ldm-info: #2cc0ea; --ldm-muted: #c9d6ea; --ldm-btn-text: #fff; } /* design tokens on so everything LearnDash appends there (dialogs, tooltips) can use them too */ body.ldm-dark { --ldm-bg: var(--blue, #1e345d); --ldm-panel: var(--midblue, #2a4d7e); --ldm-deep: var(--blue, #1e345d); --ldm-line: var(--border, #5f799e); --ldm-accent: var(--orange, #ff8300); --ldm-accent-hover: var(--pink, #b00060); --ldm-info: #2cc0ea; --ldm-muted: #c9d6ea; --ldm-btn-text: #fff; } /* design tokens on so everything LearnDash appends there (dialogs, tooltips) can use them too */ body.ldm-dark { --ldm-bg: var(--blue, #1e345d); --ldm-panel: var(--midblue, #2a4d7e); --ldm-deep: var(--blue, #1e345d); --ldm-line: var(--border, #5f799e); --ldm-accent: var(--orange, #ff8300); --ldm-accent-hover: var(--pink, #b00060); --ldm-info: #2cc0ea; --ldm-muted: #c9d6ea; --ldm-btn-text: #fff; } /* design tokens on so everything LearnDash appends there (dialogs, tooltips) can use them too */ body.ldm-dark { --ldm-bg: var(--blue, #1e345d); --ldm-panel: var(--midblue, #2a4d7e); --ldm-deep: var(--blue, #1e345d); --ldm-line: var(--border, #5f799e); --ldm-accent: var(--orange, #ff8300); --ldm-accent-hover: var(--pink, #b00060); --ldm-info: #2cc0ea; --ldm-muted: #c9d6ea; --ldm-btn-text: #fff; } /* ======================= 6. DARK SKIN — all LearnDash pages ======================= Light text on the PMI mid-blue ("mid-blue-block-alt"): the section sits on --darkerblue #2a4d7e, the content and sidebar cards are PMI navy #1e345d with a #5f799e border, text is white Work Sans, headings are heavy uppercase, links and buttons are PMI orange (pink on hover). Colours come from the PMI theme's own variables, with the same values as fallbacks. Applies when has the class ldm-dark — added in PHP by helpers/enqueue.php for course, lesson, topic and quiz pages. To turn it off for a post type or a single course, use the pmi_learndash_dark_skin filter (see INSTALL.txt). Section 7 below is generated from LearnDash's own stylesheets so every LearnDash element has a dark equivalent, including ones that don't appear on a not-enrolled course page. */ body.ldm-dark.ldm-dark .ld-content-section { --ldm-bg: var(--blue, #1e345d); --ldm-panel: var(--midblue, #2a4d7e); --ldm-deep: var(--blue, #1e345d); --ldm-line: var(--border, #5f799e); --ldm-accent: var(--orange, #ff8300); --ldm-accent-hover: var(--pink, #b00060); --ldm-info: #2cc0ea; /* PMI lightblue #00b2e2, lightened a touch so small text reaches 5:1 on the navy rows */ --ldm-btn-text: #fff; /* PMI's own orange buttons use white text (2.5:1). For WCAG-AA contrast set this to #1e345d (5.0:1). */ --ldm-muted: #c9d6ea; --ldm-section-top: 50px; --edubin-content-color: #fff; --edubin-meta-color: var(--ldm-muted); --edubin-primary-color: var(--ldm-accent); --edubin-secondary-color: #fff; background-color: var(--ldm-bg); color: #fff; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 28.8px; padding-bottom: 50px; } /* ======================= 7. EVERY LEARNDASH ELEMENT (generated) ======================= Generated from LearnDash's own stylesheets (learndash.min.css, the quiz and video CSS): every rule that paints a light background, dark text or a light border is repeated for the dark skin — translucent white panels, white text, soft white borders, and SOLID navy for overlays (dialogs, focus mode). Covers lesson / topic / quiz pages, the enrolled learner's view, focus mode, login / registration dialogs, profile, comments and assignments. Form fields are deliberately left alone. */ body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-next{border-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within{border-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-breadcrumbs a{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-title{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-primary-color-hover:hover{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-primary-color{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-button.ld-button-transparent{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-button.ld-button-reverse{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-icon-certificate{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading{color:#fff !important} body.ldm-dark.ldm-dark #wpProQuiz_user_content a{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comments__heading-actions .ld-expand-button{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comments__heading a{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comments .comment-respond a{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link:hover{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-expand-button.ld-button-alternate{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment.bypostauthor>.ld-comment-wrapper{background-color:rgba(255,255,255,.05) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment.role-group_leader>.ld-comment-wrapper{background-color:rgba(255,255,255,.05) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment.role-administrator>.ld-comment-wrapper{background-color:rgba(255,255,255,.05) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-primary-background{background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active:after{background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-status-incomplete{border-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment.bypostauthor:not(.ptype-sfwd-assignment) >.ld-comment-wrapper>.ld-comment-avatar img{border-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment.role-group_leader>.ld-comment-wrapper>.ld-comment-avatar img{border-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment.role-administrator>.ld-comment-wrapper>.ld-comment-avatar img{border-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-loading::before{border-top-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-button:hover:not([disabled]):not(.ld-button-transparent):not(.ld--ignore-inline-css){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .btn-join:not(.ld--ignore-inline-css){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper #btn-join:not(.ld--ignore-inline-css){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-expand-button:not([disabled]){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not([disabled]):not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:not([disabled]){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{background-color:var(--ldm-bg,#2a4d7e) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comments .form-submit #submit{background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal input[type="submit"]:not([disabled]){background-color:var(--ldm-bg,#2a4d7e) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-register:not([disabled]){background-color:var(--ldm-bg,#2a4d7e) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:not([disabled]){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:not([disabled]){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark #wpProQuiz_user_content table.wp-list-table thead th{background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark #wpProQuiz_overlay_close:not([disabled]){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-expand-button.ld-button-alternate:not([disabled]) .ld-icon{background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:not([disabled]):not(:hover):not(:focus) .ld-icon{background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:hover .ld-icon{border-color:var(--ldm-accent,#ff8300) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:focus .ld-icon{border-color:var(--ldm-accent,#ff8300) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-button:focus:not(.ld-button-transparent):not(.ld--ignore-inline-css){outline-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .btn-join:focus:not(.ld--ignore-inline-css){outline-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper #btn-join:focus:not(.ld--ignore-inline-css){outline-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-expand-button:focus{outline-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):focus:not(.wpProQuiz_button_restartQuiz){outline-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:focus{outline-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comments .form-submit #submit{outline-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal input[type="submit"]:focus{outline-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-register:focus{outline-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:focus{outline-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-button:hover:not(.ld-button-transparent):not(.ld--ignore-inline-css){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .btn-join:hover:not(.ld--ignore-inline-css){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper #btn-join:hover:not(.ld--ignore-inline-css){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-expand-button:hover{background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):hover:not(.wpProQuiz_button_restartQuiz){background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover{background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal input[type="submit"]:hover{background-color:var(--ldm-bg,#2a4d7e) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-register:hover{background-color:var(--ldm-bg,#2a4d7e) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:hover{background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-search .ld-closer:focus{border-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items:before{border-bottom-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-button.ld-button-transparent:focus{outline-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-status.ld-status-unlocked{background-color:rgba(255,255,255,.2) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_addToplist{background-color:rgba(255,255,255,.12) !important;border-color:var(--ldm-accent,#ff8300) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_toplistTable th{background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_toplistTrOdd{background-color:rgba(255,255,255,.12) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress{background-color:var(--ldm-accent,#ff8300) !important;color:var(--ldm-btn-text,#fff) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-tertiary-color-hover:hover{color:#ff7fbf !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-tertiary-color{color:#ff7fbf !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-alert-warning{color:#ff7fbf !important} body.ldm-dark.ldm-dark .learndash-wrapper #btn-join.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper .btn-join.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper #btn-join.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper .btn-join.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper #btn-join[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .btn-join[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper #btn-join:disabled:hover.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper .btn-join:disabled:hover.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper #btn-join:disabled:hover.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper .btn-join:disabled:hover.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper #btn-join:disabled:hover[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .btn-join:disabled:hover[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-button.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper .ld-button.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper .ld-button[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper #learndash_mark_complete_button.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper .learndash_mark_complete_button.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper #learndash_mark_complete_button.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper .learndash_mark_complete_button.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper #learndash_mark_complete_button[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .learndash_mark_complete_button[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-content-actions #learndash_timer, body.ldm-dark.ldm-dark .learndash-wrapper .ld-content-actions .learndash_timer, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-mode-subscribe .ld-course-status-price, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-status .ld-course-status-mode-subscribe .ld-text, body.ldm-dark.ldm-dark .learndash-wrapper #learndash-registration-wrapper .learndash-password-strength.strong .ld-password-strength__descriptor, body.ldm-dark.ldm-dark .learndash-wrapper #learndash-registration-wrapper .learndash-password-strength.short .ld-password-strength__descriptor, body.ldm-dark.ldm-dark .learndash-wrapper #learndash-registration-wrapper .learndash-password-strength.bad .ld-password-strength__descriptor, body.ldm-dark.ldm-dark .learndash-wrapper #learndash-registration-wrapper .learndash-password-strength.good .ld-password-strength__descriptor, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-section-heading .ld-search-prompt, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-section-heading .ld-search-prompt:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields label, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields .ld-item-search-name .ld-reset-button, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields .ld-item-search-submit .ld-button.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields .ld-item-search-submit .ld-button.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields .ld-item-search-submit .ld-button[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover .ld-item-title .ld-item-components, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-components, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-certificate-link, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-header a, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-item-preview a, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list a.ld-table-list-item-preview, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list a.ld-table-list-item-preview:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-item .ld-table-list-title a, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-item .ld-table-list-title a:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-item .ld-comments-column, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-item .ld-comments-column a, body.ldm-dark.ldm-dark .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage, body.ldm-dark.ldm-dark .learndash-pager a, body.ldm-dark.ldm-dark .learndash-wrapper .ld-pagination, body.ldm-dark.ldm-dark .learndash-wrapper .ld-pagination .ld-pages i, body.ldm-dark.ldm-dark .learndash-wrapper .ld-pagination .ld-pages i:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-pagination .ld-pages a, body.ldm-dark.ldm-dark .learndash-wrapper .ld-pagination .ld-pages a:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-score.score-low, body.ldm-dark.ldm-dark .learndash-wrapper .ld-score.score-high, body.ldm-dark.ldm-dark .learndash-wrapper .ld-expand-button.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper .ld-expand-button.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper .ld-expand-button[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-status-icon.ld-quiz-complete, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-icon.quiz-failure, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-icon.ld-quiz-complete, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-icon.ld-quiz-incomplete, body.ldm-dark.ldm-dark .learndash-wrapper .ld-icon-delete, body.ldm-dark.ldm-dark .learndash-wrapper .ld-icon-delete:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-home-link, body.ldm-dark.ldm-dark .learndash-wrapper .ld-text-content, body.ldm-dark.ldm-dark .learndash-wrapper .ld-file-upload .ld-file-upload-heading, body.ldm-dark.ldm-dark .learndash-wrapper .ld-file-upload .ld-file-upload-form .ld-file-input+label span, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content a#quiz_continue_link.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content a#quiz_continue_link.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content a#quiz_continue_link[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .time, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_quiz_time, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_points--message, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolved, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolved, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedCorrect, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedCorrect, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedCorrect:before, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedCorrect:before, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedIncorrect, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedIncorrect, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedIncorrect:before, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedIncorrect:before, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-expand-button, body.ldm-dark.ldm-dark .learndash-wrapper .ld-profile-summary .ld-profile-card a.ld-profile-edit-link, body.ldm-dark.ldm-dark .learndash-wrapper .ld-profile-summary .ld-profile-card a.ld-profile-edit-link:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat span, body.ldm-dark.ldm-dark .learndash-wrapper #ld-profile .ld-quiz-list .user_statistic:hover, body.ldm-dark.ldm-dark .learndash-wrapper #ld-profile button.ld-icon-search.ld-icon, body.ldm-dark.ldm-dark .learndash-wrapper #ld-profile button.ld-icon-search.ld-icon.ld-expanded, body.ldm-dark.ldm-dark .learndash-wrapper #ld-profile button.ld-icon-search.ld-icon:hover, body.ldm-dark.ldm-dark #wpProQuiz_overlay_close.ld-button-alternate, body.ldm-dark.ldm-dark #wpProQuiz_overlay_close.ld-button-transparent, body.ldm-dark.ldm-dark #wpProQuiz_overlay_close[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab, body.ldm-dark.ldm-dark .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active, body.ldm-dark.ldm-dark .learndash-wrapper .ld-alert-certificate.ld-alert-success, body.ldm-dark.ldm-dark .learndash-wrapper .ld-alert--step-completed.ld-alert-success, body.ldm-dark.ldm-dark .learndash-wrapper .ld-alert-success, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete:after, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete:disabled:after, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:disabled:after, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_incomplete_button, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_incomplete_button, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-incomplete:after, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-text, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-label, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-action .ld-text, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-action .ld-text .ld-login-text, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-action .ld-text .ld-login-text:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-modal .ld-modal-closer, body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading, body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-text, body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-form label, body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-form .login-username:before, body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-form .login-password:before, body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-forgot-password-link, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comments .form-submit #submit.ld-button-alternate, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comments .form-submit #submit.ld-button-transparent, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comments .form-submit #submit[disabled]:hover, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment .ld-comment-avatar .ld-comment-avatar-author .ld-comment-author-name, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment .ld-comment-avatar .ld-comment-avatar-author a.ld-comment-permalink, body.ldm-dark.ldm-dark .ld-sortable__item--sort_answer .ld-sortable__item-text, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_resultValue div, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionSolvedCorrect, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedCorrect, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionSolvedIncorrect, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedIncorrect, body.ldm-dark.ldm-dark .wpProQuiz_content span.wpProQuiz_catPercent{color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper #btn-join.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper .btn-join.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper #btn-join[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .btn-join[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .ld-button.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper .ld-button[disabled], body.ldm-dark.ldm-dark .learndash-wrapper #learndash_mark_complete_button.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper .learndash_mark_complete_button.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper #learndash_mark_complete_button[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .learndash_mark_complete_button[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comments .form-submit #submit.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comments .form-submit #submit[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link{background-color:var(--ldm-deep,#1e345d) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper #btn-join:disabled:hover.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper .btn-join:disabled:hover.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper #btn-join:disabled:hover[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .btn-join:disabled:hover[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:focus .ld-icon, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:hover .ld-icon{background-color:rgba(255,255,255,.14) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-content-actions, body.ldm-dark.ldm-dark .learndash-wrapper .ld-quiz-actions, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-navigation .ld-lesson-item-expanded:before{border-top-color:rgba(255,255,255,.2) !important} body.ldm-dark.ldm-dark .learndash-wrapper .order-overview, body.ldm-dark.ldm-dark .learndash-wrapper #learndash-registration-wrapper .learndash-password-strength.good{background-color:var(--ldm-deep,#1e345d) !important;border-color:rgba(255,255,255,.2) !important} body.ldm-dark.ldm-dark .learndash-wrapper .order-overview .purchase-rows, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-items, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_resultTable, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) .wpProQuiz_sortable:not(.ld-sortable__item-handle), body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>table, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type=assessment_answer] .wpProQuiz_questionListItem, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionReview:before, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionReview:before, body.ldm-dark.ldm-dark .learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-avatar, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon, body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-register #wp-submit, body.ldm-dark.ldm-dark .ld-exam-content .ld-exam-questions .ld-exam-question-answers .ld-exam-question-answer, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_mextrixTr>td{border-color:rgba(255,255,255,.2) !important} body.ldm-dark.ldm-dark .learndash-wrapper .order-overview .purchase-rows .purchase-row, body.ldm-dark.ldm-dark .learndash-wrapper #learndash-cart-wrapper .ld-cart-item-row, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-item, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list.ld-no-pagination, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewSummary, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-navigation .ld-course-navigation-heading, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-navigation .ld-lesson-item, body.ldm-dark.ldm-dark #wpProQuiz_user_content h2, body.ldm-dark.ldm-dark .learndash-wrapper .ld-user-status.ld-is-widget .ld-item-list .ld-item-list-item, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comments__heading{border-bottom-color:rgba(255,255,255,.2) !important} body.ldm-dark.ldm-dark .learndash-wrapper #learndash-registration-wrapper .learndash-password-strength.strong, body.ldm-dark.ldm-dark .learndash-wrapper #learndash-registration-wrapper .learndash-password-strength.bad, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list:before, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .ld-content-action #learndash_timer, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .ld-content-action .learndash_timer, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-bar, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list:before, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus.ld-focus-position-rtl-left .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list:before, body.ldm-dark.ldm-dark .learndash-wrapper .ld-modal, body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-login, body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-modal-form .ld-login-modal-branding:before, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment.bypostauthor>.ld-comment-wrapper, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment.role-administrator>.ld-comment-wrapper, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus-comment.role-group_leader>.ld-comment-wrapper{background-color:var(--ldm-deep,#1e345d) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions .ld-progress .ld-progress-bar, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper:before, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded:before, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-item-expanded .ld-table-list:before, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-item-expanded .ld-table-list .ld-table-list-items, body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-footer, body.ldm-dark.ldm-dark .learndash-wrapper .ld-progress .ld-progress-bar, body.ldm-dark.ldm-dark .learndash-wrapper.learndash-widget .ld-progress .ld-progress-bar, body.ldm-dark.ldm-dark .learndash-wrapper .ld-pagination .ld-pages, body.ldm-dark.ldm-dark .learndash-wrapper .ld-file-upload, body.ldm-dark.ldm-dark .learndash-wrapper .ld-file-upload .ld-file-upload-form .ld-file-input+label, body.ldm-dark.ldm-dark .learndash-wrapper .ld-lesson-status, body.ldm-dark.ldm-dark .learndash-wrapper .ld-topic-status, body.ldm-dark.ldm-dark .learndash-wrapper .course_progress, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_sortStringItem, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_tipp>div, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_tipp>div:before, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item).wpProQuiz_answerCorrect label, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item).wpProQuiz_answerIncorrect label, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item).wpProQuiz_answerCorrectIncomplete label, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect>table td, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect>table td, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit:before, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_forms fieldset:nth-child(2n), body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content form[name=uploadEssay], body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_box, body.ldm-dark.ldm-dark .learndash-wrapper .ld-quiz-result-failed .wpProQuiz_mextrixTr .wpProQuiz_sortStringItem, body.ldm-dark.ldm-dark .learndash-wrapper .ld-quiz-result-passed .wpProQuiz_mextrixTr .wpProQuiz_sortStringItem, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-navigation .ld-lesson-item-expanded, body.ldm-dark.ldm-dark #wpProQuiz_user_content table.wp-list-table tfoot tr th, body.ldm-dark.ldm-dark .learndash-wrapper .ld-tabs .ld-tabs-navigation:after, body.ldm-dark.ldm-dark .learndash-wrapper .ld-breadcrumbs, body.ldm-dark.ldm-dark .learndash-wrapper .ld-alert .ld-alert-icon, body.ldm-dark.ldm-dark .learndash-wrapper .ld-alert-warning .ld-alert-icon, body.ldm-dark.ldm-dark .learndash-wrapper .ld-alert-warning .ld-button, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled, body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-status.ld-course-status-enrolled, body.ldm-dark.ldm-dark .ld-exam-content .ld-exam-header .ld-exam-progress-bar, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_questionList, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_response, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_tipp>div, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_matrixSortString, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_placehold, body.ldm-dark.ldm-dark .wpProQuiz_toplistTrOdd, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_addToplist, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_addToplistMessage, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_box, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_reviewQuestion, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_catOverview span{background-color:rgba(255,255,255,.06) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields .ld-item-search-submit .ld-button.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-fields .ld-item-search-submit .ld-button[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .ld-table-list .ld-table-list-item-expanded .ld-table-list .ld-table-list-header, body.ldm-dark.ldm-dark .learndash-pager, body.ldm-dark.ldm-dark .learndash-wrapper .ld-expand-button.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper .ld-expand-button[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_button[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content a#quiz_continue_link.ld-button-reverse, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content a#quiz_continue_link[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion li, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionReview, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSkip, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion li, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionReview, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSkip, body.ldm-dark.ldm-dark #wpProQuiz_overlay_close.ld-button-reverse, body.ldm-dark.ldm-dark #wpProQuiz_overlay_close[disabled], body.ldm-dark.ldm-dark .learndash-wrapper .screen-reader-shortcut{background-color:rgba(255,255,255,.06) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-item-list .ld-item-list-item, body.ldm-dark.ldm-dark .learndash-wrapper .ld-alert-warning, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_sortable, body.ldm-dark.ldm-dark .wpProQuiz_sortStringItem, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_lock, body.ldm-dark.ldm-dark .wpProQuiz_loadQuiz, body.ldm-dark.ldm-dark .wpProQuiz_prerequisite, body.ldm-dark.ldm-dark .wpProQuiz_startOnlyRegisteredUser, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_reviewQuestion li, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_invalidate{background-color:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.2) !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_loadQuiz, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_lock, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_prerequisite, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_startOnlyRegisteredUser, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_response, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_graded_points, body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_points, body.ldm-dark.ldm-dark .learndash-wrapper .ld-alert, body.ldm-dark.ldm-dark .ld-exam-content .ld-exam-result-message, body.ldm-dark.ldm-dark .ld-exam-content .ld-exam-questions .ld-exam-question-correct-message, body.ldm-dark.ldm-dark .ld-exam-content .ld-exam-questions .ld-exam-question-incorrect-message, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_button2{background-color:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.2) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>table td:first-child, body.ldm-dark.ldm-dark .learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .ld-content-action, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .ld-progress{border-right-color:rgba(255,255,255,.2) !important} body.ldm-dark.ldm-dark #wpProQuiz_user_content table.wp-list-table tbody tr.categoryTr th{background-color:rgba(255,255,255,.06) !important;border-bottom-color:rgba(255,255,255,.2) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-sidebar{background-color:var(--ldm-deep,#1e345d) !important;border-right-color:rgba(255,255,255,.2) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header{background-color:var(--ldm-deep,#1e345d) !important;border-bottom-color:rgba(255,255,255,.2) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-sidebar, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus.ld-focus-position-rtl-left .ld-focus-sidebar{border-left-color:rgba(255,255,255,.2) !important} body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-login-field, body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal .ld-password-field{background-color:var(--ldm-deep,#1e345d) !important;border-color:rgba(255,255,255,.2) !important;color:#fff !important} body.ldm-dark.ldm-dark .learndash-wrapper .screen-reader-shortcut:focus, body.ldm-dark.ldm-dark .wpProQuiz_content .wpProQuiz_button2:hover{background-color:rgba(255,255,255,.12) !important} @media (max-width:768px){ body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-header .ld-content-actions, body.ldm-dark.ldm-dark .learndash-wrapper .ld-focus.ld-focus-position-rtl-left .ld-focus-header .ld-content-actions{background-color:var(--ldm-deep,#1e345d) !important;border-top-color:rgba(255,255,255,.2) !important} } @media (max-width:640px){ body.ldm-dark.ldm-dark .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled>*{border-bottom-color:rgba(255,255,255,.2) !important} } @media (max-width:1024px){ body.ldm-dark.ldm-dark .learndash-wrapper .ld-login-modal.ld-can-register .ld-modal-closer{color:#fff !important} } /* ======================= 6b. HAND-TUNED COMPONENT RULES (win over the generated ones above) ======================= */ /* --- generic content (weak on purpose: any component style below or in LearnDash/Elementor wins over these) --- */ :where(body.ldm-dark) .ld-content-section :where(.ld-content h1), :where(body.ldm-dark) .ld-content-section :where(.ld-content h2), :where(body.ldm-dark) .ld-content-section :where(.ld-content h3), :where(body.ldm-dark) .ld-content-section :where(.ld-content h4), :where(body.ldm-dark) .ld-content-section :where(.ld-content h5), :where(body.ldm-dark) .ld-content-section :where(.ld-content h6) { font-family: "Work Sans", Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase; color: #fff; } :where(body.ldm-dark) .ld-content-section :where(.ld-content p), :where(body.ldm-dark) .ld-content-section :where(.ld-content li) { font-family: "Work Sans", Helvetica, Arial, sans-serif; line-height: 28.8px; color: #fff; } :where(body.ldm-dark) .ld-content-section :where(.ld-content p) { margin: 0 0 20px; } :where(body.ldm-dark) .ld-content-section :where(.ld-content a) { color: var(--ldm-accent, #ff8300); } :where(body.ldm-dark) .ld-content-section :where(.ld-content a:hover) { color: #fff; } :where(body.ldm-dark) .ld-content-section :where(.ld-content li)::marker { color: var(--ldm-accent, #ff8300); } :where(body.ldm-dark) .ld-content-section :where(.ld-content blockquote) { color: var(--ldm-muted, #c9d6ea); } /* --- the two cards --- */ body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout__main { background-color: var(--ldm-panel); border-color: var(--ldm-line); } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-sidebar-card { --elw-c-card-bg: var(--ldm-panel); --elw-c-card-border: var(--ldm-line); --elw-c-card-shadow: 0 0 30px rgba(0, 0, 0, 0.25); --elw-c-divider: rgba(255, 255, 255, 0.18); --elw-c-popover-bg: var(--ldm-panel); --elw-c-tooltip-bg: var(--ldm-accent); font-family: "Work Sans", Helvetica, Arial, sans-serif; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-sidebar-card .edubin-course-info .ld-segment-title { font-family: "Work Sans", Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-sidebar-card .share-list a::after { color: #fff; } /* --- course title (Elementor heading) --- */ body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elementor-heading-title { color: #fff !important; } /* --- status bar: translucent panel, white labels, PMI orange button --- */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-course-status { background-color: rgba(255, 255, 255, 0.08) !important; } body.ldm-dark.ldm-dark:not(#ldm) .ld-course-status-segment > h2.ld-course-status-label, body.ldm-dark.ldm-dark:not(#ldm) .ld-course-status-content > span.ld-course-status-price { color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper a.btn-join, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper #btn-join { background-color: var(--ldm-accent) !important; color: var(--ldm-btn-text) !important; border-radius: 5px !important; padding: 8px 20px !important; font-weight: 600 !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper a.btn-join:hover, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper #btn-join:hover { background-color: var(--ldm-accent-hover) !important; color: #fff !important; } /* the grey dividers between the three status segments would glare on dark */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-course-status .ld-course-status-segment { border-right-color: rgba(255, 255, 255, 0.28) !important; } /* --- LearnDash's "primary" colour helpers: navy on light becomes white / orange on dark --- */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-primary-color, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-primary-color-hover:hover { color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-primary-background { background-color: var(--ldm-accent) !important; } /* --- "Course Content" heading and the Expand All button --- */ body.ldm-dark.ldm-dark:not(#ldm) .ld-section-heading h2 { color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-actions .ld-expand-button { background-color: var(--ldm-accent) !important; color: var(--ldm-btn-text) !important; border-radius: 5px !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-actions .ld-expand-button:hover { background-color: var(--ldm-accent-hover) !important; color: #fff !important; } /* --- lesson rows --- */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list .ld-item-list-item { background-color: rgba(255, 255, 255, 0.05) !important; border-color: var(--ldm-line) !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item a.ld-item-name, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-title { color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item a.ld-item-name:hover { color: var(--ldm-accent) !important; } body.ldm-dark.ldm-dark:not(#ldm) .ld-item-title > span.ld-item-components, body.ldm-dark.ldm-dark:not(#ldm) .ld-item-components > span.ld-item-component { color: var(--ldm-info) !important; font-weight: 700; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-status-icon.ld-status-incomplete { background-color: transparent !important; border-color: rgba(255, 255, 255, 0.4) !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-details .ld-expand-button { color: #fff !important; background-color: transparent !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-expand-button .ld-icon { background-color: var(--ldm-accent) !important; color: #fff !important; } /* --- the expanded panel under a lesson --- */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list { border-color: var(--ldm-line) !important; background-color: transparent !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list .ld-table-list-header.ld-primary-background { background-color: rgba(255, 255, 255, 0.12) !important; color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list .ld-table-list-items, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list .ld-table-list-footer { background-color: transparent !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list .ld-table-list-item { border-color: rgba(255, 255, 255, 0.18) !important; background-color: transparent !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list-item a.ld-table-list-item-preview, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list-item .ld-topic-title { color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list-item a.ld-table-list-item-preview:hover .ld-topic-title { color: var(--ldm-accent) !important; } /* --- the enrolled learner's view: progress, status pills, Continue button, notices, completed / in-progress lessons --- */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-progress .ld-progress-bar { background-color: rgba(255, 255, 255, 0.22) !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-progress .ld-progress-label, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-progress .ld-progress-percentage, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-progress .ld-progress-steps { color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-status.ld-primary-background { color: var(--ldm-btn-text) !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-status-icon.ld-status-in-progress { background-color: transparent !important; border-color: var(--ldm-info) !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-button:not(.ld-button-transparent):not(.ld-button-reverse) { background-color: var(--ldm-accent) !important; color: var(--ldm-btn-text) !important; border-radius: 5px !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-button:not(.ld-button-transparent):not(.ld-button-reverse):hover { background-color: var(--ldm-accent-hover) !important; color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-alert { background-color: rgba(255, 255, 255, 0.08) !important; color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-alert .ld-alert-content, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-alert .ld-alert-message { color: #fff !important; } /* --- lesson / topic / quiz pages: the content sits in the same navy card as a course page's main column (also what keeps orange links readable: 5.0:1 on navy, only 3.5:1 straight on the mid-blue) --- */ /* (course pages: .ld-content stays transparent; the two cards are inside it) */ body.ldm-dark.ldm-dark:not(#ldm).single-sfwd-lessons .ld-content-section .ld-content, body.ldm-dark.ldm-dark:not(#ldm).single-sfwd-topic .ld-content-section .ld-content, body.ldm-dark.ldm-dark:not(#ldm).single-sfwd-quiz .ld-content-section .ld-content, body.ldm-dark.ldm-dark:not(#ldm).single-groups .ld-content-section .ld-content { background-color: var(--ldm-panel); border: 1px solid var(--ldm-line); padding: 40px; box-sizing: border-box; } @media (max-width: 575.98px) { body.ldm-dark.ldm-dark:not(#ldm).single-sfwd-lessons .ld-content-section .ld-content, body.ldm-dark.ldm-dark:not(#ldm).single-sfwd-topic .ld-content-section .ld-content, body.ldm-dark.ldm-dark:not(#ldm).single-sfwd-quiz .ld-content-section .ld-content { padding: 40px 15px; } } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-status.ld-third-background { background-color: rgba(255, 255, 255, 0.14) !important; color: #fff !important; } /* ======================= 8. LEARNDASH OUTPUT OUTSIDE THE COURSE / LESSON / QUIZ PAGES ======================= Shortcodes, blocks and widgets (profile, login, registration, course lists, info bars ...) can appear on ANY page, over a light or a dark section. So loose LearnDash output brings its own navy surface instead of relying on what is behind it. */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper:not(.ld-content-section .learndash-wrapper):not(.learndash-wrapper .learndash-wrapper):not(.learndash-wrapper-login-modal):not(.ld-focus):not(:has(.ld-focus)) { background-color: var(--ldm-deep); color: #fff; border: 1px solid var(--ldm-line); border-radius: 5px; padding: 30px; box-sizing: border-box; font-family: "Work Sans", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 28.8px; } /* generic text inside any LearnDash output (weak, so component styles win) */ :where(body.ldm-dark) :where(.learndash-wrapper, .ld-registration__outer-wrapper) :where(h1, h2, h3, h4, h5, h6) { font-family: "Work Sans", Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase; color: #fff; } :where(body.ldm-dark) :where(.learndash-wrapper, .ld-registration__outer-wrapper) :where(p, li, label, td, th) { color: #fff; } :where(body.ldm-dark) :where(.learndash-wrapper, .ld-registration__outer-wrapper) :where(a) { color: var(--ldm-accent, #ff8300); } :where(body.ldm-dark) :where(.learndash-wrapper, .ld-registration__outer-wrapper) :where(a:hover) { color: #fff; } /* LearnDash appends its tooltips to , outside everything above */ body.ldm-dark.ldm-dark:not(#ldm) #learndash-tooltips .ld-tooltip, body.ldm-dark.ldm-dark:not(#ldm) #learndash-tooltips .ld-tooltip[role="tooltip"] { background-color: #12274a !important; color: #fff !important; border: 1px solid var(--ldm-line); } /* focus mode, login / registration dialogs: solid navy panels with white text (their light rules are flipped in section 7) */ body.ldm-dark.ldm-dark:not(#ldm) .ld-focus, body.ldm-dark.ldm-dark:not(#ldm) .ld-registration__outer-wrapper { background-color: var(--ldm-bg); color: #fff; font-family: "Work Sans", Helvetica, Arial, sans-serif; } /* inside focus mode the working areas are navy panels on the mid-blue frame (orange links need the navy: 5.0:1 vs 3.5:1) */ body.ldm-dark.ldm-dark:not(#ldm) .ld-focus .ld-focus-sidebar, body.ldm-dark.ldm-dark:not(#ldm) .ld-focus .ld-focus-header, body.ldm-dark.ldm-dark:not(#ldm) .ld-focus .ld-focus-content, body.ldm-dark.ldm-dark:not(#ldm) .ld-focus .ld-focus-comments { background-color: var(--ldm-deep); color: #fff; } /* LearnDash's registration form: its buttons live outside .learndash-wrapper, so style them here */ body.ldm-dark.ldm-dark:not(#ldm) .ld-registration__outer-wrapper .ld-button, body.ldm-dark.ldm-dark:not(#ldm) .ld-registration__outer-wrapper .btn-join, body.ldm-dark.ldm-dark:not(#ldm) .ld-registration__outer-wrapper button[type="submit"] { background-color: var(--ldm-accent) !important; color: var(--ldm-btn-text) !important; border: 0; border-radius: 5px; padding: 8px 20px; font-weight: 600; } body.ldm-dark.ldm-dark:not(#ldm) .ld-registration__outer-wrapper .ld-button:hover, body.ldm-dark.ldm-dark:not(#ldm) .ld-registration__outer-wrapper .btn-join:hover, body.ldm-dark.ldm-dark:not(#ldm) .ld-registration__outer-wrapper button[type="submit"]:hover { background-color: var(--ldm-accent-hover) !important; color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .ld-login-modal, body.ldm-dark.ldm-dark:not(#ldm) .ld-modal .ld-login-modal-wrapper { background-color: var(--ldm-deep); color: #fff; } /* ======================= 9. THE PMI "CURRICULUM" LOOK ======================= Matches the "Apprenticeship Curriculum" section on pmi.co.uk training pages (e.g. Data Technician Apprenticeship), measured from that page's own stylesheet: a navy page (#1e345d); the section padded 70px; main column + a sticky 320-430px card with a 70px gap; headings Work Sans 800 in normal case; and the modules as an ACCORDION — a bordered card (#5f799e, 5px corners) with a mid-blue (#2a4d7e) title bar, an orange circle chevron (pink when open) and a navy body. LearnDash's expandable lesson rows are that accordion. Applies to everything that carries body.ldm-dark. */ /* --- the section and its layout --- */ body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section { background-color: var(--ldm-bg); padding: 70px 0; --ldm-section-top: 70px; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .ld-content-inner.inner { max-width: 1570px; padding: 0 30px; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 430px); gap: 70px; align-items: start; margin: 0; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout__main { display: grid; gap: 70px; flex: none; max-width: none; margin: 0; padding: 0; border: 0; background: transparent; overflow: visible; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout__main > * { margin-top: 0 !important; margin-bottom: 0 !important; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout__main .ld-tabs, body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout__main .ld-item-list, body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout__main .ld-course-status { margin-top: 0 !important; margin-bottom: 0 !important; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout__side { flex: none; max-width: none; margin: 0; --elw-sticky-top: 120px; } /* lesson / topic / quiz / group content sits straight on the page, like the text blocks on a PMI page (no card) */ body.ldm-dark.ldm-dark.single-sfwd-lessons:not(#ldm) .ld-content-section .ld-content, body.ldm-dark.ldm-dark.single-sfwd-topic:not(#ldm) .ld-content-section .ld-content, body.ldm-dark.ldm-dark.single-sfwd-quiz:not(#ldm) .ld-content-section .ld-content, body.ldm-dark.ldm-dark.single-groups:not(#ldm) .ld-content-section .ld-content { background: transparent; border: 0; padding: 0; } @media screen and (max-width: 980px) { body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout { grid-template-columns: 1fr; gap: 45px; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout__main { order: 2; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout__side { order: 1; } } @media screen and (max-width: 640px) { body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section { padding: 45px 0; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-course-layout__main { gap: 45px; } } /* --- headings: the theme's scale (Work Sans 800, normal case), weak so components still win --- */ :where(body.ldm-dark) .ld-content-section :where(.ld-content h1) { font: 800 100px/.9 "Work Sans", Helvetica, Arial, sans-serif; text-transform: none; margin: 0 0 10px; color: #fff; } :where(body.ldm-dark) .ld-content-section :where(.ld-content h2) { font: 800 64px/.9 "Work Sans", Helvetica, Arial, sans-serif; text-transform: none; margin: 0 0 30px; color: #fff; } :where(body.ldm-dark) .ld-content-section :where(.ld-content h3) { font: 800 36px/42px "Work Sans", Helvetica, Arial, sans-serif; text-transform: none; margin: 0 0 10px; color: #fff; } :where(body.ldm-dark) .ld-content-section :where(.ld-content h4) { font: 800 30px/1.2 "Work Sans", Helvetica, Arial, sans-serif; text-transform: none; margin: 0 0 10px; color: #fff; } :where(body.ldm-dark) .ld-content-section :where(.ld-content h5) { font: 800 25px/1.2 "Work Sans", Helvetica, Arial, sans-serif; text-transform: none; margin: 0 0 10px; color: #fff; } :where(body.ldm-dark) .ld-content-section :where(.ld-content h6) { font: 700 16px/28.8px "Work Sans", Helvetica, Arial, sans-serif; text-transform: none; margin: 0; color: #fff; } :where(body.ldm-dark) :where(.learndash-wrapper, .ld-registration__outer-wrapper) :where(h1, h2, h3, h4, h5, h6) { font-weight: 800; text-transform: none; } @media (max-width: 979.99px) { :where(body.ldm-dark) .ld-content-section :where(.ld-content h1) { font-size: 70px; } :where(body.ldm-dark) .ld-content-section :where(.ld-content h2) { font-size: 52px; } } @media (max-width: 900px) { :where(body.ldm-dark) .ld-content-section :where(.ld-content h3) { font-size: 30px; line-height: 35px; } } @media screen and (max-width: 600px) { /* the site's Additional CSS shrinks them again on phones */ :where(body.ldm-dark) .ld-content-section :where(.ld-content h1) { font-size: 35px; line-height: 1; } :where(body.ldm-dark) .ld-content-section :where(.ld-content h2) { font-size: 26px; line-height: 1; } } /* the "Course Content" heading is the section's h2, with the 45px gap the curriculum heading has */ body.ldm-dark.ldm-dark:not(#ldm) .ld-section-heading { align-items: center; margin-bottom: 45px !important; } body.ldm-dark.ldm-dark:not(#ldm) .ld-section-heading h2 { font: 800 64px/.9 "Work Sans", Helvetica, Arial, sans-serif !important; text-transform: none !important; margin: 0 !important; color: #fff !important; } @media (max-width: 979.99px) { body.ldm-dark.ldm-dark:not(#ldm) .ld-section-heading h2 { font-size: 52px !important; } } @media screen and (max-width: 600px) { body.ldm-dark.ldm-dark:not(#ldm) .ld-section-heading h2 { font-size: 26px !important; line-height: 1 !important; } } /* --- THE ACCORDION: LearnDash's expandable lesson / module rows --- */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list .ld-item-list-items { display: grid; gap: 10px; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list .ld-item-list-item { margin: 0 !important; padding: 0 !important; background-color: var(--ldm-deep) !important; border: 1px solid var(--ldm-line) !important; border-radius: 5px !important; overflow: visible; /* NOT hidden: LearnDash's hover tooltip ("You don't currently have access ...") has to be able to leave the row */ } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-list-item-preview { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin: 0 !important; padding: 15px !important; background-color: var(--ldm-panel) !important; border: 0 !important; color: #fff; font-size: 18px; font-weight: 800; line-height: 1.2; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item a.ld-item-name, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-title { color: #fff !important; font-size: 18px; font-weight: 800; line-height: 1.2; } body.ldm-dark.ldm-dark:not(#ldm) .ld-item-title > span.ld-item-components, body.ldm-dark.ldm-dark:not(#ldm) .ld-item-components > span.ld-item-component { color: #cfe0f5 !important; font-size: 14px; font-weight: 600; } /* the Expand button is the orange circle chevron (pink when open); its text stays for screen readers */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button { display: flex; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; width: 28px; min-width: 28px; height: 28px; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button .ld-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button .ld-icon { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; background-color: var(--ldm-accent) !important; color: #fff !important; font-size: 16px; line-height: 1; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item.ld-expanded .ld-item-details .ld-expand-button .ld-icon, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button[aria-expanded="true"] .ld-icon { background-color: var(--ldm-accent-hover) !important; } /* the opened body: navy, with the theme's 20px of space. LearnDash collapses a closed row with max-height:0, and padding on the panel would NOT be clipped (a navy strip under every closed row) — so the space is on the panel's contents, which the collapse hides. */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded { margin: 0 !important; padding: 0 !important; background-color: var(--ldm-deep) !important; border: 0 !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded:before { display: none !important; } /* LearnDash's little pointer arrow */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded .ld-table-list { margin: 20px !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded .ld-progress { background-color: transparent !important; padding: 20px 20px 0 !important; margin: 0 !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded .ld-item-contents { padding: 20px !important; } @media screen and (max-width: 640px) { body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list .ld-item-list-items { gap: 18px; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-list-item-preview { padding: 24px !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded .ld-table-list { margin: 24px !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded .ld-item-contents { padding: 24px !important; } } /* --- the status bar is a mid-blue block like the accordion title bars --- */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-course-status { background-color: var(--ldm-panel) !important; border-radius: 5px !important; padding: 20px !important; } /* --- the "About your Course" card is the theme's key-facts card: mid-blue, 5px corners, a very soft shadow, 20px padding --- */ body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-sidebar-card { --elw-c-card-bg: var(--ldm-panel); --elw-c-card-border: transparent; --elw-c-card-shadow: 0 18px 45px rgba(0, 0, 0, 0.08); --elw-c-divider: #e1e1df; --elw-c-popover-bg: var(--ldm-deep); border: 0; border-radius: 5px; line-height: 28.8px; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-sidebar-card .edubin-course-info { padding: 0 20px; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-sidebar-card .edubin-course-info .ld-segment-title { font: 800 30px/1.2 "Work Sans", Helvetica, Arial, sans-serif; text-transform: none; margin: 20px 0 10px; } body.ldm-dark.ldm-dark:not(#ldm) .ld-content-section .elw-sidebar-card .post-share .share-label { color: #fff; } /* --- refinements from comparing against the real section --- */ /* the chevron is a true 28px circle: LearnDash gives the icon "flex: 0 0 18px" (basis 15px) which beats width and squeezes it into an ellipse */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-details { flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-details .ld-expand-button .ld-icon { flex: 0 0 28px !important; flex-basis: 28px !important; width: 28px !important; min-width: 28px !important; max-width: 28px !important; height: 28px !important; aspect-ratio: 1 / 1; font-size: 12px; } /* a compact one-line title bar like the curriculum's: the status circle is smaller, and "1 Topic" sits beside the title instead of under it */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item a.ld-item-name { align-items: center !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-name .ld-status-icon { flex: 0 0 22px !important; width: 22px !important; height: 22px !important; margin: 0 12px 0 0 !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-name .ld-item-title { display: flex !important; flex-wrap: wrap; align-items: baseline; column-gap: 14px; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-title .ld-item-components { display: inline !important; margin: 0 !important; } /* the opened body: LearnDash adds 39px side margins and 20px top padding to each topic; the theme's body is just 20px all round */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item-expanded .ld-table-list-items { padding: 0 !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item-expanded .ld-table-list-item { margin: 0 !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item-expanded .ld-table-list-item .ld-table-list-item-preview { padding: 14px 20px !important; } /* --- no empty status circle in the course content list (the lesson rows and the topics inside them) --- Only the EMPTY "not complete" circle is removed. A learner's completed (tick) and in-progress markers stay, because they carry real information. To remove those as well, change .ld-status-incomplete to .ld-status-complete, .ld-status-in-progress below, or simply delete ".ld-status-incomplete" so the rule matches every .ld-status-icon in these lists. */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list .ld-status-icon.ld-status-incomplete, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list .ld-status-icon.ld-status-incomplete { display: none !important; } /* --- hover tooltips ("You don't currently have access to this lesson") must not be cut off --- The rows used to clip their contents (overflow:hidden) to keep the title bar's corners round; that also clipped the tooltip. Now the row doesn't clip, and the corners are rounded on the bar and the opened body themselves. */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-list-item-preview { border-radius: 4px !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item.ld-expanded .ld-item-list-item-preview, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item:has(.ld-expand-button[aria-expanded="true"]) .ld-item-list-item-preview { border-radius: 4px 4px 0 0 !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-item-list-item-expanded { border-radius: 0 0 4px 4px !important; } /* start the tooltip just under the bar (not halfway down it), above the following rows, with a shadow so it reads as a pop-up */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-tooltip__text, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-item-list-item .ld-tooltip [role="tooltip"] { margin-top: 18px; z-index: 50; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4); border: 1px solid var(--ldm-line); border-radius: 5px; } /* ======================= 10. THE CURRICULUM LOOK ON THE REST OF THE LEARNDASH CONTENT ======================= The accordion rows above cover the course / group / profile lists. These give the same module-card treatment (5px corners, a #5f799e border, a mid-blue title bar, a navy body) to the other content: the topic and assignment lists on a lesson page, the quiz questions, answers and results, and the breadcrumb bar. A list nested inside an opened accordion row keeps its own look (it is already inside a card). */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list:not(.ld-item-list-item-expanded .ld-table-list) { margin: 0 0 10px !important; background-color: var(--ldm-deep) !important; border: 1px solid var(--ldm-line) !important; border-radius: 5px !important; overflow: visible; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list:not(.ld-item-list-item-expanded .ld-table-list) > .ld-table-list-header { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin: 0 !important; padding: 15px !important; background-color: var(--ldm-panel) !important; border: 0 !important; border-radius: 4px 4px 0 0 !important; color: #fff; font-size: 18px; font-weight: 800; line-height: 1.2; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list:not(.ld-item-list-item-expanded .ld-table-list) > .ld-table-list-header .ld-table-list-title, body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list:not(.ld-item-list-item-expanded .ld-table-list) > .ld-table-list-header .ld-table-list-title .ld-text { color: #fff; font-size: 18px; font-weight: 800; line-height: 1.2; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list:not(.ld-item-list-item-expanded .ld-table-list) > .ld-table-list-header .ld-table-list-lesson-details { color: #cfe0f5; font-size: 14px; font-weight: 600; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list:not(.ld-item-list-item-expanded .ld-table-list) .ld-table-list-items { padding: 0 !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list:not(.ld-item-list-item-expanded .ld-table-list) .ld-table-list-item { margin: 0 !important; border: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list:not(.ld-item-list-item-expanded .ld-table-list) .ld-table-list-item:first-child { border-top: 0 !important; } body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-table-list:not(.ld-item-list-item-expanded .ld-table-list) .ld-table-list-item-preview { padding: 14px 15px !important; } /* the breadcrumb bar is a mid-blue block, like the status bar */ body.ldm-dark.ldm-dark:not(#ldm) .learndash-wrapper .ld-breadcrumbs { background-color: var(--ldm-panel) !important; border-radius: 5px !important; padding: 15px 20px !important; } /* the empty status circle is gone in the focus-mode lesson list too (same rule as the course content list) */ body.ldm-dark.ldm-dark:not(#ldm) .ld-lesson-item .ld-status-icon.ld-status-incomplete { display: none !important; } /* --- quizzes: each question is a module card; its "Question 1 of 3" line is the title bar; answers are bordered rows --- */ body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_listItem { display: block; margin: 0; padding: 0 20px 20px; background-color: var(--ldm-deep) !important; border: 1px solid var(--ldm-line); border-radius: 5px; overflow: visible; color: #fff; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_listItem > .wpProQuiz_question_page { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin: 0 -20px 20px !important; padding: 15px; background-color: var(--ldm-panel); border-radius: 4px 4px 0 0; color: #fff; font-size: 18px; font-weight: 800; line-height: 1.2; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_questionList { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_questionListItem { margin: 0; padding: 12px 15px; background-color: rgba(255, 255, 255, 0.05) !important; border: 1px solid var(--ldm-line); border-radius: 5px; color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_questionListItem label { color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_questionListItem:hover { background-color: rgba(255, 255, 255, 0.12) !important; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_questionListItem.wpProQuiz_answerCorrect { background-color: rgba(46, 158, 91, 0.22) !important; border-color: #2e9e5b; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect { background-color: rgba(224, 80, 90, 0.22) !important; border-color: #e0505a; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_response { margin-top: 15px; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_response .wpProQuiz_correct { padding: 12px 15px; border: 1px solid #2e9e5b; border-radius: 5px; background-color: rgba(46, 158, 91, 0.22) !important; color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_response .wpProQuiz_incorrect { padding: 12px 15px; border: 1px solid #e0505a; border-radius: 5px; background-color: rgba(224, 80, 90, 0.22) !important; color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_response .wpProQuiz_tipp { padding: 12px 15px; border: 1px solid var(--ldm-line); border-radius: 5px; background-color: rgba(255, 255, 255, 0.05) !important; color: #fff !important; } body.ldm-dark.ldm-dark:not(#ldm) .wpProQuiz_content .wpProQuiz_results { padding: 20px; background-color: var(--ldm-deep) !important; border: 1px solid var(--ldm-line); border-radius: 5px; color: #fff; }