/* Huisstijl voor niet-Elementor pagina's en berichten. Elementor-pagina's blijven ongemoeid. */

body:not(.elementor-page) { background: #FBF6EC; }

body:not(.elementor-page) #content.site-main {
	max-width: 880px;
	margin: 48px auto;
	background: #FFFFFF;
	border-radius: 24px;
	padding: 48px 56px;
	box-shadow: 0 1px 4px rgba(0,0,0,.08);
	box-sizing: border-box;
	overflow: hidden;
}

/* Titelband bovenaan elke pagina */
body:not(.elementor-page) .page-header {
	background: #FDF1E1;
	margin: -48px -56px 36px;
	padding: 44px 56px;
	border-bottom: 0;
}
body:not(.elementor-page) .entry-title,
body:not(.elementor-page) .page-header h1 {
	font-family: 'Outfit', system-ui, sans-serif;
	font-weight: 600;
	font-size: 42px;
	line-height: 1.1;
	color: #2B2B2B;
	margin: 0;
}

body:not(.elementor-page) .page-content,
body:not(.elementor-page) .page-content p,
body:not(.elementor-page) .page-content li {
	font-family: 'Inter', system-ui, sans-serif;
	font-size: 18px;
	line-height: 1.7;
	color: #3F4B44;
}

body:not(.elementor-page) .page-content h2,
body:not(.elementor-page) .page-content h3,
body:not(.elementor-page) .page-content h4 {
	font-family: 'Outfit', system-ui, sans-serif;
	font-weight: 600;
	color: #2B2B2B;
	line-height: 1.2;
	margin: 1.6em 0 .5em;
}
body:not(.elementor-page) .page-content h2 { font-size: 30px; }
body:not(.elementor-page) .page-content h3 { font-size: 24px; }

body:not(.elementor-page) .page-content a { color: #C73E22; font-weight: 500; }
body:not(.elementor-page) .page-content a:hover { color: #A83218; }

body:not(.elementor-page) .page-content img { border-radius: 14px; height: auto; max-width: 100%; }
body:not(.elementor-page) .page-content .alignleft { float: left; margin: .3em 1.6em 1.1em 0; max-width: 44%; }
body:not(.elementor-page) .page-content .alignright { float: right; margin: .3em 0 1.1em 1.6em; max-width: 44%; }
body:not(.elementor-page) .page-content .aligncenter { display: block; margin: 1.3em auto; }
body:not(.elementor-page) .page-content .wp-caption { max-width: 100%; }

body:not(.elementor-page) .page-content ul,
body:not(.elementor-page) .page-content ol { padding-left: 1.3em; }
body:not(.elementor-page) .page-content li { margin: .4em 0; }

body:not(.elementor-page) .page-content blockquote {
	border-left: 4px solid #E08A30;
	margin: 1.4em 0;
	padding: .4em 0 .4em 1.2em;
	color: #4A4A4A;
	font-style: italic;
}

body:not(.elementor-page) .wp-element-button,
body:not(.elementor-page) .wp-block-button__link {
	background: #C73E22;
	color: #fff;
	border: 0;
	border-radius: 999px;
	padding: 14px 28px;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
}

/* Blog-overzicht: losse artikelen scheiden */
body:not(.elementor-page) #content.site-main > article {
	padding-bottom: 28px;
	margin-bottom: 28px;
	border-bottom: 1px solid #EFE9DA;
}
body:not(.elementor-page) .post-thumbnail img { border-radius: 16px; }

@media (max-width: 600px) {
	body:not(.elementor-page) #content.site-main {
		margin: 20px 14px;
		padding: 28px 22px;
	}
	body:not(.elementor-page) .page-header { margin: -28px -22px 24px; padding: 28px 22px; }
	body:not(.elementor-page) .entry-title,
	body:not(.elementor-page) .page-header h1 { font-size: 30px; }
	body:not(.elementor-page) .page-content .alignleft,
	body:not(.elementor-page) .page-content .alignright { float: none; max-width: 100%; margin: 1em 0; }
}