@charset "utf-8";
/* CSS Document */

body {
	font-size: 14px;
	line-height: 1.6;
}

header {
	height: 60px;
	padding-top: 60px;
}

header > div {
	padding: 3vw 3vw 2vw;
}

header h1 {
	font-size: 7vw;
	margin-bottom: 2vw;
}

header .tagline {
	font-size: 14px;
}

header a.meer {
	margin: 2vw 0 1vw 0;
	font-size: 4vw;
	-webkit-border-radius: 4vw;
	border-radius: 4vw;
	width: 5.6vw;
	height: 5.6vw;
}

/* CONTENT */

.main-col {
	padding: 20px;
}

.main-col > .row {
	margin-left: -20px;
	margin-right: -20px;
	padding: 16px calc(20px - 12px);
}

/* TEKST */

h1 {
	font-size: 8vw;
}

header.true + #content h1.entry-title, body:not(.page-id-12) header.true + #content .entry-content h1:first-child {
	width: calc( 100vw - 40px );
	margin: -40px 0 0 0;
}

h2 {
	font-size: 6vw;
}

/* PROJECTEN */

.project .text-overlay, .nieuwsitem .text-overlay {
	padding: 2vw;
}

.project > a .text-overlay h2, .nieuwsitem > a .text-overlay h2 {
	font-size: 5vw;
}

.project > a .text-overlay p {
	font-size: 3vw;
	line-height: 1.3;
}

/* NIEUWS */

.nieuwsitem {
	margin-bottom: 24px;
}

.nieuwsitem > a h3.koppel {
	padding: 0.6vw 1.6vw;
	font-size: 3vw;
}

.nieuwsitem .datum {
	font-size: 3vw;
	margin-top: 1vw;
}

/* AGENDA */

.agenda-item {
	flex-wrap: wrap;
	padding: 0;
	margin-top: 30px;
}

.agenda-item .plaatje {
	flex-basis: 100%;
	margin-top: 0;
	margin-bottom: 3vw;
}

.agenda-item .info {
	flex-basis: 100%;
	column-gap: 3vw;
}

.agenda-item .info h2 {
	font-size: 5vw;
	margin-bottom: 3vw;
}

.agenda-item .info p.locatie {
	padding: 0 2vw;
	margin-bottom: 2vw;
	font-size: 3vw;
	line-height: 5vw;
	-webkit-border-radius: 3vw;
	border-radius: 3vw;
}

.agenda-item .info p.datum {
	font-size: 3vw;
	line-height: 5vw;
	margin: 0 0 2vw 0;
}

.agenda-item .info div.kort {
	font-size: 14px;
}

/* SINGLE BOTB */

.single-botb .inhoud > .wp-block-columns > .wp-block-column:first-child img {
	height: auto;
}

.single-botb .inhoud > .wp-block-columns > .wp-block-column:last-child {
	max-height: none;
	padding: 20px;
	font-size: 14px;
}

/* SINGLE PROJECT - SINGLE NIEUWSITEM */

.single-project h1.entry-title, .single-nieuwsitem h1.entry-title {
	margin-bottom: 3vw;
}

.submenu {
	flex-wrap: wrap;
	padding: 0 10px;
	row-gap: 10px;
	column-gap: 30px;
}

.submenu a:not(:last-child):after {
	right: -17px;
}

/* HOMEPAGE */

.page-id-12 header {
	padding: 0 20px 20px 20px;
	margin-top: 60px;
}

.page-id-12 .nieuws .nieuwsitem .plaatje {
	padding-bottom: 56.25%;
}

.page-id-12 .nieuws .breder .plaatje {
	padding-bottom: 56.25%;
}

.page-id-12 .nieuws .homeagenda .nieuwsitem .plaatje {
	padding-bottom: 56.25%;
}

.homeagenda .nieuwsitem p {
	font-size: 14px;
}

.page-id-12 .nieuwsknoppen {
	margin: 46px 0 0 0;
	left: 20px;
}

.page-id-12 .nieuwsknoppen + h1 {
	margin-bottom: 44px;
}

.nieuwsclip {
	margin-top: 0;
}

.nieuwsclip a {
	gap: 3vw;
	margin-bottom: 3vw;
}

.nieuwsclip img {
	width: 25%;
	border-radius: 25vw;
}

.nieuwsclip h2 {
	font-size: 4vw;
	margin-bottom: 1vw;
}

.nieuwsclip .datum {
	font-size: 3vw;
}

article#post-12 {
	padding-top: 20px;
}

.wp-block-columns.discover {
	gap: 24px;
	margin: 24px 0;
}

.wp-block-columns.discover > .wp-block-column > h2 {
	font-size: 5vw;
	padding: 0 2vw;
}

.wp-block-columns.discover > .wp-block-column > p {
	font-size: 14px;
	padding: 0 2vw;
	margin: 0 0 2vw 0;
}

.page-id-12 .botb > .wp-block-columns {
	margin: 0 -20px 0 -20px;
}

.page-id-12 .botb > .wp-block-columns > .wp-block-column:first-child {
	margin: -20px 0 0 0;
}

.page-id-12 .botb > .wp-block-columns > .wp-block-column:last-child {
	font-size: 14px;
	padding: 20px 20px 20px 20px;
}

/* GUTENBERG KOLOMMEN MOBIEL */

#content .wp-block-columns .wp-block-column:not(:only-child), footer.container-fluid .wp-block-columns .wp-block-column:not(:only-child) {
	flex-basis: 100% !important;
	margin-left: 0 !important;
}

/* GALLERY */
.wp-block-gallery.columns-3 figure.wp-block-image, .wp-block-gallery.columns-default figure.wp-block-image, .wp-block-gallery.columns-4 figure.wp-block-image, .wp-block-gallery.columns-5 figure.wp-block-image, .wp-block-gallery.columns-6 figure.wp-block-image, .wp-block-gallery.columns-7 figure.wp-block-image, .wp-block-gallery.columns-8 figure.wp-block-image {
	width: calc(50% - 0.5vw) !important;
}

.page-id-44 > footer {
	padding: 0 0 2vw 20px;
}