/* ===== Voice Over Herald, 2026 look ("Studio"): dark masthead, warm paper, magazine serif with a drop cap.
   CSS only; markup, URLs and headings untouched. Chosen by the owner 21 Sep 2026. Enqueued from functions.php after style.css. ===== */
:root{ --n:#0B1B33; --n2:#081426; --ink:#1A1F26; --body:#2E3640; --mute:#6E7682; --blue:#0087F4; --sky:#24C7F5; --amber:#B8860B; --paper:#FBF8F3; --card:#FFFFFF; --rule:#E6E0D6; --tint:#F3EEE4; }
body, button, input, select, textarea { font-family: "Literata", Georgia, "Times New Roman", serif; color: var(--body); }
body { background: var(--paper); font-size: 17px; line-height: 1.65; padding-top: 0; }
#page { max-width: 1200px; box-shadow: none; }
h1,h2,h3,h4,h5,h6 { font-family: "Fraunces", Georgia, serif; font-weight: 700; color: var(--n); letter-spacing: -0.015em; font-variation-settings: "opsz" 60, "SOFT" 40; }


/* the theme has a bare p { font: 15px Open Sans } rule; paragraphs must inherit the article type */
.single .entry-content p { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }
.single .entry-content li { font-family: inherit; font-size: inherit; line-height: 1.6; }
#secondary .widget p, #secondary .widget li { font-family: inherit; }

/* masthead: navy, light logo, blue hairline */
#masthead .news-bar { background: var(--n2); border-bottom: 1px solid rgba(255,255,255,.08); }
#masthead .news-bar, #masthead .news-bar a, #masthead .date-in-header, #new-site-navigation ul li a { color: #C9D3DE !important; font-family: "Inter", system-ui, sans-serif; font-size: 13px; }
#new-site-navigation ul li a:hover { color: #FFFFFF !important; }
#header-text-nav-container, #header-text-nav-wrap, #masthead .inner-wrap { background: var(--n); }
#masthead { background: var(--n); }
#site-navigation { background: var(--n); border-top: 1px solid rgba(255,255,255,.1); border-bottom: 3px solid var(--blue); }
#site-navigation .menu-primary-container > ul > li > a, .menu-toggle { font-family: "Inter", system-ui, sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #fff !important; }
#site-navigation ul li:hover > a, .home-icon.front_page_on, #site-navigation .home-icon { background: var(--blue) !important; }

/* article */
#content .post { background: var(--card); border: 1px solid var(--rule); }
.single .featured-image img { border-radius: 2px; }
#content .post .article-content .above-entry-meta .cat-links a { background: none !important; color: var(--amber); font-family: "Inter", system-ui, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; padding: 0; margin-right: 14px; }
.single .entry-title, .single h1.entry-title { font-size: 48px; line-height: 1.08; padding: 6px 0 16px; text-wrap: balance; font-weight: 700; }
#content .post .article-content .below-entry-meta, #content .post .article-content .below-entry-meta a { font-family: "Inter", system-ui, sans-serif; font-size: 13px; color: var(--mute); }
#content .post .article-content .below-entry-meta { border-top: 1px solid var(--rule); padding-top: 12px; margin: 4px 0 28px; }
#content .post .article-content .below-entry-meta .fa { color: var(--amber); }
.single .entry-content { font-size: 19.5px; line-height: 1.75; color: var(--body); }
.single .entry-content p { margin-bottom: 1.25em; max-width: 66ch; }
#content .post .entry-content > p:first-of-type::first-letter { font-family: "Fraunces", Georgia, serif; font-weight: 700; font-size: 4.6em; line-height: .8; float: left; margin: .1em .14em 0 0; color: var(--n); }
.single .entry-content h2 { font-size: 32px; line-height: 1.2; margin-top: 1.5em; padding-bottom: 10px; }
.single .entry-content h3 { font-size: 25px; line-height: 1.25; margin-top: 1.3em; padding-bottom: 8px; }
.single .entry-content a { color: var(--blue); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.single .entry-content a:hover { color: var(--n); }
.single .entry-content strong { color: var(--ink); }
.single .entry-content ul, .single .entry-content ol { margin: 0 0 1.4em 1.3em; }
.single .entry-content li { margin-bottom: .5em; }
.single .entry-content blockquote { background: var(--tint); color: var(--n); border: 0; border-left: 5px solid var(--amber); margin: 1.6em 0; padding: 18px 24px; font-family: "Fraunces", Georgia, serif; font-style: italic; font-weight: 500; font-size: 24px; line-height: 1.45; }
.single .entry-content blockquote::before, .single .entry-content blockquote::after { display: none; content: none; }
.single .entry-content blockquote p { color: inherit; font-size: inherit; margin: 0 0 .6em; }
.single .entry-content img { border-radius: 2px; }
.single .entry-content .wp-caption-text, .single .entry-content figcaption { font-family: "Inter", system-ui, sans-serif; font-size: 13px; color: var(--mute); }
.single .entry-content .voh-lang em { font-family: "Inter", system-ui, sans-serif; font-style: normal; font-size: 14px; color: var(--mute); }

/* sidebar + related */
#secondary .widget { background: var(--card); border: 1px solid var(--rule); padding: 14px; }
#secondary .widget_text, #secondary .widget_search { padding: 0; border: 0; background: none; } /* 300px ad units and the search box sit flush */
#secondary .widget_text, #secondary .widget_search { padding: 0; border: 0; background: none; } /* 300px ad units and the search box sit flush */
#secondary .widget_text, #secondary .widget_search { padding: 0; border: 0; background: none; } /* 300px ad units and the search box sit flush */
#secondary .widget-title, .single .related-posts-wrapper h4 { font-family: "Inter", system-ui, sans-serif; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: var(--n); border-bottom: 2px solid var(--amber) !important; padding-bottom: 8px; margin-bottom: 16px; }
#secondary .widget-title span, .single .related-posts-wrapper h4 span { background: none !important; color: var(--n) !important; padding: 0; }
#secondary .widget_featured_posts .article-content .entry-title, .related-posts .entry-title { font-family: "Fraunces", Georgia, serif; font-size: 18px; line-height: 1.3; font-weight: 600; }
#secondary .widget_featured_posts .article-content .entry-title a { color: var(--n); }
#secondary .widget_featured_posts .article-content .above-entry-meta .cat-links a { background: none !important; color: var(--amber); font-family: "Inter", system-ui, sans-serif; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; padding: 0; }
#secondary .widget_featured_posts .article-content .below-entry-meta, #secondary .widget_featured_posts .article-content .below-entry-meta a { font-family: "Inter", system-ui, sans-serif; font-size: 12px; color: var(--mute); }

/* small sidebar posts: thumbnail 96px so titles get a real column; no clearing under the image */
#secondary .widget_featured_posts .following-post figure { width: 96px; margin-right: 12px; }
#secondary .widget_featured_posts .following-post figure img { width: 96px; height: auto; }
#secondary .widget_featured_posts .following-post .article-content { overflow: hidden; }
#secondary .widget_featured_posts .following-post .article-content .entry-title { font-size: 15px; line-height: 1.35; }

@media screen and (max-width: 768px) {
	.single .entry-title, .single h1.entry-title { font-size: 33px; line-height: 1.1; }
	.single .entry-content { font-size: 18.5px; line-height: 1.7; }
	#content .post .entry-content > p:first-of-type::first-letter { font-size: 3.8em; }
	.single .entry-content h2 { font-size: 26px; }
	.single .entry-content h3 { font-size: 22px; }
	.single .entry-content blockquote { font-size: 20px; padding: 14px 18px; }
}

/* ===== site-wide: home, category, search and page templates ===== */
.widget-title, .related-posts-wrapper h4 { font-family: "Inter", system-ui, sans-serif; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: var(--n); border-bottom: 2px solid var(--amber) !important; padding-bottom: 8px; margin-bottom: 16px; }
.widget-title span, .related-posts-wrapper h4 span { background: none !important; color: var(--n) !important; padding: 0; }
.widget_featured_posts .article-content .entry-title, .widget_featured_slider .slide-content .entry-title, .archive .entry-title, .search .entry-title, .page .entry-title, .error-404 .page-title { font-family: "Fraunces", Georgia, serif; font-weight: 600; letter-spacing: -0.01em; }
.widget_featured_posts .article-content .entry-title a, .archive .entry-title a, .search .entry-title a { color: var(--n); }
.widget_featured_posts .article-content .entry-title a:hover, .archive .entry-title a:hover, .search .entry-title a:hover { color: var(--blue); }
.widget_featured_posts .article-content .entry-content p, .archive #content .post p, .search #content .post p, .home #content .post p { font-family: inherit; font-size: 16px; line-height: 1.6; color: var(--body); }
.widget_featured_posts .article-content .below-entry-meta, .widget_featured_posts .article-content .below-entry-meta a, .archive .below-entry-meta, .archive .below-entry-meta a { font-family: "Inter", system-ui, sans-serif; color: var(--mute); }
#content .post, .widget_featured_posts .first-post, .archive .post { background: var(--card); }
.page .entry-content, .archive .entry-content { font-size: 18px; line-height: 1.7; }
.page .entry-content p { font-family: inherit; font-size: inherit; line-height: inherit; }
.page .entry-content h2 { font-size: 30px; } .page .entry-content h3 { font-size: 24px; }
#secondary .widget, .widget_featured_posts .first-post .single-article { border-radius: 2px; }
.tg-one-half.tg-after-two-blocks-clearfix { }
input[type="submit"], button.search-icon { font-family: "Inter", system-ui, sans-serif; }

/* footer keeps its own look (the site-wide widget-title rule above must not reach it) */
#colophon, #colophon p, #colophon a, #colophon li { font-family: "Inter", system-ui, sans-serif; }
#colophon .widget-title, #colophon .widget-title span { color: #FFFFFF !important; border-bottom: 0 !important; padding: 0 0 10px; margin: 0 0 14px; }
#colophon .footer-widgets-area .widget-title::after { background: var(--blue); }