/*! * No.1 PCO Training - LearnDash design (V4: navy / yellow, Bricolage Grotesque + DM Sans, square corners) * Loaded by mu-plugins/no1pco-learndash-design.php on every LearnDash screen. * Scope: body.n1ld = any LearnDash content, body.n1ld-cpt = full LearnDash screens (hero + layout). */ /* ---------- tokens ---------- */ body.n1ld { --n1-navy-900: #021833; --n1-navy: #05234D; --n1-yellow: #FBC601; --n1-yellow-dark: #E0B000; --n1-text: #33415C; --n1-muted: #6B7A95; --n1-soft: #B6C3DA; --n1-light: #F3F6FB; --n1-line: #DCE3EE; --n1-ok: #1E8E5A; --n1-bad: #C0392B; --n1-head: "Bricolage Grotesque", "DM Sans", sans-serif; --n1-body: "DM Sans", Inter, sans-serif; --ld-color-brand-primary: #05234D; } /* ---------- layout (full screens) ---------- */ body.n1ld-cpt #main { background: #fff; } body.n1ld-cpt #main #content-wrap.container { width: 100%; max-width: 1600px; margin: 0 auto; padding: 72px 50px 110px; box-sizing: border-box; } body.n1ld-cpt #primary.content-area { width: 100%; float: none; padding: 0; margin: 0; border: 0; } body.n1ld-cpt #content.site-content { padding: 0; margin: 0; } body.n1ld-cpt aside.sidebar-container { display: none !important; } body.n1ld-cpt.n1ld-lesson #content-wrap, body.n1ld-cpt.n1ld-topic #content-wrap, body.n1ld-cpt.n1ld-quiz #content-wrap { max-width: 1240px !important; } body.n1ld-cpt #content > article > .entry-header, body.n1ld-cpt #content > article > .thumbnail, body.n1ld-cpt #content > article > .post-thumbnail { display: none; } body.n1ld-cpt .entry-content { margin: 0; } body.n1ld-cpt .page-header, body.n1ld-cpt #ocean-breadcrumbs, body.n1ld-cpt .site-breadcrumbs { display: none; } /* ---------- hero (sits under the transparent site header, which overlaps it by 96px) ---------- */ .n1ld-hero { position: relative; background: var(--n1-navy-900, #021833); background-image: linear-gradient(120deg, #021833 0%, #05234D 100%); color: #fff; padding: 168px 0 72px; overflow: hidden; } .n1ld-hero::after { /* soft yellow glow bottom-right */ content: ""; position: absolute; right: -8%; bottom: -55%; width: 46%; aspect-ratio: 1; background: radial-gradient(closest-side, rgba(251,198,1,.16), rgba(251,198,1,0)); pointer-events: none; } .n1ld-hero__in { position: relative; z-index: 1; max-width: 1600px; margin: 0 auto; padding: 0 50px; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; align-items: center; } .n1ld-hero.has-image .n1ld-hero__in { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); } .n1ld-hero__copy { padding-left: 24px; border-left: 4px solid #FBC601; } .n1ld-hero__back { display: inline-block; margin-bottom: 18px; font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: #B6C3DA; text-decoration: none; transition: color .25s ease; } .n1ld-hero__back::before { content: "\2190\00a0\00a0"; } .n1ld-hero__back:hover { color: #FBC601; } .n1ld-hero__eyebrow { margin: 0 0 14px; font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: #FBC601; } .n1ld-hero .n1ld-hero__title { margin: 0; color: #fff !important; font: 700 clamp(38px, 5.2vw, 76px)/1.02 "Bricolage Grotesque", "DM Sans", sans-serif; letter-spacing: -2px; text-wrap: balance; } .n1ld-hero__lead { margin: 20px 0 0; max-width: 640px; font: 400 18px/1.6 "DM Sans", sans-serif; color: #B6C3DA; } .n1ld-hero__facts { margin: 26px 0 0; display: flex; flex-wrap: wrap; gap: 10px 28px; font: 500 15px/1.4 "DM Sans", sans-serif; color: #B6C3DA; } .n1ld-hero__facts b { color: #FBC601; font: 700 22px/1 "Bricolage Grotesque", sans-serif; margin-right: 4px; } .n1ld-hero__media { overflow: hidden; background: #021833; box-shadow: 0 40px 70px -40px rgba(0, 0, 0, .7); } .n1ld-hero__img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; } @media (max-width: 1024px) { .n1ld-hero { padding: 132px 0 52px; } .n1ld-hero.has-image .n1ld-hero__in { grid-template-columns: minmax(0, 1fr); gap: 32px; } body.n1ld-cpt #main #content-wrap.container { padding: 48px 20px 80px; } .n1ld-hero__in { padding: 0 20px; } } @media (max-width: 767px) { .n1ld-hero { padding: 108px 0 40px; } .n1ld-hero__copy { padding-left: 16px; } .n1ld-hero__title { letter-spacing: -1px; } .n1ld-hero__lead { font-size: 16px; } } /* ---------- base typography inside LearnDash content ---------- */ body.n1ld .learndash-wrapper, body.n1ld .learndash, body.n1ld .entry-content { font-family: var(--n1-body); color: var(--n1-text); font-size: 17px; line-height: 1.65; } body.n1ld .learndash-wrapper h1, body.n1ld .learndash-wrapper h2, body.n1ld .learndash-wrapper h3, body.n1ld .learndash-wrapper h4, body.n1ld .learndash-wrapper h5 { font-family: var(--n1-head); color: var(--n1-navy-900); letter-spacing: -.5px; line-height: 1.15; font-weight: 600; } body.n1ld .learndash-wrapper a { color: var(--n1-navy); } body.n1ld .learndash-wrapper a:hover { color: var(--n1-navy-900); } body.n1ld .entry-content p { margin: 0 0 1.1em; } /* ---------- buttons ---------- */ body.n1ld .learndash-wrapper .ld-button, body.n1ld .learndash-wrapper a.ld-button, body.n1ld .learndash-wrapper .ld-login-button, body.n1ld .learndash-wrapper input[type=submit], body.n1ld .learndash-wrapper .learndash_mark_complete_button, body.n1ld .learndash-wrapper #learndash_mark_complete_button, body.n1ld .learndash-wrapper .btn-join, body.n1ld a.btn-join, body.n1ld #btn-join, body.n1ld .wpProQuiz_content .wpProQuiz_button, body.n1ld .wpProQuiz_content input[type=button].wpProQuiz_button, body.n1ld .wpProQuiz_content a.wpProQuiz_button, body.n1ld .wpProQuiz_content .wpProQuiz_QuestionButton, body.n1ld .ld-enrollment .ld-button, body.n1ld .ld-enrollment a.ld-button, body.n1ld .ld-enrollment input[type=submit] { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #FBC601 !important; color: #021833 !important; font: 700 14px/1.2 "DM Sans", sans-serif !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; padding: 18px 28px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none !important; cursor: pointer; width: auto; min-height: 0; transition: background-color .25s ease, color .25s ease; } body.n1ld .learndash-wrapper .ld-button:hover, body.n1ld .learndash-wrapper .ld-button:focus-visible, body.n1ld .learndash-wrapper input[type=submit]:hover, body.n1ld .learndash-wrapper .learndash_mark_complete_button:hover, body.n1ld a.btn-join:hover, body.n1ld #btn-join:hover, body.n1ld .wpProQuiz_content .wpProQuiz_button:hover, body.n1ld .wpProQuiz_content .wpProQuiz_QuestionButton:hover, body.n1ld .ld-enrollment .ld-button:hover, body.n1ld .ld-enrollment input[type=submit]:hover { background: #05234D !important; color: #fff !important; } /* LearnDash's inline colour CSS uses a long :not() chain; repeat it so the brand colours win */ html body.n1ld .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css) { background: #FBC601 !important; color: #021833 !important; } html body.n1ld .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css):hover, html body.n1ld .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css):focus-visible { background: #05234D !important; color: #fff !important; } body.n1ld .learndash-wrapper .ld-button .ld-icon { transition: transform .25s ease; } body.n1ld .learndash-wrapper .ld-button:hover .ld-icon { transform: translateX(4px); } body.n1ld .learndash-wrapper .ld-button.ld-button-reverse, body.n1ld .learndash-wrapper .ld-button-alternate { background: transparent !important; color: #05234D !important; padding-left: 0 !important; padding-right: 0 !important; } body.n1ld .learndash-wrapper .ld-button.ld-button-reverse:hover { background: transparent !important; color: #021833 !important; } body.n1ld .learndash-wrapper .ld-button:disabled, body.n1ld .learndash-wrapper .ld-button.ld-disabled { opacity: .45; cursor: not-allowed; } /* text links styled like the site's "link" buttons */ body.n1ld .learndash-wrapper .ld-course-step-back, body.n1ld .learndash-wrapper .ld-primary-color.ld-course-step-back { font: 700 14px/1.2 "DM Sans", sans-serif; letter-spacing: 1.4px; text-transform: uppercase; color: #05234D !important; text-decoration: none; border-bottom: 2px solid #FBC601; padding-bottom: 4px; } /* ---------- tags / status ---------- */ body.n1ld .learndash-wrapper .ld-status { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 0 !important; font: 700 11px/1 "DM Sans", sans-serif !important; letter-spacing: 1.6px; text-transform: uppercase; background: #FBC601 !important; color: #021833 !important; } body.n1ld .learndash-wrapper .ld-status.ld-status-complete { background: #05234D !important; color: #fff !important; } body.n1ld .learndash-wrapper .ld-status.ld-status-waiting, body.n1ld .learndash-wrapper .ld-status.ld-status-unlocked { background: #F3F6FB !important; color: #05234D !important; box-shadow: inset 0 0 0 1px #DCE3EE; } body.n1ld .learndash-wrapper .ld-secondary-color { color: #05234D !important; } body.n1ld .learndash-wrapper .ld-primary-color, body.n1ld .learndash-wrapper .ld-primary-color-hover:hover { color: #05234D !important; } body.n1ld .learndash-wrapper .ld-primary-background { background-color: #05234D !important; color: #fff !important; } body.n1ld .learndash-wrapper .ld-secondary-background { background-color: #FBC601 !important; } body.n1ld .learndash-wrapper .ld-primary-border-color { border-color: #05234D !important; } /* ---------- progress ---------- */ body.n1ld .learndash-wrapper .ld-progress { margin: 0; } body.n1ld .learndash-wrapper .ld-progress-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 10px; } body.n1ld .learndash-wrapper .ld-progress-label { font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: var(--n1-muted); } body.n1ld .learndash-wrapper .ld-progress-stats { display: flex; gap: 14px; align-items: baseline; flex-wrap: wrap; font: 500 14px/1.4 "DM Sans", sans-serif; color: var(--n1-muted); } body.n1ld .learndash-wrapper .ld-progress-percentage { font: 700 15px/1.2 "DM Sans", sans-serif; color: #021833 !important; text-transform: none; } body.n1ld .learndash-wrapper .ld-progress-bar { height: 8px; background: #DCE3EE; border-radius: 0; overflow: hidden; margin: 0; } body.n1ld .learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage { height: 100%; border-radius: 0; background: #FBC601 !important; } body.n1ld .learndash-wrapper .ld-progress-inline .ld-progress-bar { margin-top: 0; } /* ---------- course (classic LD30): grid = description + course content on the left, enrol card on the right ---------- */ body.n1ld-course #content > article { display: grid; grid-template-columns: minmax(0, 1fr) 400px; grid-template-rows: auto 1fr; column-gap: 64px; align-items: start; } body.n1ld-course #content > article > .entry-content, body.n1ld-course #content > article > .entry-content > .learndash, body.n1ld-course #content > article > .entry-content .learndash-wrapper--course { display: contents; } body.n1ld-course .learndash-wrapper--course > [class*="learndash-shortcode-wrap-ld_infobar"] { grid-column: 2; grid-row: 1 / span 2; position: sticky; top: 120px; align-self: start; } body.n1ld-course .learndash-wrapper--course > .ld-tabs { grid-column: 1; grid-row: 1; margin: 0 0 40px; } body.n1ld-course .learndash-wrapper--course > [class*="learndash-shortcode-wrap-course_content"] { grid-column: 1; grid-row: 2; min-width: 0; } /* no description tab: course content starts at the top */ body.n1ld-course .learndash-wrapper--course:not(:has(> .ld-tabs)) > [class*="learndash-shortcode-wrap-course_content"] { grid-row: 1 / span 2; } @media (max-width: 1100px) { body.n1ld-course #content > article { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; } body.n1ld-course .learndash-wrapper--course > [class*="learndash-shortcode-wrap-ld_infobar"] { grid-column: 1; grid-row: auto; position: static; order: -1; margin-bottom: 36px; } body.n1ld-course .learndash-wrapper--course > .ld-tabs, body.n1ld-course .learndash-wrapper--course > [class*="learndash-shortcode-wrap-course_content"] { grid-column: 1; grid-row: auto !important; } } /* status / enrol card */ body.n1ld .learndash-wrapper .ld-course-status { position: relative; display: flex; flex-direction: column; gap: 0; padding: 0; margin: 0; background: #F3F6FB; border: 0; border-radius: 0; overflow: hidden; } body.n1ld .learndash-wrapper .ld-course-status::before { content: ""; display: block; height: 5px; background: #FBC601; } body.n1ld .learndash-wrapper .ld-course-status-segment { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; width: 100%; padding: 22px 28px; margin: 0; border: 0; border-top: 1px solid #DCE3EE; text-align: left; } body.n1ld .learndash-wrapper .ld-course-status-segment:first-of-type { border-top: 0; } body.n1ld .learndash-wrapper .ld-course-status-label { font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: var(--n1-muted); margin: 0; } body.n1ld .learndash-wrapper .ld-course-status-price { font: 700 36px/1 "Bricolage Grotesque", sans-serif; color: #021833; letter-spacing: -1px; } body.n1ld .learndash-wrapper .ld-course-status-action { align-items: stretch; } body.n1ld .learndash-wrapper .ld-course-status-action .ld-button, body.n1ld .learndash-wrapper .ld-course-status-action .btn-join, body.n1ld .learndash-wrapper .ld-course-status-action a { width: 100%; box-sizing: border-box; } body.n1ld .learndash-wrapper .ld-course-status.ld-course-status-enrolled { padding: 0; } body.n1ld .learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress { padding: 24px 28px; } /* description tabs */ body.n1ld .learndash-wrapper .ld-tabs { margin: 0; } body.n1ld .learndash-wrapper .ld-tabs .ld-tabs-navigation { display: flex; gap: 28px; border: 0; border-bottom: 2px solid #DCE3EE; margin: 0 0 28px; padding: 0; background: transparent; } body.n1ld .learndash-wrapper .ld-tabs .ld-tab { display: inline-flex; align-items: center; gap: 8px; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 14px !important; margin: 0 0 -2px; font: 700 13px/1.2 "DM Sans", sans-serif; letter-spacing: 1.6px; text-transform: uppercase; color: var(--n1-muted) !important; border-bottom: 3px solid transparent !important; cursor: pointer; } body.n1ld .learndash-wrapper .ld-tabs .ld-tab.ld-active { color: #021833 !important; border-bottom-color: #FBC601 !important; } body.n1ld .learndash-wrapper .ld-tabs .ld-tab .ld-icon { display: none; } body.n1ld .learndash-wrapper .ld-tab-content ul { list-style: none; margin: 0 0 1.2em; padding: 0; } body.n1ld .learndash-wrapper .ld-tab-content ul li { position: relative; padding: 0 0 0 26px; margin: 0 0 10px; } body.n1ld .learndash-wrapper .ld-tab-content ul li::before { content: ""; position: absolute; left: 0; top: .62em; width: 10px; height: 10px; background: #FBC601; } body.n1ld .learndash-wrapper .ld-tab-content ol { padding-left: 22px; } /* section heading + expand all */ body.n1ld .learndash-wrapper .ld-section-heading, body.n1ld .learndash-wrapper .ld-item-list .ld-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; padding: 0 0 16px; border-bottom: 2px solid #021833; } body.n1ld .learndash-wrapper .ld-section-heading h2 { margin: 0; font: 600 34px/1.1 "Bricolage Grotesque", sans-serif; letter-spacing: -1px; color: #021833; } body.n1ld .learndash-wrapper .ld-expand-button { display: inline-flex; align-items: center; gap: 10px; background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; cursor: pointer; font: 700 12px/1.2 "DM Sans", sans-serif; letter-spacing: 1.8px; text-transform: uppercase; color: #05234D !important; } body.n1ld .learndash-wrapper .ld-expand-button .ld-icon { width: 28px; height: 28px; border-radius: 0 !important; background: #05234D !important; color: #fff !important; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; transition: transform .25s ease, background-color .25s ease; } body.n1ld .learndash-wrapper .ld-expand-button:hover .ld-icon { background: #FBC601 !important; color: #021833 !important; } body.n1ld .learndash-wrapper .ld-expand-button .ld-text { color: #05234D !important; } body.n1ld .learndash-wrapper .ld-expand-button.ld-expanded .ld-icon { transform: rotate(180deg); } /* course content rows */ body.n1ld .learndash-wrapper .ld-item-list { margin: 0; } body.n1ld .learndash-wrapper .ld-item-list .ld-item-list-items { border: 0; } body.n1ld .learndash-wrapper .ld-item-list-item { position: relative; background: #fff; border: 1px solid #DCE3EE; border-radius: 0; margin: 0 0 10px; overflow: hidden; transition: box-shadow .3s ease, border-color .3s ease; } body.n1ld .learndash-wrapper .ld-item-list-item::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #FBC601; transition: width .3s ease; z-index: 1; } body.n1ld .learndash-wrapper .ld-item-list-item:hover { border-color: #05234D; box-shadow: 0 24px 40px -30px rgba(2, 24, 51, .4); } body.n1ld .learndash-wrapper .ld-item-list-item:hover::before, body.n1ld .learndash-wrapper .ld-item-list-item.ld-expanded::before { width: 5px; } body.n1ld .learndash-wrapper .ld-item-list-item-preview { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; border: 0; background: transparent; } body.n1ld .learndash-wrapper .ld-item-list-item-preview .ld-tooltip { flex: 1 1 auto; min-width: 0; } body.n1ld .learndash-wrapper .ld-item-name { display: flex; align-items: center; gap: 16px; text-decoration: none; color: #021833; } body.n1ld .learndash-wrapper .ld-item-title { font: 600 20px/1.25 "Bricolage Grotesque", sans-serif; letter-spacing: -.3px; color: #021833; display: flex; flex-direction: column; gap: 4px; } body.n1ld .learndash-wrapper .ld-item-components { font: 500 13px/1.4 "DM Sans", sans-serif; letter-spacing: .2px; color: var(--n1-muted); display: flex; gap: 8px; align-items: center; } body.n1ld .learndash-wrapper .ld-item-components .ld-sep { opacity: .5; } body.n1ld .learndash-wrapper .ld-item-list-item-expanded { border-top: 1px solid #DCE3EE; background: #F3F6FB; padding: 0; } body.n1ld .learndash-wrapper .ld-item-list-item-expanded::before, body.n1ld .learndash-wrapper .ld-item-list-item-expanded::after { display: none !important; } body.n1ld .learndash-wrapper .ld-item-list-item-expanded .ld-table-list { margin: 0 !important; border: 0; } body.n1ld .learndash-wrapper .ld-item-list-item-expanded .ld-table-list-items { padding: 0 !important; } body.n1ld .learndash-wrapper .ld-table-list-item { margin-left: 0 !important; margin-right: 0 !important; } body.n1ld .learndash-wrapper .ld-expand-button, body.n1ld .learndash-wrapper .ld-expand-button:focus-visible { border-radius: 0 !important; outline-offset: 4px; } body.n1ld .learndash-wrapper .ld-item-list-item-expanded .ld-table-list { margin: 0; border: 0; } body.n1ld .learndash-wrapper .ld-item-list-section-heading { font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: var(--n1-muted); margin: 26px 0 10px; } body.n1ld .learndash-wrapper .ld-item-list-section-heading:empty { display: none; } /* completion icon */ body.n1ld .learndash-wrapper .ld-status-icon { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50% !important; border: 2px solid #B6C3DA !important; background: #fff !important; color: transparent !important; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; box-sizing: border-box; } body.n1ld .learndash-wrapper .ld-status-icon.ld-status-complete, body.n1ld .learndash-wrapper .ld-status-icon.ld-quiz-complete { background: #FBC601 !important; border-color: #FBC601 !important; color: #021833 !important; } body.n1ld .learndash-wrapper .ld-status-icon.ld-status-in-progress { border-color: #FBC601 !important; } body.n1ld .learndash-wrapper .ld-status-icon.ld-quiz-incomplete { border-radius: 0 !important; } /* lesson topic table (inside rows and on lesson page) */ body.n1ld .learndash-wrapper .ld-table-list { border: 1px solid #DCE3EE; border-radius: 0; margin: 0 0 40px; overflow: hidden; background: #fff; } body.n1ld .learndash-wrapper .ld-table-list-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 24px; border: 0; border-radius: 0; background: #05234D !important; color: #fff !important; font: 700 12px/1.3 "DM Sans", sans-serif; letter-spacing: 2px; text-transform: uppercase; } body.n1ld .learndash-wrapper .ld-table-list-header * { color: inherit !important; } body.n1ld .learndash-wrapper .ld-table-list-header .ld-item-icon, body.n1ld .learndash-wrapper .ld-table-list-header .ld-icon { display: none; } body.n1ld .learndash-wrapper .ld-table-list-title { display: flex; align-items: center; gap: 10px; } body.n1ld .learndash-wrapper .ld-table-list-lesson-details { display: flex; gap: 18px; } body.n1ld .learndash-wrapper .ld-table-list-items { border: 0; } body.n1ld .learndash-wrapper .ld-table-list-item { border: 0; border-top: 1px solid #DCE3EE; background: #fff; margin: 0; padding: 0; } body.n1ld .learndash-wrapper .ld-table-list-item:first-child { border-top: 0; } body.n1ld .learndash-wrapper .ld-table-list-item-preview, body.n1ld .learndash-wrapper .ld-table-list-item-quiz .ld-table-list-item-preview { display: flex; align-items: center; gap: 14px; padding: 16px 24px; text-decoration: none; color: #021833 !important; background: transparent; transition: background-color .25s ease, padding .3s ease; } body.n1ld .learndash-wrapper .ld-table-list-item-preview:hover { background: #F3F6FB; padding-left: 30px; } body.n1ld .learndash-wrapper .ld-topic-title, body.n1ld .learndash-wrapper .ld-table-list-item .ld-item-title { font: 600 16px/1.3 "DM Sans", sans-serif; letter-spacing: 0; color: #021833; } body.n1ld .learndash-wrapper .ld-table-list-item-quiz .ld-item-title { font-weight: 500; color: var(--n1-text); } body.n1ld .learndash-wrapper .ld-table-list-footer { padding: 14px 24px; border-top: 1px solid #DCE3EE; background: #F3F6FB; } body.n1ld .learndash-wrapper .ld-lesson-topic-list { margin: 0 0 32px; } /* lesson / topic / quiz: status bar with breadcrumbs */ body.n1ld .learndash-wrapper .ld-lesson-status, body.n1ld .learndash-wrapper .ld-topic-status, body.n1ld .learndash-wrapper .ld-quiz-status { background: #F3F6FB; padding: 22px 28px; margin: 0 0 40px; border: 0; border-left: 5px solid #FBC601; display: flex; flex-direction: column; gap: 18px; } body.n1ld .learndash-wrapper .ld-breadcrumbs { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 0; padding: 0; border: 0; background: transparent; } body.n1ld .learndash-wrapper .ld-breadcrumbs-segments { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0; padding: 0; list-style: none; font: 600 14px/1.4 "DM Sans", sans-serif; } body.n1ld .learndash-wrapper .ld-breadcrumbs-segments li { margin: 0; padding: 0; } body.n1ld .learndash-wrapper .ld-breadcrumbs-segments li + li::before { content: "/"; margin: 0 10px; color: var(--n1-soft); } body.n1ld .learndash-wrapper .ld-breadcrumbs-segments li::after, body.n1ld .learndash-wrapper .ld-breadcrumbs-segments li .ld-icon { display: none !important; } body.n1ld .learndash-wrapper .ld-breadcrumbs-segments a { color: #05234D; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color .2s ease; } body.n1ld .learndash-wrapper .ld-breadcrumbs-segments a:hover { border-bottom-color: #FBC601; } body.n1ld .learndash-wrapper .ld-breadcrumbs-segments li:last-child a { color: var(--n1-muted); } /* previous / next */ body.n1ld .learndash-wrapper .ld-content-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin: 48px 0 0; padding: 28px 0 0; border: 0; border-top: 2px solid #021833; background: transparent; } body.n1ld .learndash-wrapper .ld-content-action { display: flex; align-items: center; gap: 14px; margin: 0; } body.n1ld .learndash-wrapper .ld-content-action.ld-empty { display: none; } body.n1ld .learndash-wrapper .ld-content-actions .ld-button .ld-icon { font-size: 14px; } body.n1ld .learndash-wrapper .learndash_mark_complete_button, body.n1ld .learndash-wrapper #learndash_mark_complete_button { cursor: pointer; } body.n1ld .learndash-wrapper .sfwd-mark-complete form { margin: 0; } /* alerts / notices */ body.n1ld .learndash-wrapper .ld-alert { display: flex; align-items: center; gap: 18px; margin: 0 0 28px; padding: 18px 24px; border: 0; border-left: 5px solid #FBC601; border-radius: 0; background: #F3F6FB; color: #021833; } body.n1ld .learndash-wrapper .ld-alert.ld-alert-success { border-left-color: var(--n1-ok); } body.n1ld .learndash-wrapper .ld-alert.ld-alert-warning { border-left-color: var(--n1-yellow); } body.n1ld .learndash-wrapper .ld-alert .ld-alert-icon { display: none; } body.n1ld .learndash-wrapper .ld-alert .ld-alert-content { flex: 1 1 auto; font-size: 16px; } body.n1ld .learndash-wrapper .ld-alert .ld-alert-messages { margin: 0; } body.n1ld .learndash-wrapper .ld-alert .ld-button { padding: 14px 22px !important; } /* embedded media */ body.n1ld .learndash-wrapper .ld-video, body.n1ld .learndash-wrapper .ld-video iframe { max-width: 100%; } body.n1ld .entry-content img { max-width: 100%; height: auto; } body.n1ld .entry-content .ld-content-body, body.n1ld .learndash-wrapper .ld-tab-content { font-size: 17px; } /* ---------- quiz (LearnDash quiz engine) ---------- */ body.n1ld .wpProQuiz_content { font-family: var(--n1-body); color: var(--n1-text); margin: 0 0 40px; } body.n1ld .wpProQuiz_content > h2, body.n1ld .wpProQuiz_content > h2:first-of-type { display: none; } /* title already in the hero */ body.n1ld .wpProQuiz_content h4.wpProQuiz_header, body.n1ld .wpProQuiz_content .wpProQuiz_header { font: 600 28px/1.15 "Bricolage Grotesque", sans-serif; letter-spacing: -.8px; color: #021833; margin: 0 0 18px; } body.n1ld .wpProQuiz_content .wpProQuiz_infopageHeader { font: 600 28px/1.15 "Bricolage Grotesque", sans-serif; color: #021833; } body.n1ld .wpProQuiz_content .wpProQuiz_text, body.n1ld .wpProQuiz_content .wpProQuiz_startOnlyRegisteredUser, body.n1ld .wpProQuiz_content .wpProQuiz_lock, body.n1ld .wpProQuiz_content .wpProQuiz_prerequisite, body.n1ld .wpProQuiz_content .wpProQuiz_loadQuiz { background: #F3F6FB; border: 0; border-left: 5px solid #FBC601; border-radius: 0; padding: 22px 28px; margin: 0 0 28px; font-size: 17px; color: #021833; } body.n1ld .wpProQuiz_content .wpProQuiz_text p, body.n1ld .wpProQuiz_content .wpProQuiz_lock p { margin: 0 0 12px; } body.n1ld .wpProQuiz_content .wpProQuiz_text > div:last-child { margin-top: 18px; } body.n1ld .wpProQuiz_content .wpProQuiz_startOnlyRegisteredUser a, body.n1ld .wpProQuiz_content .wpProQuiz_lock a { color: #05234D; font-weight: 700; } body.n1ld .wpProQuiz_content .wpProQuiz_time_limit { margin: 0 0 28px; } body.n1ld .wpProQuiz_content .wpProQuiz_time_limit .time { font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: var(--n1-muted); display: flex; gap: 10px; align-items: center; margin-bottom: 8px; } body.n1ld .wpProQuiz_content .wpProQuiz_time_limit .time span { font: 700 18px/1 "Bricolage Grotesque", sans-serif; letter-spacing: 0; color: #021833; } body.n1ld .wpProQuiz_content .wpProQuiz_progress { height: 8px; background: #FBC601 !important; border-radius: 0; margin: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress_bar, body.n1ld .wpProQuiz_content .wpProQuiz_time_limit > div:last-child { background: #DCE3EE; border-radius: 0; height: 8px; } /* question header: "Question 3 of 37" */ body.n1ld .wpProQuiz_content .wpProQuiz_question_page { font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: var(--n1-muted); margin: 0 0 14px; } body.n1ld .wpProQuiz_content .wpProQuiz_question_page span { color: #021833; } body.n1ld .wpProQuiz_content .wpProQuiz_listItem { border: 0; margin: 0 0 8px; padding: 0; background: transparent; } body.n1ld .wpProQuiz_content .wpProQuiz_question { margin: 0; padding: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_question_text { font: 600 22px/1.4 "Bricolage Grotesque", sans-serif; letter-spacing: -.3px; color: #021833; margin: 0 0 22px; } body.n1ld .wpProQuiz_content .wpProQuiz_question_text p { margin: 0 0 .8em; font: inherit; } body.n1ld .wpProQuiz_content .wpProQuiz_points { font: 500 14px/1.4 "DM Sans", sans-serif; color: var(--n1-muted); margin: 0 0 14px; } /* answers */ body.n1ld .wpProQuiz_content ul.wpProQuiz_questionList { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 10px; } body.n1ld .wpProQuiz_content .wpProQuiz_questionListItem { margin: 0; padding: 0; border: 0; background: transparent; list-style: none; } body.n1ld .wpProQuiz_content .wpProQuiz_questionListItem label { position: relative; display: flex; align-items: center; gap: 16px; width: 100%; box-sizing: border-box; margin: 0; padding: 16px 20px; cursor: pointer; background: #fff; border: 2px solid #DCE3EE; border-radius: 0; font: 500 17px/1.4 "DM Sans", sans-serif; color: #021833; transition: border-color .2s ease, background-color .2s ease, transform .2s ease; } body.n1ld .wpProQuiz_content .wpProQuiz_questionListItem label:hover { border-color: #05234D; background: #F3F6FB; } body.n1ld .wpProQuiz_content .wpProQuiz_questionListItem label:has(input:checked) { border-color: #05234D; background: #F3F6FB; box-shadow: inset 5px 0 0 #FBC601; } body.n1ld .wpProQuiz_content .wpProQuiz_questionListItem input[type=radio], body.n1ld .wpProQuiz_content .wpProQuiz_questionListItem input[type=checkbox] { flex: 0 0 auto; width: 20px; height: 20px; margin: 0; accent-color: #05234D; } body.n1ld .wpProQuiz_content .wpProQuiz_questionListItem input[type=radio] { border-radius: 50%; } body.n1ld .wpProQuiz_content li.wpProQuiz_answerCorrect label, body.n1ld .wpProQuiz_content .wpProQuiz_answerCorrect label { border-color: var(--n1-ok) !important; background: rgba(30, 142, 90, .08) !important; box-shadow: inset 5px 0 0 var(--n1-ok); } body.n1ld .wpProQuiz_content li.wpProQuiz_answerIncorrect label, body.n1ld .wpProQuiz_content .wpProQuiz_answerIncorrect label { border-color: var(--n1-bad) !important; background: rgba(192, 57, 43, .07) !important; box-shadow: inset 5px 0 0 var(--n1-bad); } body.n1ld .wpProQuiz_content .wpProQuiz_answerCorrect, body.n1ld .wpProQuiz_content .wpProQuiz_answerIncorrect { background: transparent !important; } body.n1ld .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_sortable, body.n1ld .wpProQuiz_content .wpProQuiz_sortStringItem { border: 2px solid #DCE3EE; border-radius: 0; background: #fff; padding: 14px 18px; font: 500 16px/1.4 "DM Sans", sans-serif; color: #021833; } body.n1ld .wpProQuiz_content .wpProQuiz_matrixSortString .wpProQuiz_sortStringItem { background: #F3F6FB; } body.n1ld .wpProQuiz_content input[type=text], body.n1ld .wpProQuiz_content textarea, body.n1ld .wpProQuiz_content select { font: 500 16px/1.4 "DM Sans", sans-serif; color: #021833; background: #fff; border: 2px solid #DCE3EE; border-radius: 0; padding: 12px 14px; box-shadow: none; max-width: 100%; } body.n1ld .wpProQuiz_content input[type=text]:focus, body.n1ld .wpProQuiz_content textarea:focus, body.n1ld .wpProQuiz_content select:focus { outline: 0; border-color: #05234D; } body.n1ld .wpProQuiz_content .wpProQuiz_cloze input[type=text] { padding: 4px 10px; min-width: 120px; } body.n1ld .wpProQuiz_content .wpProQuiz_cloze { display: inline; } /* correct / incorrect panels, hints */ body.n1ld .wpProQuiz_content .wpProQuiz_response { margin: 24px 0; padding: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_correct, body.n1ld .wpProQuiz_content .wpProQuiz_incorrect { margin: 0 0 16px; padding: 22px 26px; border: 0; border-radius: 0; background: #F3F6FB; } body.n1ld .wpProQuiz_content .wpProQuiz_correct { border-left: 5px solid var(--n1-ok); } body.n1ld .wpProQuiz_content .wpProQuiz_incorrect { border-left: 5px solid var(--n1-bad); } body.n1ld .wpProQuiz_content .wpProQuiz_correct .wpProQuiz_AnswerMessage, body.n1ld .wpProQuiz_content .wpProQuiz_incorrect .wpProQuiz_AnswerMessage { font: 600 20px/1.3 "Bricolage Grotesque", sans-serif; color: #021833; } body.n1ld .wpProQuiz_content .wpProQuiz_tipp { margin: 18px 0; } body.n1ld .wpProQuiz_content .wpProQuiz_tipp > div { background: #F3F6FB; border: 0; border-left: 5px solid #FBC601; border-radius: 0; padding: 18px 22px; } /* question buttons row */ body.n1ld .wpProQuiz_content input[name=back], body.n1ld .wpProQuiz_content input[name=skip] { background: transparent !important; color: #05234D !important; box-shadow: inset 0 0 0 2px #05234D !important; } body.n1ld .wpProQuiz_content input[name=back]:hover, body.n1ld .wpProQuiz_content input[name=skip]:hover { background: #05234D !important; color: #fff !important; } body.n1ld .wpProQuiz_content input[name=tip] { background: transparent !important; color: #05234D !important; padding-left: 0 !important; text-decoration: underline !important; } body.n1ld .wpProQuiz_content .wpProQuiz_button2, body.n1ld .wpProQuiz_content input[name=restartQuiz] { margin-right: 8px; } body.n1ld .wpProQuiz_content .wpProQuiz_QuestionButton { margin: 0 8px 8px 0; } body.n1ld .wpProQuiz_content input.wpProQuiz_button[disabled], body.n1ld .wpProQuiz_content input.wpProQuiz_QuestionButton[disabled] { opacity: .4; cursor: not-allowed; } /* LearnDash's inline colour CSS is very specific (long :not() chains): boost ours so the brand colours win */ body.n1ld.n1ld.n1ld .learndash-wrapper.learndash-wrapper .wpProQuiz_content.wpProQuiz_content .wpProQuiz_button, body.n1ld.n1ld.n1ld .learndash-wrapper.learndash-wrapper .wpProQuiz_content.wpProQuiz_content .wpProQuiz_QuestionButton { background: #FBC601 !important; color: #021833 !important; } body.n1ld.n1ld.n1ld .learndash-wrapper.learndash-wrapper .wpProQuiz_content.wpProQuiz_content .wpProQuiz_button:hover, body.n1ld.n1ld.n1ld .learndash-wrapper.learndash-wrapper .wpProQuiz_content.wpProQuiz_content .wpProQuiz_QuestionButton:hover, body.n1ld.n1ld.n1ld .learndash-wrapper.learndash-wrapper .wpProQuiz_content.wpProQuiz_content .wpProQuiz_button:focus-visible { background: #05234D !important; color: #fff !important; } body.n1ld.n1ld.n1ld .learndash-wrapper.learndash-wrapper .wpProQuiz_content.wpProQuiz_content input[name=back], body.n1ld.n1ld.n1ld .learndash-wrapper.learndash-wrapper .wpProQuiz_content.wpProQuiz_content input[name=skip] { background: transparent !important; color: #05234D !important; box-shadow: inset 0 0 0 2px #05234D !important; } body.n1ld.n1ld.n1ld .learndash-wrapper.learndash-wrapper .wpProQuiz_content.wpProQuiz_content input[name=back]:hover, body.n1ld.n1ld.n1ld .learndash-wrapper.learndash-wrapper .wpProQuiz_content.wpProQuiz_content input[name=skip]:hover { background: #05234D !important; color: #fff !important; } body.n1ld.n1ld.n1ld .learndash-wrapper.learndash-wrapper .wpProQuiz_content.wpProQuiz_content input[name=tip] { background: transparent !important; color: #05234D !important; } /* review panel (numbered squares) */ body.n1ld .wpProQuiz_content .wpProQuiz_reviewDiv { background: #F3F6FB; border: 0; border-radius: 0; padding: 20px 22px; margin: 0 0 30px; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestion ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestion li { width: 38px; height: 38px; margin: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 2px solid #DCE3EE; border-radius: 0; font: 700 14px/1 "DM Sans", sans-serif; color: #021833; cursor: pointer; transition: border-color .2s ease, background-color .2s ease; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestion li:hover { border-color: #05234D; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionTarget { background: #05234D; border-color: #05234D; color: #fff; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolved { background: #FBC601; border-color: #FBC601; color: #021833; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionReview { background: #fff; border-color: #FBC601; box-shadow: inset 0 -4px 0 #FBC601; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend ol { display: flex; flex-wrap: wrap; gap: 8px 22px; list-style: none; margin: 16px 0 0; padding: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend li { font: 500 14px/1.3 "DM Sans", sans-serif; color: var(--n1-muted); display: inline-flex; align-items: center; gap: 8px; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend span { width: 14px; height: 14px; display: inline-block; border: 2px solid #DCE3EE; background: #fff; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_Answer { background: #FBC601; border-color: #FBC601; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_Review { border-color: #FBC601; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_Current { background: #05234D; border-color: #05234D; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewButtons { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; } /* quiz summary + results */ body.n1ld .wpProQuiz_content .wpProQuiz_checkPage, body.n1ld .wpProQuiz_content .wpProQuiz_infopage { padding: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_checkPage p, body.n1ld .wpProQuiz_content .wpProQuiz_results p { font-size: 17px; margin: 0 0 14px; } body.n1ld .wpProQuiz_content .wpProQuiz_results, body.n1ld .wpProQuiz_content .wpProQuiz_sending { background: #F3F6FB; border: 0; border-top: 5px solid #FBC601; padding: 28px 32px; margin: 0 0 30px; } body.n1ld .wpProQuiz_content .wpProQuiz_results .wpProQuiz_header { color: #021833; } body.n1ld .wpProQuiz_content .wpProQuiz_results .wpProQuiz_correct_answer, body.n1ld .wpProQuiz_content .wpProQuiz_results .wpProQuiz_points span { font: 700 22px/1 "Bricolage Grotesque", sans-serif; color: #021833; } body.n1ld .wpProQuiz_content .wpProQuiz_resultTable table { width: 100%; border-collapse: collapse; margin: 18px 0 0; background: #fff; border: 1px solid #DCE3EE; } body.n1ld .wpProQuiz_content .wpProQuiz_resultTable td, body.n1ld .wpProQuiz_content .wpProQuiz_resultTable th { padding: 12px 16px; border: 0; border-top: 1px solid #DCE3EE; font-size: 16px; } body.n1ld .wpProQuiz_content .wpProQuiz_resultTable tr:first-child td { border-top: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_resultsList { list-style: none; margin: 18px 0 0; padding: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_resultsList > li { border: 0; margin: 0 0 24px; padding: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_catOverview { margin: 22px 0; } body.n1ld .wpProQuiz_content .wpProQuiz_catOverview li { padding: 10px 0; border-bottom: 1px solid #DCE3EE; list-style: none; } body.n1ld .wpProQuiz_content .wpProQuiz_catName { font-weight: 700; color: #021833; } body.n1ld .wpProQuiz_content .wpProQuiz_catPercent { font-weight: 700; } body.n1ld .wpProQuiz_content .wpProQuiz_catOverview .wpProQuiz_catPercent { background: #FBC601; color: #021833; padding: 2px 8px; } body.n1ld .wpProQuiz_content .wpProQuiz_certificate a.btn-blue { display: inline-flex; background: #FBC601; color: #021833; font: 700 14px/1 "DM Sans", sans-serif; letter-spacing: 1.4px; text-transform: uppercase; padding: 18px 28px; text-decoration: none; border-radius: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:hover { background: #05234D; color: #fff; } body.n1ld .wpProQuiz_content .wpProQuiz_quiz_time, body.n1ld .wpProQuiz_content .wpProQuiz_time_limit_expired { color: var(--n1-muted); } body.n1ld .wpProQuiz_content .wpProQuiz_toplistTable, body.n1ld .wpProQuiz_content .wpProQuiz_toplistTable td, body.n1ld .wpProQuiz_content .wpProQuiz_toplistTable th { border: 1px solid #DCE3EE; padding: 10px 14px; } body.n1ld .wpProQuiz_content .wpProQuiz_spinner { display: none; } body.n1ld .wpProQuiz_content .wpProQuiz_forms { margin: 0 0 24px; } body.n1ld .wpProQuiz_content .wpProQuiz_forms input[type=text], body.n1ld .wpProQuiz_content .wpProQuiz_forms select { width: 100%; box-sizing: border-box; } @media (max-width: 767px) { body.n1ld .wpProQuiz_content .wpProQuiz_question_text { font-size: 19px; } body.n1ld .wpProQuiz_content .wpProQuiz_questionListItem label { padding: 14px 16px; font-size: 16px; } body.n1ld .wpProQuiz_content .wpProQuiz_button, body.n1ld .wpProQuiz_content .wpProQuiz_QuestionButton { padding: 16px 20px !important; } } /* ---------- packages / groups (LearnDash "modern" template) ---------- */ body.n1ld .learndash-wrapper--modern.ld-layout, body.n1ld .ld-layout { display: grid; grid-template-columns: minmax(0, 1fr) 400px; column-gap: 64px; align-items: start; max-width: none; margin: 0; padding: 0; background: transparent; } body.n1ld .ld-layout__content { min-width: 0; padding: 0; } body.n1ld .ld-layout__sidebar { position: sticky; top: 120px; display: flex; flex-direction: column; gap: 20px; padding: 0; width: auto; } body.n1ld .ld-layout .ld-featured-image, body.n1ld .ld-layout .ld-tab-bar .ld-featured-image { display: none; } /* shown in the hero */ body.n1ld .ld-layout .course__content--info, body.n1ld .ld-layout .course__excerpt { margin: 0; font: 400 20px/1.6 "DM Sans", sans-serif; color: var(--n1-text); } body.n1ld .ld-layout .ld-tab-bar { margin: 0 0 56px; border: 0; padding: 0; background: transparent; } body.n1ld .ld-layout .ld-tab-bar__panel { padding: 0; } body.n1ld .ld-layout .ld-tab-bar__panel p { margin: 0 0 1em; } body.n1ld .ld-group__courses-heading, body.n1ld .ld-layout h2 { font: 600 34px/1.1 "Bricolage Grotesque", sans-serif; letter-spacing: -1px; color: #021833; margin: 0 0 22px; padding: 0 0 16px; border-bottom: 2px solid #021833; } body.n1ld .ld-enrollment { position: relative; display: flex; flex-direction: column; gap: 18px; padding: 34px 30px 30px; background: #F3F6FB; border: 0; border-radius: 0; box-shadow: none; } body.n1ld .ld-enrollment::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 5px; background: #FBC601; } body.n1ld .ld-enrollment__pricing { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; } body.n1ld .ld-enrollment__pricing-label { font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: var(--n1-muted); } body.n1ld .ld-enrollment__pricing-price { font: 700 44px/1 "Bricolage Grotesque", sans-serif; letter-spacing: -1.5px; color: #021833; } body.n1ld .ld-enrollment__pricing-label:first-child { flex: 0 0 100%; } body.n1ld .ld-enrollment .ld-button, body.n1ld .ld-enrollment input[type=submit], body.n1ld .ld-enrollment button, body.n1ld .ld-enrollment a.btn-join { width: 100%; box-sizing: border-box; } body.n1ld .ld-enrollment .ld-enrollment__button, body.n1ld .ld-enrollment__button { display: inline-flex; width: 100%; background: #FBC601; color: #021833; font: 700 14px/1.2 "DM Sans", sans-serif; letter-spacing: 1.4px; text-transform: uppercase; padding: 18px 28px; border: 0; border-radius: 0; justify-content: center; text-decoration: none; } body.n1ld .ld-enrollment__button:hover { background: #05234D; color: #fff; } body.n1ld .ld-details { padding: 26px 30px; background: #fff; border: 1px solid #DCE3EE; border-radius: 0; box-shadow: none; } body.n1ld .ld-details__heading { display: block; margin: 0 0 14px; font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: var(--n1-muted); } body.n1ld .ld-details__item { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid #DCE3EE; font: 600 16px/1.3 "DM Sans", sans-serif; color: #021833; } body.n1ld .ld-details__item:first-of-type { border-top: 0; } body.n1ld .ld-details__icon-wrapper { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; background: #FBC601; flex: 0 0 auto; } body.n1ld .ld-details__icon { width: 16px; height: 16px; fill: #021833; color: #021833; } @media (max-width: 1100px) { body.n1ld .learndash-wrapper--modern.ld-layout, body.n1ld .ld-layout { grid-template-columns: minmax(0, 1fr); row-gap: 40px; } body.n1ld .ld-layout__sidebar { position: static; order: -1; } } /* course cards (included courses on a package, course grid shortcodes) */ body.n1ld .learndash-course-grid .items-wrapper, body.n1ld .learndash-course-grid--modern .items-wrapper { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 22px; margin: 0; padding: 0; } body.n1ld .learndash-course-grid .items-wrapper .item { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none; } body.n1ld .learndash-course-grid .items-wrapper .item article.post { position: relative; display: flex; flex-direction: column; height: 100%; margin: 0; padding: 0; background: #F3F6FB; border: 0; border-radius: 0; overflow: hidden; box-shadow: none; transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease; } body.n1ld .learndash-course-grid .items-wrapper .item article.post::before { content: ""; position: absolute; left: 0; top: 0; height: 5px; width: 0; background: #FBC601; transition: width .45s cubic-bezier(.2,.7,.2,1); z-index: 3; } body.n1ld .learndash-course-grid .items-wrapper .item article.post:hover { transform: translateY(-6px); box-shadow: 0 30px 50px -30px rgba(2, 24, 51, .45); } body.n1ld .learndash-course-grid .items-wrapper .item article.post:hover::before { width: 100%; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .thumbnail, body.n1ld .learndash-course-grid .items-wrapper .item article.post .thumbnail .thumbnail { margin: 0; padding: 0; overflow: hidden; background: #05234D; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .thumbnail img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); } body.n1ld .learndash-course-grid .items-wrapper .item article.post:hover .thumbnail img { transform: scale(1.06); } body.n1ld .learndash-course-grid .items-wrapper .item article.post .thumbnail:not(:has(img))::before, body.n1ld .learndash-course-grid .items-wrapper .item article.post .thumbnail a:not(:has(img))::before { content: ""; display: block; aspect-ratio: 16 / 10; background: linear-gradient(120deg, #021833, #05234D); } body.n1ld .learndash-course-grid .items-wrapper .item article.post .thumbnail img[src*="placeholder"], body.n1ld .learndash-course-grid .items-wrapper .item article.post .thumbnail img.ld-placeholder { background: #05234D; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .content { display: flex; flex-direction: column; gap: 14px; flex: 1 1 auto; padding: 22px 24px 26px; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .entry-title { margin: 0; font: 600 22px/1.2 "Bricolage Grotesque", sans-serif; letter-spacing: -.4px; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .entry-title a { color: #021833; text-decoration: none; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .entry-title a:hover { color: #05234D; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-stats { flex-direction: column; gap: 2px; } /* ---------- archives (courses, packages, LearnDash taxonomies) ---------- */ body.n1ld-archive-courses #blog-entries, body.n1ld-archive-groups #blog-entries, body.n1ld-tax #blog-entries { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 0; width: 100%; } body.n1ld-archive-courses #blog-entries::before, body.n1ld-archive-courses #blog-entries::after, body.n1ld-archive-groups #blog-entries::before, body.n1ld-archive-groups #blog-entries::after, body.n1ld-tax #blog-entries::before, body.n1ld-tax #blog-entries::after { display: none; } body.n1ld-cpt .blog-entry.large-entry, body.n1ld-cpt article.blog-entry { position: relative; display: flex; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; border: 0 !important; background: #F3F6FB; box-shadow: none !important; transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease; } body.n1ld-cpt article.blog-entry::before { content: ""; position: absolute; left: 0; top: 0; height: 5px; width: 0; background: #FBC601; transition: width .45s cubic-bezier(.2,.7,.2,1); z-index: 3; } body.n1ld-cpt article.blog-entry:hover { transform: translateY(-6px); box-shadow: 0 30px 50px -30px rgba(2, 24, 51, .45) !important; } body.n1ld-cpt article.blog-entry:hover::before { width: 100%; } body.n1ld-cpt article.blog-entry .blog-entry-inner { display: flex; flex-direction: column; width: 100%; padding: 0 !important; border: 0 !important; background: transparent !important; } body.n1ld-cpt article.blog-entry .thumbnail { order: -1; margin: 0 !important; padding: 0; overflow: hidden; background: #05234D; } body.n1ld-cpt article.blog-entry .thumbnail img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); } body.n1ld-cpt article.blog-entry:hover .thumbnail img { transform: scale(1.06); } body.n1ld-cpt article.blog-entry .thumbnail .overlay { display: none; } body.n1ld-cpt article.blog-entry.no-featured-image .blog-entry-inner::before { content: "NO.1 PCO"; order: -1; display: flex; align-items: flex-end; box-sizing: border-box; aspect-ratio: 16 / 8; padding: 22px 26px; background: radial-gradient(closest-side at 85% 15%, rgba(251,198,1,.18), rgba(251,198,1,0)), linear-gradient(120deg, #021833, #05234D); border-bottom: 5px solid #FBC601; font: 700 44px/1 "Bricolage Grotesque", sans-serif; letter-spacing: -1px; color: rgba(255, 255, 255, .12); } body.n1ld-cpt article.blog-entry .blog-entry-header { margin: 0; padding: 8px 26px 0; text-align: left; } body.n1ld-cpt article.blog-entry .blog-entry-title { margin: 0; font: 600 24px/1.2 "Bricolage Grotesque", sans-serif; letter-spacing: -.5px; } body.n1ld-cpt article.blog-entry .blog-entry-title a { color: #021833; text-decoration: none; } body.n1ld-cpt article.blog-entry ul.meta, body.n1ld-cpt article.blog-entry .edit-link, body.n1ld-cpt article.blog-entry .blog-entry-comments { display: none !important; } body.n1ld-cpt article.blog-entry .n1ld-card-tag { margin: 0; padding: 22px 26px 0; font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: var(--n1-muted); } body.n1ld-cpt article.blog-entry .n1ld-card-price { margin: 0; padding: 14px 26px 0; font: 700 30px/1 "Bricolage Grotesque", sans-serif; letter-spacing: -1px; color: #021833; } body.n1ld-cpt article.blog-entry .n1ld-card-price small { font: 500 14px/1 "DM Sans", sans-serif; letter-spacing: 0; color: var(--n1-muted); } body.n1ld-cpt article.blog-entry .blog-entry-summary { margin: 0; padding: 14px 26px 0; text-align: left; font: 400 16px/1.6 "DM Sans", sans-serif; color: var(--n1-text); } body.n1ld-cpt article.blog-entry .blog-entry-summary p { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } body.n1ld-cpt article.blog-entry .blog-entry-readmore { margin: auto 0 0; padding: 22px 26px 28px; text-align: left; } body.n1ld-cpt article.blog-entry .blog-entry-readmore a { display: inline-flex; align-items: center; gap: 10px; padding: 0 0 4px; border: 0; border-bottom: 2px solid #FBC601; background: transparent; color: #05234D !important; font: 700 13px/1.2 "DM Sans", sans-serif; letter-spacing: 1.6px; text-transform: uppercase; text-decoration: none; } body.n1ld-cpt article.blog-entry .blog-entry-readmore a i { transition: transform .3s ease; } body.n1ld-cpt article.blog-entry:hover .blog-entry-readmore a i { transform: translateX(6px); } body.n1ld-cpt .oceanwp-pagination, body.n1ld-cpt .page-numbers { margin-top: 48px; } body.n1ld-cpt .oceanwp-pagination ul.page-numbers { display: flex; gap: 8px; justify-content: center; border: 0; } body.n1ld-cpt .oceanwp-pagination .page-numbers li a, body.n1ld-cpt .oceanwp-pagination .page-numbers li span { border: 2px solid #DCE3EE; border-radius: 0; color: #021833; background: #fff; min-width: 44px; line-height: 40px; } body.n1ld-cpt .oceanwp-pagination .page-numbers li .current, body.n1ld-cpt .oceanwp-pagination .page-numbers li a:hover { background: #FBC601; border-color: #FBC601; color: #021833; } @media (max-width: 1100px) { body.n1ld-archive-courses #blog-entries, body.n1ld-archive-groups #blog-entries, body.n1ld-tax #blog-entries { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { body.n1ld-archive-courses #blog-entries, body.n1ld-archive-groups #blog-entries, body.n1ld-tax #blog-entries { grid-template-columns: minmax(0, 1fr); } } /* ---------- profile, login, registration, forms (shortcodes / pages that hold LearnDash content) ---------- */ body.n1ld .learndash-wrapper input[type=text], body.n1ld .learndash-wrapper input[type=email], body.n1ld .learndash-wrapper input[type=password], body.n1ld .learndash-wrapper input[type=search], body.n1ld .learndash-wrapper input[type=number], body.n1ld .learndash-wrapper select, body.n1ld .learndash-wrapper textarea { font: 500 16px/1.4 "DM Sans", sans-serif; color: #021833; background: #fff; border: 2px solid #DCE3EE; border-radius: 0; padding: 13px 16px; box-shadow: none; width: 100%; box-sizing: border-box; height: auto; } body.n1ld .learndash-wrapper input:focus, body.n1ld .learndash-wrapper select:focus, body.n1ld .learndash-wrapper textarea:focus { outline: 0; border-color: #05234D; box-shadow: none; } body.n1ld .learndash-wrapper label { font: 700 13px/1.4 "DM Sans", sans-serif; letter-spacing: .4px; color: #021833; } body.n1ld .learndash-wrapper .ld-profile-summary { display: flex; flex-wrap: wrap; gap: 32px; padding: 30px; background: #F3F6FB; border: 0; border-radius: 0; margin: 0 0 40px; } body.n1ld .learndash-wrapper .ld-profile-avatar img { border-radius: 0; } body.n1ld .learndash-wrapper .ld-profile-heading, body.n1ld .learndash-wrapper .ld-profile-card h3 { font: 600 28px/1.15 "Bricolage Grotesque", sans-serif; letter-spacing: -.8px; color: #021833; } body.n1ld .learndash-wrapper .ld-profile-stats { display: flex; gap: 28px; flex-wrap: wrap; } body.n1ld .learndash-wrapper .ld-profile-stat strong { font: 700 36px/1 "Bricolage Grotesque", sans-serif; color: #021833; letter-spacing: -1px; } body.n1ld .learndash-wrapper .ld-profile-stat span { font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: var(--n1-muted); } body.n1ld .learndash-wrapper .ld-reset-password, body.n1ld .learndash-wrapper .ld-registration, body.n1ld .learndash-wrapper .ld-login-form { max-width: 520px; } body.n1ld .learndash-wrapper table { width: 100%; border-collapse: collapse; border: 1px solid #DCE3EE; } body.n1ld .learndash-wrapper table th { background: #05234D; color: #fff; font: 700 12px/1.3 "DM Sans", sans-serif; letter-spacing: 2px; text-transform: uppercase; padding: 14px 18px; text-align: left; border: 0; } body.n1ld .learndash-wrapper table td { padding: 14px 18px; border: 0; border-top: 1px solid #DCE3EE; font-size: 16px; } /* login modal */ body.n1ld .learndash-wrapper .ld-modal .ld-modal-heading, body.n1ld .ld-modal .ld-modal-heading { background: #021833; color: #fff; border-radius: 0; } body.n1ld .ld-modal .ld-modal-inner { border-radius: 0; } body.n1ld .ld-tooltip__content, body.n1ld .ld-tooltip-content { border-radius: 0; background: #021833; color: #fff; } /* certificate links / tags */ body.n1ld .learndash-wrapper .ld-certificate-link { display: inline-flex; } body.n1ld .learndash-wrapper .ld-quiz-actions { margin: 20px 0 0; } @media (prefers-reduced-motion: reduce) { body.n1ld * { transition-duration: .001ms !important; } body.n1ld-cpt article.blog-entry:hover, body.n1ld .learndash-course-grid .items-wrapper .item article.post:hover { transform: none; } } /* course cards without a featured image: LearnDash's grey placeholder -> brand block */ body.n1ld .learndash-course-grid .items-wrapper .item article.post .thumbnail:has(img[src*="course-grid/assets/img/thumbnail"]) { position: relative; background: radial-gradient(closest-side at 85% 15%, rgba(251,198,1,.18), rgba(251,198,1,0)), linear-gradient(120deg, #021833, #05234D); border-bottom: 5px solid #FBC601; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .thumbnail img[src*="course-grid/assets/img/thumbnail"] { opacity: 0; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .thumbnail:has(img[src*="course-grid/assets/img/thumbnail"])::after { content: "NO.1 PCO"; position: absolute; left: 24px; bottom: 18px; font: 700 34px/1 "Bricolage Grotesque", sans-serif; letter-spacing: -1px; color: rgba(255, 255, 255, .12); pointer-events: none; } /* tabs: drop LearnDash's own 6px bars, keep ours */ body.n1ld .learndash-wrapper .ld-tabs .ld-tabs-navigation::after, body.n1ld .learndash-wrapper .ld-tabs .ld-tab::after, body.n1ld .learndash-wrapper .ld-tabs .ld-tab::before { display: none !important; } /* course cards: titles at full size, progress pinned to the bottom */ body.n1ld .learndash-course-grid .items-wrapper .item article.post .entry-title, body.n1ld .learndash-course-grid .items-wrapper .item article.post .entry-title a { font: 600 22px/1.2 "Bricolage Grotesque", sans-serif !important; letter-spacing: -.4px; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .learndash-widget { margin-top: auto; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-heading { flex-direction: column; align-items: flex-start; } /* ---------- quiz engine: review panel, legend, secondary buttons, selected answer, time box ---------- */ body.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestion li, body.n1ld .wpProQuiz_content li.learndash-quiz-review__item { width: auto; height: auto; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; display: inline-flex; } body.n1ld.n1ld .wpProQuiz_content .learndash-quiz-review__button { width: 40px; height: 40px; padding: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; background: #fff !important; color: #021833 !important; border: 2px solid #DCE3EE !important; border-radius: 0 !important; box-shadow: none !important; font: 700 14px/1 "DM Sans", sans-serif; transition: border-color .2s ease; } body.n1ld.n1ld .wpProQuiz_content .learndash-quiz-review__button:hover { border-color: #05234D !important; } body.n1ld.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestionSolved .learndash-quiz-review__button { background: #FBC601 !important; border-color: #FBC601 !important; } body.n1ld.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestionReview .learndash-quiz-review__button { box-shadow: inset 0 -5px 0 #05234D !important; } body.n1ld.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestionTarget .learndash-quiz-review__button { background: #05234D !important; border-color: #05234D !important; color: #fff !important; } body.n1ld.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestionSolvedCorrect .learndash-quiz-review__button { background: var(--n1-ok) !important; border-color: var(--n1-ok) !important; color: #fff !important; } body.n1ld.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestionSolvedIncorrect .learndash-quiz-review__button { background: var(--n1-bad) !important; border-color: var(--n1-bad) !important; color: #fff !important; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewQuestion ol, body.n1ld .wpProQuiz_content ol.learndash-quiz-review__list { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 !important; padding: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend span { width: auto; height: auto; border: 0; background: transparent; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend ol { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 18px 0 0; padding: 0; list-style: none; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend li { display: inline-flex; align-items: center; gap: 8px; margin: 0; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor { flex: 0 0 auto; width: 14px; height: 14px; display: inline-block; background: #fff; border: 2px solid #DCE3EE; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_Review { background: #fff; border-color: #05234D; box-shadow: inset 0 -4px 0 #05234D; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_Answer { background: #FBC601; border-color: #FBC601; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_AnswerCorrect { background: var(--n1-ok); border-color: var(--n1-ok); } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_AnswerIncorrect { background: var(--n1-bad); border-color: var(--n1-bad); } body.n1ld .wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewText { font: 500 14px/1.3 "DM Sans", sans-serif; color: var(--n1-muted); } body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content .wpProQuiz_button2 { background: transparent !important; color: #05234D !important; box-shadow: inset 0 0 0 2px #05234D !important; border: 0 !important; border-radius: 0 !important; font: 700 13px/1.2 "DM Sans", sans-serif !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; padding: 14px 22px !important; cursor: pointer; width: auto; transition: background-color .25s ease, color .25s ease; } body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content .wpProQuiz_button2:hover { background: #05234D !important; color: #fff !important; } body.n1ld.n1ld .wpProQuiz_content .wpProQuiz_questionListItem label:hover { border-color: #05234D !important; } body.n1ld.n1ld .wpProQuiz_content .wpProQuiz_questionListItem label:has(input:checked) { border-color: #05234D !important; background: #F3F6FB !important; box-shadow: inset 5px 0 0 #FBC601 !important; } body.n1ld.n1ld .wpProQuiz_content .wpProQuiz_questionListItem input[type=radio], body.n1ld.n1ld .wpProQuiz_content .wpProQuiz_questionListItem input[type=checkbox] { align-self: center; margin: 0 !important; accent-color: #05234D; } body.n1ld.n1ld .wpProQuiz_content .wpProQuiz_time_limit { background: #F3F6FB !important; border: 0; border-left: 5px solid #FBC601; border-radius: 0 !important; padding: 16px 22px 18px !important; margin: 0 0 24px !important; } body.n1ld.n1ld .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress { height: 6px !important; background: #FBC601 !important; border-radius: 0 !important; margin: 0 !important; } body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content .wpProQuiz_reviewDiv li, body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionTarget { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; } body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor { background: #fff !important; border: 2px solid #DCE3EE !important; } body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_Review { border-color: #05234D !important; box-shadow: inset 0 -4px 0 #05234D !important; } body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_Answer { background: #FBC601 !important; border-color: #FBC601 !important; } body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_AnswerCorrect { background: #1E8E5A !important; border-color: #1E8E5A !important; } body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content .wpProQuiz_reviewLegend .wpProQuiz_reviewColor_AnswerIncorrect { background: #C0392B !important; border-color: #C0392B !important; } /* review boxes on the quiz summary / results screens (same rules as the live review panel) */ body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content .wpProQuiz_reviewQuestion li, body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content li.learndash-quiz-review__item, body.n1ld.n1ld.n1ld .wpProQuiz_content.wpProQuiz_content .wpProQuiz_reviewSummary li { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; width: auto !important; height: auto !important; } body.n1ld .wpProQuiz_content .wpProQuiz_reviewSummary ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 !important; padding: 0; } /* mobile polish */ @media (max-width: 767px) { body.n1ld .learndash-wrapper .ld-section-heading { flex-wrap: wrap; text-align: left; } body.n1ld .learndash-wrapper .ld-section-heading h2 { font-size: 28px; text-align: left; } body.n1ld .learndash-wrapper .ld-item-list-item-preview { flex-wrap: wrap; padding: 16px 18px; } body.n1ld .learndash-wrapper .ld-item-title { font-size: 18px; } body.n1ld .learndash-wrapper .ld-table-list-header { flex-direction: column; align-items: flex-start; gap: 6px; } body.n1ld .learndash-wrapper .ld-content-actions { flex-direction: column-reverse; align-items: stretch; } body.n1ld .learndash-wrapper .ld-content-action { justify-content: center; } body.n1ld .learndash-wrapper .ld-content-actions .ld-button { width: 100%; } body.n1ld .ld-enrollment { padding: 28px 22px 24px; } } body.n1ld .learndash-wrapper .ld-breadcrumbs .ld-status { align-self: flex-start; } @media (max-width: 767px) { body.n1ld .learndash-wrapper .ld-breadcrumbs { flex-direction: column; align-items: flex-start; } body.n1ld .learndash-wrapper .ld-lesson-status, body.n1ld .learndash-wrapper .ld-topic-status { padding: 18px 20px; } } /* enrol card details */ body.n1ld .learndash-wrapper .ld-course-status-content { height: auto !important; display: block; } body.n1ld .learndash-wrapper .ld-course-status-seg-status .ld-status { text-transform: uppercase; } body.n1ld .learndash-wrapper .ld-course-status-price { color: #021833; opacity: 1; } body.n1ld .learndash-wrapper .ld-course-status-segment.ld-course-status-seg-action { border-top: 1px solid #DCE3EE; } body.n1ld .ld-enrollment__join { display: flex; flex-direction: column; gap: 12px; } body.n1ld .ld-enrollment__join a, body.n1ld .ld-enrollment__join button, body.n1ld .ld-enrollment__join input[type=submit], body.n1ld a.ld-enrollment__login-link { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; background: #FBC601 !important; color: #021833 !important; font: 700 14px/1.2 "DM Sans", sans-serif !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; padding: 18px 28px !important; border: 0 !important; border-radius: 0 !important; text-decoration: none !important; cursor: pointer; transition: background-color .25s ease, color .25s ease; } body.n1ld .ld-enrollment__join a:hover, body.n1ld .ld-enrollment__join button:hover, body.n1ld a.ld-enrollment__login-link:hover { background: #05234D !important; color: #fff !important; } body.n1ld .ld-enrollment__login { width: 100%; } body.n1ld .ld-details__label { font: 600 16px/1.3 "DM Sans", sans-serif; color: #021833; } body.n1ld .ld-enrollment__pricing-price { font-size: 44px; } body.n1ld .learndash-wrapper .ld-course-status .ld-course-status-price { color: #021833 !important; } /* ---------- course cards: identical layout whether or not the course has a featured image ---------- */ body.n1ld .learndash-course-grid .items-wrapper .item article.post { display: flex; flex-direction: column; height: 100%; } /* one fixed 16:10 media box; photo or brand block fills it exactly */ body.n1ld .learndash-course-grid .items-wrapper .item article.post > .thumbnail { position: relative; flex: 0 0 auto; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; margin: 0; padding: 0; border: 0; border-bottom: 5px solid #FBC601; background: radial-gradient(closest-side at 85% 15%, rgba(251,198,1,.18), rgba(251,198,1,0)), linear-gradient(120deg, #021833, #05234D); } body.n1ld .learndash-course-grid .items-wrapper .item article.post > .thumbnail .thumbnail, body.n1ld .learndash-course-grid .items-wrapper .item article.post > .thumbnail a { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: none; } body.n1ld .learndash-course-grid .items-wrapper .item article.post > .thumbnail img { display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; } /* placeholder: brand block with a faint "NO.1 PCO" mark (only on the outer box, once) */ body.n1ld .learndash-course-grid .items-wrapper .item article.post > .thumbnail:has(img[src*="course-grid/assets/img/thumbnail"])::after { content: "NO.1 PCO"; position: absolute; left: 24px; bottom: 18px; font: 700 34px/1 "Bricolage Grotesque", sans-serif; letter-spacing: -1px; color: rgba(255, 255, 255, .12); pointer-events: none; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .thumbnail .thumbnail:has(img[src*="course-grid/assets/img/thumbnail"])::after { content: none; } body.n1ld .learndash-course-grid .items-wrapper .item article.post > .thumbnail:has(img[src*="course-grid/assets/img/thumbnail"]) img { opacity: 0; } /* text area: title block of 2 lines, progress always at the bottom, same shape in every card */ body.n1ld .learndash-course-grid .items-wrapper .item article.post > .content { display: flex; flex-direction: column; flex: 1 1 auto; gap: 16px; padding: 22px 24px 24px; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .entry-title { min-height: 2.4em; margin: 0; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .learndash-widget { margin-top: auto; width: 100%; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress { display: flex; flex-direction: column-reverse; gap: 10px; margin: 0; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-heading { display: block; margin: 0; min-height: 3.4em; text-align: left; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-stats { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 2px; margin: 0; width: 100%; text-align: left; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-percentage, body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-steps { margin: 0; padding: 0; float: none; text-align: left; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-steps { font: 500 14px/1.4 "DM Sans", sans-serif; } /* progress block: stats on top (fixed height, left aligned), bar underneath - same position in every card */ body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress { flex-direction: column !important; gap: 8px; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-heading { display: flex !important; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 3.9em; min-height: 0; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-stats, body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-percentage, body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-steps { margin: 0 !important; padding: 0 !important; text-align: left !important; justify-content: flex-start !important; align-items: flex-start !important; width: 100%; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress { align-items: stretch !important; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .ld-progress-heading { width: 100%; } /* ---------- login / register / reset / my account (Elementor pages with LearnDash forms) ---------- */ .n1-auth-card .n1ld-form, .n1-auth-card form { margin: 0; } .n1-auth-card .n1ld-form p, .n1-auth-card form p { margin: 0 0 18px; } .n1-auth-card label { display: block; margin: 0 0 8px; font: 700 13px/1.4 "DM Sans", sans-serif; letter-spacing: .4px; color: #021833; } .n1-auth-card input[type=text], .n1-auth-card input[type=email], .n1-auth-card input[type=password], .n1-auth-card input[type=tel] { width: 100%; box-sizing: border-box; height: auto; padding: 15px 16px; background: #fff; color: #021833; border: 2px solid #DCE3EE; border-radius: 0; box-shadow: none; font: 500 16px/1.4 "DM Sans", sans-serif; } .n1-auth-card input:focus { outline: 0; border-color: #05234D; box-shadow: none; } .n1-auth-card .login-remember label, .n1-auth-card label.ld-checkbox, .n1-auth-card .login-remember { display: flex; align-items: center; gap: 10px; font: 500 15px/1.4 "DM Sans", sans-serif; color: var(--n1-text, #33415C); letter-spacing: 0; } .n1-auth-card input[type=checkbox] { width: 20px; height: 20px; margin: 0; accent-color: #05234D; border-radius: 0; flex: 0 0 auto; } .n1-auth-card input[type=submit], .n1-auth-card button[type=submit], .n1-auth-card .button, .n1-auth-card .wp-element-button { display: inline-flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; background: #FBC601 !important; color: #021833 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 18px 28px !important; font: 700 14px/1.2 "DM Sans", sans-serif !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; cursor: pointer; transition: background-color .25s ease, color .25s ease; } .n1-auth-card input[type=submit]:hover, .n1-auth-card button[type=submit]:hover, .n1-auth-card .button:hover { background: #05234D !important; color: #fff !important; } .n1ld-form-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; margin: 22px 0 0; padding: 20px 0 0; border-top: 1px solid #DCE3EE; font: 500 15px/1.4 "DM Sans", sans-serif; color: var(--n1-text, #33415C); } .n1ld-form-links a { color: #05234D; text-decoration: none; border-bottom: 2px solid #FBC601; } .n1ld-form-links a:hover { color: #021833; } .n1ld-notice { margin: 0 0 22px; padding: 16px 20px; background: #F3F6FB; border-left: 5px solid #FBC601; font: 500 15px/1.5 "DM Sans", sans-serif; color: #021833; } .n1ld-notice a { color: #05234D; font-weight: 700; } .n1ld-notice--error { border-left-color: #C0392B; background: rgba(192, 57, 43, .07); } .n1ld-notice--ok { border-left-color: #1E8E5A; background: rgba(30, 142, 90, .08); } .n1ld-hello { margin: 0; font: 400 20px/1.3 "DM Sans", sans-serif; color: #B6C3DA; } .n1ld-hello b { color: #fff; font-weight: 700; } .n1ld-hello-sub { margin: 4px 0 0; font: 500 15px/1.4 "DM Sans", sans-serif; color: #B6C3DA; opacity: .8; } /* ---------- login / register / reset / my account (Elementor pages with LearnDash forms) ---------- */ .n1-auth-card .n1ld-form, .n1-auth-card form { margin: 0; } .n1-auth-card .n1ld-form p, .n1-auth-card form p { margin: 0 0 18px; } .n1-auth-card label { display: block; margin: 0 0 8px; font: 700 13px/1.4 "DM Sans", sans-serif; letter-spacing: .4px; color: #021833; } .n1-auth-card input[type=text], .n1-auth-card input[type=email], .n1-auth-card input[type=password], .n1-auth-card input[type=tel] { width: 100%; box-sizing: border-box; height: auto; padding: 15px 16px; background: #fff; color: #021833; border: 2px solid #DCE3EE; border-radius: 0; box-shadow: none; font: 500 16px/1.4 "DM Sans", sans-serif; } .n1-auth-card input:focus { outline: 0; border-color: #05234D; box-shadow: none; } .n1-auth-card .login-remember label, .n1-auth-card label.ld-checkbox, .n1-auth-card .login-remember { display: flex; align-items: center; gap: 10px; font: 500 15px/1.4 "DM Sans", sans-serif; color: var(--n1-text, #33415C); letter-spacing: 0; } .n1-auth-card input[type=checkbox] { width: 20px; height: 20px; margin: 0; accent-color: #05234D; border-radius: 0; flex: 0 0 auto; } .n1-auth-card input[type=submit], .n1-auth-card button[type=submit], .n1-auth-card .button, .n1-auth-card .wp-element-button { display: inline-flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; background: #FBC601 !important; color: #021833 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 18px 28px !important; font: 700 14px/1.2 "DM Sans", sans-serif !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; cursor: pointer; transition: background-color .25s ease, color .25s ease; } .n1-auth-card input[type=submit]:hover, .n1-auth-card button[type=submit]:hover, .n1-auth-card .button:hover { background: #05234D !important; color: #fff !important; } .n1ld-form-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; margin: 22px 0 0; padding: 20px 0 0; border-top: 1px solid #DCE3EE; font: 500 15px/1.4 "DM Sans", sans-serif; color: var(--n1-text, #33415C); } .n1ld-form-links a { color: #05234D; text-decoration: none; border-bottom: 2px solid #FBC601; } .n1ld-form-links a:hover { color: #021833; } .n1ld-notice { margin: 0 0 22px; padding: 16px 20px; background: #F3F6FB; border-left: 5px solid #FBC601; font: 500 15px/1.5 "DM Sans", sans-serif; color: #021833; } .n1ld-notice a { color: #05234D; font-weight: 700; } .n1ld-notice--error { border-left-color: #C0392B; background: rgba(192, 57, 43, .07); } .n1ld-notice--ok { border-left-color: #1E8E5A; background: rgba(30, 142, 90, .08); } .n1ld-hello { margin: 0; font: 400 20px/1.3 "DM Sans", sans-serif; color: #B6C3DA; } .n1ld-hello b { color: #fff; font-weight: 700; } .n1ld-hello-sub { margin: 4px 0 0; font: 500 15px/1.4 "DM Sans", sans-serif; color: #B6C3DA; opacity: .8; } /* registration page: our own heading + "Log in" link replace LearnDash's toggle */ .n1-auth-card .ld-registration__register, .n1-auth-card .ld-registration__login, .n1-auth-card .ld-registration__login-form { display: none !important; } .n1-auth-card .ld-registration__register-form { margin: 0; } .n1-auth-card .learndash-registration-field, .n1-auth-card .ld-form__field-outer-wrapper { margin: 0 0 18px; } .n1-auth-card .ld-form__field-outer-wrapper label .required, .n1-auth-card label .required { color: var(--n1-muted, #6B7A95); font-weight: 500; letter-spacing: 0; } .n1-auth-card .ld-form__field-wrapper { display: flex; gap: 8px; } .n1-auth-card .ld-form__field-wrapper input { flex: 1 1 auto; } .n1-auth-card .ld-form__field-wrapper button, .n1-auth-card .ld-form__field-wrapper .ld-button { width: auto; flex: 0 0 auto; padding: 0 20px !important; } .n1-auth-card .ld-form__field-description, .n1-auth-card .ld-registration__password-strength, .n1-auth-card .description, .n1-auth-card small { display: block; margin: 8px 0 0; font: 500 13px/1.5 "DM Sans", sans-serif; color: #6B7A95; } .n1-auth-card .ld-alert, .n1-auth-card .learndash-error, .n1-auth-card .ld-registration__error { margin: 0 0 18px; padding: 14px 18px; background: rgba(192,57,43,.07); border-left: 5px solid #C0392B; font: 500 15px/1.5 "DM Sans", sans-serif; color: #021833; } .n1-auth-foot { margin: 0; padding: 20px 0 0; border-top: 1px solid #DCE3EE; } /* my account: profile summary as one row, no wp-admin "Edit profile" link, account form */ body.n1ld .learndash-wrapper .ld-profile-edit-link { display: none !important; } body.n1ld .learndash-wrapper .ld-profile-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 32px 56px; padding: 32px 40px; background: #F3F6FB; border: 0; border-left: 5px solid #FBC601; border-radius: 0; } body.n1ld .learndash-wrapper .ld-profile-card { display: flex; align-items: center; gap: 22px; text-align: left; margin: 0; } body.n1ld .learndash-wrapper .ld-profile-avatar img { width: 84px; height: 84px; border-radius: 0 !important; object-fit: cover; } body.n1ld .learndash-wrapper .ld-profile-heading { margin: 0; font: 600 30px/1.1 "Bricolage Grotesque", sans-serif; letter-spacing: -.8px; color: #021833; } body.n1ld .learndash-wrapper .ld-profile-stats { display: flex; flex-wrap: wrap; gap: 0; margin: 0; } body.n1ld .learndash-wrapper .ld-profile-stat { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 0 34px; border-left: 1px solid #DCE3EE; } body.n1ld .learndash-wrapper .ld-profile-stat:first-of-type { border-left: 0; padding-left: 0; } body.n1ld .learndash-wrapper .ld-profile-stat strong { font: 700 40px/1 "Bricolage Grotesque", sans-serif; letter-spacing: -1px; color: #021833; } body.n1ld .learndash-wrapper .ld-profile-stat span { font: 700 12px/1.4 "DM Sans", sans-serif; letter-spacing: 2.2px; text-transform: uppercase; color: #6B7A95; } .n1ld-account-form .n1ld-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; } .n1ld-account-form .n1ld-span { grid-column: 1 / -1; } .n1ld-account-form .n1ld-opt { font-weight: 500; color: #6B7A95; letter-spacing: 0; } .n1ld-account-form p { margin: 0 0 20px; } .n1ld-account-form label { display: block; margin: 0 0 8px; font: 700 13px/1.4 "DM Sans", sans-serif; letter-spacing: .4px; color: #021833; } .n1ld-account-form input[type=text], .n1ld-account-form input[type=email], .n1ld-account-form input[type=password] { width: 100%; box-sizing: border-box; padding: 15px 16px; background: #fff; color: #021833; border: 2px solid #DCE3EE; border-radius: 0; box-shadow: none; font: 500 16px/1.4 "DM Sans", sans-serif; } .n1ld-account-form input:focus { outline: 0; border-color: #05234D; } .n1ld-account-form input[type=submit] { background: #FBC601 !important; color: #021833 !important; border: 0 !important; border-radius: 0 !important; padding: 18px 32px !important; font: 700 14px/1.2 "DM Sans", sans-serif !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; cursor: pointer; transition: background-color .25s ease, color .25s ease; } .n1ld-account-form input[type=submit]:hover { background: #05234D !important; color: #fff !important; } @media (max-width: 767px) { .n1ld-account-form .n1ld-grid { grid-template-columns: 1fr; } body.n1ld .learndash-wrapper .ld-profile-summary { padding: 24px 22px; } body.n1ld .learndash-wrapper .ld-profile-stat { padding: 0 18px; } } body.n1ld .learndash-wrapper .ld-profile-summary > .ld-profile-card { display: flex !important; flex-direction: row !important; align-items: center !important; flex: 1 1 320px; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-align: left !important; gap: 22px; } body.n1ld .learndash-wrapper .ld-profile-summary .ld-profile-avatar { flex: 0 0 auto; margin: 0 !important; } body.n1ld .learndash-wrapper .ld-profile-summary .ld-profile-heading { margin: 0 !important; text-align: left; } body.n1ld .learndash-wrapper .ld-profile-summary > .ld-profile-stats { flex: 0 0 auto; width: auto !important; margin: 0 !important; padding: 0 !important; justify-content: flex-end; } .n1ld-quiz-signin { margin: 14px 0 0 !important; display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; font: 500 16px/1.4 "DM Sans", sans-serif; } .n1ld-quiz-signin a { color: #05234D !important; font-weight: 700; text-decoration: none; border-bottom: 2px solid #FBC601; } /* ---- package sale price (no1pco-group-sale.php): crossed-out regular price + sale price + badge ---- */ body.n1ld .n1-sale-was { text-decoration: line-through; text-decoration-thickness: 2px; color: var(--n1-muted); font-weight: 500; margin-left: 10px; font-size: .62em; letter-spacing: 0; } body.n1ld .n1-sale-now { color: #021833; } body.n1ld .n1-sale-badge { display: inline-block; vertical-align: middle; margin-left: 10px; padding: 6px 10px; background: #FBC601; color: #021833; font: 700 12px/1 "DM Sans", sans-serif; letter-spacing: 1.2px; text-transform: uppercase; border-radius: 0; } body.n1ld-cpt article.blog-entry .n1ld-card-price .n1-sale-was { font-size: 18px; } body.n1ld-cpt article.blog-entry .n1ld-card-price .n1-sale-badge { font-size: 11px; padding: 5px 8px; margin-left: 8px; } body.n1ld .ld-enrollment__pricing-price .n1-sale-was { font-size: 24px; margin: 0 0 0 12px; } body.n1ld .ld-enrollment__pricing-price .n1-sale-badge { margin: 0 0 0 12px; } /* packages: price only - hide LearnDash's "Every month" wording after the price */ .n1ld-group .ld-enrollment__pricing--recurring .ld-enrollment__pricing-price + .ld-enrollment__pricing-label { display: none; } /* access duration badge ("2 weeks access") on packages */ body.n1ld .n1-access-badge { display: inline-block; vertical-align: middle; padding: 6px 10px; background: #05234D; color: #fff; font: 700 12px/1 "DM Sans", sans-serif; letter-spacing: 1.2px; text-transform: uppercase; border-radius: 0; } body.n1ld-cpt article.blog-entry .n1ld-card-access { margin: 0; padding: 10px 26px 0; } body.n1ld-cpt article.blog-entry .n1ld-card-access .n1-access-badge { font-size: 11px; padding: 5px 8px; } body.n1ld .ld-enrollment__pricing-price + .n1-access-badge { margin-left: 12px; } /* packages: price only - hide LearnDash's "Every month" wording after the price */ .n1ld-group .ld-enrollment__pricing--recurring .ld-enrollment__pricing-price + .ld-enrollment__pricing-label { display: none; } /* access duration badge ("2 weeks access") on packages */ body.n1ld .n1-access-badge { display: inline-block; vertical-align: middle; padding: 6px 10px; background: #05234D; color: #fff; font: 700 12px/1 "DM Sans", sans-serif; letter-spacing: 1.2px; text-transform: uppercase; border-radius: 0; } body.n1ld-cpt article.blog-entry .n1ld-card-access { margin: 0; padding: 10px 26px 0; } body.n1ld-cpt article.blog-entry .n1ld-card-access .n1-access-badge { font-size: 11px; padding: 5px 8px; } body.n1ld .ld-enrollment__pricing-price + .n1-access-badge { margin-left: 12px; } /* package page: "Your access ends on ..." note for members */ body.n1ld .n1-access-note { margin: 0 0 24px; padding: 14px 18px; background: #F3F6FB; border-left: 4px solid #FBC601; color: #021833; font: 500 16px/1.5 "DM Sans", sans-serif; } /* LearnDash "modern" progress bar (Group/Course progress at the top of a package): the old 8px-bar rule above must not squash its wrapper */ body.n1ld .learndash-wrapper .ld-progress-bar:has(.ld-progress-bar__meter) { height: auto; overflow: visible; background: none; color: #021833; gap: 6px 16px; margin: 0 0 20px; } body.n1ld .ld-progress-bar__label, body.n1ld .ld-progress-bar__meter-percentage, body.n1ld .ld-progress-bar__meter-label { color: #021833; font-family: "DM Sans", sans-serif; } body.n1ld .ld-progress-bar__meter-background { background: #DCE3EE; border-radius: 0; height: 8px; } body.n1ld .ld-progress-bar__meter-foreground { background: #FBC601; border-radius: 0; border-right: 0; } body.n1ld .ld-progress-bar__meter { max-width: none; } body.n1ld .ld-progress-bar__label, body.n1ld .ld-progress-bar__meter-percentage { font-size: 13px; letter-spacing: 1px; } body.n1ld .ld-progress-bar__meter-label { font-size: 13px; letter-spacing: .3px; } body.n1ld .ld-progress-bar__last-activity { font-size: 13px; color: #5B6B82; } /* Included-course cards on a package page (LearnDash Course Grid): its own orange/blue "Continue Study" button -> the site's yellow button */ body.n1ld .learndash-course-grid .items-wrapper .item article.post .content .button { margin: auto 0 0; padding: 0; width: 100%; background: none; border: 0; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .content .button a { display: flex; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box; width: 100%; background: #FBC601 !important; color: #021833 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font: 700 14px/1.2 "DM Sans", sans-serif !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; padding: 16px 22px !important; text-decoration: none !important; transition: background-color .25s ease, color .25s ease; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .content .button a:hover, body.n1ld .learndash-course-grid .items-wrapper .item article.post .content .button a:focus-visible { background: #05234D !important; color: #fff !important; } body.n1ld .learndash-course-grid .items-wrapper .item article.post .content .button a svg { width: 16px; height: 16px; fill: currentColor; flex: 0 0 auto; }