/*********** PHONE 450PX ***********/

@media screen and (max-width: 449px) {
	
:root {--wp--style--block-gap: 1rem;}

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

/*********** PHONE 600PX ***********/

@media screen and (max-width: 599px) {

/*** HEADER ***/
header section
	{grid-template-columns: 30% auto;
	grid-template-rows: calc(var(--wp--style--block-gap) * 2.2) calc(var(--wp--style--block-gap) * 3);}
	
header section figure
	{max-height: calc(var(--wp--style--block-gap) * 4);
	display: flex;
	align-self: center;}
	
header section figure.wp-block-image a img
	{object-fit: contain;
	object-position: center;
	height: 100%;}

header section nav.headermenu	
	{display: flex;
	align-content: end;
	align-items: end;}
	
header section nav.headermenu ul li a
	{font-size: var(--wp--preset--font-size--large);}	
	
button.wp-block-navigation__responsive-container-open
	{padding: calc(var(--wp--style--block-gap) / 2) 0;}	

header section nav.headermenu.wp-block-navigation ul li a.wp-block-navigation-item__content
	{box-sizing: border-box;
	padding-top: var(--wp--style--block-gap) !important;
	padding-bottom: var(--wp--style--block-gap) !important;
	width: calc(100vw - (var(--wp--style--block-gap) * 2));
	text-align: center;}
	
header section.has-groen-background-color nav div.wp-block-navigation__responsive-container.has-modal-open.is-menu-open
	{background-color: var(--wp--preset--color--groen);}
	
header section.has-dorpsraad-background-color nav div.wp-block-navigation__responsive-container.has-modal-open.is-menu-open
	{background-color: var(--wp--preset--color--dorpsraad);}

header section.has-blauw-background-color nav div.wp-block-navigation__responsive-container.has-modal-open.is-menu-open
	{background-color: var(--wp--preset--color--blauw);}
	
.icon-zoeken span.wp-block-navigation-item__label
	{display: inline;}
	
h1.wp-block-post-title 
	{font-size: var(--wp--preset--font-size--large);}
	
/* FOTOBANNER */
.fotobanner
	{height: 80vh;}


.aanmeldformulier form
	{max-width: calc(98vw - (var(--has-global-padding) * 4)) !important;}
	
.page:not(.page-id-8888) ul.dorpskalender li:nth-child(-n + 4)
	{display: grid;}
	
.home ul.blog li:nth-child(-n + 3),
.single-activiteit main footer.wp-block-query ul.dorpskalender li:nth-child(-n + 3)
	{display: grid;}
	
.altijd_vijf
	{grid-template-columns: 1fr 1fr 1fr;}
	
.altijd_vijf a:nth-child(-n + 2),
.altijd_vijf figcaption,
.home aside.dorpskalender-opties div.dropdown,
.icon-zoeken a:after
	{display: none;}
	
}

/*********** TABLET MENU ***********/
@media screen and (min-width: 600px) and (max-width: 849px) {

/* menu-items in header reduceren */
.tablet-displaynone-one
	{display: none !important;}

}

@media screen and (min-width: 600px) and (max-width: 699px) {

/* menu-items in header reduceren */
.tablet-displaynone-two
	{display: none !important;}

}

/*********** PHONE & TABLET ***********/
@media screen and (min-width: 400px) {
	
/* single-activiteit */
	
section.activiteit-single
	{grid-template-columns: 1fr 1fr;}

section.activiteit-single .samenvatting,
section.activiteit-single #activiteit-content
	{grid-column: span 2;}	

/* FOTOBANNER */
.fotobanner .box
	{width: 80%;}

	
}
	

/*********** TABLET & LAPTOP ***********/

@media screen and (min-width: 600px) {
/* MARGES ZIJKANT */
:root
	{--wp--style--block-gap: 1.2rem;
	--has-global-padding: calc(var(--wp--style--block-gap) * 1.5);}
	
/*** GRID ***/

.twee,
.twee_3,
.vier,
.columns-default  /* gallery */,
.columns-2 /* gallery */,
.columns-3 /* gallery */,
.columns-4 /* gallery */,
.columns-5 /* gallery */,
.wp-block-query.vier_ul > ul,
.kalender-ovp-activiteiten
	{grid-template-columns: 1fr 1fr;}

.twee .grid100,
.vier .grid100,
.columns-2 /* gallery */ .grid2,
.columns-3 /* gallery */ .grid2,
.columns-5 /* gallery */ .grid2
	{grid-column: span 2;}
	
.single-activiteit .twee
	{grid-template-columns: 1fr;}

	
/*** HEADER ***/
header section
	{display: grid;
	grid-template-columns: calc(var(--wp--style--block-gap) * 7) auto;
	grid-template-rows: calc(var(--wp--style--block-gap) * 2) calc(var(--wp--style--block-gap) * 3.5);}

header section nav.headermenu
	{align-items: center;
	display: flex;}

/*** HEADER menu-items 600px ***/
header section nav.wp-block-navigation.primair-menu ul li a
	{padding-left: calc(var(--wp--style--block-gap) / 3);
	padding-right: calc(var(--wp--style--block-gap) / 3)}

.icon-telefoon a
	{text-decoration: none;}
	

/* DORPSKALENDER NIET OP PAGINA DORPSKALENDER 
body:not(.page-id-8888):not(.page-id-13033):not(.archive) ul.dorpskalender li,
.home .wp-block-query ul.blog li
	{display: none;}
	
body:not(.page-id-8888):not(.page-id-13033) ul.dorpskalender li:nth-child(-n + 6)
	{display: grid;}	
	
.home .wp-block-query ul.blog li:nth-child(-n + 2)
	{display: grid;}
	
.single-activiteit main footer.wp-block-query ul.dorpskalender li:nth-child(-n + 2)
	{display: grid;}
	*/
	
/*** MARGES **
.has-global-padding,
header section,
footer section,
header.wp-block-group h1,
header.wp-block-group aside,
.single main > section,
.single-vraag .entry-content,
section.wp-block-query ul:not(.opsomming):not(.bestuur),
.single footer.wp-block-group aside,
aside.header > div,
div.wp-block-term-description
/* form.post-password-form uitgezet 20 mei 2024 
	{margin-left: calc(var(--wp--style--block-gap) * 2);
	margin-right: calc(var(--wp--style--block-gap) * 2);} */

div.wp-block-button:not(:first-child)
	{margin-left: calc(var(--wp--style--block-gap) * .5);}
	
/*** DISPLAY : NONE DESKTOP ***/
.desktop_displaynone
	{display: none;}
}

/*********** TABLET ***********/
@media screen and (min-width: 800px) {
/* MARGES ZIJKANT */
:root
	{--wp--style--block-gap: 1.2rem;
	--has-global-padding: calc(var(--wp--style--block-gap) * 1.5);}
	
.wp-block-query > ul,
.drie_ul ul,
.drie_2
	{grid-template-columns: 1fr 1fr;}
	
.drie_2 .grid100
	{grid-column: span 2;}
	
.sidebar .wp-block-query > ul
	{grid-template-columns: 1fr;}
	
.wp-block-query > ul.vijf,
.columns-3 /* gallery */,
.columns-5 /* gallery */
	{grid-template-columns: 1fr 1fr 1fr;}

/* single-activiteit */
section.activiteit-single
	{grid-template-columns: 2fr 1fr 2fr;}

section.activiteit-single .readmore
	{display: none;}
	
/* single-profiel */
.single-profiel	main header.wp-block-group
	{margin-left: calc((var(--wp--style--block-gap) * 19) + (var(--wp--style--block-gap) * 2));
	margin-top: calc(var(--wp--style--block-gap) * 2);}	

.single section.profiel-single
	{grid-template-columns: calc(var(--wp--style--block-gap) * 19) auto;}

section.profiel-single .wp-block-query > ul.dorpskalender
		{grid-template-columns: 1fr;}
	
.video-staand
	{display: grid;
	grid-template-columns: 36vh auto;
	column-gap: var(--wp--style--block-gap);}
	
/* Deelnemers Startpagina */
.startpagina
	{columns: 2;
	column-gap: calc(var(--wp--style--block-gap) * 2);}

}

/*********** LAPTOP ***********/
@media screen and (min-width: 900px) {
	
/*** HEADER menu-items 900px ***/
header section nav.wp-block-navigation.primair-menu ul li a
	{padding-left: calc(var(--wp--style--block-gap) / 2);
	padding-right: calc(var(--wp--style--block-gap) / 2)}	

/*** GRID ***/
	
.drie,
.single-profiel figure.wp-block-gallery:not(.gallery-twee):not(.columns-2),
.columns-3 /* gallery */,
.wp-block-gallery-3,
.columns-5 /* gallery */,
.kalender-ovp-activiteiten
	{grid-template-columns: 1fr 1fr 1fr;}
	
	
.drie_2
	{grid-template-columns: 2fr 1fr;}
	
.twee_3
	{grid-template-columns: 1fr 2fr;}

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

/* single-activiteit  */
.single-activiteit	main header.wp-block-group
	{margin-left: calc(var(--wp--style--block-gap) * 17);
	margin-top: calc(var(--wp--style--block-gap) * 2);}
	
.single section.activiteit-single
	{grid-template-columns: calc(var(--wp--style--block-gap) * 16) auto;
	grid-auto-rows: minmax(calc(var(--wp--style--block-gap) * 16), auto) auto;
	grid-template-areas:
  		"details content"
		"image content";
	align-content: start;
	align-items: stretch;}

section.activiteit-single aside.activiteit-datum
	{grid-area: details;}
	
section.activiteit-single > figure.wp-block-post-featured-image
	{grid-area: image;}
	
section.activiteit-single #activiteit-content
	{grid-area: content;}
	
section.activiteit-single .samenvatting
	{display: none;}
	
li.wp-block-navigation-item.desktop_display
	{display: flex;}


}

/*********** LAPTOP ***********/
@media screen and (min-width: 1100px) {
/* MARGES ZIJKANT */
:root
	{--wp--style--block-gap: 1.2rem;
	--has-global-padding: calc(var(--wp--style--block-gap) * 2.5);}


/*** GRID 1100px ***/
.single-activiteit .twee
	{grid-template-columns: 1fr 1fr;}	
	
.wp-block-query:not(.vier_ul) > ul:not(.twee):not(.dorpskalender):not(.vijf),
.drie_ul ul
	{grid-template-columns: 1fr 1fr 1fr;}
	
.vier,
.columns-4 /* gallery */,
.wp-block-query.vier_ul > ul.bestuur
	{grid-template-columns: 1fr 1fr 1fr 1fr;}
	
.sidebar .wp-block-query ul
	{grid-template-columns: 1fr;}
	
.home .wp-block-query ul.blog li:nth-child(-n + 3)
	{display: grid;}
	
aside.sidebar .wp-block-query > ul:not(.twee):not(.dorpskalender):not(.vijf)
	{grid-template-columns: 1fr;}

/* single-activiteit  */
.single-activiteit	main header.wp-block-group
	{margin-left: calc(var(--wp--style--block-gap) * 18);}

main .twee,
main .drie,
.vier,
.single section.activiteit-single,
.single section.profiel-single,
.kalender-ovp-activiteiten
	{gap: calc(var(--wp--style--block-gap) * 2);}
	

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

main .twee > *.grid100,
main .drie > *.grid100
	{width: 100%;}

	
/*** MARGES **
.has-global-padding,
header section,
footer section,
header.wp-block-group h1,
header.wp-block-group aside,
.single main > section,
.single-vraag .entry-content,
section.wp-block-query ul:not(.opsomming):not(.bestuur),
.single footer.wp-block-group aside,
aside.header > div,
div.wp-block-term-description
/* form.post-password-form uitgezet 20 mei 2024 
	{margin-left: calc(var(--wp--style--block-gap) * 3);
	margin-right: calc(var(--wp--style--block-gap) * 3);} */
	
aside.header .datum 
	{margin-top: calc(var(--wp--style--block-gap) * -1.3);}
	
.single-activiteit main footer.wp-block-query ul.dorpskalender li:nth-child(-n + 6)
	{display: grid;}

}

/*********** LAPTOP ***********/
@media screen and (min-width: 1200px) {
/* MARGES ZIJKANT */
:root
	{--wp--style--block-gap: 1.2rem;
	--has-global-padding: calc(var(--wp--style--block-gap) * 3.5);}

/* single-profiel */

section.profiel-single .wp-block-query > ul.dorpskalender
		{grid-template-columns: 1fr 1fr;}
	
.wp-block-query > ul.dorpskalender
	{grid-template-columns: 1fr 1fr 1fr;}
	
/*** HEADER menu-items 1200px ***/
header section nav.wp-block-navigation.headermenu ul li a
	{padding-left: var(--wp--style--block-gap);
	padding-right: var(--wp--style--block-gap);}	

/* ovp-bestuur 
.wp-block-query > ul.vijf, omgezet naar .vier juli 2024 */
.columns-5 /* gallery */
	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
	
/* Deelnemers Startpagina */
.startpagina
	{columns: 3;
	column-gap: calc(var(--wp--style--block-gap) * 2);}
	
/*** FORM AANMELDEN ***/
.aanmeldformulier.nieuwsbericht .gravity-theme .gform_fields
		{grid-template-columns: 1fr 1fr;
		gap: calc(var(--wp--style--block-gap) * 2)}
	
.aanmeldformulier.nieuwsbericht .gfield_html
	{grid-column: span 2;}


}

/*********** DESKTOP ***********/
@media screen and (min-width: 1500px) {
/* MARGES ZIJKANT */
:root
	{--wp--style--block-gap: 1.2rem;
	--has-global-padding: calc(var(--wp--style--block-gap) * 6);}
	
.columngap,
main .twee,
main .drie,
.vier,
.wp-block-query ul:not(.opsomming),
.wp-block-query ul:not(.opsomming) li,
.drie_ul ul,
.drie_2
	{column-gap: calc(var(--wp--style--block-gap) * 2);}

/* WIDTH 
header section,
footer section,
header.wp-block-group h1,
header.wp-block-group aside,
.single main > section,
.single-vraag .entry-content,
.single footer.wp-block-group aside,
section.wp-block-query ul:not(.opsomming),
aside.header > div,
.has-global-padding,
div.wp-block-term-description
/* form.post-password-form uitgezet 20 mei 2024 
	{margin-left: auto;
	margin-right: auto;} 
	
.has-global-padding,
.single-vraag .entry-content,
form.post-password-form
	{max-width: 1400px;
	width: 100%;
	padding-left: 0;
	padding-right: 0;} */

	
.single main > section
	{width: 100%;}

/* SINGLE WITH SIDEBAR */
body.single aside.sidebar,
body.single main > section
	{display: grid;}
	
body.single-post main > section,
body.single-princenhage-in-beeld main > section
	{grid-template-columns: auto 400px;}
	
.single main > section
	{column-gap: calc(var(--wp--style--block-gap) * 3);}
	
.single section.activiteit-single,
.single section.profiel-single
	{row-gap: calc(var(--wp--style--block-gap) * 1.5);}


.aanmeldformulier.twee
	{column-gap: calc(var(--wp--style--block-gap) * 2);
	padding-left: calc(var(--wp--style--block-gap) * 2);
	padding-right: calc(var(--wp--style--block-gap) * 2);}

}