/* * MentorPRO Academy — marketing pages (Certification, Science, About us, * Pricing, Learn more). Loaded ONLY on pages flagged in academy-marketing.php, * so course pages keep their current look. * * Source: the designer's October 9 2026 handoff (design-source/site/style.css * and friends). Palette, type scale and spacing are theirs; selectors are ours, * matched to the core blocks the pages are built from. */ #top.mp-marketing { --mp-teal: #00525e; --mp-orange: #d97757; --mp-orange-hover: #ba5e41; --mp-bg: #ffffff; --mp-surface: #f5f4f0; --mp-ink: #000000; /* headings on light backgrounds: black, per MentorPRO.com (Jean, Oct 9) */ --mp-muted: #56514e; /* body copy, per MentorPRO.com */ --mp-border: #d9dedb; --mp-light-teal: #e7efed; --mp-xs: .78rem; --mp-sm: .9rem; --mp-lg: 1.25rem; --mp-xl: clamp(1.65rem, 2.6vw, 2.25rem); --mp-hero: clamp(2.3rem, 4vw, 3.35rem); --mp-wrap: 1160px; } /* ---------- Base: Manrope, ink, generous whitespace ---------- */ #top.mp-marketing, #top.mp-marketing #main, #top.mp-marketing .entry-content-wrapper, #top.mp-marketing .entry-content-wrapper p, #top.mp-marketing .entry-content-wrapper li, #top.mp-marketing h1, #top.mp-marketing h2, #top.mp-marketing h3, #top.mp-marketing h4 { font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } #top.mp-marketing #main { background: var(--mp-bg); color: var(--mp-ink); } #top.mp-marketing .entry-content-wrapper { font-size: 1rem; line-height: 1.65; color: var(--mp-ink); } #top.mp-marketing .entry-content-wrapper p { color: var(--mp-muted); margin: 0 0 1em; } #top.mp-marketing .entry-content-wrapper p:last-child { margin-bottom: 0; } #top.mp-marketing h1, #top.mp-marketing h2, #top.mp-marketing h3 { color: var(--mp-ink); line-height: 1.17; font-weight: 700; letter-spacing: -.035em; margin: 0 0 .6em; } #top.mp-marketing h1 { font-size: var(--mp-hero); line-height: 1.12; max-width: 20ch; } #top.mp-marketing h2 { font-size: var(--mp-xl); } #top.mp-marketing h3 { font-size: var(--mp-lg); } #top.mp-marketing .entry-content-wrapper a:not(.wp-block-button__link) { color: var(--mp-ink); text-decoration: underline; text-underline-offset: 5px; } #top.mp-marketing .entry-content-wrapper a:not(.wp-block-button__link):hover { color: var(--mp-teal); } #top.mp-marketing img { max-width: 100%; height: auto; } /* Enfold wraps content in its own container; neutralise its title bar and padding on these pages. */ #top.mp-marketing .title_container { display: none; } #top.mp-marketing #main .container { max-width: var(--mp-wrap); padding-left: 32px; padding-right: 32px; } #top.mp-marketing .content, #top.mp-marketing .content .entry-content-wrapper { padding-top: 0; padding-bottom: 0; } /* ---------- Sections ---------- */ #top.mp-marketing .mp-section { padding-block: 80px; } #top.mp-marketing .mp-section.is-tight { padding-block: 48px; } #top.mp-marketing .mp-section.is-divided { border-top: 1px solid var(--mp-border); } /* Full-bleed tinted/teal bands: break out of Enfold's container. */ #top.mp-marketing .mp-band { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 80px max(32px, calc((100vw - var(--mp-wrap)) / 2)); box-sizing: border-box; } #top.mp-marketing .mp-band.is-surface { background: var(--mp-surface); } #top.mp-marketing .mp-band.is-teal { background: var(--mp-teal); color: #fff; } #top.mp-marketing .mp-band.is-teal h1, #top.mp-marketing .mp-band.is-teal h2, #top.mp-marketing .mp-band.is-teal h3, #top.mp-marketing .mp-band.is-teal .entry-content-wrapper p, #top.mp-marketing .mp-band.is-teal p { color: #fff; } #top.mp-marketing .mp-band.is-teal a:not(.wp-block-button__link) { color: #fff; } #top.mp-marketing .mp-band.is-teal .mp-kicker { color: #aacdcd; } /* ---------- Text roles ---------- */ #top.mp-marketing .entry-content-wrapper p.mp-kicker { font-size: var(--mp-xs); font-weight: 800; text-transform: uppercase; letter-spacing: .14em; line-height: 1.5; margin: 0 0 20px; color: var(--mp-teal); } #top.mp-marketing .entry-content-wrapper p.mp-intro { font-size: 1.1rem; max-width: 520px; margin: 24px 0 32px; } #top.mp-marketing .entry-content-wrapper p.mp-lede { font-size: var(--mp-lg); color: var(--mp-ink); max-width: 700px; } #top.mp-marketing .entry-content-wrapper p.mp-small { font-size: var(--mp-sm); } #top.mp-marketing .entry-content-wrapper p.mp-note { font-size: var(--mp-xs); color: var(--mp-muted); } #top.mp-marketing .entry-content-wrapper p.mp-caption { font-size: var(--mp-xs); color: var(--mp-muted); margin-top: 10px; } #top.mp-marketing .entry-content-wrapper p.mp-role { font-size: var(--mp-xs); font-weight: 700; color: var(--mp-ink); margin: 2px 0 14px; } #top.mp-marketing .entry-content-wrapper p.mp-link a { font-weight: 700; } #top.mp-marketing .entry-content-wrapper .mp-citation { font-size: var(--mp-xs); color: var(--mp-muted); line-height: 1.55; } #top.mp-marketing .entry-content-wrapper .mp-tags { font-size: var(--mp-xs); color: var(--mp-teal); font-weight: 700; margin: 0 0 8px; } /* Heading with a trailing paragraph on the right (section head) */ #top.mp-marketing .mp-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 40px; } #top.mp-marketing .mp-section-head > * { margin: 0; } #top.mp-marketing .mp-section-head p { max-width: 420px; } /* ---------- Buttons ---------- */ #top.mp-marketing .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: 16px; background: var(--mp-orange); border: 1px solid var(--mp-orange); border-radius: 5px; color: #fff; text-decoration: none; font-weight: 700; font-size: 19px; line-height: 1.35; min-height: 52px; padding: 12px 24px; font-family: inherit; transition: background .16s, border-color .16s; } #top.mp-marketing .wp-block-button__link:hover { background: var(--mp-orange-hover); border-color: var(--mp-orange-hover); color: #fff; } #top.mp-marketing .wp-block-button.is-style-outline .wp-block-button__link, #top.mp-marketing .wp-block-button.mp-secondary .wp-block-button__link { background: var(--mp-bg); color: var(--mp-ink); border-color: var(--mp-border); font-size: 1rem; } #top.mp-marketing .wp-block-button.mp-secondary .wp-block-button__link:hover { background: var(--mp-surface); } #top.mp-marketing .mp-band.is-teal .wp-block-button.mp-secondary .wp-block-button__link { background: transparent; color: #fff; border-color: #fff; } #top.mp-marketing .wp-block-buttons { gap: 20px; } /* ---------- Columns ---------- */ #top.mp-marketing .wp-block-columns { gap: 64px; align-items: center; margin-bottom: 0; } #top.mp-marketing .wp-block-columns.is-top { align-items: flex-start; } #top.mp-marketing .wp-block-columns.is-gap-m { gap: 32px; } #top.mp-marketing .wp-block-column > :last-child { margin-bottom: 0; } /* ---------- Figures / images ---------- */ #top.mp-marketing .wp-block-image { margin: 0; } #top.mp-marketing .wp-block-image figcaption { font-size: var(--mp-xs); color: var(--mp-muted); text-align: left; margin-top: 10px; } #top.mp-marketing .wp-block-image.mp-card img { border: 1px solid var(--mp-border); border-radius: 6px; background: #fff; } #top.mp-marketing .wp-block-image.mp-card.has-shadow img { box-shadow: 0 14px 40px -32px #00525e66; } #top.mp-marketing .wp-block-image.mp-rounded img { border-radius: 6px; } #top.mp-marketing .wp-block-image.mp-portrait img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 6px; } #top.mp-marketing .wp-block-image.mp-avatar img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; } #top.mp-marketing .wp-block-image.mp-logo-box { background: #fff; border: 1px solid var(--mp-border); border-radius: 6px; padding: 16px 24px; display: inline-block; } #top.mp-marketing .wp-block-image.mp-logo-box img { max-height: 70px; width: auto; } #top.mp-marketing .wp-block-image.mp-book img { width: 100%; max-width: 260px; filter: drop-shadow(7px 10px 9px #002e3533); } /* ---------- Quotes ---------- */ #top.mp-marketing .wp-block-quote { border: 0; border-left: 3px solid var(--mp-orange); margin: 0; padding: 4px 0 4px 28px; font-style: normal; } #top.mp-marketing .wp-block-quote p { font-size: clamp(20px, 1.65vw, 24px); line-height: 1.55; color: var(--mp-teal); margin-bottom: 20px; } #top.mp-marketing .wp-block-quote cite { display: block; font-style: normal; font-size: var(--mp-sm); color: var(--mp-ink); font-weight: 700; } #top.mp-marketing .wp-block-quote cite span { display: block; font-weight: 400; color: var(--mp-muted); margin-top: 4px; } #top.mp-marketing .wp-block-quote.is-plain { border-left: 0; padding-left: 0; } #top.mp-marketing .wp-block-quote.is-plain p { color: var(--mp-ink); font-size: var(--mp-lg); line-height: 1.5; } #top.mp-marketing .mp-endorsements .wp-block-quote p { font-size: var(--mp-sm); color: var(--mp-ink); line-height: 1.6; } #top.mp-marketing .mp-endorsements .wp-block-quote cite { font-size: var(--mp-xs); } /* Quote with avatar (Learn more) */ #top.mp-marketing .mp-quote-credit { display: flex; align-items: center; gap: 14px; margin-top: 20px; } #top.mp-marketing .mp-quote-credit .wp-block-image { flex-shrink: 0; } #top.mp-marketing .mp-quote-credit p { margin: 0; font-size: var(--mp-sm); color: var(--mp-ink); font-weight: 700; line-height: 1.4; } #top.mp-marketing .mp-quote-credit p span { display: block; font-weight: 400; color: var(--mp-muted); } /* ---------- Team grid (About) ---------- */ #top.mp-marketing .mp-team.wp-block-columns { gap: 32px; align-items: flex-start; } #top.mp-marketing .mp-team h3 { font-size: var(--mp-lg); margin: 20px 0 0; } #top.mp-marketing .mp-team .entry-content-wrapper p, #top.mp-marketing .mp-team p { font-size: var(--mp-sm); } /* ---------- Course cards (Certification pathway) ---------- */ #top.mp-marketing .mp-courses.wp-block-columns { gap: 32px; align-items: flex-start; } #top.mp-marketing .mp-courses .mp-step { font-size: var(--mp-xs); color: var(--mp-muted); margin: 0 0 12px; letter-spacing: .04em; } #top.mp-marketing .mp-courses .wp-block-image img { border-radius: 5px; aspect-ratio: 624/377; object-fit: contain; width: 100%; transition: transform .25s; } #top.mp-marketing .mp-courses .wp-block-image a:hover img { transform: scale(1.025); } #top.mp-marketing .mp-courses h3 { font-size: 18px; line-height: 1.4; letter-spacing: -.015em; margin: 20px 0 10px; } #top.mp-marketing .mp-courses p.mp-link { font-size: var(--mp-sm); } #top.mp-marketing .mp-exam-row { display: flex; align-items: center; justify-content: space-between; gap: 32px; border-top: 1px solid var(--mp-border); margin-top: 40px; padding-top: 32px; } #top.mp-marketing .mp-exam-row p { margin: 0; } /* ---------- Principles (Science) ---------- */ #top.mp-marketing .mp-principles.wp-block-columns { gap: 32px; align-items: flex-start; } #top.mp-marketing .mp-principles .wp-block-column { border-top: 1px solid var(--mp-border); padding-top: 24px; } #top.mp-marketing .mp-principles .mp-number { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--mp-border); border-radius: 50%; font-size: var(--mp-sm); color: var(--mp-teal); margin: 0 0 20px; } #top.mp-marketing .mp-principles h3 { font-size: 1.15rem; line-height: 1.35; } #top.mp-marketing .mp-principles p.mp-applies { font-size: var(--mp-xs); font-weight: 800; text-transform: uppercase; letter-spacing: .12em; color: var(--mp-teal); margin: 24px 0 8px; } #top.mp-marketing .mp-principles .wp-block-buttons { margin-top: 16px; } #top.mp-marketing .mp-principles .wp-block-button__link { font-size: var(--mp-sm); min-height: 44px; padding: 8px 18px; } /* ---------- Publications accordion (Science) ---------- */ #top.mp-marketing .mp-publications { border-top: 1px solid var(--mp-border); } #top.mp-marketing .mp-publications .wp-block-details { border-bottom: 1px solid var(--mp-border); margin: 0; padding: 0; } #top.mp-marketing .mp-publications .wp-block-details summary { cursor: pointer; list-style: none; padding: 22px 48px 22px 0; position: relative; font-weight: 700; font-size: 1.05rem; line-height: 1.4; color: var(--mp-ink); } #top.mp-marketing .mp-publications .wp-block-details summary::-webkit-details-marker { display: none; } #top.mp-marketing .mp-publications .wp-block-details summary::after { content: "+"; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: 1px solid var(--mp-border); border-radius: 50%; display: grid; place-items: center; font-weight: 400; color: var(--mp-teal); } #top.mp-marketing .mp-publications .wp-block-details[open] summary::after { content: "–"; } #top.mp-marketing .mp-publications .wp-block-details summary small { display: block; font-size: var(--mp-xs); font-weight: 700; color: var(--mp-teal); letter-spacing: .08em; text-transform: uppercase; margin-bottom: 6px; } #top.mp-marketing .mp-publications .wp-block-details > *:not(summary) { margin-bottom: 14px; } #top.mp-marketing .mp-publications .wp-block-details > :last-child { margin-bottom: 28px; } #top.mp-marketing .mp-publications h3 { font-size: var(--mp-xs); font-weight: 800; text-transform: uppercase; letter-spacing: .12em; color: var(--mp-teal); margin: 18px 0 6px; } #top.mp-marketing .mp-publications .entry-content-wrapper p { font-size: var(--mp-sm); } /* ---------- Standards (Science) ---------- */ #top.mp-marketing .mp-standards .wp-block-column + .wp-block-column { border-top: 1px solid var(--mp-border); padding-top: 24px; } /* ---------- Book + endorsements (Science) ---------- */ #top.mp-marketing .mp-award { display: inline-block; border-left: 3px solid var(--mp-orange); padding: 6px 0 6px 16px; font-size: var(--mp-sm); color: var(--mp-ink); margin-top: 8px; } #top.mp-marketing .mp-award span { display: block; font-size: var(--mp-xs); color: var(--mp-muted); } #top.mp-marketing .mp-endorsements.wp-block-columns { gap: 32px; align-items: flex-start; margin-top: 48px; padding-top: 40px; border-top: 1px solid var(--mp-border); } /* ---------- Closing CTA ---------- */ #top.mp-marketing .mp-cta { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-block: 64px; border-top: 1px solid var(--mp-border); } #top.mp-marketing .mp-cta h2 { font-size: var(--mp-lg); margin: 0 0 6px; } #top.mp-marketing .mp-cta p { margin: 0; } #top.mp-marketing .mp-cta .wp-block-buttons { flex-shrink: 0; } /* ---------- Evidence tabs (Learn more) — plain stacked blocks, no script ---------- */ #top.mp-marketing .mp-evidence { border-top: 1px solid var(--mp-border); margin-top: 32px; padding-top: 24px; } #top.mp-marketing .mp-evidence h3 { font-size: 1rem; margin: 0 0 6px; } #top.mp-marketing .mp-numbers { display: flex; gap: 48px; margin: 16px 0 20px; } #top.mp-marketing .mp-numbers p { margin: 0; font-size: var(--mp-sm); color: var(--mp-ink); max-width: 180px; } #top.mp-marketing .mp-numbers strong { display: block; font-size: 2.6rem; line-height: 1.1; color: var(--mp-teal); letter-spacing: -.04em; } /* ---------- Form panel (Learn more) ---------- */ #top.mp-marketing .mp-form-panel { border: 1px solid var(--mp-border); border-radius: 8px; padding: 32px; background: #fff; } #top.mp-marketing .mp-form-panel h2 { font-size: 1.6rem; margin-bottom: 6px; } #top.mp-marketing .mp-form-panel .hs-form-frame { margin-top: 20px; } #top.mp-marketing .mp-form-panel .hs-button, #top.mp-marketing .mp-form-panel input[type=submit] { background: var(--mp-orange); border: 1px solid var(--mp-orange); color: #fff; font-weight: 700; font-size: 19px; border-radius: 5px; min-height: 52px; padding: 12px 24px; width: 100%; font-family: inherit; cursor: pointer; } /* ---------- Pricing split ---------- */ #top.mp-marketing .mp-pricing.wp-block-columns { align-items: flex-start; } #top.mp-marketing .mp-pricing .wp-block-column { border-top: 2px solid var(--mp-ink); padding-top: 32px; } #top.mp-marketing .mp-pricing h2 { font-size: clamp(1.6rem, 2.4vw, 2.1rem); } /* ---------- Hero split (Certification / Learn more) ---------- */ #top.mp-marketing .mp-hero.wp-block-columns { padding-block: 64px 48px; } #top.mp-marketing .mp-hero.is-top { align-items: flex-start; } /* ---------- Responsive ---------- */ @media (max-width: 940px) { #top.mp-marketing .wp-block-columns { gap: 32px; } #top.mp-marketing .mp-section, #top.mp-marketing .mp-band { padding-block: 56px; } } @media (max-width: 781px) { #top.mp-marketing .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } #top.mp-marketing .mp-section-head, #top.mp-marketing .mp-exam-row, #top.mp-marketing .mp-cta { flex-direction: column; align-items: flex-start; gap: 20px; } #top.mp-marketing .mp-numbers { gap: 24px; flex-wrap: wrap; } #top.mp-marketing h1 { max-width: none; } #top.mp-marketing #main .container { padding-left: 20px; padding-right: 20px; } #top.mp-marketing .mp-band { padding-left: 20px; padding-right: 20px; } #top.mp-marketing .wp-block-button__link { width: 100%; } } @media (max-width: 600px) { #top.mp-marketing .mp-team.wp-block-columns, #top.mp-marketing .mp-courses.wp-block-columns { display: grid; grid-template-columns: 1fr 1fr; } #top.mp-marketing .mp-team.wp-block-columns > .wp-block-column, #top.mp-marketing .mp-courses.wp-block-columns > .wp-block-column { flex-basis: auto !important; } #top.mp-marketing .mp-section, #top.mp-marketing .mp-band { padding-block: 40px; } } @media (prefers-reduced-motion: reduce) { #top.mp-marketing .mp-courses .wp-block-image img { transition: none; } } /* ---------- Jean's revisions, 2026-10-09 ---------- */ /* Enfold gives blockquotes a grey rounded panel with white text (Screenshot A). Quotes here are teal text on the page background with a 3px Crail line. */ #top.mp-marketing .wp-block-quote, #top.mp-marketing .wp-block-quote p { background: transparent; box-shadow: none; border-radius: 0; color: var(--mp-teal); } #top.mp-marketing .wp-block-quote { border-left: 3px solid var(--mp-orange); padding: 4px 0 4px 32px; margin: 0; } #top.mp-marketing .wp-block-quote p { font-size: clamp(21px, 1.8vw, 28px); line-height: 1.5; } #top.mp-marketing .wp-block-quote cite, #top.mp-marketing .wp-block-quote cite span { background: transparent; } #top.mp-marketing .wp-block-quote.is-plain { border-left: 0; padding-left: 0; } #top.mp-marketing .wp-block-quote.is-plain p { color: var(--mp-ink); font-size: var(--mp-lg); } /* Book endorsements: keep the three boxes, in MentorPRO teal with white text (Screenshot F). */ #top.mp-marketing .mp-endorsements .wp-block-quote, #top.mp-marketing .mp-endorsements .wp-block-quote.is-plain { background: var(--mp-teal); color: #fff; border: 0; border-radius: 12px; padding: 32px 28px; height: 100%; box-sizing: border-box; } #top.mp-marketing .mp-endorsements .wp-block-quote p { color: #fff; font-size: 1.05rem; line-height: 1.6; } #top.mp-marketing .mp-endorsements .wp-block-quote cite { color: #fff; font-weight: 700; } #top.mp-marketing .mp-endorsements .wp-block-quote cite span { color: #e7efed; font-weight: 400; } #top.mp-marketing .mp-endorsements.wp-block-columns { align-items: stretch; } /* Science banner: headline white on teal, two lines on desktop (Screenshot C). */ #top.mp-marketing .mp-band.is-teal h1 { color: #fff; max-width: none; } #top.mp-marketing .mp-band.is-teal .mp-intro, #top.mp-marketing .mp-band.is-teal p { color: #fff; } #top.mp-marketing .mp-band.is-teal .mp-kicker { color: #aacdcd; background: transparent; padding: 0; border-radius: 0; display: block; } #top.mp-marketing .mp-kicker { background: transparent; padding: 0; border-radius: 0; display: block; font-size: var(--mp-xs); } /* Research-to-practice columns: short citations, buttons on one row (Screenshot D). */ #top.mp-marketing .mp-principles.wp-block-columns { align-items: stretch; } #top.mp-marketing .mp-principles .wp-block-column { display: flex; flex-direction: column; } #top.mp-marketing .mp-principles .wp-block-buttons { margin-top: auto; padding-top: 16px; } #top.mp-marketing .mp-principles .wp-block-button__link { min-height: 48px; } /* Research library: one outer accordion, collapsed by default (Screenshot E). */ #top.mp-marketing .wp-block-details.mp-library { border-top: 1px solid var(--mp-border); border-bottom: 1px solid var(--mp-border); padding: 0; margin: 0; } #top.mp-marketing .wp-block-details.mp-library > summary { cursor: pointer; list-style: none; position: relative; padding: 24px 56px 24px 0; font-size: var(--mp-xl); font-weight: 700; letter-spacing: -.035em; color: var(--mp-ink); line-height: 1.2; } #top.mp-marketing .wp-block-details.mp-library > summary::-webkit-details-marker { display: none; } #top.mp-marketing .wp-block-details.mp-library > summary::after { content: "+"; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: 1px solid var(--mp-border); border-radius: 50%; display: grid; place-items: center; font-weight: 400; font-size: 1.4rem; color: var(--mp-teal); } #top.mp-marketing .wp-block-details.mp-library[open] > summary::after { content: "–"; } #top.mp-marketing .wp-block-details.mp-library > summary:focus-visible { outline: 3px solid var(--mp-teal); outline-offset: 4px; } #top.mp-marketing .wp-block-details.mp-library > :not(summary) { margin-top: 16px; } #top.mp-marketing .wp-block-details.mp-library .mp-publications { margin-bottom: 8px; } /* Certification pathway: link sits under the cards, no divider (Screenshot B). */ #top.mp-marketing .mp-pathway-link { margin-top: 32px; } /* Focus states */ #top.mp-marketing a:focus-visible, #top.mp-marketing .wp-block-button__link:focus-visible, #top.mp-marketing summary:focus-visible { outline: 3px solid var(--mp-teal); outline-offset: 4px; } /* Enfold's colour sets are written as "#top #wrap_all .all_colors h1" (two ids), which beats everything above on the teal band. Match that weight here. */ #top.mp-marketing #wrap_all .mp-band.is-teal h1, #top.mp-marketing #wrap_all .mp-band.is-teal h2, #top.mp-marketing #wrap_all .mp-band.is-teal h3, #top.mp-marketing #wrap_all .mp-band.is-teal p, #top.mp-marketing #wrap_all .mp-band.is-teal a:not(.wp-block-button__link) { color: #fff !important; } #top.mp-marketing #wrap_all .mp-band.is-teal .mp-kicker { color: #aacdcd !important; } #top.mp-marketing #wrap_all .mp-endorsements .wp-block-quote p, #top.mp-marketing #wrap_all .mp-endorsements .wp-block-quote cite { color: #fff !important; } #top.mp-marketing #wrap_all .mp-endorsements .wp-block-quote cite span { color: #e7efed !important; } #top.mp-marketing #wrap_all .wp-block-quote:not(.is-plain) p { color: var(--mp-teal) !important; }