/********************************
MOBILE css 20260113
*********************************/

@media (max-width: 475px) {

	
ul.dropdown-rubriek li 
	{line-height: 2;}	
	
a[href^="mailto:"]	
	{max-width: calc(100vw - (var(--wp--style--root--padding-right) * 4));
  overflow: hidden;
	display: inline-block;}
	
}

@media (min-width: 475px) {
	
aside.sideblock
	{grid-template-columns: minmax(auto, 200px) auto;
	place-items: center;}
}


@media (max-width: 599px) {

body:not(.wp-child-theme-hgh-theme-intern) .wp-block-navigation__responsive-container-open svg
	{fill: var(--wp--preset--color--base) !important;}
	
header.photoheader::before 
	{background: linear-gradient(183deg, rgba(var(--wp--preset--color--contrast-rgb), 1) 0%, rgba(var(--wp--preset--color--contrast-rgb), 0.1) 45%, rgba(var(--wp--preset--color--contrast-rgb),0) 60%);}
	
header.photoheader nav.main-menu
	{height: calc(100% - 50px);
	align-items: end;}
	
ul.main-menu li.wp-block-navigation-item a.wp-block-navigation-item__content
	{font-size: var(--wp--preset--font-size--x-large);
	line-height: 3;
	text-align: center;
	width: 100%;}
	
ul.main-menu
	{width: 100%;
	align-items: center;
	justify-content: center;
	align-content: center}
	
ul.main-menu li
	{width: 100%;
	text-align: center;}
	
.main-menu li.wp-block-navigation-item.header-button a
	{background: none;}
	
.mobile_displaynone
	{display: none;}
	
}


/********************************
TABLET + DESKTOP
*********************************/


@media (min-width: 600px) {

.wp-block-navigation .wp-block-navigation-item.mobile_displaynone
	{display: flex;}
	
li.wp-block-navigation-item.header-button
	{margin-left: calc(var(--wp--style--block-gap) * .5);}

.blok_laposta form.laposta
	{grid-template-columns: 120px auto;}	
	
.blok_laposta form.laposta input[type="submit"]
	{grid-column: span 2;
	place-self: end;
	max-width: 200px;}
	
header ul.main-menu li a,
header .top-menu li a
	{padding-left: calc(var(--wp--style--block-gap) * .7);
	padding-right: calc(var(--wp--style--block-gap) * .7);}

.desktopdisplaynone,
.tablet_displaynone
	{display: none;}
	
.vier,
.twee_4,
.max300px_auto
	{grid-template-columns: 1fr 1fr;}

.drie_1-2-2
	{grid-template-columns: 1fr 2fr 2fr;}
	
/* photo header min-width 600px */
body.home header.photoheader
	{grid-template-columns: minmax(50px,200px) auto;
	grid-template-rows: 1fr;
	height: 100%;
	max-height: 30vh;
	align-items: end;
	margin-right: 0;}

body.home header.photoheader figure.logo
	{width: 100%;
	grid-column: 1;
	grid-row: 1;}
body.home header.photoheader:before
	{content: '';
	display: block;
	height: 100%;
	grid-column: 1 / span 2;
	grid-row: 1;}

body.home header.photoheader aside
	{height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	grid-column: 2;
	grid-row: 1;
	background: linear-gradient(355deg, rgba(var(--wp--preset--color--contrast-rgb), 1) 0%, rgba(var(--wp--preset--color--contrast-rgb), 0.2) 20%, rgba(var(--wp--preset--color--contrast-rgb),0) 30%);}

/* .drie_1-2-2  footer 2026 NIET MEER IN GEBRUIK
	{grid-template-columns: 1fr 2fr 2fr;} */	
	

	
	/* ////////////////// */
	

ul.loop-afbeelding,
.columns-2
	{grid-template-columns: 1fr 1fr;}


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

/* SINGLE */
.single:not(.wp-child-theme-hgh-theme-intern) main
	{grid-template-columns: auto minmax(auto, 300px);
	place-items: start;}	
	
.single main header
	{grid-column: 1;
	grid-row: 1;}

aside.sideblock
	{grid-column: 2;
	grid-row: 2;
	grid-template-columns: 1fr;}

.single:not(.wp-child-theme-hgh-theme-intern) main .wp-block-post-content
	{grid-column: 1;
	grid-row: 2;}
	

.single main .details
	{grid-column: 1;
	grid-row: 3;}

.twee,
.columns-2 /* gallery */,
.columns-3 /* gallery */,
.columns-4 /* gallery */,
.columns-5 /* gallery */,
.wp-block-query ul
	{grid-template-columns: 1fr 1fr;}

.twee_3
	{grid-template-columns: 2fr 3fr;}

.twee .grid100,
.twee_3 .grid100
	{grid-column: span 2;}


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

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

.vijf .grid100
	{grid-column: span 3;}
	
/* loop nieuwsberichten */
.twee_posts .bericht,
.drie
	{grid-template-columns: 1fr 1fr;}

	
}


@media (min-width: 751px) {
/* photo header min-width 600px */
header.photoheader
	{min-height: calc(var(--wp--style--block-gap) * 10);}
	
body.header header.photoheader
	{min-height: calc(var(--wp--style--block-gap) * 15);}

/* loop nieuwsberichten */
.twee_posts
	{grid-template-columns: 1fr 1fr;}	
	
.twee_posts .bericht
	{grid-template-columns: 1fr;}
	
.max300px_auto
	{grid-template-columns: 300px auto;}	

	
.wp-block-navigation .wp-block-navigation-item.tablet_displaynone
	{display: flex;}
}

/********************************
*********************************
TABLET 901px
*********************************
*********************************/

@media (min-width: 901px) {
	
body:not(.wp-child-theme-hgh-theme-intern):(.single) .has-global-padding		
	{padding-right: calc(var(--wp--style--block-gap) * 2);
	padding-left: calc(var(--wp--style--block-gap) * 2);}

/* photo header min-width 900px */
body.home header.photoheader
	{min-height: calc(var(--wp--style--block-gap) * 20);}
	
/* photo header min-width 900px */
body:not(.home) header.photoheader
	{min-height: calc(var(--wp--style--block-gap) * 15);}
	
	
.twee
	{grid-template-columns: 1fr 1fr;}

.twee.form-activiteit
	{grid-template-columns: 300px auto;}

.twee .grid100,
.twee.form-activiteit span[data-name="informatie"],
.twee.form-activiteit span[data-name="biografie"]
	{grid-column: span 2;}

.grid.twee article:nth-child(2)
	{margin-top: 0;}

.column-gap
	{grid-gap: var(--wp--style--block-gap);}

.twee_naar_drie,
/* .home */ .drie,
.columns-3
	{grid-template-columns: 1fr 1fr 1fr;}

.twee_naar_drie .span2
	{grid-column: span 2;}

.twee_naar_drie .grid100,
/* .home */ .drie > .grid100
	{grid-column: span 3;}

.vijf /* logos */
	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

.vijf .grid100
	{grid-column: span 5;}

.twee_4 /* footer */,
.twee_drie
	{grid-template-columns: 1fr 1fr 1fr 1fr;}

footer.wp-block-template-part .grid2,
.twee_drie .grid2
	{grid-column: span 2;}

footer.wp-block-template-part .grid100,
.vier .grid100
	{grid-column: span 4;}


}


@media (min-width: 1001px) {

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

	.columns-4 /* gallery */,
	.vier,
	.twee_4
	{grid-template-columns: 1fr 1fr 1fr 1fr;}

	.columns-3 /* gallery */,
	.columns-5 /* gallery */
	{grid-template-columns: 1fr 1fr 1fr;}
	
/* loop nieuwsberichten */
.twee_posts .bericht
	{grid-template-columns: 1fr 1fr;}	

}

/********************************
*********************************
LAPTOP
*********************************
*********************************/


@media (min-width: 1100px) {
/* bottom-menu in footer */	
aside.bottom-menu
	{display: flex;
		justify-content: center;}

aside.bottom-menu p
	{padding-right: 0.5em;}
	
header ul.main-menu li a,
header .top-menu li a
	{padding-left: calc(var(--wp--style--block-gap) * 1.2);
	padding-right: calc(var(--wp--style--block-gap) * 1.2);}

}