instead so blog cards do
not inject stray headings into the page's SEO heading outline.
============================================================ */
/* Date badge: single line "18 Mar" in a compact white pill. Selectors match the
theme's own specificity (.th-blog.has-post-thumbnail .blog-date + the label class)
so these win over its taller stacked day/month styling. */
.th-blog.has-post-thumbnail .blog-date {
padding: 5px 12px;
text-align: center;
width: max-content; /* size to "18 Mar" (the theme sized it for a stacked day/month) */
max-width: none; /* lift the theme's .blog-single .blog-date max-width:60px cap */
}
.th-blog.has-post-thumbnail .blog-date .blog-date__label {
display: block;
color: var(--black-color);
font-size: 15px;
line-height: 1.2;
font-weight: 700;
white-space: nowrap;
}
/* Featured image fills its container width. The migrated source images are
narrower than the card, so without this they leave an empty gap on the right. */
.th-blog .blog-img { line-height: 0; }
.th-blog .blog-img img { width: 100%; height: auto; display: block; }
/* Blog card titles/content are left-aligned (the theme centers card titles). */
.th-blog-wrapper .blog-title,
.th-blog-wrapper .blog-content { text-align: left; }
/* Category chips: room inside the pill. `.blog-meta a.border1` matches the theme's
`.blog-meta a:last-child` specificity (0,2,1) and, coming later, restores the right
padding the theme strips from the last chip. Flex gap spaces the chips apart. */
.th-blog-wrapper .blog-meta { gap: 8px 10px; }
.blog-meta a.border1 { padding: 4px 14px; line-height: 1.5; margin-right: 0; }
/* Sidebar widget titles are / (not
) on blog + content pages;
keep the heading look without the heading tag. */
.sidebar-area .widget .widget_title { display: block; }
/* Single-post hero meta line: author / date / read time under the title. */
.breadcumb-meta {
margin-top: 12px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px 24px;
color: #fff;
font-weight: 500;
}
.breadcumb-meta span { display: inline-flex; align-items: center; }
.breadcumb-meta i { margin-right: 8px; color: #fff; opacity: .85; }
/* Migrated post body spacing. */
.blog-post-body p { margin-bottom: 1.2em; }
.blog-post-body ol,
.blog-post-body ul { margin: 0 0 1.4em 1.25em; }
.blog-post-body li { margin-bottom: .5em; }
.blog-post-body a { color: var(--theme-color); word-break: break-word; }