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

/* GRID */
.grid,
header.wp-block-template-part,
ul.agenda-overzicht,
.twee, .twee_naar_drie,
.twee_4,
.twee_een,
.drie, .vier, .vijf, .zes,
.drie_2, .twee_3,
.max300px_auto,
.twee_posts, .twee_posts .bericht,
.drie_1-2-2 /* footer */,
.columns-default.is-layout-flex,
.columns-2.is-layout-flex /* gallery */,
.columns-3.is-layout-flex /* gallery */,
.columns-4.is-layout-flex /* gallery */,
.columns-5.is-layout-flex /* gallery */,
.twee_fotos, .drie_fotos,
.wp-block-search__button-outside .wp-block-search__inside-wrapper,
form.laposta,
aside.sideblock,
.single main,
.meer-info-blok,
section#sponsors
    {display: grid;}

body:not(.wp-admin) .wp-site-blocks header.wp-block-template-part, 
body.archive .wp-site-blocks header.photoheader, 
body:not(.wp-admin) .wp-site-blocks main, 
body:not(.wp-admin) .wp-site-blocks footer.wp-block-template-part > section
	{width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;} 

header.wp-block-template-part
	{grid-template-columns: 80px auto;
	grid-template-rows: 80px;
	align-items: center;}

.vijf /* logos sponsors */,
.wp-block-search__button-outside .wp-block-search__inside-wrapper
	{grid-template-columns: 1fr 1fr;}


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

.drie_fotos .grid100
	{grid-column: span 3;}

section#sponsors /* logo's */
	{grid-template-columns: 1fr 1fr 1fr 1fr;}

/* GAP */

.twee,
.twee_drie,
.twee_3,
.twee_naar_drie,
.twee_4,
.twee_posts,
.max300px_auto,
.drie_2,
.drie,
.vier,
.vijf,
.drie_1-2-2,
figure.wp-block-gallery.columns-2,
footer.wp-block-template-part,
.columns-2.wp-block-gallery-2.is-layout-flex,
.columns-3.wp-block-gallery-2.is-layout-flex,
.single main,
.twee_posts .bericht
	{gap: calc(var(--wp--style--block-gap) * 1.5);}

aside.sideblock
	{gap: var(--wp--style--block-gap);}

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

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

.wp-block-navigation__container
	{gap: 0;}

/* ALIGN */
main.twee_naar_drie,
footer.wp-block-template-part .twee_4
	{align-items: start;}

.gridcenter,
.align-items-center,
form.laposta
	{align-items: center;}


header.wp-block-template-part figure
	{align-self: end;}

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


/* FLEX */
.flex
	{display: flex;}

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


.expo-banner-tekst,
.column-center
	{display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: start;}

/* BLOCK | INLINE */

.display-block,
.is-layout-flex.wp-container-13 .wp-block-navigation__container,
.tslide .loop-item,
header figure.logo a,
a.expo-info
	{display: block;}

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

.bottom-menu ul.wp-block-navigation__container li
	{display: inline-block;
	width: auto;
	vertical-align: top;}

ul.agenda .loop-item h4.wp-block-post-title.has-medium-font-size a
	{display: inline-block;}

/* WIDTH & HEIGHT */

figure.post-thumbnail,
figure.post-thumbnail img,
footer.wp-block-template-part aside,
form.laposta input[type="submit"],
aside.sideblock p,
.single main > *
	{width: 100%;}

p:not(.has-text-align-center):not(.aanmeldbutton):not(.alignfull), 
li
	{max-width: 85ch;}

.maxwidth150px
	{max-width: 150px;}

#sponsors figure img
	{max-width: 100px;}

.maxwidth_300px_img img
	{max-width: 300px;}


form.laposta,
.wp-singular aside figure.wp-block-post-featured-image img
	{max-width: 400px;}

textarea
	{max-width: 600px;}

.wp-block-search__inside-wrapper
	{max-width: 800px;}


.tangible-slider .loop-item
	{height: 100%;}

.inlogformulier input[type="checkbox"]
{width: 20px;
height: 20px}

li.loop-item figure.wp-block-image a,
aside.sideblock figure.wp-block-post-featured-image
	{aspect-ratio: 1;
	display: flex;
	width: 100%;}

li.loop-item figure.wp-block-image a img,
aside.sideblock figure.wp-block-post-featured-image img
	{object-fit: cover;}

/* POSITION */



/* PADDING & MARGIN */

/* padding */

input[type="password"],
input#user_login
	{padding-left: calc(var(--wp--style--block-gap) / 2);
	padding-right: calc(var(--wp--style--block-gap) / 2);
	padding-bottom: calc(var(--wp--style--block-gap) / 2);
	padding-top: calc(var(--wp--style--block-gap) / 2);}

.voorbeeldtekst
	{padding-left: calc(var(--wp--style--block-gap) * 1);
	padding-right: calc(var(--wp--style--block-gap) * 1);
	padding-bottom: calc(var(--wp--style--block-gap) / 2);
	padding-top: calc(var(--wp--style--block-gap) / 2);}

/* padding gallery */
.wp-block-gallery
	{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);}


.wp-block-gallery.has-background,
footer aside.has-background,
#content-website
	{padding: var(--wp--style--block-gap);}

section#nieuws article,
section#oude-activiteiten
	{padding: calc(var(--wp--style--block-gap) / 2);}

ul.loop-afbeelding li,
.blok_padding,
ul.loop-items li,
a.nu-te-zien
	{padding: var(--wp--style--block-gap);}

.paddingtopbottom,
footer.wp-block-template-part,
.mededeling
	{padding-top: var(--wp--style--block-gap);
	padding-bottom: var(--wp--style--block-gap);}

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

header nav.main-menu ul li.header-button a
	{padding-top: calc(var(--wp--style--block-gap) / 3);
	padding-bottom: calc(var(--wp--style--block-gap) / 3);}


/* padding-top */
.paddingtop,
ul.loop-items h4.wp-block-post-title a,
aside.filters,
.single main .wp-block-post-content h2.wp-block-heading,
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
header.tax-foto p.breadcrumbs,
figure.is-style-rounded.maxwidth150px
	{padding-top: var(--wp--style--block-gap);}

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

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

header.photoheader ul.top-menu 
	{padding-top: calc(var(--wp--style--block-gap) / 2);}

/* padding-bottom */
footer .wp-block-separator,
.paddingbottom,
header.photoheader ul.main-menu,
body.archive header.tax-foto h1.uppercase
	{padding-bottom: var(--wp--style--block-gap);}

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

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


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

/* padding button & input*/
button,
.aanmeldbutton a
	{padding: calc(var(--wp--style--block-gap) / 2) calc(var(--wp--style--block-gap) * .7);}

form.laposta input
	{padding: calc(var(--wp--style--block-gap) * .3) calc(var(--wp--style--block-gap) * .4);}

/* padding-left & padding-right */

main ul,
footer ul.page-list,
main ul li.kind
	{padding-left: var(--wp--style--block-gap);}

header .top-menu li a,
header .main-menu li.header-button a.wp-block-navigation-item__content
	{padding-left: calc(var(--wp--style--block-gap) / 2);
	padding-right: calc(var(--wp--style--block-gap) / 2);}

body:not(.wp-admin):not(.wp-child-theme-hgh-theme-intern) .wp-site-blocks header.wp-block-template-part, 
body:not(.wp-admin):not(.wp-child-theme-hgh-theme-intern) .wp-site-blocks main, 
body:not(.wp-admin) .wp-site-blocks footer.wp-block-template-part > section,
header.tax-foto h1,
header.tax-foto p.breadcrumbs
	{padding-left: var(--wp--style--block-gap);
	padding-right: var(--wp--style--block-gap);}

/* padding 00000 */

.wp-block-quote,
.nopadding,
.nopadding.wp-block-gallery,
header.wp-block-template-part h1
	{padding: 0;}

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

.bottom-menu ul .wp-block-site-title,
.nopaddingbottom,
aside.bottom-menu p,
.wp-block-quote p,
.tslide p.loop-datum,
p.nopadding,
aside.sideblock p.activiteit-info,
.subheading,
.expo-banner-tekst h3
	{padding-bottom: 0;}

ul.loop-items h4.wp-block-post-title,
.expo-banner-tekst h4,
body.archive h1.uppercase
	{padding-top: 0;
	padding-bottom: 0;}

.nopadding-left,
ul.agenda-overzicht,
.rubrieken ul,
ul.loop-afbeelding:not(.blok_padding),
body.page header.wp-block-group.agendaheader
	{padding-left: 0;}

body.page header.wp-block-group.agendaheader
	{padding-right: 0;}

/* margin */

.margintop,
.margintop2,
section.twee.margintop
	{margin-top: calc(var(--wp--style--block-gap) * 2);}

.margintop1,
h1.margintop1,
.archive h3.wp-block-post-title,
form.laposta input[type="submit"]
	{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,
header.marginbottom2,
ul.marginbottom2,
ol.marginbottom2,
form.marginbottom2,
h1.marginbottom2,
figure.marginbottom2,
blockquote.marginbottom2,
section.wp-block-group h2.marginbottom2,
main.wp-block-group section.archive.blok_padding.marginbottom2,
p.mededeling,
form.wp-block-search__button-outside
	{margin-bottom: var(--wp--style--block-gap);}

.marginbottom1,
section.wp-block-group h2.marginbottom1,
p.aanmeldbutton,
.loop-item h4.categorie-omschrijving,
form.laposta input
	{margin-bottom: calc(var(--wp--style--block-gap) / 2);}

.marginbottom4,
ul.marginbottom4,
section.marginbottom4,
p.marginbottom4
	{margin-bottom: calc(var(--wp--style--block-gap) * 2);}


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

/* margin 0000 */
.nomargin,
h2, h3,
.wp-block-quote,
header.wp-block-template-part figure.wp-block-image,
header.wp-block-template-part h1
	{margin: 0;}
		
p.header-blauw-vlak 
	{margin-top: 0;}

.bottom-menu ul .wp-block-site-title,
blockquote p,
.expo-banner-tekst p,
.expo-banner-tekst h4
	{margin-top: 0;
	margin-bottom: 0;}

.nomarginbottom,
section.wp-block-group.nomarginbottom
	{margin-bottom: 0;}

.nomarginleft
	{margin-left: 0 !important;}


ul.loop-items li > *:not(.header-blauw-vlak),
a.nu-te-zien > *:not(.header-blauw-vlak)
	{padding: 0;
	margin: 0;}

/* iFRAME MOOIWERK */
iframe.mooiwerk
	{width: 100%;
	height: 1600px;
	border: 0;
	padding: var(--wp--style--block-gap);
	background-color: var(--wp--preset--color-witblauw);
	box-sizing: border-box;}

/* HEADER */

header ul.wp-block-navigation__container li.zoeken a
	{padding-right: 0;}

.zoeken a:after
	{content: '';
	background-image: url(https://hetgelehuisinprincenhage.com/wp-content/uploads/2022/10/zoeken.png);
	background-size: contain;
	display: inline-block;
	height: 20px;
	width: 20px;
	vertical-align: baseline;}

.zoeken a span.wp-block-navigation-item__label
	{display: none;}


/* photo header min-width 600px */
header.photoheader
	{display: grid;
	height: 100%;
	max-height: 30vh;
	grid-template-rows: auto;
  	grid-template-columns: auto;
	background-color: var(--wp--preset--color--contrast);
	overflow: hidden;
	align-items: end;}

body:not(.home) header.photoheader:before
	{content: '' ;
	grid-row: 1;
	grid-column: 1;
	z-index: 0;
  	height: 100%;
	mix-blend-mode: multiply;}

body:not(.home) header.photoheader h1
	{grid-row: 1;
	grid-column: 1;
	z-index: 1;}

body.home header.photoheader
	{display: grid;
	height: 100%;
	max-height: 30vh;
	grid-template-rows: minmax(25%, 50px) minmax(25%, 80px);
  	grid-template-columns: minmax(25%, 80px) auto;
	background: var(--wp--preset--color--contrast);
	overflow: hidden;}

body.home header.photoheader figure.logo 
	{width: 100%;
	grid-column: 1;
	grid-row: 2;
	place-self: end;
	position: relative;
	z-index: 1;}

body.home header.photoheader div.tslide-outer,
header.photoheader figure.tax-foto 
	{width: 100%;
	height: 100%;
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
	position: relative;
	z-index: 0;}

header.photoheader figure.tax-foto
	{display: flex;}

header.photoheader figure.tax-foto img
	{object-fit: cover;
  	width: 100%;}

body.home header.photoheader:before
	{content: '';
	display: block;
	grid-column: 1 / span 2;
 	grid-row: 1;
	position: relative;
    z-index: 1;}

body.home header.photoheader aside
	{grid-column: 1 / span 2;
  grid-row: 1 / span 2;}

body.home header.photoheader aside nav
	{margin-right: 0 !important;}

body.home header.photoheader div.tslide-outer
	{background: var(--wp--preset--color--contrast);}

figure.foto-glider
	{display: flex;}

figure.foto-glider img
	{width: 100%;
	display: flex;
	object-fit: cover;
	object-position: center;}

/* HOME • meer-info-blok */
.meer-info-blok
	{grid-template-rows: auto auto;
	grid-template-columns: 1fr;}

.meer-info-blok h3.wp-block-heading
	{grid-column: 1 ;
  	grid-row: 1 ;}

.meer-info-blok p.nopadding
	{grid-column: 1 ;
  	grid-row: 2 ;}

.meer-info-blok p.meer-info-link
	{grid-column: 1 / span 2;
  	grid-row: 1 / span 2;
	padding: 0;}

.meer-info-blok p.meer-info-link a
	{width: 100%;
	height: 100%;
	display: flex;
	justify-content: end;
	align-items: end;}



/* FOOTER */
.bottom-menu span
	{line-height: 1.5}

.bottom-menu span:not(.jaartal):before
	{content: '•';
	color: var(--wp--preset--color--blauw);
	padding: calc(var(--wp--style--block-gap) / 2);}

.bottom-menu span.jaartal
	{padding-left: 0;}

/* TABLE OPENINGSTIJDEN */
figure.openingstijden table
	{width: auto;}

figure.openingstijden table,
figure.openingstijden table tr
	{background: transparent}

figure.openingstijden.wp-block-table td
	{border: none;
	padding: 0;}

figure.openingstijden.wp-block-table td:first-child
	{min-width: 7ch}


/* FOTO SLIDER */


/* LOGIN FORM • INTERN */
.inlogformulier
	{max-width: 400px;
	padding: var(--wp--style--block-gap);}

.inlogformulier p
	{display: grid;
	padding-bottom: 0;}

.inlogformulier p.login-submit
	{margin-bottom: 0;}

.inlogformulier input[type="submit"],
.inlogformulier button[type="submit"]
	{place-self: end}

/* display: none */
.displaynone,
.mobile_displaynone, .tablet_displaynone,
.wp-block-navigation .wp-block-navigation-item.tablet_displaynone,
.wp-block-navigation .wp-block-navigation-item.mobile_displaynone
	{display: none;}