.cultuurplaatsagenda {
}

.cultuurplaatsagenda .item {
	margin-bottom: 30px;
}

.cultuurplaatsagenda .datum {
	width: 130px;
	height: 130px;
	float: left;
	position: relative;
	border: 2px solid var(--kleur-algemeen);
}

.cultuurplaatsagenda .in-de-wijk .datum {
	border: 2px solid var(--kleur-in-de-wijk);
}

.cultuurplaatsagenda .op-school .datum {
	border: 2px solid var(--kleur-op-school);
}

.cultuurplaatsagenda .in-de-vrije-tijd .datum {
	border: 2px solid var(--kleur-in-de-vrije-tijd);
}

.cultuurplaatsagenda .datum .boven {
	position: absolute;
	boven: 0;
	right: 0;
	left: 0;
	z-index: 1;
	padding: 3px 0px;
	text-align: center;
	background: var(--kleur-algemeen);
	font-weight: 400;
}

.cultuurplaatsagenda .in-de-wijk .datum .boven {
	background: var(--kleur-in-de-wijk);
}

.cultuurplaatsagenda .op-school .datum .boven {
	background: var(--kleur-op-school);
}

.cultuurplaatsagenda .in-de-vrije-tijd .datum .boven {
	background: var(--kleur-in-de-vrije-tijd);
}

.cultuurplaatsagenda .datum .dag {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	text-align: center;
	font-family: 'Neue Haas Grotesk Display Pro';
	font-weight: 300;
	font-size: 50px;
}

.cultuurplaatsagenda .bottom {
	padding: 15px 0px;
	overflow: hidden;
}

.cultuurplaatsagenda .leesverder {
	float: right;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 10px;
	background: var(--kleur-algemeen);
}

.cultuurplaatsagenda .in-de-vrije-tijd .leesverder {
	background: var(--kleur-in-de-vrije-tijd);
}

.cultuurplaatsagenda .in-de-wijk .leesverder {
	background: var(--kleur-in-de-wijk);
	color: #000;
}

.cultuurplaatsagenda .op-school .leesverder {
	background: var(--kleur-op-school);
}

/* LG */
@media (max-width: 1199.98px) {
}

/* MD */
@media (max-width: 991.98px) {
}

/* SM */
@media (max-width: 767.98px) {
}

/* XS */
@media (max-width: 575.98px) {
}