/* Enter Your Custom CSS Here */


/* 
	Code hierna wordt gebruikt om de volledige breedte van het scherm te gebruiken om content en/of sidebar weer te geven.
	Geplaatst dd. 27/06/2018
	Info via: https://www.karavadra.net/make-content-sidebar-areas-fit-full-width-screen-twenty-seventeen/ - toegang via gebruiker Christophe.machiels@fracarita.net
*/

.wrap {
	/* margin-left: auto; */
	/* margin-right: auto; */
	max-width: 100%;
	/* padding-left: 2em; */
	/* padding-right: 2em; */
}
 
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 100%;
		/* padding-left: 3em; */
		/* padding-right: 3em; */
	}
}
 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	max-width: 100%;
}
 
@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap
	{
		max-width: 100%;
	}
}

/* 
	Code hierna wordt gebruikt om het menu over de volledige breedte van het scherm te gebruiken.
	Geplaatst dd. 27/06/2018
	Info via: https://www.karavadra.net/make-menu-fit-full-width-screen-twenty-seventeen/ (bveiligde site - toegang via gebruiker Christophe.machiels@fracarita.net
*/

.navigation-top .wrap {
    max-width: 100%;
    /* padding: 0; */
}
 
 
@media screen and (min-width: 48em) {
.navigation-top .wrap {
    max-width: 100%;
    /* padding: 0.75em 3.4166666666667em; */
}
}



/* 
	Code hierna wordt gebruikt om de hoogte van hoofding te wijzigen
	Geplaatst dd. 28/06/2018
	Info via: https://www.karavadra.net/make-content-sidebar-areas-fit-full-width-screen-twenty-seventeen/ - toegang via gebruiker Christophe.machiels@fracarita.net
	- The first section is for a computer / laptop screen.
	- The second section is for a tablet or phone screen.
	- The third is the same as the first but for logged in users where the WordPress admin bar.
*/

/*Computer screen */
@media screen and (min-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header {
	height: 40vh;
	}
}
 
/* Mobile screen*/
@media screen and (max-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header
{
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 50vh;
	/*width: 100%;*/
	}
}
 
/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image, .admin-bar.twentyseventeen-front-page.has-header-image.home.blog .custom-header {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}