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

h1 {
	font-size: 40px;
}

h1.entry-title {
	margin-bottom: 20px;
}

h1.entry-title:after {
	height: 2px;
	margin: 4px 0 0 -20px;
}

h2 {
	font-size: 24px;
}

hr {
	height: 2px !important;
}

.entry-content .wp-block-image figure {
	margin-bottom: 1rem;
}

.main-col {
	padding: 20px;
	border: none;
	border-top: 2px solid var(--tekst);
	border-bottom: 2px solid var(--tekst);
}

.entry-content .wp-block-columns {
	gap: 0;
	margin-bottom: 20px;
}

/* PROGRAMMA */

.page-id-39 #content {
	overflow: hidden;
}

.datum {
	padding-left: 0;
}

.agenda-item {
	margin: 0 -20px;
}

.agenda-item > a {
	padding: 12px;
	align-items: flex-start;
}

.agenda-item .tijd {
	font-size: 16px;
	margin: 2px 0 -27px 0;
}

.agenda-item .tijd span {
	font-size: 24px;
}

.agenda-item .titel {
	width: calc(100% - 130px);
	margin: 0 0 3px 0;
}

.agenda-item .kosten {
	width: 100%;
	padding-left: 130px;
}

.agenda-item .uitklap {
	padding: 0 12px 10px 142px;
}

/* HOMEPAGE */

body.page-id-12 {
	height: auto;
	overflow-y: scroll;
}

.page-id-12 #content {
	padding: 80vh 12px 10vh;
}

.page-id-12 div[class^="home-"] {
	position: relative;
	border: 2px solid var(--tekst);
	margin-bottom: 30px;
	animation: infaden 2s linear 0s 1 both;
}

.page-id-12 h2 {
	font-size: 30px;
	margin: 0;
}

a.homeknop {
	padding: 6px 14px;
	font-size: 16px;
	border-top: 2px solid var(--tekst);
	border-left: 2px solid var(--tekst);
}

a.homeknop i {
	vertical-align: -1px;
}

.page-id-12 .home-binnenkort, .page-id-12 .home-nieuws, .page-id-12 .home-fotos {
	width: 100%;
	height: auto;
	left: 0;
	top: auto;
}

.page-id-12 .datum {
	font-size: 5vw;
}

.page-id-12 .agenda-item > a {
	padding: 10px;
}

.page-id-12 .agenda-item .tijd {
	font-size: 3vw;
	margin: 0;
}

.page-id-12 .agenda-item .tijd span {
	font-size: 4vw;
}

.page-id-12 .agenda-item .titel {
	font-size: 4vw;
	margin: 0;
}

.page-id-12 .home-nieuws {
	height: calc(114vw + 70px);
}

.page-id-12 div.home-logo {
	position: fixed;
	width: calc( 100% - 86px);
	max-width: none;
	height: auto;
	left: 12px;
	top: 12px;
	animation: invliegen 1s ease-out 0s 1 both;
}

@keyframes invliegen {
	  0% {left: -100%;}
	100% {left: 12px;}
}

.page-id-12 .home-logo img {
	height: auto;
	width: 100%;
}

/* 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;
}

.page-id-12 .home-fotos {
	height: calc(70vw + 70px);
}

/* GALLERY */

.entry-content .wp-block-gallery {
	margin: 0 -20px 10px -20px;
}