/* 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,
.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); }