/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1rem;
  line-height: 1.5;
}
h1 {
  font-size: 2.25rem;
}
h2 {
  font-size: 1.9rem;
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.15rem;
}
h5 {
  font-size: 1rem;
}
h6 {
  font-size: 0.85rem;
}
small {
  font-size: 0.875rem;
}
cite {
  font-size: 0.875rem;
}
sub, sup {
  font-size: 0.75rem;
}
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
.g-promo {
  /* Headline span (bare span inside .g-promo, e.g. “CDTC Online Programs”) */
  /* Title (h1 inside promo, e.g. “Anger Management Program”) */
  /* Paragraph text (the text field) */
  /* Subline span inside <p> */
  /* Layout */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: left;
  -moz-box-align: left;
  box-align: left;
  -webkit-align-items: left;
  -moz-align-items: left;
  -ms-align-items: left;
  -o-align-items: left;
  align-items: left;
  -ms-flex-align: left;
  padding-bottom: 0;
  text-align: left;
}
.g-promo > span {
  font-size: 0.9vw;
  background: none;
  color: #ca511c;
  padding: 0;
  border-radius: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (max-width: 100rem) {
  .g-promo > span {
    font-size: 0.9rem;
  }
}
.g-promo h1 {
  font-size: 3.5vw;
  background: none;
  color: #594d3e;
  font-weight: 800;
  text-transform: capitalize;
  line-height: 1.2;
  margin: 0.5rem 0 1.5rem;
}
@media (max-width: 57.1428571429rem) {
  .g-promo h1 {
    font-size: 2rem;
  }
}
.g-promo p, .g-promo .g-promo-desc {
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 1.5;
  margin: 1.8rem 0;
  max-width: 50rem;
}
@media (max-width: 71.4285714286rem) {
  .g-promo p, .g-promo .g-promo-desc {
    font-size: 1rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .g-promo p, .g-promo .g-promo-desc {
    margin: 0;
    padding: 0;
  }
}
.g-promo .promo-subline {
  display: block;
  margin-top: 1rem;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-transform: none;
  letter-spacing: normal;
}
.g-promo .promo-subline a {
  color: #D3551D;
  text-decoration: underline;
}
@media only all and (max-width: 59.99rem) {
  .g-promo {
    padding: 0;
  }
}
.g-promo2 {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  padding-bottom: 0;
  text-align: center;
}
.g-promo2 span {
  font-size: 0.9vw;
  background: #ca511c;
  color: #fff;
  padding: 0.4rem 1rem;
  border-radius: 1.3rem;
}
@media (max-width: 100rem) {
  .g-promo2 span {
    font-size: 0.9rem;
  }
}
.g-promo2 h2 {
  font-size: 3vw;
}
@media (max-width: 66.6666666667rem) {
  .g-promo2 h2 {
    font-size: 2rem;
  }
}
.g-promo2 p {
  font-size: 1.4vw;
  font-weight: 400;
}
@media (max-width: 71.4285714286rem) {
  .g-promo2 p {
    font-size: 1rem;
  }
}
@media only all and (max-width: 59.99rem) {
  .g-promo2 p {
    margin: 0;
    padding: 0;
  }
}
@media only all and (max-width: 59.99rem) {
  .g-promo2 {
    padding: 0;
  }
}
/* CDTC Online — lesson component system ("bgl") v1.0
   Brand: Montserrat · orange #d3551d · brown #594d3e · tan #c1b293 · green #72b840 · blue #0077ae
   Everything scoped under .bgl — inert on any page that doesn't carry the markup (AM untouched).
   Served by mu-plugin bg-lesson-styles.php. */
.bgl {
  --o:#d3551d;
  --br:#594d3e;
  --tan:#c1b293;
  --cream:#faf7f2;
  --line:#e8e0d3;
  --green:#72b840;
  --blue:#0077ae;
  --ink:#4a4036;
  color: var(--ink);
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.75;
}
.bgl p {
  margin: 0 0 1.15em;
}
.bgl strong {
  font-weight: 600;
}
.bgl > p, .bgl h3 {
  max-width: 72ch;
}
/* ---- section headings — the guide's label device:
        Montserrat Bold, trailing period, thin hairline rule beneath ---- */
.bgl h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  color: var(--br);
  margin: 2.6em 0 0.9em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #e5b79d;
}
.bgl h3:first-child {
  margin-top: 0;
}
/* ---- eyebrow labels + chips (Semibold per the weight ladder) ---- */
.bgl-eyebrow {
  display: block;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--o);
  margin-bottom: 0.55em;
}
.bgl-chip {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff;
  background: var(--blue);
  padding: 0.32em 0.85em;
  border-radius: 0;
  margin-bottom: 0.8em;
}
.bgl-chip-green {
  background: var(--green);
}
/* ---- recall strip (session opener) ---- */
.bgl-recall {
  background: var(--cream);
  border: 1px solid var(--line);
  border-left: 5px solid var(--tan);
  border-radius: 0;
  padding: 1.25rem 1.5rem;
  margin: 0 0 1.8rem;
}
.bgl-recall p {
  margin: 0;
  max-width: none;
}
/* ---- tile grids (trigger types, toolkit moves) ---- */
.bgl-grid {
  display: grid;
  gap: 14px;
  margin: 1.2rem 0 1.4rem;
}
.bgl-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.bgl-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.bgl-tile {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 0;
  padding: 1.05rem 1.2rem;
  box-shadow: 0 1px 3px rgba(89, 77, 62, 0.06);
}
.bgl-tile h4 {
  margin: 0 0 0.45em;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--br);
}
.bgl-tile p {
  margin: 0;
  font-size: 0.93rem;
  line-height: 1.65;
}
.bgl-tile-tool {
  border-top: 4px solid var(--green);
}
.bgl-tile-trigger {
  border-top: 4px solid var(--o);
}
/* ---- scenario vignettes ---- */
.bgl-scenario {
  background: #f4f8fb;
  border: 1px solid #dce8f0;
  border-left: 5px solid var(--blue);
  border-radius: 0;
  padding: 1.15rem 1.4rem;
  margin: 0 0 1.1rem;
}
.bgl-scenario p {
  margin: 0;
  max-width: none;
}
.bgl-scenario em {
  font-style: normal;
}
/* ---- worked walk-through ---- */
.bgl-walkthrough {
  background: #f6faf2;
  border: 1px solid #dfeccf;
  border-left: 5px solid var(--green);
  border-radius: 0;
  padding: 1.3rem 1.5rem;
  margin: 1.2rem 0 1.6rem;
}
.bgl-walkthrough p {
  max-width: none;
}
.bgl-setup {
  background: #fff;
  border: 1px dashed var(--tan);
  border-radius: 0;
  padding: 0.85rem 1.1rem;
  margin: 0.4rem 0 1rem;
  font-style: normal;
}
.bgl-steps {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}
.bgl-steps li {
  padding: 0.55em 0 0.55em 1.6em;
  position: relative;
  border-bottom: 1px solid #e7f0dc;
}
.bgl-steps li:last-child {
  border-bottom: 0;
}
.bgl-steps li::before {
  content: "»";
  position: absolute;
  left: 0.1em;
  color: var(--green);
  font-weight: 700;
}
.bgl-steps-ol {
  margin: 0 0 1rem;
  padding-left: 1.5rem;
}
.bgl-steps-ol li {
  padding: 0.45em 0;
  border-bottom: 1px solid #e7f0dc;
}
.bgl-steps-ol li:last-child {
  border-bottom: 0;
}
.bgl-steps-ol li::marker {
  color: var(--green);
  font-weight: 700;
}
.bgl-setup-lead p {
  margin-bottom: 0.9em;
  font-weight: 500;
}
/* ---- exercise card (workbook) ---- */
.bgl-exercise {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 0;
  margin: 2.2rem 0;
  box-shadow: 0 2px 10px rgba(89, 77, 62, 0.08);
  overflow: hidden;
}
.bgl-ex-head {
  background: var(--o);
  color: #fff !important;
  padding: 1.05rem 1.5rem 0.95rem;
}
.bgl-ex-head .bgl-eyebrow {
  color: #ffddc9 !important;
  margin-bottom: 0.25em;
}
.bgl-ex-head h3, .bgl .bgl-ex-head h3, .learndash-wrapper .bgl-ex-head h3 {
  color: #fff !important;
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  border-bottom: 0;
}
.bgl-ex-head a {
  color: #fff !important;
}
.bgl-ex-head h3::before {
  display: none;
}
.bgl-ex-body {
  padding: 1.3rem 1.5rem 1.1rem;
}
.bgl-ex-body ol {
  margin: 0.4rem 0 1.2rem;
  padding-left: 1.4rem;
}
.bgl-ex-body ol li {
  margin-bottom: 0.55em;
}
.bgl-workbook {
  display: flex;
  gap: 0.7em;
  align-items: flex-start;
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 0;
  padding: 0.8rem 1.05rem;
  margin: 0 0 1.15rem;
  font-size: 0.95rem;
}
.bgl-workbook a {
  color: var(--o);
  font-weight: 600;
  text-decoration: underline;
}
.bgl-ex-note {
  font-size: 0.85rem;
  color: #7d715f;
  border-top: 1px solid var(--line);
  padding-top: 0.85rem;
  margin: 0.4rem 0 0;
}
/* ---- reflection inset ---- */
.bgl-reflection {
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 0;
  padding: 1.4rem 1.6rem 1.2rem;
  margin: 2rem 0 1rem;
}
.bgl-reflection p {
  font-size: 1.06rem;
  line-height: 1.8;
  max-width: none;
  margin-bottom: 0.9em;
}
.bgl-wb-note {
  font-size: 0.88rem;
  color: #7d715f;
  margin: 0;
}
/* ---- tables: branded TEMPLATE displays (the shape you copy into your workbook) ---- */
.bgl table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.3rem;
  font-size: 0.93rem;
  background: #fff;
}
.bgl th {
  background: var(--cream);
  color: var(--br);
  font-weight: 600;
  text-align: left;
  padding: 0.6em 0.9em;
  border: 1px solid var(--line);
}
.bgl td {
  border: 1px solid var(--line);
  padding: 0.6em 0.9em;
  min-width: 3.5em;
  height: 2.4em;
}
.bgl td:empty {
  background: repeating-linear-gradient(transparent, transparent 1.6em, var(--line) 1.6em, var(--line) calc(1.6em + 1px));
}
/* ---- plain blockquotes (untransformed sections) get a quiet house inset ---- */
.bgl blockquote {
  background: var(--cream);
  border: 1px solid var(--line);
  border-left: 5px solid var(--tan);
  border-radius: 0;
  padding: 1rem 1.3rem;
  margin: 0 0 1.15em;
  font-style: normal;
}
.bgl blockquote p {
  margin: 0;
  max-width: none;
}
.bgl blockquote p + p {
  margin-top: 0.8em;
}
/* ---- generic niceties inside .bgl — the guide's » is the house list marker ---- */
.bgl ul:not(.bgl-steps) {
  padding-left: 1.3rem;
  list-style: none;
}
.bgl ul:not(.bgl-steps) li {
  margin-bottom: 0.6em;
  position: relative;
  padding-left: 0.35em;
}
.bgl ul:not(.bgl-steps) li::before {
  content: "»";
  position: absolute;
  left: -1.1em;
  color: var(--o);
  font-weight: 600;
}
@media (max-width: 700px) {
  .bgl-grid-2, .bgl-grid-3 {
    grid-template-columns: 1fr;
  }
  .bgl {
    font-size: 16px;
  }
}
/* ============================================================================
   BRAND TYPOGRAPHY NORMALIZATION (site-wide, per the Brand Style Guide spreads)
   The guide's voice is sentence case — Bold headings with a trailing period;
   ALL-CAPS is reserved for small labels (entry meta, eyebrows, buttons, topbar).
   Titles are stored in natural case, so removing the transform reveals them.
   Also retires the legacy off-brand orange #ca511c in favor of brand #d3551d.
   ========================================================================== */
/* Gantry page-title particle (lesson/quiz/page titles rendered via custom-heading) */
.custom-heading .tm-title {
  text-transform: none !important;
  font-weight: 700;
  color: #594d3e;
}
/* Site utility classes (staged pages + program particles + AM cards) */
.title {
  text-transform: none !important;
  color: #d3551d;
}
.thin {
  text-transform: none !important;
  font-weight: 500;
}
.strong {
  text-transform: none !important;
  font-weight: 700;
}
h3.strong {
  text-transform: none !important;
  font-weight: 700;
  color: #d3551d !important;
}
/* LearnDash headings inside the wrapper follow the same voice */
.learndash-wrapper h1, .learndash-wrapper .ld-item-title {
  text-transform: none;
}
/* Lesson/quiz page titles + "Program Content" accordion heading (custom.scss shouted these) */
.el-title.jl-h3, .ld-accordion__heading {
  text-transform: none !important;
  font-weight: 700 !important;
  /* guide Bold, not 800 */
  letter-spacing: 0 !important;
}
/* Session rows in the Program Content list — Semibold labels, natural case, keep the action orange */
.ld-accordion__item-title {
  text-transform: none !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
/* ---- fill-in tables reframed as workbook TEMPLATES (pre-workbook cruft, 2026-07-08) ---- */
.bgl-template {
  border: 1px dashed var(--tan);
  border-radius: 0;
  padding: 0.9rem 1.1rem 0.4rem;
  margin: 1rem 0 1.3rem;
  background: #fffdf9;
}
.bgl-template-cap {
  font-size: 0.8rem;
  font-weight: 600;
  color: #7d715f;
  margin-bottom: 0.6rem;
}
.bgl-template table {
  margin-top: 0;
}
/* ============================================================================
   NEUTRALIZE the theme's AM-era auto-callout inside .bgl (2026-07-08, Steve's soak)
   custom.scss turns any p whose only element child is a single <strong> into an
   orange-bar callout (.ld-tab-bar__panel p:has(> strong:only-child)). On program
   lessons this fires randomly wherever a paragraph has exactly one bold phrase
   (Steve's "nested styles pop up sporadically"). Scoped off inside .bgl only —
   Anger Management keeps its authored callouts.
   ========================================================================== */
.ld-tab-bar__panel .bgl p:has(> strong:only-child) {
  background: transparent;
  border-left: 0;
  padding: 0;
  margin: 0 0 1.15em;
  border-radius: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.ld-tab-bar__panel .bgl-recall p:has(> strong:only-child), .ld-tab-bar__panel .bgl-reflection p:has(> strong:only-child), .ld-tab-bar__panel .bgl-scenario p:has(> strong:only-child) {
  margin: 0;
}
/* ============================================================================
   SALES-PAGE BRAND OVERRIDES on NATIVE Nova particles (Steve 2026-07-09).
   Sales pages are composed of jlfeaturebox / jlheading / jlcalltoaction / custom
   — native Nova, parallel to courtdiagnostic.com. These are brand color/type
   touches on the content INSIDE those particles (the particle chrome stays native).
   ========================================================================== */
.cdtc-lead {
  max-width: 74ch;
}
.cdtc-lead-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  color: #594d3e;
  line-height: 1.25;
  margin: 0 0 0.6rem;
}
.cdtc-lead p {
  font-size: 1.1rem;
  line-height: 1.7;
  color: #4a4036;
}
.cdtc-trust {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: #594d3e;
  color: #f3ede2;
  border-radius: 0;
  padding: 1.3rem 1.6rem;
  margin: 1.4rem 0 0;
}
.cdtc-trust i {
  color: #c1b293;
  font-size: 1.6rem;
  margin-top: 0.15rem;
}
.cdtc-trust p {
  margin: 0 !important;
  color: #f3ede2 !important;
  font-size: 1rem;
  line-height: 1.6;
}
.cdtc-note {
  font-size: 0.95rem;
  color: #7d715f;
  text-align: center;
}
/* safety / crisis note on Speaking Up + Bouncing Back sales pages (native particle content) */
.cdtc-safety {
  display: flex;
  gap: 0.9rem;
  align-items: flex-start;
  max-width: 820px;
  margin: 1.6rem auto 0;
  padding: 1.05rem 1.3rem;
  background: #faf6ef;
  border: 1px solid #e4d8c3;
  border-left: 4px solid #c1b293;
  border-radius: 0;
}
.cdtc-safety > i {
  color: #b0632a;
  font-size: 1.3rem;
  line-height: 1;
  margin-top: 0.15rem;
  flex: 0 0 auto;
}
.cdtc-safety p {
  margin: 0;
  color: #4a4036;
  line-height: 1.6;
  font-size: 0.98rem;
}
/* program hero: promo text + a real hero <img> side by side (SEO img, not a CSS background) */
#g-hero .g-grid:has(.cdtc-hero-img) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.6rem;
}
#g-hero .g-grid:has(.cdtc-hero-img) > .g-block {
  flex: 1 1 320px;
  min-width: 0;
}
#g-hero .g-grid:has(.cdtc-hero-img) > .g-block:last-child {
  flex: 0 1 42%;
}
.cdtc-hero-img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0;
  box-shadow: 0 12px 34px rgba(89, 77, 62, 0.2);
}
@media (max-width: 782px) {
  #g-hero .g-grid:has(.cdtc-hero-img) {
    gap: 1.3rem;
  }
  #g-hero .g-grid:has(.cdtc-hero-img) > .g-block:last-child {
    flex: 1 1 100%;
  }
}
/* /online-programs/ catalog: cards are pure native jlfeaturebox (icon/meta/content/link fields);
   Nova's own particle CSS styles them — no custom card CSS here. */
.cdtc-note a {
  color: #d3551d;
  font-weight: 600;
}
/* ============================================================================
   BRAND POLISH — angular geometry + differentiated palette (Steve 2026-07-09).
   The CDTC brand is ANGULAR (sharp 90deg corners, per the style guide). This site
   differentiates from the institutional parent (courtdiagnostic.com) with warm cream
   surfaces + green/blue tertiary accents; orange is reserved for the action (CTA).
   Palette: brown #594D3E (voice) / tan #C1B293 (secondary) / cream #FAF7F2 (surface)
   / orange #D3551D (action) / blue #0077AE / green #72B840 (accents).
   ========================================================================== */
.cdtc-brand-loaded {
  display: none;
}
/* compile marker */
/* sharp corners everywhere the brand touches (kill rounded, brand is angular) */
.jl-card, .jl-button, .jl-panel, .cdtc-hero-img, [class*="cdtc-"], [class*="bgl-"] {
  border-radius: 0 !important;
}
/* SECTION RHYTHM — every section carries its own subtle background band (Steve 2026-07-09):
   hero tan-tint -> main cream -> expanded white -> extension deep-cream. The bands are GLOBAL and
   keyed to native Gantry section ids; which content sits in which section is a Layout Manager move. */
#g-hero {
  background: #F0E9DC;
}
#g-above {
  background: #FAF7F2;
}
#g-container-main {
  background: #FAF7F2;
}
#g-expanded {
  background: #FFFFFF;
  border-top: 1px solid #EFE7D8;
  border-bottom: 1px solid #EFE7D8;
}
#g-extension {
  background: #F3EDE2;
}
#g-container-main, #g-expanded, #g-extension {
  padding-top: 4rem;
  padding-bottom: 4.5rem;
}
/* card chrome — GLOBAL: crisp white on cream, sharp tan top-rule (accent classes override) */
.jl-card {
  background: #ffffff;
  border: 1px solid #EADFCB;
  border-top: 3px solid #C1B293;
  box-shadow: 0 1px 0 rgba(89, 77, 62, 0.04);
}
/* the brand heading device: a thin hairline rule under the section eyebrow/title */
.jlheading .tm-title-meta, .jlheading .jl-heading-meta {
  border-bottom: 1px solid #E2D8C6;
  padding-bottom: 0.5rem;
}
/* ============================================================================
   THE APPROVED SCHEME, faithfully (Steve 2026-07-09 evening). Per the signed-off
   mockup + "sharp corners": each program card carries its OWN tertiary accent
   (top-rule + icon), and action buttons are SOLID orange. Accents are applied
   through the particle item's native CSS Classes field (cdtc-accent-*).
   Mapping: Better Thinking green · Better Choices blue · Speaking Up blue ·
   Bouncing Back green · Anger Management orange (the live pilot wears the
   action color). Remap = edit the class on the item, one word per program.
   ========================================================================== */
.jl-card.cdtc-accent-green {
  border-top-color: #72B840 !important;
}
.jl-card.cdtc-accent-blue {
  border-top-color: #0077AE !important;
}
.jl-card.cdtc-accent-orange {
  border-top-color: #D3551D !important;
}
/* the native jlfeaturebox renders its icon as span.tm-icon (not <i>) */
.jl-card.cdtc-accent-green .tm-icon, .jl-card.cdtc-accent-green i {
  color: #72B840;
}
.jl-card.cdtc-accent-blue .tm-icon, .jl-card.cdtc-accent-blue i {
  color: #0077AE;
}
.jl-card.cdtc-accent-orange .tm-icon, .jl-card.cdtc-accent-orange i {
  color: #D3551D;
}
/* solid-orange action buttons inside brand cards (per the approved mockup).
   NOTE: replaces the earlier light-outline button — to revert, delete this block. */
.jl-card .jl-button {
  background: #D3551D;
  border: 1px solid #D3551D;
  color: #fff;
  font-weight: 600;
}
.jl-card .jl-button:hover, .jl-card .jl-button:focus {
  background: #BD4A19;
  border-color: #BD4A19;
  color: #fff;
}
/* card icons: ONE size everywhere (accent classes change COLOR only, never size) */
.jl-card .tm-icon {
  display: block;
  font-size: 1.6rem;
  line-height: 1;
  color: #594D3E;
  margin: 0 0 0.4rem;
}
/* ============================================================================
   HOME HERO — first element rebuilt on the Brand Identity & Language Style Guide
   (Steve 2026-07-09). Two-tier button logic from the guide: PRIMARY = solid
   orange (the one action); SECONDARY = outline (supplemental). Angular, Montserrat,
   brand palette, one clear action for a low-literacy, mobile-first reader.
   The .cdtc-btn* classes are the reusable SITE-WIDE button system, not hero-only.
   ========================================================================== */
/* two-tier brand button — reusable everywhere */
.cdtc-btn {
  display: inline-block;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.01em;
  text-transform: none;
  padding: 0.95rem 1.7rem;
  border: 2px solid transparent;
  border-radius: 0;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.cdtc-btn--primary {
  background: #D3551D;
  border-color: #D3551D;
  color: #fff;
}
.cdtc-btn--primary:hover, .cdtc-btn--primary:focus {
  background: #BD4A19;
  border-color: #BD4A19;
  color: #fff;
}
.cdtc-btn--secondary {
  background: transparent;
  border-color: #594D3E;
  color: #594D3E;
}
.cdtc-btn--secondary:hover, .cdtc-btn--secondary:focus {
  background: #594D3E;
  border-color: #594D3E;
  color: #fff;
}
/* hero, scoped to the native promo particle inside #g-hero */
#g-hero .g-promo {
  max-width: 62rem;
}
/* eyebrow: small caps label in BRAND orange (corrects _promo.scss legacy #ca511c + its radius) */
#g-hero .g-promo > span.hidden-phone {
  color: #D3551D !important;
  background: none;
  border-radius: 0;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
/* H1 headline: brand brown */
#g-hero .g-promo h1 {
  color: #594D3E;
}
/* lead line — the reassurance, larger + bold, sentence case */
#g-hero .cdtc-hero-lead {
  display: block;
  font-weight: 700;
  text-transform: none;
  color: #594D3E;
  font-size: 1.35rem;
  line-height: 1.35;
  margin: 0.4rem 0 0.55rem;
  max-width: 46rem;
}
/* support line — plain, comfortable measure */
#g-hero .g-promo .promo-subline {
  display: block;
  max-width: 46rem;
  margin-top: 0.2rem;
  color: #4a4036;
  font-size: 1.08rem;
  line-height: 1.6;
}
/* actions — primary + secondary; wrap + go full-width on phones (thumb-friendly) */
#g-hero .cdtc-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 1.7rem;
}
@media (max-width: 600px) {
  #g-hero .cdtc-hero-actions {
    gap: 0.7rem;
  }
  #g-hero .cdtc-hero-actions .cdtc-btn {
    flex: 1 1 100%;
  }
}
h1 {
  margin-bottom: 0.5rem !important;
  text-rendering: optimizeLegibility;
}
body {
  line-height: 1.6;
  /* This is an example value */
}
.first-name {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #594d3e;
  text-transform: uppercase;
}
.last-name {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  color: #594d3e;
  text-transform: uppercase;
}
.cred {
  font-size: 0.8rem;
  font-weight: 400;
  color: #594d3e;
  text-transform: uppercase;
}
.title {
  font-weight: 400;
  color: #ca511c;
  text-transform: uppercase;
}
.thin {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #594d3e;
  text-transform: uppercase;
}
.strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  color: #594d3e;
  text-transform: uppercase;
}
h3.strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  color: #ca511c !important;
  text-transform: uppercase;
}
h2.subtitle {
  font-size: 36px;
  /* Adjust the font size as needed */
  font-weight: 700;
  color: #ca511c !important;
}
h2.subtitle2 {
  font-size: 36px;
  /* Adjust the font size as needed */
  font-weight: 700;
  color: #594d3e !important;
}
h2.subtitle3 {
  font-size: 36px;
  /* Adjust the font size as needed */
  font-weight: 700;
  color: #ffffff !important;
}
h3.subtitle {
  font-size: 24px;
  /* Adjust the font size as needed */
  font-weight: 700;
  color: #ca511c !important;
}
h3.subtitle2 {
  font-size: 24px;
  /* Adjust the font size as needed */
  font-weight: 700;
  color: #594d3e !important;
}
h3.subtitle3 {
  font-size: 24px;
  /* Adjust the font size as needed */
  font-weight: 700;
  color: #ffffff !important;
}
.detail {
  font-size: 0.8rem;
  font-weight: 400;
  color: #594d3e;
  text-transform: uppercase;
}
.heading h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  color: #594d3e;
  text-transform: uppercase;
}
#g-topbar, #g-topbar a {
  font-size: 0.8rem !important;
}
.jl-subnav > * > :first-child {
  color: #c1b293 !important;
}
.pop {
  color: #ca511c;
}
.item-wrapper.jl-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.item-wrapper.jl-card .tm-content {
  flex: 1 0 auto;
  /* Allow this content to grow */
}
.item-wrapper.jl-card > div.jl-margin-top {
  flex-shrink: 0;
  /* Prevent the button container from shrinking */
  margin-top: auto;
  /* Push it to the bottom */
}
.jl-dropcap::first-letter, .jl-dropcap > p:first-of-type::first-letter {
  font-weight: 800;
  display: block;
  margin-right: 6px;
  float: left;
  font-size: 4.8em !important;
  line-height: 1;
  margin-bottom: -6px;
}
#portal a.menu__heading::before {
  font-family: "Font Awesome 6 Pro";
  /* Font family for Font Awesome Pro */
  content: "";
  /* Unicode for the "files" icon */
  margin-right: 5px;
  /* Space between the icon and the text */
  color: white;
  /* Icon color */
  font-weight: 300;
  /* Font weight for thin icons in Font Awesome Pro */
  /* Additional styling as needed */
}
#portal a.menu__heading {
  background-color: #a74317 !important;
  /* Sets the background color to a specific shade of orange */
  color: white;
  /* Sets the text color to white */
  font-weight: bold;
  /* Makes the text bold */
  padding: 0 24px;
  /* Sets horizontal padding to 24px */
}
#portal a.menu__heading:hover, #portal a.menu__heading:active {
  background-color: #913a14 !important;
  /* Keeps the background color the same on hover and active */
  color: white;
  /* Keeps the text color white on hover and active */
}
#portal .jl-navbar-dropdown-nav > li > a::before {
  font-family: "Font Awesome 6 Pro";
  /* Font family for Font Awesome Pro */
  content: "";
  /* Unicode for the "files" icon */
  margin-right: 5px;
  /* Space between the icon and the text */
  color: #bd4c1a;
  /* Icon color */
  font-weight: 300;
  /* Font weight for thin icons in Font Awesome Pro */
  /* Additional styling as needed */
}
#portal .el-horiz-nav {
  padding: 0 !important;
  margin: 0 !important;
}
.cdtc-number-list {
  list-style-type: decimal;
  /* Ensure numbers are shown */
  padding-left: 20px;
  /* Add padding to ensure space for numbers */
}
.cdtc-number-list li {
  position: relative;
  /* Needed for absolute positioning of the pseudo-element */
  padding-left: 20px;
  /* Space for the bullet symbol, adjust as needed */
  padding-top: 12px;
  padding-top: 8px;
}
.cdtc-bullet-list {
  list-style: none;
  /* Removes default list styling */
  padding-left: 0;
  /* Adjust as needed */
}
.cdtc-bullet-list li {
  position: relative;
  /* Needed for absolute positioning of the pseudo-element */
  padding-left: 20px;
  /* Space for the bullet symbol, adjust as needed */
  padding-top: 12px;
  font-weight: bold;
}
.cdtc-bullet-list li::before {
  content: "»";
  /* Unicode for the » character */
  position: absolute;
  /* Position the bullet absolutely within the li */
  left: 0;
  /* Align to the left */
  top: 12px;
  /* Align to the top */
  color: #595959;
  /* Adjust the color as needed */
  font-weight: bold;
}
.cdtc-bullet-white li::before {
  content: "»";
  /* Unicode for the » character */
  position: absolute;
  /* Position the bullet absolutely within the li */
  left: 0;
  /* Align to the left */
  top: 12px;
  /* Align to the top */
  color: #ffffff;
  /* Adjust the color as needed */
  font-weight: bold;
}
.section-padding {
  padding-bottom: 24px;
}
#g-footer {
  background: linear-gradient(to bottom, #594d3e, #473D31 33%, #3E352B 66%);
}
.jl-accordion-title {
  text-transform: uppercase;
  color: #d3551d;
  font-size: 12px;
}
.jlalert .tm-title {
  font-weight: 700;
}
#referral a.menu__heading::before {
  font-family: "Font Awesome 6 Pro";
  /* Font family for Font Awesome Pro */
  content: "";
  /* Unicode for the "files" icon */
  margin-right: 5px;
  /* Space between the icon and the text */
  color: white;
  /* Icon color */
  font-weight: 300;
  /* Font weight for thin icons in Font Awesome Pro */
  /* Additional styling as needed */
}
#referral a.menu__heading {
  background-color: #d3551d !important;
  /* Sets the background color to a specific shade of orange */
  color: white;
  /* Sets the text color to white */
  font-weight: bold;
  /* Makes the text bold */
  padding: 0 24px;
  /* Sets horizontal padding to 24px */
}
#referral a.menu__heading:hover, #referral a.menu__heading:active {
  background-color: #bd4c1a !important;
  /* Keeps the background color the same on hover and active */
  color: white;
  /* Keeps the text color white on hover and active */
}
#referral .jl-navbar-dropdown-nav > li > a::before {
  font-family: "Font Awesome 6 Pro";
  /* Font family for Font Awesome Pro */
  content: "";
  /* Unicode for the "files" icon */
  margin-right: 5px;
  /* Space between the icon and the text */
  color: #bd4c1a;
  /* Icon color */
  font-weight: 300;
  /* Font weight for thin icons in Font Awesome Pro */
  /* Additional styling as needed */
}
#referral .el-horiz-nav {
  padding: 0 !important;
  margin: 0 !important;
}
.jl-nav-header {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.8) !important;
}
div.contact-link-white a {
  color: #ffffff !important;
}
/* Global meta strip (theme + LD) */
.entry-meta, .post-meta, .posted-on, .byline, .article-info, .meta, .g-entry-meta, .g-post-meta {
  display: none !important;
}
/* LearnDash-specific meta bits */
.learndash-wrapper .ld-entry-meta, .learndash-wrapper .ld-meta, .learndash-wrapper .ld-course-status, .learndash-wrapper .ld-status, .learndash-wrapper .ld-instructor, .learndash-wrapper .ld-course-author {
  display: none !important;
}
/* Strip JL/Nova meta line everywhere */
.jl-article-meta, .jl-article-meta *, .comments-count {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* === CDTC skin for LearnDash Profile (only on /my-profile) === */
.page-my-profile .learndash-wrapper {
  font-family: "Montserrat", sans-serif;
  color: #594d3e;
}
/* Headings */
.page-my-profile .learndash-wrapper .ld-profile-heading, .page-my-profile .learndash-wrapper .ld-section-heading {
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #594d3e;
  margin: 0 0 0.5rem 0;
}
/* Program cards (match jl-card look) */
.page-my-profile .learndash-wrapper .ld-profile-list .ld-profile-list-item {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 32px rgba(10, 10, 10, 0.08);
  padding: 1rem 1.25rem;
  margin: 0.75rem 0;
}
/* Titles inside cards */
.page-my-profile .learndash-wrapper .ld-profile-list .ld-profile-list-item .ld-profile-course-title {
  font-weight: 800;
  color: #594d3e;
}
/* Action buttons → CDTC primary */
.page-my-profile .learndash-wrapper .ld-button, .page-my-profile .learndash-wrapper a.ld-button {
  background: #d3551d !important;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  border-radius: 2px;
  padding: 0.5rem 1rem;
}
.page-my-profile .learndash-wrapper .ld-button:hover, .page-my-profile .learndash-wrapper a.ld-button:hover {
  background: #bd4c1a !important;
  color: #fff !important;
}
/* Links */
.page-my-profile .learndash-wrapper a {
  color: #d3551d;
}
.page-my-profile .learndash-wrapper a:hover {
  color: #bd4c1a;
}
/* Optional trims (uncomment if you want them hidden) */
/*
.page-my-profile .learndash-wrapper .ld-profile-avatar,
.page-my-profile .learndash-wrapper .ld-profile-stats { display:none !important; }
*/
/* My Programs hub (uses LD Profile widget) */
.page-my-programs .learndash-wrapper {
  font-family: "Montserrat", sans-serif;
  color: #594d3e;
}
.page-my-programs .learndash-wrapper .ld-profile-list .ld-profile-list-item {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 32px rgba(10, 10, 10, 0.08);
  padding: 1rem 1.25rem;
  margin: 0.75rem 0;
}
.page-my-programs .learndash-wrapper .ld-button, .page-my-programs .learndash-wrapper a.ld-button {
  background: #d3551d !important;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  border-radius: 2px;
  padding: 0.5rem 1rem;
}
.page-my-programs .learndash-wrapper .ld-button:hover, .page-my-programs .learndash-wrapper a.ld-button:hover {
  background: #bd4c1a !important;
}
body.logged-in .show-logged-out {
  display: none !important;
}
body:not(.logged-in) .show-logged-in {
  display: none !important;
}
/* Optional CDTC look */
.account-actions .acct-link, .jl-toolbar .show-logged-in a, .jl-toolbar .show-logged-out a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #d3551d;
  text-decoration: none;
}
.jl-toolbar a:hover {
  color: #bd4c1a;
}
.ld-notice-cdtc {
  background: #fff3cd;
  border: 1px solid #ffe8a1;
  color: #594d3e;
  padding: 0.75rem 1rem;
  border-radius: 4px;
  margin: 0 0 1rem;
  font-family: "Montserrat", sans-serif;
}
.ld-notice-cdtc .ld-btn {
  color: #d3551d;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  margin-left: 0.35rem;
}
.ld-notice-cdtc .ld-btn:hover {
  color: #bd4c1a;
}
.ld-notice-cdtc button.ld-btn {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  color: #d3551d;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  margin-left: 0.35rem;
}
.ld-notice-cdtc button.ld-btn:hover {
  color: #bd4c1a;
}
/* LD lesson polish */
.learndash-wrapper {
  font-family: "Montserrat", sans-serif;
  color: #594d3e;
}
.learndash-wrapper h1, .learndash-wrapper h2, .learndash-wrapper h3 {
  color: #3b3329;
  letter-spacing: 0.02em;
}
.learndash-wrapper .ld-button, a.ld-button {
  background: #d3551d !important;
  color: #fff !important;
  border: none;
  border-radius: 2px;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  font-weight: 600;
}
.learndash-wrapper .ld-button:hover, a.ld-button:hover {
  background: #bd4c1a !important;
}
/* reduce lesson top/bottom gaps */
.learndash-wrapper .ld-content-actions, .learndash-wrapper .ld-lesson-topic-list {
  margin-top: 0.75rem;
}
/* ==========================================
   CDTC How It Works – Inline SVG Styling
   ========================================== */
.cdtc-steps {
  display: block;
  max-width: 650px;
  /* adjust to fit your layout */
  width: 100%;
  height: auto;
  margin: 0 auto;
  /* center in container */
  aspect-ratio: 1;
  /* keeps SVG square in modern browsers */
}
.cdtc-steps svg {
  width: 100%;
  height: auto;
}
/* Brand color overrides for SVG elements */
.cdtc-steps .st2, .cdtc-steps .st5 {
  fill: #594D3E;
}
/* Brown */
.cdtc-steps .st1, .cdtc-steps .st7 {
  fill: #C1B293;
}
/* Beige */
.cdtc-steps .st0, .cdtc-steps .st4 {
  fill: #D3551D;
}
/* Orange */
.cdtc-steps .st3 {
  fill: #72B840;
}
/* Green */
.cdtc-steps .st6 {
  fill: #606060;
}
/* Gray (certificate detail) */
/* Optional: Hover effect (example) */
.cdtc-steps:hover .st0, .cdtc-steps:hover .st4 {
  fill: #b34416;
}
/* Darker orange on hover */
/* ==========================================
   Emphasis / Italic Styling for Titles
   ========================================== */
/* Titles in italics: heavier weight, neutral color */
em, i {
  font-style: italic;
  font-weight: 600;
  /* slightly heavier for emphasis */
  color: inherit;
  /* normal text color, not red */
}
/* Italic text that’s a link: primary orange + underline */
a em, a i, em a, i a {
  color: #D3551D;
  /* CDTC primary orange */
  text-decoration: none;
  font-weight: 600;
  /* keep consistent with titles */
}
.jl-button-primary {
  position: relative;
  /* ensure pseudo-elements anchor here */
  overflow: hidden;
  /* keep shine contained inside */
  display: inline-block;
  /* make sure box is respected */
  vertical-align: middle;
  /* align nicely with text if inline */
}
.jl-button-primary::before, .jl-button-primary::after {
  pointer-events: none;
  /* keep shine effect non-interactive */
}
.el-title.jl-h3, .ld-accordion__heading {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  color: #594d3e !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  font-size: 1.5rem !important;
  line-height: 1.3 !important;
  margin: 1rem 0 !important;
}
.ld-accordion__item-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #d3551d !important;
  letter-spacing: 0.02em;
}
.ld-accordion__item-title:hover, .ld-accordion__item-title:focus {
  color: #bd4c1a !important;
  text-decoration: none;
}
.ld-accordion__subheading {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  color: #594d3e !important;
  letter-spacing: 0.02em !important;
  font-size: 1.5rem !important;
  line-height: 1.3 !important;
  margin: 1rem 0 !important;
}
.manual-cover, .workbook-cover {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 1rem 0;
  padding: 0.5rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .manual-cover, .workbook-cover {
    width: 325px;
  }
}
.materials-download .jl-button-primary {
  display: inline-block;
  width: 325px;
  max-width: 100%;
  text-align: center;
}
/* set your preferred desktop size here */
@media (min-width: 768px) {
  .manual-cover, .workbook-cover {
    width: 325px;
  }
}
.ld-tab-bar__panel p {
  margin-bottom: 1.5rem;
  line-height: 1.75;
  color: #594d3e;
}
.ld-tab-bar__panel p:last-child {
  margin-bottom: 0;
}
.ld-tab-bar__panel h2.wp-block-heading {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.35rem;
  text-transform: uppercase;
  color: #594d3e;
  letter-spacing: 0.02em;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}
.ld-tab-bar__panel h3.wp-block-heading {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  text-transform: uppercase;
  color: #d3551d;
  letter-spacing: 0.02em;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  line-height: 1.3;
}
.ld-tab-bar__panel h2.wp-block-heading:first-child {
  margin-top: 0;
}
.ld-tab-bar__panel p:has(> strong:only-child) {
  background: #faf7f4;
  border-left: 3px solid #d3551d;
  padding: 1rem 1.25rem;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  border-radius: 0 2px 2px 0;
  font-size: 0.95rem;
  line-height: 1.7;
  color: #594d3e;
}
.ld-tab-bar__panel p:has(> strong:only-child):is(.has-text-align-center) {
  background: none;
  border-left: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 1.5rem;
  border-radius: 0;
  font-size: inherit;
}
.ld-tab-bar__panel .wp-block-embed {
  max-width: 720px;
  width: 100%;
  margin: 2rem auto;
}
.ld-tab-bar__panel .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.ld-tab-bar__panel .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ld-tab-bar__panel ul.wp-block-list, .ld-tab-bar__panel ol.wp-block-list {
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
}
.ld-tab-bar__panel ul.wp-block-list li, .ld-tab-bar__panel ol.wp-block-list li {
  padding: 0.25rem 0;
  line-height: 1.7;
  color: #594d3e;
}
.ld-tab-bar__panel ul.wp-block-list li::marker, .ld-tab-bar__panel ol.wp-block-list li::marker {
  color: #d3551d;
  font-weight: 700;
}
.ld-tab-bar__panel ul.wp-block-list {
  list-style: disc;
}
.ld-tab-bar__panel ol.wp-block-list {
  list-style: decimal;
}
.ld-tab-bar__panel .wp-block-image {
  margin: 2rem auto;
  text-align: center;
}
.ld-tab-bar__panel .wp-block-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 2px;
}
.ld-tab-bar__panel > p:first-of-type:not(:has(> strong:only-child)) {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6b5c4e;
  font-weight: 600;
  margin-bottom: 2rem;
  border-bottom: 1px solid #e8e0d6;
  padding-bottom: 1rem;
}
.ld-tab-bar__panel p.has-text-align-center em, .ld-tab-bar__panel p.has-text-align-center i {
  font-weight: 400;
  font-style: italic;
  color: #6b5c4e;
}
.ld-tab-bar__panel p.lesson-prompt {
  color: #594d3e;
  font-style: italic;
  border-left: 2px solid #c1b293;
  padding-left: 1rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  line-height: 1.75;
}
.ld-tab-bar__panel p.lesson-section-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6b5c4e;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .ld-tab-bar__panel h2.wp-block-heading {
    font-size: 1.15rem;
  }
  .ld-tab-bar__panel h3.wp-block-heading {
    font-size: 1rem;
  }
  .ld-tab-bar__panel p:has(> strong:only-child) {
    padding: 0.875rem 1rem;
    font-size: 0.9rem;
  }
  .ld-tab-bar__panel .wp-block-embed {
    margin: 1.5rem auto;
  }
  .ld-tab-bar__panel .wp-block-image {
    margin: 1.5rem auto;
  }
}
p:has(> strong:only-child):is(.has-text-align-center) {
  background: none;
  border-left: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 1.5rem;
  border-radius: 0;
  font-size: inherit;
}
.learndash-wrapper .ld-navigation__progress-mark-complete-button {
  background-color: #d3551d !important;
  color: #ffffff !important;
  border-color: #d3551d !important;
}
.learndash-wrapper .ld-navigation__progress-mark-complete-button:hover, .learndash-wrapper .ld-navigation__progress-mark-complete-button:focus, .learndash-wrapper .ld-navigation__progress-mark-complete-button:focus-visible {
  background-color: #bd4c1a !important;
  border-color: #bd4c1a !important;
  color: #ffffff !important;
  outline-color: #bd4c1a !important;
}
.learndash-wrapper .ld-navigation__next-link:hover, .learndash-wrapper .ld-navigation__next-link:focus, .learndash-wrapper .ld-navigation__next-link:focus-visible, .learndash-wrapper .ld-navigation__previous-link:hover, .learndash-wrapper .ld-navigation__previous-link:focus, .learndash-wrapper .ld-navigation__previous-link:focus-visible, .learndash-wrapper .ld-navigation__back-to-course-link:hover, .learndash-wrapper .ld-navigation__back-to-course-link:focus, .learndash-wrapper .ld-navigation__back-to-course-link:focus-visible {
  background-color: transparent !important;
  border-color: #d3551d !important;
  color: #d3551d !important;
  outline-color: #d3551d !important;
}
.learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css), .learndash-wrapper .ld-expand-button:not([disabled]), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not([disabled]):not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:not([disabled]), .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type="submit"]:not([disabled]) {
  color: #ffffff !important;
}
.learndash-wrapper {
  --ld-color-brand-primary: #81d742;
  --ld-color-primitives-blue-500: #81d742;
}
.ld-navigation--top {
  margin-top: 0;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e8e0d6;
}
.ld-tab-bar__panel {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.ld-enrollment__join-button, a.ld-enrollment__join-button, .btn-join, a.btn-join {
  background-color: #d3551d !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 0.75rem 1.5rem !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-family: "Montserrat", sans-serif !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
}
.ld-enrollment__join-button:hover, a.ld-enrollment__join-button:hover, .btn-join:hover, a.btn-join:hover {
  background-color: #bd4c1a !important;
  color: #ffffff !important;
}
.ld-enrollment__login-link, button.ld-enrollment__login-link {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #d3551d !important;
  text-decoration: none !important;
  cursor: pointer !important;
  letter-spacing: 0.02em !important;
}
.ld-enrollment__login-link:hover, button.ld-enrollment__login-link:hover {
  color: #bd4c1a !important;
  text-decoration: none !important;
}
/* =============================================================================
   JoomLead Utility Classes Patch — Ported from Joomla Nova to WP Nova
   ============================================================================= */
/* Typography Contrast Fix */
.jl-text-contrast {
  color: #ffffff !important;
}
/* Heading Helpers */
.jl-heading-divider {
  border-bottom: 2px solid currentColor;
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
}
.jl-heading-large {
  font-size: 2.25rem;
  font-weight: 700;
}
.jl-heading-medium {
  font-size: 1.5rem;
  font-weight: 600;
}
.jl-heading-small {
  font-size: 1rem;
  font-weight: 500;
}
/* JL Card Blocks */
.jl-card {
  background: #ffffff;
  border-radius: 4px;
  padding: 1.5rem;
  box-shadow: 0 0 32px rgba(10, 10, 10, 0.08);
}
.jl-card-body {
  padding: 1.5rem;
}
.jl-card-title {
  font-weight: 700;
  font-size: 1.25rem;
  color: #594d3e;
}
/* Flex Grid Helpers */
.jl-flex {
  display: flex;
}
.jl-flex-column {
  flex-direction: column;
}
.jl-flex-row {
  flex-direction: row;
}
.jl-flex-center {
  justify-content: center;
  align-items: center;
}
.jl-flex-left\@m {
  justify-content: flex-start;
}
.jl-flex-right\@m {
  justify-content: flex-end;
}
/* JL Margin Helpers */
.jl-margin-top {
  margin-top: 1.5rem;
}
.jl-margin-bottom {
  margin-bottom: 1.5rem;
}
.jl-margin-remove-first-child > *:first-child {
  margin-top: 0 !important;
}
.jl-margin-remove-bottom {
  margin-bottom: 0 !important;
}
/* JL Panel
 .jl-panel {
   padding: 1.5rem;
   background: #f4f4f4;
   border-radius: 4px;
 }*/
/* JL Button */
.jl-button-primary {
  background-color: #d3551d;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.5rem 1.5rem;
  border: none;
  border-radius: 2px;
}
.jl-button-primary:hover {
  background-color: #bd4c1a;
  color: #ffffff;
}
/* JL List Bullet Style */
.cdtc-bullet-list {
  list-style: none;
  padding-left: 0;
}
.cdtc-bullet-list li {
  position: relative;
  padding-left: 20px;
  font-weight: bold;
}
.cdtc-bullet-list li::before {
  content: "»";
  position: absolute;
  left: 0;
  top: 0.5rem;
  color: #595959;
  font-weight: bold;
}
/* JL Dropcap */
.jl-dropcap::first-letter, .jl-dropcap > p:first-of-type::first-letter {
  font-weight: 800;
  float: left;
  font-size: 4.8em;
  line-height: 1;
  margin-bottom: -6px;
  margin-right: 6px;
  display: block;
}
/* JL Grid Patch */
.jl-grid-match > * {
  display: flex;
  flex-direction: column;
}
.tm-item.tm-link a.tm-link {
  color: #ffffff !important;
}
/*# sourceMappingURL=custom_speaking_up_program.css.map */