/*=========================
	CONTENT BLOCK
=========================*/

.block-content .top-title {
	display: block;
	margin-bottom: var(--space-2);
}
.block-content .title {
	margin: 0 0 var(--space-4);
}
.block-content .content a {
	text-decoration: underline;
}

.block-content .content > *:first-child {
	margin-top: 0;
}
.block-content .content > *:last-child {
	margin-bottom: 0;
}
.block-content .content h2,
.block-content .content h3,
.block-content .content h4 {
	margin: var(--space-5) 0 var(--space-3);
}
.block-content .content p {
	margin: 0 0 var(--space-3);
}
.block-content .content ul,
.block-content .content ol {
	margin: 0 0 var(--space-3);
	padding-left: 0;
}
.block-content .content li {
	margin-bottom: 20px;
}

.block-content .content-inner.is-narrow {
	padding-left: var(--space-9);
	padding-right: var(--space-9);
}

@media (max-width: 991.98px) {
	.block-content .content-inner.is-narrow {
		padding-left: var(--space-5);
		padding-right: var(--space-5);
	}
}
@media (max-width: 767.98px) {
	.block-content .content-inner.is-narrow {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Center-text option (matches live's centred donation intros). Centres the eyebrow,
   heading, body copy and the CTA. Per-paragraph text-align set in the WYSIWYG editor
   still wins (inline style) — this just flips the block's default alignment. */
.block-content .content-inner.is-centered {
	text-align: center;
}
.block-content .content-inner.is-centered .cta,
.block-content .content-inner.is-centered .content-buttons {
	justify-content: center;
}
.block-content .content-inner.is-centered .content ul,
.block-content .content-inner.is-centered .content ol {
	list-style-position: inside;
}

/* Two CTAs inside a content block (e.g. art-exhibition About: Opening Night / Register) */
.block-content .content-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: var(--space-5, 24px);
}
