/*
 * Bellani SEO – weergave van de bellani/*-blokken (overgenomen uit bellani-geo build/blokken.css, 03d226a).
 * Kleuren en lettertypen komen uit de Elementor-kit van bellani.nl; de var()-fallbacks zijn dezelfde waarden voor als
 * de kit niet geladen is. Geen externe fonts.
 */

/*
 * 0.3.6: lopende tekst op pagina's uit een pakket volgt de teksttypografie van de Elementor-kit (Rubik 16px/26px op
 * bellani.nl). De kit zet de body zelf op 45px; Elementor-pagina's merken dat niet (elke widget heeft een eigen grootte),
 * maar gewone WordPress-pagina's erven het. Alleen met de body-klasse bellani-seo-pagina: Nicky's pagina's blijven gelijk.
 */
body.bellani-seo-pagina .page-content,
body.bellani-seo-pagina .entry-content {
	font-family: var(--e-global-typography-text-font-family, "Rubik"), sans-serif;
	font-size: var(--e-global-typography-text-font-size, 16px);
	font-weight: var(--e-global-typography-text-font-weight, 400);
	line-height: var(--e-global-typography-text-line-height, 1.6);
}
.bellani-kernantwoord,
.bellani-risico,
.bellani-uit-de-praktijk {
	border-radius: 10px;
	margin: 0 0 2em;
	padding: 1.25em 1.5em;
}

.bellani-kernantwoord {
	background: var(--e-global-color-195a342, #f0eae2);
	border-left: 4px solid var(--e-global-color-accent, #d47381);
	color: var(--e-global-color-b122195, #333);
	font-size: 1.0625em;
}

.bellani-kernantwoord p:last-child,
.bellani-risico p:last-child,
.bellani-uit-de-praktijk p:last-child {
	margin-bottom: 0;
}

.bellani-vraag-tekst {
	margin: 0 0 1.5em;
}

.bellani-citaat {
	border-left: 3px solid var(--e-global-color-primary, #c9b7a8);
	margin: 2em 0;
	padding: 0 0 0 1.25em;
}

.bellani-citaat blockquote {
	border: 0;
	color: var(--e-global-color-b122195, #333);
	font-family: var(--e-global-typography-primary-font-family, "Lora"), Georgia, serif;
	font-size: 1.15em;
	font-style: italic;
	margin: 0;
	padding: 0;
}

.bellani-citaat blockquote p {
	margin: 0;
}

.bellani-citaat figcaption,
.bellani-bron-cel,
.bellani-bijgewerkt,
.bellani-bronnen {
	color: var(--e-global-color-text, #666);
	font-size: 0.875em;
}

.bellani-citaat figcaption {
	margin-top: 0.5em;
}

.bellani-citaat cite {
	font-style: normal;
}

.bellani-feitentabel {
	border-collapse: collapse;
	font-size: 0.95em;
	margin: 2em 0;
	width: 100%;
}

.bellani-feitentabel caption {
	caption-side: top;
	color: var(--e-global-color-b122195, #333);
	font-weight: 700;
	padding-bottom: 0.5em;
	text-align: left;
}

.bellani-feitentabel th,
.bellani-feitentabel td {
	border-bottom: 1px solid #e5ddd3;
	padding: 0.6em 0.8em;
	text-align: left;
	vertical-align: top;
}

.bellani-feitentabel th {
	color: var(--e-global-color-b122195, #333);
	width: 40%;
}

.bellani-feitentabel td {
	min-width: 6em;
}

.bellani-feitentabel .bellani-bron-cel {
	width: 30%;
}

.bellani-risico {
	background: #fff;
	border: 2px solid var(--e-global-color-primary, #c9b7a8);
}

.bellani-risico h2,
.bellani-uit-de-praktijk h2 {
	margin-top: 0;
}

.bellani-risico ul {
	margin: 0.75em 0 0;
}

.bellani-uit-de-praktijk {
	background: var(--e-global-color-195a342, #f0eae2);
}

.bellani-faq h3 {
	margin: 1.5em 0 0.5em;
}

.bellani-bronnen {
	border-top: 1px solid #e5ddd3;
	margin-top: 3em;
	padding-top: 1em;
}

.bellani-bronnen h2 {
	font-size: 1.25em;
}

.bellani-bronnen ol {
	padding-left: 1.25em;
}

.bellani-bronnen a,
.bellani-citaat a,
.bellani-bron-cel a {
	color: var(--e-global-color-secondary, #936e4c);
}

@media (max-width: 767px) {
	.bellani-kernantwoord,
	.bellani-risico,
	.bellani-uit-de-praktijk {
		padding: 1em;
	}

	.bellani-feitentabel th {
		width: auto;
	}
}