/* Automatic post-type pages (series, message, event, group, staff, searches, lists, 404).
   They follow each site's Branding globals. Every rule is scoped to body.cc-auto-page.
   Override the tokens below (or use body.cc-auto-page selectors) in a site's css/screen.css.
   See CUSTOM-TEMPLATE.md M (3.3.6). */
body.cc-auto-page {
	--cc-auto-band-bg: color-mix(in srgb, var(--color-body, #333) 5%, var(--color-content-bg, #fff));
	--cc-auto-line: color-mix(in srgb, var(--color-body, #333) 18%, transparent);
	--cc-auto-field-bg: var(--color-white, #fff);
	--cc-auto-muted: color-mix(in srgb, var(--color-body, #333) 62%, transparent);
	--cc-auto-gap: 40px;
}
@media (max-width: 767px) {
	body.cc-auto-page { --cc-auto-gap: 24px; }
}

/* Type: Branding fonts instead of the fixed proxima class */
body.cc-auto-page .proxima { font-family: var(--font-body) !important; }
body.cc-auto-page .small-titles.proxima { font-family: var(--font-small-titles) !important; }
body.cc-auto-page .input-page-search { font-family: var(--font-body) !important; color: var(--color-body); }
body.cc-auto-page .cc-auto-count,
body.cc-auto-page .cc-auto-meta { font-family: var(--font-body) !important; color: var(--color-body); }
body.cc-auto-page .grey.cc-auto-meta,
body.cc-auto-page .proxima.grey { color: var(--cc-auto-muted) !important; }

/* Related-items band (was the fixed gray) */
body.cc-auto-page .cc-auto-band,
body.cc-auto-page .bg-grey { background: var(--cc-auto-band-bg) !important; }

/* Search box */
body.cc-auto-page .search-wrap {
	background: var(--cc-auto-field-bg);
	border-color: var(--cc-auto-line);
	scroll-margin-top: calc(var(--cc-hdr-stick, 0px) + 24px);
}

/* Clear the header on pages that open without a hero */
body.cc-auto-nohero .cc-auto-search.marg-t-40-neg,
body.cc-auto-nohero .search-wrap.marg-t-40-neg { margin-top: var(--cc-auto-gap) !important; }
html.cc-hdr-measured body.cc-auto-nohero .content { padding-top: var(--cc-hdr-overlap, 0px) !important; margin-top: 0 !important; }

/* Featured video band sits fully below the header */
body.cc-auto-page .cc-auto-feature { padding-top: var(--cc-auto-gap) !important; }

/* Card links */
.cc-auto-card-link { color: inherit; text-decoration: none; }
.cc-auto-card-link:hover { text-decoration-line: var(--cc-link-hover-line, none); text-underline-offset: .15em; }
.cc-auto-card-link:focus-visible { text-decoration: underline; text-underline-offset: .15em; }

/* Images (inside .responsive-container theme-screen.css positions and covers them) */
.cc-auto-img { display: block; width: 100%; height: auto; }
.responsive-container .cc-auto-img { display: inline; height: 100%; }
.cc-auto-series-img { border-radius: var(--img-radius, 0); }

/* Anchors and filters never land under a fixed or sticky header */
body.cc-auto-page :target,
body.cc-auto-page [id].cc-auto-band,
body.cc-auto-page form,
body.cc-auto-page .cc-auto-count { scroll-margin-top: calc(var(--cc-hdr-stick, 0px) + 24px); }

/* Blog (3.3.8): posts page, single post, category, tag, author, date and other archives.
   Scoped to body.cc-auto-blog (classes added by inc/auto-pages.php). Markup keeps the old classes. */
body.cc-auto-blog .article-row h2 a,
body.cc-auto-blog .article-row h3 a { color: var(--color-headings); }
body.cc-auto-blog .article-row h3 { font-family: var(--font-small-titles); }
body.cc-auto-blog .searchform #s,
body.cc-auto-blog .searchform label { font-family: var(--font-body) !important; }
body.cc-auto-blog .searchform #s { color: var(--color-body); background-color: var(--cc-auto-field-bg) !important; border: 1px solid var(--cc-auto-line); }
body.cc-auto-blog .searchform label { color: var(--cc-auto-muted); }
body.cc-auto-blog .widget-wrap ul li { border-bottom-color: var(--cc-auto-line); }
body.cc-auto-blog .tags-wrap a:hover,
body.cc-auto-blog .widget-wrap .tags a:hover { color: var(--color-content-bg, #fff) !important; background: var(--color-main); border-color: var(--color-main); }
body.cc-auto-blog hr.blog-cta-divider { color: var(--color-main); background: var(--color-main); border: 0; height: 2px; }
body.cc-auto-blog .cc-blog-search,
body.cc-auto-blog .sidebar form { scroll-margin-top: calc(var(--cc-hdr-stick, 0px) + 24px); }
/* js/cc-header-offset.js sets --cc-hdr-push only when a header covers the title; the photo box grows to cover it */
body.cc-auto-blog .cc-blog-hero { padding-top: var(--cc-hdr-push, 0px); }