/*** GRID ***/
.twee,
.twee_3,
.drie,
.vier,
.drie_ul ul,
.vier_ul ul,
.drie_2,
.columns-default  /* gallery */,
.columns-2 /* gallery */,
.columns-3 /* gallery */,
.columns-4 /* gallery */,
.columns-5 /* gallery */,
.altijd_vijf,
header section, main,
.page-template-wp-custom-template-page-no-title main div.entry-content,
.wp-block-query ul:not(.opsomming),
.wp-block-query ul:not(.opsomming):not(.dropdown) li,
section.activiteit-single,
section.profiel-single,
.single .activiteit-datums,
.single-profiel figure.wp-block-gallery,
aside.top-box,
aside.dorpskalender-datums,
.single h1,
.box .top-box,
.overzicht-deelnemers ul li a,
.kalender-ovp-activiteiten
	{display: grid;}

.single-profiel figure.wp-block-gallery,
.wp-block-query.vier_ul > ul
	{grid-template-columns: 1fr 1fr;}

.altijd_vijf
	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

aside.top-box
	{grid-template-columns: calc(var(--wp--style--block-gap) * 3) auto calc(var(--wp--style--block-gap) * 2.5);}

aside.dorpskalender-datums
	{grid-template-columns: auto calc(var(--wp--style--block-gap) * 2.5);}

.single h1,
.box .top-box
	{grid-template-columns: auto calc(var(--wp--style--block-gap) * 1.7);}

.overzicht-deelnemers aside.top-box
	{grid-template-columns: auto calc(var(--wp--style--block-gap) * 2.5);
	grid-template-rows: calc(var(--wp--style--block-gap) * 2.5);}

.overzicht-deelnemers ul li a
	{grid-template-columns: calc(var(--wp--style--block-gap) * 6) auto;}

.grid-center,
aside.top-box
	{place-items: center}

aside.sidebar,
.overzicht-deelnemers ul li a,
.bestuurslid 
	{align-content: start;}

.single .activiteit-single,
section.aanmeldformulier.fotowedstrijd
	{align-items: start;}

.box .top-box,
.align-items-center
	{align-items: center;}

.justify-items-center
	{justify-items: center;}

.overzicht-deelnemers aside.top-box
	{align-self: start;}

.overzicht-deelnemers header
	{align-self: center;}

.dorpskalender aside.top-box p
	{place-self: start;}

aside.dorpskalender-datums p.lees-meer
	{place-self: end;}

section.activiteit-single,
section.profiel-single,
.twee_3,
.kalender-ovp-activiteiten
	{gap: var(--wp--style--block-gap);}

.columngap,
main .twee,
main .drie,
.vier,
.wp-block-query ul:not(.opsomming),
.wp-block-query ul:not(.opsomming) li,
.drie_ul ul,
.drie_2,
.altijd_vijf
	{column-gap: var(--wp--style--block-gap);}

.wp-block-query ul,
.drie,
.drie_ul ul
	{row-gap: var(--wp--style--block-gap);}

main /* ,
.page-template-wp-custom-template-page-no-title main div.entry-content > uitgezet 1 aug 2024 geeft op pagina's met meerder blokken witruimte */
	{row-gap: calc(var(--wp--style--block-gap) * 2);}

.wp-block-query ul li a
	{column-gap: calc(var(--wp--style--block-gap) / 2);}

.overzicht-deelnemers ul li a aside.top-box,
.overzicht-deelnemers ul li a div.samenvatting
	{grid-column: span 2;}

/*** FLEX ***/
.flex,
.breadcrumbs,
.single footer.wp-block-group aside:not(.banner-profiel),
p.datum-dorpskalender,
.wp-block-buttons.is-layout-flex,
.inlogformulier p
	{display: flex;}

.inlogformulier p
	{flex-flow: column;}

p.datum-dorpskalender
	{flex-flow: column wrap;}

.row-end
	{justify-content: flex-end;}

.breadcrumbs
	{justify-content: flex-start;}

.row-center,
p.datum-dorpskalender
	{justify-content: center;}

.single footer.wp-block-group aside
	{justify-content: space-between;}

nav.footer
	{justify-content: space-around;}

.breadcrumbs
	{flex-wrap: wrap;}

/* DISPLAY BLOCK + INLINE */

.activiteit-datum span,
.datum-dorpskalender span,
.single .activiteit-datum > *,
.dorpskalender-datums p span,
.box a.link-info,
.search .wp-block-query ul li.wp-block-post a,
footer .wp-block-query:not(.overzicht-deelnemers) ul:not(.dorpskalender):not(.opsomming) li,
footer .wp-block-query:not(.overzicht-deelnemers) ul:not(.dorpskalender):not(.opsomming) li a,
footer .wp-block-query:not(.overzicht-deelnemers) ul:not(.dorpskalender):not(.opsomming)
	{display: block;}

.button,
.hoofdletter,
form.laposta label
	{display: inline-block;}

p.icon-adres span.adres
	{display: inline;}

article.box
	{page-break-inside: avoid;}

/*** LAYOUT ***/

/* header */
header section figure
	{margin: 0;
	padding: calc(var(--wp--style--block-gap) / 3) 0;
	display: grid;
  	align-items: center;}

header section figure.wp-block-image a
	{width: 100%;}

header section nav.primair-menu
	{grid-column: span 1;
	margin-top: calc(var(--wp--style--block-gap) / 2);}

header section nav.wp-block-navigation ul li a
	{padding: calc(var(--wp--style--block-gap) / 3);}	

header section figure
	{grid-row: span 2;}

/* blog & archive */
.wp-block-query ul li.wp-block-post a
	{display: grid;
 	grid-template-columns: calc(var(--wp--style--block-gap) * 3) calc(var(--wp--style--block-gap) * 3) auto calc(var(--wp--style--block-gap) * 1.7);
	grid-template-rows: calc(var(--wp--style--block-gap) * 1.7) calc(var(--wp--style--block-gap) * 3.3) calc(var(--wp--style--block-gap) * 1.5) auto;} 

.wp-block-query ul li.wp-block-post a > figure.wp-block-post-featured-image
	{order: 0;
	grid-column: span 2;
	grid-row: span 3;}

.wp-block-query ul li.wp-block-post a:before
	{order: 1;
	place-self: end;
	grid-column: span 2;
	grid-row: span 1;}

.wp-block-query ul li.wp-block-post a > *
	{order: 2;}

.wp-block-query ul li.wp-block-post h2
	{grid-column: span 2;
	grid-row: span 1;
	align-self: end;}
	
.wp-block-query ul li.wp-block-post p.activiteit-datum
	{grid-column: span 2;
	grid-row: span 1;
	align-self: end;}
	
.wp-block-query ul li.wp-block-post p.wp-block-post-excerpt__excerpt
	{grid-column: span 3;
	grid-row: span 1;}

.wp-block-query ul li.wp-block-post p.text-end.lees-meer
	{grid-column: span 1;
	grid-row: span 1;
	align-self: end;}

/* dorpskalender */
.wp-block-query ul.dorpskalender li a
	{display: grid;
 	grid-template-columns: calc((var(--wp--style--block-gap) * 2.5) + (var(--wp--style--block-gap) / 7)) 
		calc(var(--wp--style--block-gap) * 4)
		auto 
		calc(var(--wp--style--block-gap) * 1.7);
	grid-template-rows: calc((var(--wp--style--block-gap) * 2.5) + (var(--wp--style--block-gap) / 7)) 
		auto 
		calc(var(--wp--style--block-gap) * 3);} 
	
.wp-block-query ul.dorpskalender li aside.top-box
	{grid-column: span 4;
	grid-row: span 1;}

.wp-block-query ul.dorpskalender li figure
	{grid-column: span 2;
	grid-row: span 2;}

.wp-block-query ul.dorpskalender li header
	{grid-column: span 2;
	grid-row: span 1;
	align-self: end;}

.wp-block-query ul.dorpskalender li aside.dorpskalender-datums
	{grid-column: span 2;
	grid-row: span 1;}

.wp-block-query ul.dorpskalender li div
	{grid-column: span 2;
	grid-row: span 1;}

.wp-block-query ul.dorpskalender aside.row-center
	{flex-flow: wrap;
	justify-content: flex-start;
	align-content: flex-end;}

footer ul.dorpskalender p.datum-dorpskalender
	{width: calc(var(--wp--style--block-gap) * 3);}


main p:not(.has-text-align-center):not(.has-text-align-right),
main h2:not(.has-text-align-center):not(.has-text-align-right),
main h3:not(.has-text-align-center):not(.has-text-align-right),
main ol li,
main ul li,
form.wp-block-search,
.aanmeldformulier:not(.nieuwsbericht):not(.fotowedstrijd),
.maxwidth_gap45
	{max-width: calc(var(--wp--style--block-gap) * 45);}

main aside.banner-profiel > *
	{max-width: 100%;}

.overzicht-deelnemers figure.wp-block-post-featured-image
	{max-width: calc(var(--wp--style--block-gap) * 10);}
	
form.laposta label
	{width: calc(var(--wp--style--block-gap) * 5);}

.aanmeldformulier form.laposta label
	{width: calc(var(--wp--style--block-gap) * 6);}

form.laposta input
	{width: calc(100% - (var(--wp--style--block-gap) * 5) - (var(--wp--style--block-gap) / 2));}

.aanmeldformulier form.laposta input
	{width: calc(100% - (var(--wp--style--block-gap) * 6) - (var(--wp--style--block-gap) / 2));}

form.laposta input[type="submit"],
.datum-dorpskalender,
figure.aligncenter,
form.wp-block-search
	{width: 100%;}

body.single-princenhage-in-beeld figure.wp-block-image img
	{object-fit: contain;
  	object-position: left;
	max-height: 600px;}

.inlogformulier
	{max-width: 400px;
	width: 100%;}

.max-width_300px
	{max-width: 400px;}

.maxheight400px img
	{max-height: 400px;
	width: auto;}

input[type="checkbox"]
{min-width: 20px;
min-height: 20px;}

/* FOTOBANNER */
.fotobanner .box
	{max-width: 350px;}

.wp-block-post-excerpt__more-text a
	{width: calc(var(--wp--style--block-gap) * 2);
	height: calc(var(--wp--style--block-gap) * 2);}

p.datum-dorpskalender
	{height: calc(var(--wp--style--block-gap) * 2.5);}

.dorpskalender aside.top-box
	{height: calc((var(--wp--style--block-gap) * 2.5) + (var(--wp--style--block-gap) / 7));}

.video-staand figure
	{max-width: 40vh;
	width: 100%;
	margin-left: auto;
	margin-right: auto;}

/* OVERFLOW + POSITION */


/* PADDING */

.aanmeldformulier,
.aanmeldformulier.has-global-padding,
.padding,
.inlogformulier
	{padding: var(--wp--style--block-gap);}

.box.padding
	{padding: calc(var(--wp--style--block-gap) / 2) var(--wp--style--block-gap);}

input[type="submit"], 
button[type="submit"],
.button a,
form.wp-block-search,
.lees-meer:after,
.single .sidebar ul li.wp-block-post,
.wp-block-query:not(.overzicht-deelnemers) ul:not(.dorpskalender):not(.opsomming) li,
.box .top-box,
.overzicht-deelnemers ul div.samenvatting,
.inlogformulier .login-error
	{padding: calc(var(--wp--style--block-gap) / 2);}

input, textarea,
.inlogformulier input
	{padding: calc(var(--wp--style--block-gap) / 3) calc(var(--wp--style--block-gap) / 2);}

h3.datum-top
	{padding-top: calc(var(--wp--style--block-gap) / 3);
	padding-bottom: calc(var(--wp--style--block-gap) / 3);}

.paddingtopbottom2,
.kalender-ovp-activiteiten p
	{padding-top: calc(var(--wp--style--block-gap) * 2);
	padding-bottom: calc(var(--wp--style--block-gap) * 2);}

.paddingtop,
footer.wp-block-group,
nav.footer,
.entry-content aside .wp-block-query ul,
.page-template-wp-custom-template-page-no-title div.breadcrumbs
	{padding-top: var(--wp--style--block-gap);}

.border-top,
.paddingtop2,
.page-template header.wp-block-group
	{padding-top: calc(var(--wp--style--block-gap) * 2);}

.single .taxonomy-post_tag,
.wp-block-query ul li.wp-block-post a p.wp-block-post-excerpt__excerpt
	{padding-top: calc(var(--wp--style--block-gap) / 2);}

.paddingbottom2,
footer.wp-block-group,
nav.footer,
.page-template header.wp-block-group
	{padding-bottom: calc(var(--wp--style--block-gap) * 2);}

.gsection_title
	{padding-bottom: calc(var(--wp--style--block-gap) / 2);}

.single .activiteit-datum > span:last-child
	{padding-bottom: calc(var(--wp--style--block-gap) / 3);}

.datum-dorpskalender .hele-kleine-letters
	{padding-left: calc(var(--wp--style--block-gap) / 3);}

.wp-block-query ul.dorpskalender h2,
.wp-block-query ul.dorpskalender h3:not(.dorpskalender-categorie)
	{padding-right: calc(var(--wp--style--block-gap) / 3);}

ul.opsomming
	{padding-left: calc(var(--wp--style--block-gap) * .8);}

span.postcode,
p.icon-adres span.adres span
	{padding-left: calc((var(--wp--style--block-gap) * 1.2) + (var(--wp--style--block-gap) / 5));}

.single .activiteit-datum > *
	{padding-left: calc(var(--wp--style--block-gap) / 2);
	padding-right: calc(var(--wp--style--block-gap) / 2);}

aside.dorpskalender-datums p.lees-meer
	{padding-right: calc(var(--wp--style--block-gap) / 3);
	padding-bottom: calc(var(--wp--style--block-gap) / 3);}



/*** MARGES ZIJKANT ***/
.has-global-padding,
header section,
footer section,
header.wp-block-group h1:not(.nopadding),
header.wp-block-group aside,
.single main > section,
.single-vraag .entry-content,
section.wp-block-query:not(.nopadding_ul) ul:not(.opsomming):not(.bestuur),
.page-id-9292 div.entry-content /* page Aogse Uitloper */,
.single footer.wp-block-group > aside,
aside.header > div,
div.wp-block-term-description,
form.post-password-form /* uitgezet 20 mei 2024 > aangezet op 1 aug 2024 */
	{padding-left: var(--has-global-padding);
	padding-right: var(--has-global-padding);}

/* PADDING 00000 */
.wp-block-query ul,
footer .wp-block-query:not(.overzicht-deelnemers) ul:not(.dorpskalender):not(.opsomming) li
	{padding: 0;}

body.single-princenhage-in-beeld main > section .altijd_vijf.has-global-padding
	{padding-left: 0;
	padding-right: 0;}

/* MARGIN */

p, h3,
.breadcrumbs div,
form.laposta,
input[type="submit"],
.single .entry-content .twee,
.breadcrumbs
	{margin-top: var(--wp--style--block-gap);}

.single .entry-content h2,
.single .entry-content h3,
.margintop2,
div.aanbod-profiel,
.fotobanner .box
	{margin-top: calc(var(--wp--style--block-gap) * 2);}

nav.footer,
footer section.wp-block-group h4,
.single div.taxonomy-post_tag,
.margintop3,
figure.wp-block-gallery,
hr.wp-block-separator
	{margin-top: calc(var(--wp--style--block-gap) * 3);}

div.wp-block-query div.wp-block-post-date,
.wp-block-query h2:not(.margintop3):not(.margintop2),
.wp-block-query h3:not(.margintop3):not(.margintop2),
aside.date-category,
.entry-content p:not(.margintop3):not(.marginbottom2):not(.datum-dorpskalender):not(.button),
aside.header .datum,
.wp-block-query .wp-block-post-excerpt
	{margin-top: calc(var(--wp--style--block-gap) / 3);}

.wp-block-query ul.dorpskalender li h3.ondertitel,
.dorpskalender aside.dorpskalender-datums 
	{margin-top: calc(var(--wp--style--block-gap) / 4);}

p,
.single .sidebar ul li.wp-block-post,
section.wp-block-query ul
	{margin-bottom: var(--wp--style--block-gap);}

.startpagina > *,
.wp-block-query h3.has-text-align-center,
.fotobanner .box,
.marginbottom2
	{margin-bottom: calc(var(--wp--style--block-gap) * 2);}

section.wp-block-query ul,
.marginbottom3,
figure.wp-block-gallery,
.single-profiel .entry-content > figure.wp-block-gallery,
.single-profiel .entry-content > figure.wp-block-image,
hr.wp-block-separator
	{margin-bottom: calc(var(--wp--style--block-gap) * 3);}

.margin-bottom_05,
aside.datum,
footer section.wp-block-group h4,
.sidebar h4,
h3,
label, input,
.wp-block-search__button.wp-element-button,
ul.dorpskalender h3.datum-top
	{margin-bottom: calc(var(--wp--style--block-gap) / 2);}

aside.header > div:last-child
	{margin-bottom: calc(var(--wp--style--block-gap) / 3);}

.wp-block-query ul.dorpskalender figure.wp-block-post-featured-image
	{margin-top: calc(var(--wp--style--block-gap) / 4);
	margin-right: 0;
	margin-bottom: calc(var(--wp--style--block-gap) / 4);
	margin-left: calc(var(--wp--style--block-gap) / 4);}

.overzicht-deelnemers ul figure.wp-block-post-featured-image
	{margin-top: calc(var(--wp--style--block-gap) / 4);
	margin-right: 0;
	margin-bottom: 0;
	margin-left: calc(var(--wp--style--block-gap) / 4);}

.alignright
	{margin-left: auto;}

/* MARGIN 00000 */
blockquote,
footer .wp-block-query:not(.overzicht-deelnemers) ul:not(.dorpskalender):not(.opsomming) li h4
	{margin: 0;}

header.wp-block-group h1,
.activiteit-datum h3,
.breadcrumbs p, .breadcrumbs div,
.activiteit-single .samenvatting p,
.activiteit-single .wp-block-post-excerpt,
.wp-block-query h2:not(.marginbottom3):not(.marginbottom2), 
.top-box h2,
.wp-block-query ul li.wp-block-post a p,
.wp-block-query ul.dorpskalender li a p,
.overzicht-deelnemers ul li p
	{margin-top: 0;
	margin-bottom: 0;}

.no_margin-top, .nomargintop,
.sidebar ul.wp-block-categories,
.sidebar h4:first-child,
section.wp-block-query ul,
.wp-block-query li:not(.category-advertentie) h3,
.page-template-wp-custom-template-page-no-title div.breadcrumbs
	{margin-top: 0;}

.nomarginbottom,
.single h1.wp-block-post-title,
.entry-content h2:not(.marginbottom3):not(.marginbottom2), 
.wp-block-query h3:not(.marginbottom3):not(.marginbottom2),
:where(.wp-block-post-excerpt),
.aanmeldformulier.nieuwsbericht .gfield_html p
	{margin-bottom: 0;}

/* IMAGES */
.vier.profielen figure.profiel-foto.wp-block-image /* intern > leden */
	{aspect-ratio: 1;
	display: flex;
	overflow: hidden;}

.wp-block-query figure.wp-block-post-featured-image a img,
.wp-block-query figure.wp-block-post-featured-image img
	{object-fit: cover;
	object-position: center;
  	height: 100%;
  	max-width: 100%;
  	vertical-align: bottom;
  	width: 100%;}

.wp-block-query.overzicht-deelnemers figure.wp-block-post-featured-image img
	{object-fit: contain;}

.vier.profielen figure.profiel-foto.wp-block-image img
	{object-fit: cover;
	max-width: 100%;
	width: 100%}

/* HEADER PAGE DROPDOWN */

aside.dorpskalender-opties
	{position: relative;
	height: calc(var(--wp--style--block-gap) * 3.2);
	margin-top: calc(var(--wp--style--block-gap) * 2);
	margin-bottom: var(--wp--style--block-gap);}

aside.dorpskalender-opties div
	{z-index: 2;
	cursor: default;
	width: calc(var(--wp--style--block-gap) * 13);
	margin-right: calc(var(--wp--style--block-gap) * 2);
	background: var(--wp--preset--color--base);
	height: max-content;}

aside.dorpskalender-opties ul 
	{padding-left: 0;}

aside.dorpskalender-opties ul li
	{list-style: none;}

aside.dorpskalender-opties a
	{display: inline-block;
	width: 100%;
	text-decoration: none;}

aside.dorpskalender-opties h4
	{padding: calc(var(--wp--style--block-gap) / 2);
	line-height: 2;} 

aside.dorpskalender-opties ul li a
	{padding: calc(var(--wp--style--block-gap) / 4) calc(var(--wp--style--block-gap) / 2);}

aside.dorpskalender-opties h4::after
	{height: calc(var(--wp--style--block-gap) * 1.8);
	width: calc(var(--wp--style--block-gap) * 1.8);
	display: block;
	float: right;
	margin-top: calc(var(--wp--style--block-gap) / 5)}

aside.dorpskalender-opties h4, 
aside.dorpskalender-opties div ul,
aside.dorpskalender-opties p,
main aside.banner-profiel > *
	{margin-top: 0;
	margin-bottom: 0;}

aside.dorpskalender-opties ul li
	{display: none;}

aside.dorpskalender-opties div:hover ul li
	{display: block;}

aside.dorpskalender-opties div:hover h4::after
	{transform: rotate(90deg);}


/*** DISPLAY : NONE ***/
.displaynone,
span.display_none,
body.logged-in .ondernemer-displaynone,
body:not(.logged-in) .ondernemer-ingelogd,
.icon-zoeken span.wp-block-navigation-item__label,
p.text-end.lees-meer span,
button.wp-block-navigation__responsive-container-open svg,
button.wp-block-navigation__responsive-container-close svg,
.search header.wp-block-template-part nav.headermenu li:last-child,
li.wp-block-navigation-item.desktop_display,
/* SINGLE POST */
body.single aside.sidebar
	{display: none;}