/* One breadcrumb + one heading font on single content pages (Thump, 16 Oct 2026; Joel approved Mockups/temp-live/headers.html).
   Live look: Roboto for the breadcrumb, Oswald for page titles (2024 brand CI). Rollback: option smesa_crumbs = off. */

/* ---- the breadcrumb: one line, ancestors only, grey links, maroon on hover ---- */
body.smesa-crumbs-on .smesa-crumbs {
	display: flex !important; align-items: center; flex-wrap: nowrap; gap: 0; min-width: 0; max-width: 100%;
	margin: 0 !important; padding: 0 !important; min-height: 44px; overflow: hidden; white-space: nowrap;
	font: 500 13px/1 Roboto, system-ui, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: #5B6775;
}
body.smesa-crumbs-on .smesa-crumbs a {
	color: #5B6775 !important; text-decoration: none !important; display: inline-flex !important; align-items: center; min-height: 44px;
	font: inherit !important; line-height: 44px !important; flex: 0 0 auto !important; width: auto !important; max-width: none; margin: 0 !important; padding: 0 !important;
}
body.smesa-crumbs-on .smesa-crumbs a:last-of-type { flex: 0 1 auto !important; min-width: 0; display: inline-block !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.smesa-crumbs-on .smesa-crumbs a:hover, body.smesa-crumbs-on .smesa-crumbs a:focus-visible { color: #9C1C1F !important; text-decoration: underline !important; }
body.smesa-crumbs-on .smesa-crumbs a:focus-visible { outline: 2px solid #9C1C1F; outline-offset: 2px; border-radius: 2px; }
body.smesa-crumbs-on .smesa-crumbs .sep { color: #A3ADB7; padding: 0 8px; flex: 0 0 auto; line-height: 44px; }
/* the widget boxes that used to hold the old breadcrumbs: no extra spacing of their own */
body.smesa-crumbs-on .elementor-widget:has(> .elementor-widget-container > .smesa-crumbs), body.smesa-crumbs-on .elementor-widget:has(> .smesa-crumbs) { margin: 0 !important; width: 100%; max-width: 100%; }
body.smesa-crumbs-on .elementor-widget-container:has(> .smesa-crumbs) { padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; }

/* phones: the old icon-list strip sits in a box with a 10px gutter, the title in one with 16px: line them up */
@media (max-width: 767px) { body.smesa-crumbs-on .elementor-widget-icon-list > .smesa-crumbs, body.smesa-crumbs-on .elementor-widget-icon-list .elementor-widget-container > .smesa-crumbs { padding-left: 6px !important; } }

/* funding options: the row printed above the hero, on the page's left edge */
body.smesa-crumbs-on .smesa-crumbs-row { max-width: 1232px; margin: 0 auto; padding: 8px 16px 0; box-sizing: border-box; }

/* podcast episode: the hero and body used a narrower box (1152px); now the site's 1200px edge so the breadcrumb lines up with every other page */
body.smesa-crumbs-on.single-podcast .smepod .max-w-6xl { max-width: 1232px !important; padding-left: 16px !important; padding-right: 16px !important; }
body.smesa-crumbs-on.single-podcast .smepod-ep-hero .smesa-crumbs { margin-bottom: 20px !important; }
/* speaker: keep the spacing the old crumb had */
body.smesa-crumbs-on .spk .smesa-crumbs { margin-bottom: 12px !important; }

/* ---- page titles: Oswald everywhere (2024 brand CI) ---- */
body.smesa-crumbs-on h1,
body.smesa-crumbs-on h1.elementor-heading-title,
body.smesa-crumbs-on .elementor-widget-theme-post-title .elementor-heading-title {
	font-family: Oswald, "Roboto Condensed", Arial Narrow, sans-serif !important; font-weight: 700 !important;
	letter-spacing: .005em !important; text-transform: none !important;
}
/* text-led pages: one size (the byline pages share this title widget) */
body.smesa-crumbs-on .elementor-widget-theme-post-title:not(.jet-listing-grid__item *):not(.jet-popup *) .elementor-heading-title,
body.smesa-crumbs-on.smesa-ho .elementor-widget-theme-post-title:not(.jet-listing-grid__item *):not(.jet-popup *) .elementor-heading-title { font-size: 30px !important; line-height: 1.15 !important; }
@media (min-width: 768px) {
	body.smesa-crumbs-on .elementor-widget-theme-post-title:not(.jet-listing-grid__item *):not(.jet-popup *) .elementor-heading-title,
body.smesa-crumbs-on.smesa-ho .elementor-widget-theme-post-title:not(.jet-listing-grid__item *):not(.jet-popup *) .elementor-heading-title { font-size: 42px !important; line-height: 1.12 !important; }
}