/* Section colors are deliberately scoped to category ancestry body classes. */
:root {
	--indra-fields-tint: #eef4ff;
	--indra-fields-accent: #315bea;
	--indra-skills-tint: #f4f1ff;
	--indra-skills-accent: #6749c7;
}

body.indra-section-ngo-fields {
	--indra-section-tint: var(--indra-fields-tint);
	--indra-section-accent: var(--indra-fields-accent);
}

body.indra-section-ngo-skills {
	--indra-section-tint: var(--indra-skills-tint);
	--indra-section-accent: var(--indra-skills-accent);
}

body[class*="indra-section-ngo-"] .entry-hero-container-inner {
	background: var(--indra-section-tint);
}

/* Archive-specific title and page backgrounds requested by the site owner. */
body.archive.indra-section-ngo-fields .entry-hero-container-inner {
	background: #315bea;
}

body.archive.indra-section-ngo-fields .post-archive-title,
body.archive.indra-section-ngo-fields .post-archive-title .archive-title,
body.archive.indra-section-ngo-fields .post-archive-title .archive-description {
	color: #fff;
}

body.archive.indra-section-ngo-fields #inner-wrap {
	background: #eef4ff;
}

body.archive.indra-section-ngo-skills .entry-hero-container-inner {
	background: #6749c7;
}

body.archive.indra-section-ngo-skills .post-archive-title,
body.archive.indra-section-ngo-skills .post-archive-title .archive-title,
body.archive.indra-section-ngo-skills .post-archive-title .archive-description {
	color: #fff;
}

body.archive.indra-section-ngo-skills #inner-wrap {
	background: #f4f1ff;
}

body[class*="indra-section-ngo-"] .site-main .loop-entry {
	border-top: 3px solid var(--indra-section-accent);
}

body.single-post[class*="indra-section-ngo-"] .single-entry .entry-header {
	margin-bottom: 2rem;
	padding: clamp(1rem, 2.5vw, 1.75rem);
	background: var(--indra-section-tint);
	border-left: 4px solid var(--indra-section-accent);
	border-radius: 4px;
}

body[class*="indra-section-ngo-"] .entry-taxonomies a,
body[class*="indra-section-ngo-"] .entry-title a:hover,
body[class*="indra-section-ngo-"] .entry-title a:focus {
	color: var(--indra-section-accent);
}

@media (max-width: 767px) {
	body.single-post[class*="indra-section-ngo-"] .single-entry .entry-header {
		padding: 1rem;
	}
}