/* ── Single blog post — page-specific styles ───────────────────────── Kadence (parent theme) renders the actual single-post markup — there's no single.php/content-single.php override in this child theme, so these rules target Kadence's own real class names (confirmed by inspecting the live rendered HTML): .entry-taxonomies/.category-links (category badge), .entry-title (h1), .entry-meta/.posted-by/.posted-on (byline), .entry-content (post body), .entry-content-wrap (the white content box), .primary-sidebar .widget (sidebar boxes). Scoped to .single-entry throughout so nothing here touches the "Similar Lessons" related-post cards, which use Kadence's separate .loop-entry class. ──────────────────────────────────────────────────────────────────── */ body.single-post { background: #ECF7FF; } /* ── Category badge + breadcrumb (see single-post.js for the "› Post Title" portion appended after the category link). .entry-taxonomies is a block-level div inside the white content box, so it defaults to full container width — shrink it to fit its own text so the background reads as a small tag rather than a full-width bar. ──────────────────────── */ .single-entry .entry-taxonomies { display: inline-block; width: fit-content; background: #ECF7FF; padding: 4px 10px; border-radius: 4px; } .single-entry .entry-taxonomies, .single-entry .entry-taxonomies .category-links a, .single-entry .entry-taxonomies .entry-crumb-sep, .single-entry .entry-taxonomies .entry-crumb-title { font-family: 'SFProText', -apple-system, sans-serif; font-size: 10.5px; font-weight: 700; color: #1A4C8B; } .single-entry .entry-taxonomies .category-links a { text-decoration: none; } .single-entry .entry-taxonomies .entry-crumb-sep { display: inline-block; margin: 0 6px; } /* ── Post title ───────────────────────────────────────────────────── */ .single-entry .entry-title { font-size: 32px; font-weight: 700; color: #0C1D3D; } /* ── Byline: "By Carla • September 14, 2024" ─────────────────────────── */ .single-entry .entry-meta, .single-entry .entry-meta .meta-label, .single-entry .entry-meta .author, .single-entry .entry-meta .author a, .single-entry .entry-meta .posted-on, .single-entry .entry-meta time { font-family: 'SFProText', -apple-system, sans-serif; font-size: 14px; font-weight: 400; color: #939597; } /* ── Post content ─────────────────────────────────────────────────── */ .single-entry .entry-content { font-family: 'SFProText', -apple-system, sans-serif; font-size: 17px; font-weight: 400; color: #6D6969; } /* ── "Boxes" — main content card + sidebar widget cards, all #FFF with 24px padding ───────────────────────────────────────────────────── */ .single-entry.content-bg, .single-entry .entry-content-wrap { background: #FFFFFF; } .single-entry .entry-content-wrap { padding: 24px; } /* Sidebar boxes: this sidebar is built from separate WordPress block widgets — "Find Us On" (heading) and its social icons are two distinct

widgets, same for "Share On" + share icons and "Latest Content" + the post list. Faking a merged look with matching background + zero margin across those sibling

s wasn't reliable (any border/box-shadow Kadence puts on .widget itself still reads as two boxes) — so single-post.js physically wraps each multi-widget section in one new .pwc-widget-group container and moves the widgets inside it. The box lives on that wrapper; every individual .widget inside it is stripped down to plain content. A self-contained widget (e.g. Subscribe to Podcast, already one heading + content in a single widget) is left alone, tagged .pwc-group-solo, and draws its own box directly. !important throughout: Kadence prints its own core CSS as an inline