/******* LAYOUT *******/

/* GRID */

.grid,
.wp-site-blocks,
header.wp-block-template-part,
footer.wp-block-template-part,
.single main, .page-info,
.single header.wp-block-group,
.header-foto,
.page-info header.wp-block-group,
.wp-block-post-content,
ul.agenda-overzicht,
.twee, .twee_naar_drie,
.drie, .vier, .zes,
.drie_2, .twee_3,
.twee_1_2,
.gevonden-items ul.wp-block-post-template,
.emailformulier,
main ul.wp-block-post-template,
ul.loop-items,
.wp-block-search__inside-wrapper,
p.test-button,
ul.loop-items li.les,
section.modules.loop-items.drie article
    {display: grid;}

.wp-site-blocks
	{grid-template-columns: 1fr;
	width: auto;
	padding-left: 0;
	padding-right: 0;}

/* SITE HEADER + FOOTER */

header.wp-block-template-part
	{grid-template-columns: 150px auto;
	height: 70px;
	align-items: start;}

/* header.wp-block-template-part nav
	{height: 70px;} */

header.wp-block-template-part
	{z-index: 3;}

header.frontpage.wp-block-template-part,
footer.wp-block-template-part
	{grid-template-columns: 1fr;}

header.frontpage.wp-block-template-part
	{height: auto;
	align-items: center;}

/* GRID columns */

.wp-block-search__inside-wrapper
	{grid-template-columns: auto auto;}	

.twee_drie,
.vier,
p.test-button
	{grid-template-columns: 1fr 1fr;}		

.zes /* logo's */
	{grid-template-columns: 1fr 1fr 1fr;}

.twee_drie .grid2,
.twee_naar_drie .grid100,
.form-textarea
	{grid-column: span 2;}

.twee_drie,
.drie_2,
.twee_3,
.twee_1_2,
.twee_naar_drie,
.gridgap,
.header-foto,
main ul.wp-block-post-template,
ul.loop-items,
.wp-block-search__inside-wrapper,
p.test-button,
section.modules.loop-items.drie
	{grid-gap: var(--wp--style--block-gap);}

/* uitgezet 30 maart 2023
.single-ervaring main,
.single-activiteit main,
.single-product main
	{row-gap: calc(var(--wp--style--block-gap) * 2);} */

.gridcenter,
.header-foto
	{align-items: center;}

.placecenter
	{place-items: center;}

.wp-block-search__inside-wrapper .wp-block-search__button
	{place-self: start;}

header figure.foto-rechts
	{place-self: end;}

/* footer */

footer.wp-block-template-part
	{gap: var(--wp--style--block-gap);
	grid-template-columns: 1fr;}

footer.wp-block-template-part ul.wp-block-navigation__container
	{gap: 0;}

.bottom-menu ul.wp-block-navigation__container li a
	{padding-left: 0.5em;
	padding-right: 0.5em;
	border-left: solid 1px var(--wp--preset--color--foreground);}


/* ARCHIVE LES */
ul.loop-items li.les,
section.modules.loop-items.drie article
	{grid-template-areas: "afbeelding";
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;}

ul.loop-items li.les figure,
ul.loop-items li.les h2,
section.modules.loop-items.drie article figure,
section.modules.loop-items.drie article h2
	{grid-area: afbeelding;}

ul.loop-items li.les h2,
section.modules.loop-items.drie article h2
	{place-self: end;
	width: 100%;
	z-index: 1;}

/* FLEX */

header.wp-block-group p.activiteit-info,
header.wp-block-group div.excerpt-info
	{display: flex;
	justify-content: center;
	flex-direction: column;}

ul.socials
	{display: flex;
	justify-content: start;
	flex-direction: row;
	gap: var(--wp--style--block-gap);
	padding: 0;}

p.buttons
	{display: flex;
	justify-content: space-between;
	align-items: center;}

div.swpm-password-input-visibility,
div.swpm-remember-me
	{display: flex;
  align-items: start;}

/* BLOCK + INLINE */

.display-block
	{display: block;}

main footer div,
main footer div.wp-block-post-author,
main footer div .wp-block-post-author__name
	{display: inline;}

/* POSITION + OVERFLOW */

.wp-block-navigation__responsive-container-close 
	{top: 8px;}

.wp-block-site-logo,
header .wp-block-site-title 
	{z-index: 100001;}

.header-foto,
.wp-block-post-content
	{overflow: hidden;}


/* WIDTH & HEIGHT */

textarea,
input,
.wp-block-search__input
	{max-width: 600px;}

.max400px
	{max-width: 400px;}

p.test-button .reset-button
	{max-width: 13em;}

figure.post-thumbnail
	{width: 100%;}

figure.post-thumbnail img
	{width: 80%;
	object-position: right bottom;}

.wp-block-embed
	{min-width: 300px;
	width: 100%;}

h2.ondertitel,
h1.alignwide.wp-block-post-title
	{width: 100%;}

.swpm-login-widget-form
	{max-width: calc(20rem + (var(--wp--style--block-gap) * 4));}


/* PADDING & MARGIN */


/* padding */

.block_padding_all,
nav.wp-block-query-pagination
	{padding: calc(var(--wp--style--block-gap) * 2);}

ul.loop-items li:not(.les),
.page-id-31 ul.wp-block-post-template figure img
	{padding: var(--wp--style--block-gap);}

/* padding button & input*/
button,
input[type = submit],
.emailformulier input[type = submit],
.wp-element-button, .wp-block-button__link,
.aanmelden a, a.aanmelden
	{padding: 0.3em 0.6em;}

input,
input.wp-block-search__input,
.wp-block-navigation .wp-block-navigation-item__content.gratis a span,
.gratis a span
	{padding: 0.5em 0.4em;}

.aanmeldbutton a
	{padding: 1em 0 0.7em 0.7em;}

.emailformulier input,
span.dashicon-workshop:before
	{padding: 0.2em;}

/* padding gallery */
.wp-block-gallery,
main ul.wp-block-post-template.ervaringen li
	{padding-left: calc(var(--wp--style--block-gap) / 2);
	padding-right: calc(var(--wp--style--block-gap) / 2);
	padding-top: calc(var(--wp--style--block-gap) / 2);}

/* padding-top & padding-bottom */
.paddingbottomtop1,
footer.wp-block-template-part,
.swpm_profile_not_logged_in_msg
	{padding-top: var(--wp--style--block-gap);
	padding-bottom: var(--wp--style--block-gap);}

/* padding-top */
.paddingtop1,
h1.wp-block-post-title,
h1.wp-block-query-title,
aside.bottom-menu,
ul.wp-block-post-template li h2,
ul.wp-block-post-template.padding_blockgap,
main section.wp-block-post-template li h2,
main section.wp-block-post-template.padding_blockgap,
.page-id-493 .wp-block-post-content
	{padding-top: var(--wp--style--block-gap);}

main header,
.page-id-1237 h1.wp-block-post-title
	{padding-top: calc(var(--wp--style--block-gap) * 2);}

.paddingtop2,
.blok_padding h2.paddingtop2
	{padding-top: calc(var(--wp--style--block-gap) / 2);}

h2, h3,
header.wp-block-template-part
	{padding-top: calc(var(--wp--style--block-gap) / 4);}

/* padding-bottom */
.paddingbottom2,
footer .wp-block-separator,
h1.wp-block-post-title,
h1.wp-block-query-title,
.wp-block-post-content ul,
.wp-block-post-content form,
.single-les .wp-block-post-content,
.swpm-login-widget-logged,
main ul.wp-block-post-template:not(.ervaringen) li .wp-block-post-excerpt,
.ervaring .header-tekst.wp-block-post-excerpt
	{padding-bottom: var(--wp--style--block-gap);}

ul.loop-items,
section.modules.loop-items.drie
	{padding-bottom: calc(var(--wp--style--block-gap) * 2);}

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

h2.ondertitel,
footer h3,
.agenda h2, .rubrieken h3,
header.wp-block-group p.grid100,
.page-info h1.wp-block-post-title
	{padding-bottom: calc(var(--wp--style--block-gap) / 4);}
	

/* padding-left & padding-right */
.padding_blockgap,
header.wp-block-template-part,
footer.wp-block-template-part,
.wp-block-post-content p:not(.underlinenone),
.wp-block-post-content ul,
.wp-block-post-content form,
h1.wp-block-post-title,
h1.wp-block-query-title,
.wp-block-post-content h2,
.wp-block-post-content h3,
section.archive,
footer.wp-block-group,
.swpm-login-widget-logged,
.page-id-55 .wp-block-post-content,
.swpm_profile_not_logged_in_msg
	{padding-left: calc(var(--wp--style--block-gap) * 2);
	padding-right: calc(var(--wp--style--block-gap) * 2);}


main .wp-block-post-template:not(.ervaringen) li h2,
main .wp-block-post-template:not(.ervaringen) li h3,
main .wp-block-post-template:not(.ervaringen) li article,
main .wp-block-post-template:not(.ervaringen) li .wp-block-post-excerpt
	{padding-left: var(--wp--style--block-gap);
	padding-right: var(--wp--style--block-gap);}


/* NO PADDING */

.nopadding-top,
.loop-afbeelding h3,
.blok_padding h2
	{padding-top: 0;}

.bottom-menu ul .wp-block-site-title,
.nopaddingbottom,
aside.bottom-menu p,
p.test-question,
p.test-answer
	{padding-bottom: 0;}

h4.categorie-omschrijving,
nav.has-background ul.has-background
	{padding-top: 0;
	padding-bottom: 0;}

.nopadding-left,
ul.agenda-overzicht,
.rubrieken ul,
ul.loop-afbeelding
	{padding-left: 0;}

:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
.page-template-wp-custom-template-inloggen h1,
ul.wp-block-post-template li h2,
main ul.wp-block-post-template.ervaringen h3
	{padding-left: 0;
	padding-right: 0;}

header.wp-block-group.header-foto,
footer ul.wp-block-post-template,
footer ul.wp-block-post-template li,
ul.wp-block-post-template li p:not(.underlinenone),
ul.loop-items li p:not(.underlinenone),
ul.loop-items li h3
	{padding: 0;}

/* MARGIN */
.margintop3,
h2.margintop3
	{margin-top: calc(var(--wp--style--block-gap) * 2);}

.margintop2,
p.margintop2,
h2.margintop2,
figure.margintop2,
	{margin-top: var(--wp--style--block-gap);}

.margintop1,
h1.margintop1,
figure.margintop1,
.dashicon-workshop,
p.aanmelden
	{margin-top: calc(var(--wp--style--block-gap) / 2);}

.margintop05,
.archive .activiteit h3.wp-block-post-title
	{margin-top: calc(var(--wp--style--block-gap) / 4);}

.marginbottom2,
ul.marginbottom2,
form.marginbottom2,
h1.marginbottom2,
figure.marginbottom2,
p.marginbottom2,
section.wp-block-group h2.marginbottom2,
main.wp-block-group section.archive.blok_padding.marginbottom2,
figure.aligncenter,
span.dashicon-workshop:before,
.block_margin
	{margin-bottom: var(--wp--style--block-gap);}

.single-les figure.wp-block-embed-youtube
	{margin-bottom: calc(var(--wp--style--block-gap) * 2);}

.marginbottom1,
section.wp-block-group h2.marginbottom1,
p.aanmeldbutton
	{margin-bottom: calc(var(--wp--style--block-gap) / 2);}

section.archive
	{margin-left: var(--wp--style--block-gap);
	margin-right: var(--wp--style--block-gap);}

section figure.wp-block-image.links,
section figure.wp-block-image.rechts
	{margin-left: calc(var(--wp--style--block-gap) * -2);
	margin-right: calc(var(--wp--style--block-gap) * -2);}

figure.wp-block-embed
	{margin-left: calc(var(--wp--style--block-gap) * 2);
	margin-right: calc(var(--wp--style--block-gap) * 2);
	margin-bottom: var(--wp--style--block-gap);
	max-width: calc(100% - (var(--wp--style--block-gap) * 4));}

.block_margin
	{margin-left: calc(var(--wp--style--block-gap) * 2);
	margin-right: calc(var(--wp--style--block-gap) * 2);}

section.block_margin
	{margin-block-start: calc(var(--wp--style--block-gap) * 2);
	margin-block-end: calc(var(--wp--style--block-gap) * 2);}

/* MARGIN AUTO */
figure.foto-rechts
	{margin-left: auto;}

/* MARGIN 0000 */
ul.loop-afbeelding > * + *,
ul.loop-afbeelding figure.post-thumbnail,
main.wp-block-group,
footer.wp-block-template-part,
p.test-answer
	{margin-top: 0;}

figure.wp-block-post-featured-image,
footer.wp-block-template-part p.aanmelden,
p.test-question,
section.modules figure.wp-block-image
	{margin-bottom: 0;}

.loop-datum,
.link-buttons,
.bottom-menu ul .wp-block-site-title,
h4.categorie-omschrijving,
.pt-form-group label,
p.wp-block-post-excerpt__more-text,
p.wp-block-post-excerpt__excerpt
	{margin-top: 0;
	margin-bottom: 0;}

.single-ervaring section.hero,
.wp-block-search__button,
span.dashicon-workshop
	{margin-left: 0;
	margin-right: 0;}

figure.post-thumbnail,
h2, h3, 
header figure.wp-block-image
	{margin: 0;}

section.modules.loop-items.drie article
	{margin-block-start: 0;}

/* images */

.tax-module ul li.type-les figure.wp-block-post-featured-image img
	{object-fit: cover;
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
	width: 100%;}


/* display: none */
.displaynone,
.logged-in .displaynone-ingelogd,
.wp-block-navigation .wp-block-navigation-item.ingelogd-displayflex,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.ingelogd-displayflex,
.logged-in .wp-block-navigation .wp-block-navigation-item.ingelogd-displaynone,
.one-child > *:not(:first-child),
.wp-block-navigation .wp-block-navigation-item.tijdelijk-displaynone,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.tijdelijk-displaynone
	{display: none;}

/* aanzetten als online omgeving klaar is */
.logged-in .wp-block-navigation .wp-block-navigation-item.ingelogd-displayflex
	{display: flex;}
