/* Opt-in block helpers for Gutenberg > Advanced > Additional CSS class(es).
 * Spacing is intentionally important: an explicit editor choice must override
 * block defaults, responsive spacing and last-child rules regardless of order.
 */
.no-margin-top { margin-top: 0 !important; }
.small-margin-top { margin-top: 40px !important; }
.medium-margin-top { margin-top: 60px !important; }
.large-margin-top { margin-top: 80px !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.small-margin-bottom { margin-bottom: 40px !important; }
.no-padding-top { padding-top: 0 !important; }
.medium-padding-top { padding-top: 50px !important; }
.large-padding-top { padding-top: 75px !important; }
.no-padding-bottom { padding-bottom: 0 !important; }

.background-creme,
section.background-creme {
	background-color: var(--creme);
	padding: 40px 0;
}

@media (max-width: 767px) {
	.small-margin-top { margin-top: 26px !important; }
	.medium-margin-top { margin-top: 38px !important; }
	.large-margin-top { margin-top: 51px !important; }
	.small-margin-bottom { margin-bottom: 26px !important; }
	.background-creme,
	section.background-creme { padding: 26px 0; }

	.intro-title { padding: 32px 20px; }
}