:root{
  /* Kleuren */
  --colorP:#30541e;
  --colorPd:#1f3b12;
  --colorS: #ab8865;
  --colorSd: #68533d;
  --colorT: #2f9ebf;
  --colorTd: #156d87;
  --colorBlack:var(--colorSd);
  --colorWhite:#ffffff;
  --colorGrey: #d2cec999;

  /* Fonts */
  --fontP: 'Quicksand', sans-serif;
  --fontS: var(--fontP);

  /* Site opties */
  --siteWidth: 1000px;
  --gap: 15px;
}

html {font-weight:400;font-size:16px; line-height:1.55;}

:root body {
	--wp--style--block-gap: var(--gap);
	--gap2x: calc(2 * var(--gap));
	--gap3x: calc(3 * var(--gap));
	--gap4x: calc(4 * var(--gap));
}

@media ( min-width:768px ) {
	:root{
	    --gap: 25px;
	}
	html {font-weight:400;font-size:18px; line-height:1.75;}
}

a { color:var(--colorP); }
a:hover { color:var(--colorPd); }

.wrap { padding-left:var(--gap); padding-right:var(--gap); }

.banner .wrap.align-wide {max-width:calc(var(--siteWidth) * 1.5); min-height:100%; }
.banner.bg, .banner .bg { background-position: center; background-size:cover; }
.banner { background:var(--colorS)}


.site-header {background: #ffffff;border: none;}
.site-header .nav-menu {}
.site-header svg path { fill:#FFF; }

.search-toggle:hover,.search-toggle.active,.menu-toggle:hover,.menu-toggle.active {background: transparent;border: 2px solid var(--greyCustomColor);}

.site-header .title-area {width: 180px;}
.site-header .title-area .site-title {padding: 7px 15px 0 0;}
.title-area .site-title .icon {max-width: 255px;max-height: 60px;}

.wp-block-button .wp-block-button__link, .acf-button,
button, [type="button"], [type="reset"], [type="submit"] {width:auto; border: 2px solid var(--colorT);font-weight: 500;font-size: 1em; border-radius:8px; color:var(--colorWhite); background:var(--colorT); cursor:pointer; }
.wp-block-button__link:hover, .acf-button:hover,
button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover { background:var(--colorTd); }

.home .banner {background-color:#334;height: min(800px, 70vh);max-height: 70vw;background-size: cover;flex: 0 0 auto;}

.wp-block-buttons>.wp-block-button { color:var(--ColorP); }

.wp-block-cover { text-align:center; }
.icon.rune {width: 80vw;height: 40vh;max-height: 260px;padding: 30px;}
.icon.rune path { fill:#fff; /*  stroke:#fff;stroke-width:4px; */ }

.entry-content > .wp-block-group { margin-bottom:var(--gap); }
.wp-block-group.has-background { padding:var(--gap); border-radius:5px;}
.wp-block-group.has-background :last-child {margin-bottom:0;padding-bottom: 0;}
.wp-block-group.is-layout-grid,
.wp-block-query.grid ul.wp-block-post-template { display:grid; gap:var(--gap); }
.wp-block-query.grid ul.wp-block-post-template { grid-template-columns:1fr 1fr; }

.wp-block-post-featured-image { margin:0; }
.wp-block-post-featured-image img {width:100%;height:300px;object-fit:cover;}

.wp-block-group .wp-block-group__inner-container { padding:0; }

.acf-form-fields { margin:-12px -12px 12px; }
.acf-form-fields .acf-fields>.acf-field { padding:12px; }
.lsb-form input,
.acf-form-fields .acf-fields>.acf-field input,
.acf-form-fields .acf-fields>.acf-field textarea { padding:12px 16px; font-size:1em; border:1px solid var(--colorBlack); }
.acf-form-fields .acf-fields>.acf-field textarea { min-height:200px; }

.lsb-form { margin:-12px -12px 12px; }
.lsb-form-field-wrapper,
.lsb-form-button-and-loader-wrapper { padding:12px; }
.lsb-form-button-and-loader-wrapper { clear:both; }

.lsb-form-field-error-feedback { font-size:0.9em; color:#F00; }
.lsb-field-tag-voornaam,
.lsb-field-tag-achternaam { width:50%; float:left; }

.entry-content > :first-child:not(.wp-block-cover) { margin-top:var(--gap); }
.entry-content ul.wp-block-list,
.entry-content ol.wp-block-list{ padding-left: var(--gap); }

:where(.wp-block-columns, .wp-block-media-text, .wp-block-cover) { margin-bottom:var(--gap); }
.wp-block-media-text { gap:1.75em; }
.wp-block-media-text .wp-block-media-text__content { padding:0; }
.wp-block-media-text.is-image-fill-element a figure {height:100%;min-height: 150px;background-size: cover;}

.wp-block-cover.has-parallax:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-shadow:inset 0 -3px 3px 0px #FFF,inset 0 3px 3px 0px #FFF; pointer-events:none; }
.wp-block-columns svg.icon {max-height: min(40vh, 375px);}

.wp-block-buttons {display:flex;gap: var(--gap);}

.wp-block-columns.runes:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis:40%!important; }
.wp-block-columns.runes figure { text-align:center;}
.wp-block-columns.runes img { width:40vw; }

.wp-block-media-text.max400 { grid-template-columns:400px 1fr; }
.wp-block-media-text.max400 > figure {/* text-align:center; */}
.wp-block-media-text.max400.is-image-fill-element > figure img { max-width:400px; object-fit:contain; }
.wp-block-media-text.has-media-on-the-right.max400 { grid-template-columns:1fr 400px; }

.wp-block-query > ul > li > .wp-block-media-text,
.wp-block-media-text.child-page { gap:var(--gap); margin-bottom:var(--gap); grid-template-columns:40% 1fr; }
.wp-block-query > ul > li > .wp-block-media-text h2 { font-size:1.3rem;}
.wp-block-post-excerpt { margin-top:0; }
.wp-block-pullquote {border:none;background: #ddeaeb;font-size: 1.4rem;padding: var(--gap2x);margin-bottom: 1.5rem; }

.wp-block-query-pagination {display:flex;}
.wp-block-query-pagination-numbers { display:flex; gap:5px; }
.wp-block-post-excerpt__more-link,
.wp-block-query-pagination span,
.wp-block-query-pagination a { font-size:0.8rem; background:var(--colorGrey);display:inline-block;padding:10px 15px;border-radius:5px;font-weight:bold;color: var(--colorBlack); text-decoration:none; }
.wp-block-query-pagination span { background:transparent; }

.wp-block-gallery {display:flex;flex-wrap: wrap;gap: var(--wp--style--block-gap);}
.wp-block-gallery .wp-block-image { box-shadow:5px 5px 10px #00000022; border:1px solid #00000033; }

.hipsy-events-widget { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:var(--gap); }
a.event { color:inherit; text-decoration:none; display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); border:1px solid var(--colorGrey); }
a.event img {max-width:100%;height:auto;max-height:200px;object-fit:cover;vertical-align: bottom;}
a.event .event-info { padding:var(--gap); }
a.event .event-title { font-size:1.5em; font-weight:bold;}

.wp-block-columns.cards {display:grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
.wp-block-columns.cards > .wp-block-column { border:1px solid var(--colorGrey); }
.wp-block-columns.cards .wp-block-list {padding:var(--gap);list-style-position: inside;}

.wp-block-separator { margin:var(--gap) 0;}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {width:100%;max-width: calc(var(--siteWidth) / 2);margin-bottom:var(--gap);border-color: var(--colorGrey);}

.eigenschappen { border:2px solid var(--colorGrey); margin:var(--gap) 0; padding:var(--gap); border-radius:10px; }
.eigenschappen p { margin:0;}
.eigenschappen a { color:inherit; }

.wp-block-group.grid > div {display:grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap:var(--gap);margin-top:var(--gap);}

.wp-block-quote {padding:var(--gap);background:#f3f0ff;border:1px solid var(--colorGrey);border-radius:5px;margin:0;display:flex;flex-direction: column;justify-content: space-between;}
.wp-block-quote p { font-size:1.2em; font-style:italic;  }
.wp-block-quote p:last-of-type { margin:0; }
.wp-block-quote cite { text-align:right; }


.site-footer {background:var(--colorSd);color:var(--colorWhite);position: relative;padding-top: 40px;margin-top: var(--gap);padding: var(--gap) 0;}
.site-footer::after {bottom:unset;top:0;transform-origin: 50% 33%;transform: scaleY(0.5) rotate(180deg);}

@keyframes fog {
 from { background-position: 0 0; }
 to { background-position: 200% 0; }
}

@keyframes rotation {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media ( min-width:768px ) {
	.wp-block-separator { margin:var(--gap) auto;}
	.banner .bg.wrap.align-wide { box-shadow: inset -60px 30px 60px var(--colorS), inset 60px 20px 60px var(--colorS);}
}

@media ( max-width:768px ) {
	.entry-content > .wp-block-media-text:first-child .wp-block-media-text__media { display:none; }
}