/* =============================================
   About-pagina: timeline alleen groen/wit, geen geel
   ============================================= */

/* Timeline-sectie (section--base-bg + section--custom-02): alle tekst groen of wit */
.section--base-bg.section--custom-02 .timeline .__item {
	color: #fff !important;
}
.section--base-bg.section--custom-02 .timeline .__year,
.section--base-bg.section--custom-02 .timeline .__title {
	color: #94c24a !important;
}
.section--base-bg.section--custom-02 .timeline p {
	color: #fff !important;
}
/* Timeline-icoon (bolletje) en lijn: groen i.p.v. geel/goud */
.section--base-bg.section--custom-02 .timeline .__ico {
	border-color: #94c24a;
}
.section--base-bg.section--custom-02 .timeline .__ico:before {
	background-color: #94c24a;
}
.section--base-bg.section--custom-02 .timeline .__item:before {
	border-left-color: #94c24a;
}

/* ─────────────────────────────────────────────
   TIMELINE RESPONSIVE: verticaal op mobiel
   ───────────────────────────────────────────── */
@media (max-width: 767px) {
	/* Sectie: solide achtergrond, geen doorschijnende foto */
	.section--custom-02 {
		padding-left: 0 !important;
		padding-right: 0 !important;
		background-image: none !important;
		background-color: #282154 !important;
		background-attachment: scroll !important;
	}

	.section--custom-02 .container-fluid {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	/* Tekst kolom: padding kleiner op mobiel */
	.section--no-pb .col-12.col-lg-6 > div {
		padding: 40px 24px !important;
	}

	/* Kolommen volledig breed, onder elkaar */
	.timeline .__inner .row {
		flex-direction: column !important;
	}

	.timeline .__inner .row > [class*="col"] {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}

	/* Elk item: verticale layout met lijn links */
	.timeline .__item {
		padding-top: 0 !important;
		padding-left: 40px !important;
		margin-bottom: 40px !important;
	}

	/* Verticale verbindingslijn links */
	.timeline .__item:before {
		top: 22px !important;
		left: 10px !important;
		right: auto !important;
		bottom: -40px !important;
		border-left: 2px solid #94c24a !important;
		border-top: none !important;
	}

	/* Laatste item: geen lijn eronder */
	.timeline .__inner .row > [class*="col"]:last-child .timeline .__item:before,
	.timeline [class*="col-"]:last-child .__item:before {
		content: none !important;
	}

	/* Icoon (bolletje) linksboven het item */
	.timeline .__ico {
		top: 0 !important;
		left: 0 !important;
		margin-top: 0 !important;
	}

	/* Jaar kleiner op mobiel */
	.timeline .__year {
		font-size: 3.2rem !important;
	}

	/* Tekst leesbaar */
	.timeline .__title {
		font-size: 1.6rem !important;
	}

	.timeline p {
		font-size: 1.4rem !important;
		margin-top: 8px !important;
		margin-bottom: 12px !important;
	}
}