/* mobile only */
@media (max-width: 599px) {
	
ul.wp-block-navigation__container li
	{line-height: 2.5;}
	
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container
	{align-items: center;
	width: 100%;}
	
header .wp-block-navigation__responsive-container-content li
	{width: 100%;
	text-align: center;}
	
header ul.wp-block-navigation__container li a
	{font-size: 1.5em;
	width: 100%;}
	
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg
	{width: 2.5em;
	height: 2.5em;}
	
.block_padding_all p:not(.underlinenone),
.block_padding_all h2,
.block_padding_all h3
	{padding-left: 0;
	padding-right: 0;}
	
section:not(.block_padding_all) h2
	{padding-top: calc(var(--wp--style--block-gap) * 2);}


/* navigatie-menu in footer */
footer .borderblue_img
	{max-width: 150px;}
	
footer ul.wp-block-navigation__container
	{margin-bottom: 1em;}
	
footer ul.wp-block-navigation__container li
	{line-height: 2.5;}

.header-foto article .aanmelden,
section.twee.gridcenter article
	{margin-bottom: var(--wp--style--block-gap);}
	
.emailformulier .aanmelden
	{margin-top: calc(var(--wp--style--block-gap) / 2);}
	
ul.wp-block-post-template li figure.post-thumbnail img
	{width: 100%;}
	
.page-id-31 ul.wp-block-post-template figure
	{display: none;}
	
}

/* mobile & ipad only ****MAX**** */
@media (max-width: 1099px) {
	
/* bottom-menu in footer */	
.bottom-menu ul.wp-block-navigation__container li:first-child a
	{padding-left: 0;
	border-left: none;}
	
	
.bottom-menu ul.wp-block-navigation__container li
	{line-height: 1;}
	
.bottom-menu ul.wp-block-navigation__container
	{padding-top: 1em;}
	
.icon-displaynone
	{display: none;}
	
}

/********************************
*********************************
TABLET
*********************************
*********************************/

/* FIX VOOR MENU */

@media (min-width: 599px) and (max-width: 700px)
{
header.wp-block-template-part
	{grid-template-columns: 1fr;
	place-items: center;
	height: 150px;}
	
header.wp-block-template-part figure
	{width: 150px;}
	
header.wp-block-template-part nav
	{height: auto;}
	
}
	
@media (min-width: 599px) {

.zoeken a:after
	{content: '';
	background-image: url(/wp-content/themes/inTheme23/assets/images/zoeken-wit.png);
	background-size: contain;
	display: inline-block;
	height: 28px;
	width: 28px;
	vertical-align: baseline;}
	
.zoeken a span.wp-block-navigation-item__label
	{display: none;}
	
.emailformulier
	{grid-template-columns: 6em auto;
	gap: calc(var(--wp--style--block-gap) / 2);}
	
.emailformulier input[type = submit].aanmelden
	{grid-column: span 2;
	place-self: end;}
	
/* loop - MAIN */

main ul.wp-block-post-template:not(.ervaringen) li:not(.les)
	{display: grid;
	grid-template-columns: auto minmax(200px,400px);
	column-gap: var(--wp--style--block-gap);
	align-items: end;}
	
main ul.wp-block-post-template:not(.ervaringen) li:not(.les) h2,
main ul.wp-block-post-template:not(.ervaringen) li h3	
	{grid-column: span 2;}
	
main ul.wp-block-post-template:not(.ervaringen) li article,
main ul.wp-block-post-template:not(.ervaringen) li .wp-block-post-excerpt
	{padding-right: 0;
	height: 100%;}
	
.parent-pageid-512 ul.wp-block-post-template:not(.ervaringen) li
	{grid-template-columns: 1fr;
	align-items: start;}
	
main ul.wp-block-post-template:not(.ervaringen) li:not(.les) figure img
	{float: right;}
	
.gevonden-items ul.wp-block-post-template li.wp-block-post
	{grid-template-columns: 1fr;
	align-items: center;}
	
.gevonden-items ul.wp-block-post-template li.wp-block-post h2
	{grid-column: span 1;}
	
form.stemtest,
form.stemtest p
	{padding-left: 0;
	padding-right: 0;}
	
}


/********************************
*********************************
TABLET 768px
*********************************
*********************************/

@media (min-width: 701px) {
	
header figure.wp-block-image,
header nav
	{margin-top: 0.2rem;}

.header-foto,
.wp-block-search__inside-wrapper,
footer.wp-block-template-part
	{grid-template-columns: 1fr 1fr;}
		
footer p.year-sitetitle 
	{grid-column: span 2;}

/* HEADER-FOTO */
.header-foto article
	{padding-left: 0;}


/* GRID TWEE FOTO + TEKST */
.twee,
ul.loop-items.drie,
section.modules.loop-items.drie,
.gevonden-items ul.wp-block-post-template
	{grid-template-columns: 1fr 1fr;}
	
.twee .grid100
	{grid-column: span 2;}
	
.grid.twee article:nth-child(2)
	{margin-top: 0;}

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

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

/* GRID DRIE kolommen */
.drie:not(.loop-items)
	{grid-template-columns: 1fr 1fr 1fr;}

.drie:not(.loop-items) .grid100
	{grid-column: span 3;}
}

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

@media (min-width: 901px) {

/* footer */	
	
/* footer.wp-block-template-part, uitgezet nog geen blocken in footer */
footer.wp-block-template-part
	{grid-template-columns: 3fr 2fr 3fr 3fr;}

footer.wp-block-template-part .grid2,
.twee_drie .grid2
	{grid-column: span 2;}
	
footer p.year-sitetitle
	{grid-column: span 4;}
	
/* single-post main */
	
.single header.wp-block-group > * ,
.page-info header.wp-block-group > *
	{order: 0;}
	
main ul.wp-block-post-template:not(.ervaringen) li:not(.les) figure.post-thumbnail img
	{max-width: 300px;
  	float: right;}
	
main ul.wp-block-post-template:not(.ervaringen) li p.buttons
	{gap: var(--wp--style--block-gap); 
	justify-content: start;}

.loop-items.drie
	{grid-template-columns: 1fr 1fr 1fr;}
	
.twee_1_2 /* inlog pagina */
	{grid-template-columns: calc(217px + (var(--wp--style--block-gap) * 4)) auto;}
	
.twee_1_2 > section.padding_blockgap
	{padding-right: 0;}
	
.page: main:not(.twee_1_2) ul.wp-block-post-template,
ul.loop-items
	{grid-template-columns: 1fr 1fr;}


}


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


@media (min-width: 1100px) {
	
.header-foto, .hero,
.foto-rechts
	{grid-template-columns: auto 450px;}
	
.header-foto article,
.hero article,
.foto-links article,
.foto-rechts article
	{width: 100%;
	max-width: 750px;}
	
.foto-links
	{grid-template-columns: 450px auto;}

/* bottom-menu in footer */	
aside.bottom-menu
	{display: flex;
	justify-content: center;}
	
aside.bottom-menu p
	{padding-right: 0.5em;}
	
.gevonden-items ul.wp-block-post-template
	{grid-template-columns: 1fr 1fr 1fr;}
	
.tax-module ul.loop-items.drie,
.post-type-archive-les ul.loop-items.drie,
section.modules.loop-items.drie
	{grid-template-columns: 1fr 1fr 1fr;}	
	
}

@media (min-width: 1201px) {
	
h1, 
h2:not(.has-text-align-center), 
h3:not(.has-text-align-center), 
h4:not(.has-text-align-center), 
p:not(.year-sitetitle, .has-text-align-center),
figure.wp-block-embed-youtube
	{max-width: 60rem;}
	
p.alignend
	{margin-right: 0;
	margin-left: auto;}
	
/* pagina agenda */
.twee_3,
.drie_2,
.home-agenda ul.agenda-overzicht
	{grid-template-columns: 1fr 1fr 1fr;}
	
/* gebruikt op o.a. pagina agenda */
.twee_3 .agenda,
.twee_3 .box_links,
.drie_2 .agenda,
.drie_2 .box_rechts
	{grid-column: span 2;}
	
.twee_3 .rubrieken,
.twee_3 .box_rechts,
.drie_2 .box_links
	{grid-column: span 1;}
	
ul.agenda-overzicht li span.activiteit-meer
	{width: 2rem;
	height: 2rem;}

ul.agenda-overzicht
	{grid-template-columns: 1fr 1fr;}
	
ul.agenda-overzicht li a
	{grid-template-rows: 2.5rem auto 2.7rem;
	height: 100%;}

ul.loop-afbeelding
	{grid-template-columns: 1fr 1fr 1fr;}
	
.page-info ul.loop-afbeelding
	{grid-template-columns: 1fr 1fr;}
	
h1.alignwide.wp-block-post-title
	{max-width: 1600px;}
	
.zes /* logo's */
	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
	
}

@media (min-width: 1301px) {
.tax-module ul.loop-items.drie,
.post-type-archive-les ul.loop-items.drie,
section.modules.loop-items.drie
		{grid-template-columns: 1fr 1fr 1fr 1fr;}	

}

/********************************
*********************************
DESKTOP
*********************************
*********************************/



@media (min-width: 1401px) {
	
/* LAY OUT SIDE - PAGE-TEMPLATE-HOME*/
	
body.page,
body.single
		{background-color: var(--wp--preset--color--contrast);}

body.page .wp-site-blocks,
body.single .wp-site-blocks
	{background-color: var(--wp--preset--color--base);
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;}
	
}


@media (min-width: 1501px) {
.tax-module ul.loop-items.drie,
.post-type-archive-les ul.loop-items.drie,
section.modules.loop-items.drie
	{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}	
}