/* Damespraatjes — article prose. Loaded on the front end and as editor style (block + classic). */

.entry-content, .editor-styles-wrapper {
	font-family: var(--font-body, "DM Sans", system-ui, sans-serif);
	font-size: 1.125rem;
	line-height: 1.75;
	color: #3c3c3c;
	overflow-wrap: break-word;
}
@media (min-width: 796px) {
	.entry-content, .editor-styles-wrapper { font-size: 1.25rem; line-height: 1.8; }
}

/* Vertical rhythm */
.entry-content > *, .editor-styles-wrapper > * { margin-top: 0; margin-bottom: 1.5em; }
.entry-content > :last-child { margin-bottom: 0; }

/* Intro: classic posts start with <p><strong>…</strong></p>, block posts with a paragraph. */
.entry-content > p:first-child, .editor-styles-wrapper .wp-block-post-content > p:first-child, .editor-styles-wrapper > p:first-of-type {
	font-size: 1.1em;
	font-weight: 700;
}
.entry-content > p:first-child strong { font-weight: 700; }

.entry-content h2, .entry-content h3, .entry-content h4,
.editor-styles-wrapper h2, .editor-styles-wrapper h3, .editor-styles-wrapper h4 {
	font-family: var(--font-head, "Nunito", system-ui, sans-serif);
	font-weight: 700;
	line-height: 1.25;
	color: #3c3c3c;
	margin: 2em 0 .6em;
}
.entry-content h2, .editor-styles-wrapper h2 { font-size: 1.6em; }
.entry-content h3, .editor-styles-wrapper h3 { font-size: 1.3em; }
.entry-content h4, .editor-styles-wrapper h4 { font-size: 1.1em; }
.entry-content > h2:first-child { margin-top: 0; }

.entry-content a, .editor-styles-wrapper a { color: var(--c-primary, #8E3353); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.entry-content a:hover { color: var(--c-primary-dark, #6f2540); }

.entry-content ul, .entry-content ol, .editor-styles-wrapper ul, .editor-styles-wrapper ol { padding-left: 1.4em; }
.entry-content li, .editor-styles-wrapper li { margin-bottom: .4em; }
.entry-content li::marker { color: var(--c-primary, #8E3353); }

.entry-content blockquote, .editor-styles-wrapper blockquote {
	margin: 2em 0;
	padding: .25em 0 .25em 1.25em;
	border-left: 4px solid var(--c-primary, #8E3353);
	font-family: var(--font-head, "Nunito", system-ui, sans-serif);
	font-weight: 600;
	font-size: 1.1em;
	line-height: 1.5;
}
.entry-content blockquote p:last-child { margin-bottom: 0; }
.entry-content blockquote cite { display: block; margin-top: .5em; font-size: .8em; font-weight: 400; font-style: normal; color: #6b6b6b; }

.entry-content img, .editor-styles-wrapper img { max-width: 100%; height: auto; border-radius: 8px; }
.entry-content figure, .entry-content .wp-caption, .editor-styles-wrapper figure { max-width: 100%; margin: 2em 0; }
.entry-content .wp-caption img, .entry-content .wp-block-image img { margin: 0; }
.entry-content .aligncenter, .entry-content .wp-caption.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.entry-content .alignleft { float: left; margin: .3em 1.5em 1em 0; max-width: 50%; }
.entry-content .alignright { float: right; margin: .3em 0 1em 1.5em; max-width: 50%; }
.entry-content figcaption, .entry-content .wp-caption-text, .editor-styles-wrapper figcaption {
	font-size: .8em; color: #6b6b6b; margin-top: .5em; text-align: center; line-height: 1.5;
}
.entry-content .wp-block-gallery { margin: 2em 0; }

.entry-content iframe, .entry-content .wp-block-embed, .entry-content .instagram-media, .entry-content .twitter-tweet, .entry-content .tiktok-embed {
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.entry-content .wp-block-embed { margin: 2em 0; }
.entry-content .wp-embed-responsive .wp-has-aspect-ratio iframe { width: 100%; }

.entry-content hr, .editor-styles-wrapper hr { border: 0; border-top: 1px solid #e5e5e5; margin: 2.5em auto; max-width: 120px; }

.entry-content table, .editor-styles-wrapper table { width: 100%; border-collapse: collapse; font-size: .9em; }
.entry-content th, .entry-content td, .editor-styles-wrapper th, .editor-styles-wrapper td { border: 1px solid #e5e5e5; padding: .5em .75em; text-align: left; }
.entry-content th { background: var(--c-pink, #FFE5EE); font-weight: 700; }

.entry-content .wp-block-buttons { margin: 2em 0; }
.entry-content .wp-block-button__link { text-decoration: none; }

.entry-content .has-primary-color { color: var(--c-primary); }
.entry-content .has-pink-background-color { background: var(--c-pink); }
.entry-content .has-grey-background-color { background: var(--c-grey); }

/* Clear floats left behind by aligned images. */
.entry-content::after { content: ""; display: table; clear: both; }
