/*
 * One type and colour system for the theme's own sections (RP_LAYOUT_PUBLISH_TYPE, body.rp-type).
 * The pages rebuilt by this plugin (Meet Us, Videos, Programs, Services, Contact, Registration, the Home reviews
 * block) already follow it; their more specific rules win over these.
 *
 * What the theme did, and what this does instead:
 * - p, a, ul: font-family "Source Sans Pro bold" with no fallback, bold, 25px. The family is a 129KB OTF loaded without
 *   font-display, so text shows in Times (or not at all) until it arrives, and every paragraph is bold.
 *   Now: Source Sans Pro (already loaded, weights 400 to 700), normal weight, 18px, line height 1.6.
 * - .content-wrapper: every section in a saturated green panel (#43b086, 50px radius) with white or blue (#0099D2)
 *   headings on it: white 2.69:1, blue 1.4:1. Now: a calm mint panel (#eff9ec) with dark headings (12.6:1).
 * - Headings: Roboto Slab throughout, in the site's ink colour, no text shadows.
 * - FAQ rows (accordion buttons) were Arial, 12 to 20px, grey plus signs: now the body face, 17px, dark signs.
 */

body.rp-type {
	--rp-panel: #eff9ec;
	--rp-muted: #4a5a52;
}

/* ---------- Body text ---------- */
.rp-type main p,
.rp-type main li,
.rp-type main ul,
.rp-type footer p,
.rp-type .accordion-panel p,
.rp-type .section-content,
.rp-type .content-text {
	font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
}

.rp-type main p,
.rp-type main li {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
}

.rp-type main p strong,
.rp-type main li strong,
.rp-type main p b {
	font-weight: 700;
}

/* The page itself has no font set (the browser default, Times, shows wherever the theme forgot one: the footer's
   phone, address and email links and Privacy Policy). */
body.rp-type {
	font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
}

.rp-type main p a,
.rp-type main li a {
	font-family: inherit;
}

.rp-type #colophon,
.rp-type #colophon a,
.rp-type #colophon p,
.rp-type #colophon #menu-main-menu-2 li a {
	font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
}

/* The theme's clamp() sizes run to 25px for body copy; one size instead. */
.rp-type main .content-text p,
.rp-type main .content-text ul,
.rp-type main .section-content p,
.rp-type main p.section-content,
.rp-type main .accordion-panel p,
.rp-type main .accordion-sub-text p {
	font-size: 18px;
}

@media (max-width: 699px) {
	.rp-type main p,
	.rp-type main li,
	.rp-type main .content-text p,
	.rp-type main .section-content p,
	.rp-type main p.section-content,
	.rp-type main .accordion-panel p {
		font-size: 17px;
	}
}

/* ---------- Headings ---------- */
.rp-type main h2,
.rp-type main h3,
.rp-type main h4 {
	font-family: "Roboto Slab", Georgia, serif;
	text-shadow: none;
}

.rp-type main h2.section-heading,
.rp-type main h2.acc-heading,
.rp-type main .content-text h2,
.rp-type main h2.gform_title {
	color: var(--rp-ink);
	font-size: clamp(28px, 1.2vw + 18px, 38px);
	line-height: 1.2;
}

/* The theme's white heading rule for animated sections (on green): dark on the calm panel. */
.rp-type main h2.section-heading.aos-init.aos-animate {
	color: var(--rp-ink);
}

/* ---------- The panel ---------- */
.rp-type main .content-wrapper {
	background-color: var(--rp-panel);
	border-radius: 28px;
	color: var(--rp-ink);
}

.rp-type main .content-wrapper p,
.rp-type main .content-wrapper li {
	color: var(--rp-ink);
}

/* Single-column bands (Home "Ready To Learn More?", Thank You) sit on a photo or on blue: the panel stays mint, the
   text dark, no shadow. */
.rp-type main section.single-col-section .content-text h2,
.rp-type main section.single-col-section .content-text p {
	color: var(--rp-ink);
	text-shadow: none;
}

/* Thank You: the blue section behind the panel goes calm too. */
.rp-type main section.single-col-section.thank-you-page {
	background-color: #fff;
}

/* The tall faded side words (PROGRAMS, ABOUT US, OUR TEAM): lighter, so they read as texture, not text. */
.rp-type main section[data-text]::after,
.rp-type main section[data-text]::before {
	text-shadow: none;
}

/* ---------- FAQ rows (accordion) ---------- */
.rp-type main button.accordion {
	font: 600 17px/1.35 "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
	color: var(--rp-ink);
	background-color: #fff;
	border-bottom-color: var(--rp-green);
}

.rp-type main button.accordion:hover,
.rp-type main button.accordion.active-acc {
	background-color: #e3f1e6;
}

.rp-type main button.accordion::after {
	color: var(--rp-ink);
}

.rp-type main button.accordion:focus-visible {
	outline: 3px solid var(--rp-blue);
	outline-offset: 2px;
}

.rp-type main .accordion-panel p {
	font-weight: 400;
	color: var(--rp-ink);
}

/* FAQ page: the panel repeats the page's H1 ("Frequently Asked Questions"). */
.rp-type.page-id-414 main .accordion-section:first-of-type h2.acc-heading {
	display: none;
}

/* ---------- Home: Our Programs cards ---------- */
.rp-type main section.progams-section .content-wrapper p {
	color: var(--rp-ink);
}

.rp-type main .program-title h4 {
	font-family: "Roboto Slab", Georgia, serif;
}

/* ---------- Home banner ---------- */
/* The red band was 80% see-through over the photo: white subtitle 4.38:1. A little deeper and less see-through: 5.3:1.
   Same red family (#ed1a34 to #d6122c). */
.rp-type .banner-content-wrapper {
	background-color: rgba(214, 18, 44, 0.93);
}

.rp-type .banner-subtitle p {
	font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
}