/*
 * Donate page (templates/page-donate.html, setup/content/donate.php).
 * Measured on the Squarespace page at 1024, 1440 and 390px wide: one crimson section, Zelle note and
 * Donorbox form on the left, "Build and Sustain." on the right. On phones the form comes first.
 * Column widths follow Squarespace's fluid grid (left 660px and right 544px at 1440; 464 and 381 at 1024).
 */

/* Squarespace shows the header on the section's crimson, without the darker band. */
body:has(.sr-donate) .sr-header.has-background {
	background-color: var(--wp--preset--color--accent-1) !important;
}

.wp-block-post-content.sr-donate-sections > * + * {
	margin-block-start: 0;
}

.sr-donate {
	--sr-donate-text: clamp(18.16px, 17.68px + 0.1234vw, 19.456px);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0;
	padding: 6.6vw 3vw calc(6.6vw + 27px);
	font-size: var(--sr-donate-text);
	line-height: 1.6;
}

.sr-donate > * {
	margin: 0;
}

.sr-donate > .sr-donate__give {
	flex: 0 0 calc(47.12vw - 18.5px);
	min-width: 0;
}

.sr-donate > .sr-donate__story {
	flex: 0 0 calc(39.18vw - 20.2px);
	min-width: 0;
}

.sr-donate :where(h2, p, .sr-embed) {
	margin-block: 0;
	text-wrap: wrap;
}

.sr-donate .sr-donate__small {
	font-size: 1rem;
	line-height: 1.6;
}

.sr-donate .sr-donate__small + .sr-donate__small,
.sr-donate__story p + p {
	margin-top: 16px;
}

.sr-donate .sr-donate__form {
	margin-top: 34px;
}

.sr-donate .sr-donate__form iframe {
	display: block;
}

.sr-donate__story h2 {
	margin-bottom: 32px;
	font-size: clamp(35.44px, 31.11px + 1.111vw, 47.1px);
	font-weight: 400;
	line-height: 1.3;
}

@media (max-width: 781px) {
	.sr-donate {
		display: block;
		padding: 76px 6vw;
	}

	.sr-donate > .sr-donate__story {
		margin-top: 43px;
	}
}