/* GRID */
.twee,
.drie,
.vier,
.twee_3,
.kolom2,
.kolom2_3,
.columns-2 /* gallery */,
.columns-3 /* gallery */,
.columns-4 /* gallery */,
.columns-5 /* gallery */,
.wp-block-query ul:not(.lijst),
.logo /* header */,
.tablet_drie,
.header-row,
.fotogallery,
.tslider a.item,
form.laposta,
.zoeken,
.row-gap,
.place-items-center,
.activiteit.slider-item
	{display: grid;}

.header-row /* header */
	{grid-template-columns: calc(var(--wp--style--block-gap) * 12) auto;}

.wp-block-query ul.zoekresultaten
	{grid-template-columns: 1fr;}

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


/* FLEX */
.flex,
.top-header nav ul.wp-block-navigation__container,
footer ul li.wp-block-post,
.item figure a,
#aanmelden #input_1_7 /* KCR aanmelden */,
#aanmelden #input_4_18 /* KCR aanmelden */
	{display: flex;}

.breadcrumbs
	{flex-wrap: wrap;}

.flex-column,
form .flex-column .gfield_radio
	{flex-flow: column;}

/* GAP */
.logo /* header */,
.top-header nav ul.wp-block-navigation__container,
footer nav.footer-buttons ul,
.fotogallery,
#aanmelden #input_1_7 /* KCR aanmelden */,
#aanmelden #input_4_18 /* KCR aanmelden */,
form.laposta,
.zoeken
	{gap: calc(var(--wp--style--block-gap) / 2);}

.twee,
.twee_3,
.drie,
.kolom2_3,
.kolom2,
.vier,
.columns-2 /* gallery */,
.columns-3 /* gallery */,
.columns-4 /* gallery */,
.columns-5 /* gallery */,
.wp-block-query ul,
.tablet_drie,
.wp-block-buttons
	{gap: calc(var(--wp--style--block-gap) * 2);}

.activiteit.slider-item
	{gap: var(--wp--style--block-gap);}

.row-gap
	{row-gap: calc(var(--wp--style--block-gap) * 2);}

.norowgap,
.flex-column .gfield_radio
	{row-gap: 0;}

/* ALIGNMENT */

.top-header nav.items-justified-left ul.wp-block-navigation__container
	{justify-content: flex-start;}

aside.logo,
.align-items-center,
.activiteit.slider-item
	{align-items: center;}

.align-items-end
	{align-items: end;}

.align-content-end
	{align-content: end;}

.is-content-justification-center
	{justify-content: center;}

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

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

.zoeken
	{place-content: end;}


form.laposta input[type="submit"]
	{place-self: end;}

/* INLINE */
footer ul li h4.wp-block-post-title
	{display: inline;}


/* WIDTH */
p
{max-width: calc(var(--wp--style--block-gap) * 50);}

.wp-block-post-featured-image img 
	{box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
	width: 100%;}

figure.wp-block-gallery figure,
iframe.iframe-size
	{width: 100% !important;}

.logo figure img,
figure.wp-caption
	{max-width: 100px;}

form.post-password-form input[type="password"]
	{max-width: 400px;}

footer nav.footer-buttons ul,
.wp-block-search
	{max-width: 800px;}

.tablet_drie h3.has-background
	{min-height: calc(var(--wp--style--block-gap) * 10);}

iframe.iframe-size
	{min-height: 80vh;
	max-width: 800px;}

/* PADDING */
h1.has-background, 
h2.has-background, 
h3.has-background, 
h4.has-background, 
h5.has-background, 
h6.has-background,
p.has-background,
.tslider a.item h2
	{padding: calc(var(--wp--style--block-gap) * .5);}

.blockpadding15,
.activiteit.slider-item
	{padding: calc(var(--wp--style--block-gap) * 1.5);}


.blockpadding,
span.button-link
	{padding: calc(var(--wp--style--block-gap) * .25);}

header .wp-block-navigation a.wp-block-navigation-item__content,
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input
	{padding-top: calc(var(--wp--style--block-gap) * .3);
	padding-bottom: calc(var(--wp--style--block-gap) * .3);
	padding-left: calc(var(--wp--style--block-gap) * 1.3);
	padding-right: calc(var(--wp--style--block-gap) * 1.3);}

input[type="submit"], 
.button
	{padding: calc(var(--wp--style--block-gap) * .4) calc(var(--wp--style--block-gap) * .8);}

.wp-block-search__input
	{padding: calc(var(--wp--style--block-gap) * .2) calc(var(--wp--style--block-gap) * .3);}

header.wp-block-template-part
	{padding-top: calc(var(--wp--style--block-gap) / 2);
	padding-bottom: calc(var(--wp--style--block-gap) * .8);}

.post_info,
.breadcrumbs
	{padding-top: calc(var(--wp--style--block-gap) * 1.5);
	padding-bottom: calc(var(--wp--style--block-gap) * 1.5);}

.paddingtopbottom2,
.kolom2_3,
.wp-block-search,
.page-id-29 #agenda,
#gform_drag_drop_area_5_16
	{padding-top: calc(var(--wp--style--block-gap) * 2);
	padding-bottom: calc(var(--wp--style--block-gap) * 2);}

.paddingtopbottom1
	{padding-top: var(--wp--style--block-gap);
	padding-bottom: var(--wp--style--block-gap);}

figure.table-datums table td
	{padding-top: calc(var(--wp--style--block-gap) * .15);
	padding-bottom: calc(var(--wp--style--block-gap) * .15);}

.paddingtop2,
form#gform_1, form#gform_4
	{padding-top: calc(var(--wp--style--block-gap) * 2);}


.paddingtop05,
.wp-block-query .wp-block-post-title.paddingtop05,
figcaption
	{padding-top: calc(var(--wp--style--block-gap) * .5);}

header aside.logo
	{padding-bottom: calc(var(--wp--style--block-gap) * .5);}

.paddingbottom
	{padding-bottom: var(--wp--style--block-gap);}

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

.paddingbottom4
	{padding-bottom: calc(var(--wp--style--block-gap) * 4);}

.paddingbottom6
	{padding-bottom: calc(var(--wp--style--block-gap) * 6);}

article.borderleft
	{padding-left: calc(var(--wp--style--block-gap) * 1.3);}

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

.star
	{padding-left: calc(var(--wp--style--block-gap) * .5);
	padding-right: calc(var(--wp--style--block-gap) * .5);}

footer ul li:before
	{padding-right: calc(var(--wp--style--block-gap) * .3);}

/* MARGES ZIJKANT */
.has-global-padding,
.parent-pageid-6376 div.entry-content,
form.post-password-form
	{padding-left: var(--has-global-padding);
	padding-right: var(--has-global-padding);}

.has-global-padding:has(.has-global-padding)
	{padding-left: unset;
	padding-right: unset;}

/* padding 0000 */
.paddingtop0,
.wp-block-query .wp-block-post-title
	{padding-top: 0;}

.wp-block-query .wp-block-post-title
	{padding-bottom: 0;}

.wp-block-query ul,
footer ul
	{padding-left: 0;}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper),
.breadcrumbs > *,
.post_info *:not(.star)
	{padding: 0;}

figure.table-datums table td
	{padding-left: 0;
	padding-right: 0;}



/* MARGIN */
.margin05
	{margin: calc(var(--wp--style--block-gap) * .5);}

.margintop
	{margin-top: calc(var(--wp--style--block-gap) * 1);}

form.post-password-form input[type="submit"]
	{margin-top: calc(var(--wp--style--block-gap) * 1.5);
	margin-bottom: calc(var(--wp--style--block-gap) * 2.5);}

.margintopbottom2,
.gfield.margintopbottom2
	{margin-top: calc(var(--wp--style--block-gap) * 2);
	margin-bottom: calc(var(--wp--style--block-gap) * 2);}

.tslide-outer 
	{margin-top: calc(var(--wp--style--block-gap) * 1.5);
	margin-bottom: calc(var(--wp--style--block-gap) * 1.5);}

hr.wp-block-separator,
h2.wp-block-heading
	{margin-top: calc(var(--wp--style--block-gap) * 0.5);}

.margintop3,
.wp-block-heading.margintop3,
footer.post_info
	{margin-top: calc(var(--wp--style--block-gap) * 3);}

.marginbottom2
	{margin-bottom: calc(var(--wp--style--block-gap) * 2);}

.gfield,
form.laposta h3.grid100
	{margin-bottom: calc(var(--wp--style--block-gap) * .8);}

.marginbottom3
	{margin-bottom: calc(var(--wp--style--block-gap) * 3);}

.wp-block-social-links .wp-block-social-link.wp-social-link
	{margin-left: calc(var(--wp--style--block-gap) * .5);
	margin-right: calc(var(--wp--style--block-gap) * .5);}

.marginright05,
form.post-password-form input[type="password"]
	{margin-right: calc(var(--wp--style--block-gap) * .5);}

ul.wp-block-list li:before
	{margin-left: calc(var(--wp--style--block-gap) * -1.2);
	margin-right: calc(var(--wp--style--block-gap) * .4);}


.aligncenter
	{margin-left: auto;
	margin-right: auto;}

/* margin 0000 */
.nomargintopbottom,
.subheading,
.twee h3,
.tablet_drie h3,
.content_nomargin > p,
.content_nomargin > h1,
.breadcrumbs > *,
.post_info > *,
p.wp-block-site-title a,
p.wp-block-site-title
	{margin-top: 0;
	margin-bottom: 0;}


.nomargintop
	{margin-top: 0;}

.nomarginbottom
	{margin-bottom: 0;}


/* PAGE & ARCHIVE HEADER DROPDOWN */
aside.dropdown-opties
	{position: relative;
	height: calc(var(--wp--style--block-gap) * 3);
	margin-bottom: calc(var(--wp--style--block-gap) * 2);}

aside.dropdown-opties div
	{z-index: 2;
	cursor: default;
	width: 100%;
	max-width: calc(var(--wp--style--block-gap) * 12);
	margin-right: calc(var(--wp--style--block-gap) * 3);}

aside.dropdown-opties ul li a
	{padding-left: calc(var(--wp--style--block-gap) * 1.5);
	padding-right: calc(var(--wp--style--block-gap) * 1.5);
	display: inline-block;
	padding-top: calc(var(--wp--style--block-gap)  / 2);
	padding-bottom: calc(var(--wp--style--block-gap)  / 2);}

aside.dropdown-opties ul	
	{margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	width: 100%;
	transition-duration: 120ms;}

aside.dropdown-opties div ul,
aside.dropdown-opties h4
	{background-color: var(--wp--preset--color--groen-05);}

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

aside.dropdown-opties h4
	{display: flex;
	justify-content: start;
	align-items: center;
	margin-top: 0;
	margin-bottom: 0;
	height: calc(var(--wp--style--block-gap) * 3);
	padding-top: 0;
	padding-bottom: 0;
	padding-left: calc(var(--wp--style--block-gap) * 1.5);
	padding-right: calc(var(--wp--style--block-gap) * .9);}

aside.dropdown-opties h4::after
	{height: calc(var(--wp--preset--font-size--medium) * 1.1);
	width: calc(var(--wp--preset--font-size--medium) * 1.1);
	padding: calc(var(--wp--preset--font-size--medium) * .2);
	display: inline-block;
	margin-left: calc(var(--wp--style--block-gap) / 2);
	line-height: .5;
	text-align: center;
	content:"⤸";
	font-size: calc(var(--wp--preset--font-size--medium) * 2.1);
	transform: rotate(300deg);}

aside.dropdown-opties ul	
	{opacity: 0.5;
	display: none;
	transition: opacity 5s ease-out;}

aside.dropdown-opties div:hover ul 
	{opacity: 1;
	display: block;}

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


/* IMAGES */
img.attachment-post-thumbnail
	{aspect-ratio: 4/3; 
	object-fit:cover;} 

.activiteit.slider-item figure.wp-block-image
{aspect-ratio: 1;}

.activiteit.slider-item figure.wp-block-image img.attachment-post-thumbnail
	{object-fit:cover;
	display: flex;
	height: 100%;
  width: 100%;}

/* SLIDER */


.tslider a.item
	{aspect-ratio: 1;}

.tslider a.item
	{grid-template-columns: 1fr;
	grid-template-rows: 2fr 1fr;}

.tslider a.item h2
	{grid-row-start: 1;
	grid-row-end: 2;
	grid-column-start: 1;
	position: relative;
	z-index: 1;
	color: var(--wp--preset--color--base);
	margin: 0;
	background-image: linear-gradient(to top, rgba(var(--wp--preset--color--contrast-rgb),0), rgba(var(--wp--preset--color--contrast-rgb),0.5));}

.tslider a.item p
	{grid-row-start: 2;
	grid-row-end: 3;
	grid-column-start: 1;
	position: relative;
	z-index: 1;
	place-self: end;
	margin: calc(var(--wp--style--block-gap) * 1.2) calc(var(--wp--style--block-gap) * 0.9);}

.tslider a.item figure
	{grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	position: relative;
	z-index: 0;
	display: flex;}

.tslider a.item:after
	{content: '';
	background-color: var(--wp--preset--color--groen);
	grid-row-start: 1;
	grid-row-end: 4;
	grid-column-start: 1;
	position: relative;
	z-index: 0;
	opacity: 0.7;}

.tslider a.item figure img
	{filter: grayscale(1);
	border-radius: 0;
	width: 100% /* fix safari */;
    min-height: 100% /* fix safari */;}

.tslider a.item:hover h2,
.tslider a.item:hover:after
	{display: none;}

.tslider a.item:hover figure img
	{filter: grayscale(0);}

.tangible-slider.tslider
	{height: auto !important;
	display: flex;}

#activiteiten-slider .tslider-action
	{margin-top: 38px;
	display: flex;
  	justify-content: end;}

#activiteiten-slider .tslider-action > a
	{position: relative;
	margin-top: -32px;
	opacity: .7;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	filter: invert(1)}

.tslider-action > .tslider-prev
	{left: -5px;}

.tslider-action > .tslider-next
	{right: 2px;}

#activiteiten-slider .tslider-action > a:hover
	{opacity: 1;}

/*** LAYOUT TABLE ***/

.wp-block-table.table-datums
 {overflow-x: unset;}

.wp-block-table.table-datums td
	{vertical-align: top;}


/* table users */

table.table_users
	{display: grid;
	border-collapse: collapse;
	grid-template-columns: 
	minmax(35px, 2em)
    	minmax(220px, auto)
    	minmax(60px, auto)
		minmax(155px, auto)
		minmax(200px, auto)
		minmax(250px, auto)
		minmax(110px, auto)
		minmax(200px, auto)
	minmax(35px, 2em);
	overflow-x: hidden;
	overflow-y: auto;
    height: 70vh;
	border: solid 2px var(--wp--preset--color--groen, gray); }

.scroll-x table.table_users
	{min-width: 1275px;
	width: auto;}

table.table_users thead, 
table.table_users tbody, 
table.table_users tr, 
table.table_users tfoot
	{display: contents;}

table.table_users th,
table.table_users th button,
table.table_users td
	{padding: 0.2em;
	text-align: start;
	font-size: 1rem;
	font-weight: normal;
	color: var(--wp--preset--color--contrast, black);}

table.table_users thead tr th
	{position: sticky;
	top: 0;}

table.table_users tfoot tr
	{width: 100%;
	position: sticky;
	bottom: 0;}

table.table_users th
	{background: var(--wp--preset--color--groen, gray);
	color: var(--wp--preset--color--base, white);
	font-weight: 600;}

.table_button
	{cursor: pointer;}

.table_button::after
	{content: "⇅";
	font-size: 1.3em;
	padding-left: 0.2em;
	opacity: 0.7;
	color: var(--wp--preset--color--base, white);}

.table_button.active::after
	{opacity: 0.2;}

a.verwijderen
	{box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	line-height: 0;
	height: 1.2rem;
	width: 1.2rem;
	padding-bottom: 0.2rem;}

table.adressen
	{grid-template-columns: 
		minmax(1em, 2em)
		minmax(auto, 2fr)
		minmax(auto, 2fr)
		minmax(4em, 2fr)
		minmax(3em, 1fr);
	counter-reset: rowNumber;}

table.adressen.drie_kolommen
	{grid-template-columns: 
		minmax(1em, 2em)
		minmax(auto, 2fr)
		minmax(3em, 1fr);
	counter-reset: rowNumber;}

table.adressen td,
table.adressen th
	{padding-left: 0.5em;
	padding-right: 0.5em;}

table.adressen tr > td:first-child
	{counter-increment: rowNumber;
	background: var(--wp--preset--color--groen-05);
	text-align: center;}

table.adressen tr td:first-child::before 
	{content: counter(rowNumber);}

/* Updated users - frontend */

table.user-informatie
	{width: 25em;}

table.user-informatie th
	{padding-top: 1em;}

table.user-informatie tr td
	{width: auto;}

table.user-informatie tr td.informatie-key
	{max-width: 8em;}

/* TABLE COLORS */
.table_users tr:nth-child(even) td
	{background-color: var(--wp--preset--color--groen-05);}

/* DISPLAY : NONE */
.wp-block-search__label,
.gfield--type-honeypot,
.gform_required_legend,
.gform-field-label--type-sub,
.single-photopage footer.post_info p,
footer ul li.post-password-required,
footer ul li.post-password-protected
	{display: none;}