/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Van Ameland naar de Top — rubriek intro */
.entry-content .vant-intro {
	background: linear-gradient(165deg, #eef4fb 0%, #f8fafc 55%, #fff8e8 100%);
	border: 1px solid #d5e2f2;
	border-radius: 14px;
	padding: 1.75rem 1.5rem 1.35rem;
	margin: 2rem 0 2.25rem;
	box-shadow: 0 1px 2px rgba(33, 61, 127, 0.04);
	overflow: auto;
}

.entry-content .vant-intro .vant-intro__title {
	color: #213d7f;
	text-align: left;
	font-size: clamp(1.35rem, 2.4vw, 1.7rem);
	line-height: 1.25;
	margin: 0 0 0.35rem;
}

.entry-content .vant-intro .vant-intro__sub {
	text-align: left;
	color: #3a6ea5;
	font-size: 1.05rem;
	font-style: italic;
	margin: 0 0 1rem;
}

.entry-content .vant-intro .vant-intro__logo {
	float: right;
	width: 168px;
	height: 168px;
	max-width: none;
	margin: 0 0 0.85rem 1.25rem;
	shape-outside: circle(50%);
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
	line-height: 0;
	box-shadow: 0 4px 14px rgba(33, 61, 127, 0.12);
}

.entry-content .vant-intro .vant-intro__logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0;
}

.entry-content .vant-intro > p:not(.vant-intro__sub) {
	margin-bottom: 0.85rem;
	color: #2a2f3a;
}

.entry-content .vant-intro > p:not(.vant-intro__sub):last-child {
	margin-bottom: 0;
}

/* Van Ameland naar de Top — rubriek outro */
.entry-content .vant-outro {
	background: #213d7f;
	border-radius: 14px;
	padding: 1.75rem 1.5rem 1.5rem;
	margin: 2.5rem 0 1rem;
	box-shadow: 0 8px 24px rgba(33, 61, 127, 0.18);
}

.entry-content .vant-outro .vant-outro__title {
	color: #f7c333;
	font-size: clamp(1.25rem, 2.2vw, 1.55rem);
	line-height: 1.3;
	margin: 0 0 1rem;
}

.entry-content .vant-outro > p {
	color: #f3f6fb;
	margin-bottom: 0.85rem;
}

.entry-content .vant-outro > p:last-child {
	margin-bottom: 0;
}

.entry-content .vant-outro a {
	color: #f7c333;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.entry-content .vant-outro a:hover,
.entry-content .vant-outro a:focus {
	color: #ffe08a;
}

@media (max-width: 689px) {
	.entry-content .vant-intro,
	.entry-content .vant-outro {
		padding: 1.35rem 1.1rem 1.2rem;
		border-radius: 12px;
	}

	.entry-content .vant-intro .vant-intro__logo {
		float: none;
		display: block;
		width: 140px;
		height: 140px;
		max-width: 140px;
		margin: 0 auto 1rem;
		shape-outside: none;
	}

	.entry-content .vant-intro .vant-intro__logo img {
		width: 100%;
		height: 100%;
	}
}