/* ==========================================================================
   Simple Text  (content pulled from the page WYSIWYG editor)
   --------------------------------------------------------------------------
   Container: shared .container rule (1470px max, 15px h-padding) via _shared.css
   ========================================================================== */

.sec-simple-text {
	padding-top: 80px;    /* common top padding */
	padding-bottom: 80px; /* common bottom padding */
	background: var(--clr-white);
}

/* Body text — common font size */
.sec-simple-text__inner {
	font-family: var(--font-body);
	font-size: var(--fs-body);
	color: var(--clr-dark);
	line-height: 1.6;
}

.sec-simple-text__inner > :first-child { margin-top: 0; }
.sec-simple-text__inner > :last-child  { margin-bottom: 0; }
.sec-simple-text__inner p { margin: 0 0 1em; }

/* Headings — common font sizes (h1–h6) */
.sec-simple-text__inner h1,
.sec-simple-text__inner h2,
.sec-simple-text__inner h3,
.sec-simple-text__inner h4,
.sec-simple-text__inner h5,
.sec-simple-text__inner h6 {
	font-family: var(--font-heading);
	font-weight: 400;
	line-height: 1.12;
	color: var(--clr-black);
	margin: 0 0 0.5em;
}

.sec-simple-text__inner h1 { font-size: var(--fs-h1); }
.sec-simple-text__inner h2 { font-size: var(--fs-h2); }
.sec-simple-text__inner h3 { font-size: var(--fs-h3); }
.sec-simple-text__inner h4 { font-size: var(--fs-lg); }
.sec-simple-text__inner h5 { font-size: var(--fs-body); }
.sec-simple-text__inner h6 { font-size: var(--fs-sm); }

@media (max-width: 1024px) {
	.sec-simple-text {
		padding-top: 50px;    /* small screen */
		padding-bottom: 50px;
	}
}

@media (max-width: 767px) {
	.sec-simple-text {
		padding-top: 40px;    /* mobile */
		padding-bottom: 40px;
	}
}