/** KLEUREN **

Blauw #32b4e5 
Rood #c32313 
Taupe #65604e
accent color #f9ddaa;
accent color light #fae3ba

**/

:root{
	--primary-color: #26497c;
	--primary-color-light: #4BB3FD;
	--secondary-color: #f26522;
	--accent-color: #fff;
	--accent-color-light: #fbd5c3;
	--black: #202020;

}


@font-face {
 font-family: "Mulish";
  src: url("../fonts/Mulish-VariableFont_wght.woff2") format("woff2-variations");
  font-weight: 200 1000;
  font-stretch: 75% 125%;
  font-style: normal;}

body{
	font-family: 'Mulish';
	background-color: var(--accent-color);
	color: #202020;
	font-weight: 400;
	font-size: 18px;
}

img.logo{
	width: auto;
	height: 100px
}

/** UI STYLES **/

h1, h2, h3, h4, h5, strong{
	font-weight: 900;
	color: var(--primary-color);
	line-height: 1.2
}

h1{
	font-size: 3rem;
}

h2{
	font-size: 2rem;
}

h3{
	font-size: 1.5rem;
}

.page-content-wrapper h1, .page-content-wrapper h2, .page-content-wrapper h3, .page-content-wrapper h4{
	color: var(--primary-color);
}

.underline{
	text-decoration: underline;
	text-decoration-color: var(--secondary-color);
	text-decoration-thickness: 6px;

	
}

.underline:after{
	content: '';
	display: block;
	width: 120px;
	height: 6px;
	background-color: var(--secondary-color);
	position: absolute;
	left: 0;
	bottom: 4px;
	z-index: -1;
}

.page-content-wrapper a{
	color: #202020;
	text-decoration: underline;
	text-decoration-color: var(--secondary-color);
}

.page-content a.button, .page-content a.wp-block-button__link{
	color: #fff ;
	text-decoration: none;
}

p, ul{
	margin-bottom: 2rem;
}

::marker{
	color: var(--secondary-color);
}

img.read-more{
	box-shadow: none !important;
	height: 20px;
	transition: all .25s ease-in-out;
}

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

/** TABLE **/

tbody, tfoot, thead{
	border: none;
}

tbody tr:nth-child(2n){
	background-color: #fff;
}

tbody td, tbody th{
	padding: .35rem 0;
}
.full-width{
 width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/** GUTENBERG COLUMN STYLES **/



/** HEADER **/

.inner-header{
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.inner-header a.logo{
	position: absolute;
}

.inner-header nav{
	margin-left: auto;
}

ul#main-nav li a{
	padding: 10px 20px;
	font-weight: 900;
	color: var(--primary-color);
	font-size: 1.25rem;
}



nav.stroke ul li a{
  position: relative;
}
nav.stroke ul li a:after{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: var(--secondary-color);
  height: 4px;
  transition: all .25s;
}
nav.stroke ul li a:hover:after, ul#main-nav.menu .active>a:after, ul#main-nav.menu .is-active>a:after {
  width: calc(100% - 1.4rem);
}

nav.strake ul li a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}



.dropdown.menu>li.is-dropdown-submenu-parent>a:after{
	display: none;
}

ul#main-nav ul.submenu{
	border: none;
	transition: all .25s ease-in-out;
	background: #65604e;
	padding: 0;

}

ul#main-nav ul.submenu a{
	color: #fff;
	padding: 10px 30px;
	text-transform: none;
	font-weight: 300;
}

ul#main-nav ul.submenu li:hover, ul#main-nav ul.submenu li:focus, ul#main-nav.menu  ul.submenu .active{
	background-color: #78725d;
}

ul#main-nav ul.submenu li:hover a, ul#main-nav ul.submenu li:focus a,  ul#main-nav.menu  ul.submenu .active>a{
	color: #fff
}

#site-header {
	position: fixed;
	height: 140px;
	top: 0;
	width: 100%;
	z-index: 100;
	transition: all .3s ease;
	background-color: var(--accent-color);
	padding: 20px 0;
}

#site-header.transparent{
	background-color: transparent;
}
#site-header.hide {
	top: -140px;
}

body.admin-bar #site-header{
	top: 32px;
}

body.admin-bar #site-header.hide {
	top: -140px;
}

.off-canvas-content{
	padding-top: 137px;
}

button.off-canvas-toggle{
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #fff;
	font-weight: 800;
	padding: .7rem 1rem;
	background-color: var(--primary-color);
}

button.off-canvas-toggle img{
	height: 15px;
	width: auto;
	margin-left: 10px
}

.off-canvas{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#offcanvas-nav, .off-canvas{
	background-color: var(--primary-color);
}

#offcanvas-nav a{
	color: #fff;
	font-weight: 900;

}

#offcanvas-nav .submenu{
	background-color: var(--primary-color);
}

#offcanvas-nav a{
	border-left: 4px solid var(--primary-color);
}

#offcanvas-nav .active > a{
	border-color: var(--secondary-color);
}


#offcanvas-nav .is-accordion-submenu-parent{
	position: relative;
}

#offcanvas-nav .is-accordion-submenu-parent[aria-expanded="false"]:after{
	content: url('../icons/circle-chevron-down.svg');
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	transition: transform .5s ease-in-out;
}

#offcanvas-nav .is-accordion-submenu-parent[aria-expanded="true"]:after{
	content: url('../icons/circle-chevron-down.svg');
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	transform: rotateX(180deg);
	transition: transform .5s ease-in-out;
}

/** HOMEPAGE **/

.intro.home{
	max-width: 1200px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 60px;
	padding: 0rem 1.875rem 6rem ;
	margin: 0 auto;
}

.partners.home{
	margin: 0 auto;
	padding: 6rem 1.875rem;
	text-align: center;
	background-color: #f6f6f6;
}

.partner-wrapper{
	display: grid;
	grid-template-columns: repeat(6,1fr);
	gap: 30px;
	margin: 0 auto ;
	padding: 60px 0;
	max-width: 1200px
}

.partners.home a{
	color: var(--black);
}

.partners.home a img{
	margin-left: 5px;
}

.partner-wrapper .partner{
	display: flex;
	justify-content: center;
	align-items: center;
}

.partner-slider{
	max-width: 1200px;
	margin: auto;
	margin-top: 60px;
	padding: 0 30px
}

.partner-slider .slide.slick-slide{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px
}

.slick-slide {
    margin: 0 30px;
}
/* the parent */
.slick-list {
    margin: 0 -30px;
}

.partner-slider .slide img{
	max-height: 60px;
	width: auto;
}

.swiper-container-free-mode > .swiper-wrapper{
  transition-timing-function : linear;
}


.projecten.home{	
	background-color: var(--primary-color);
	padding: 6rem 0 6rem 1.875rem;
	display: flex;
	flex-direction: row;
}

.projecten.home .projecten-intro{
	flex: 0 0 300px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 0 30px 30px 0;
}

.projecten.home .projecten-intro h2{
	color: var(--secondary-color);
}

.projecten.home .projecten-intro p{
	color: #fff;
}

.projecten-nav{
	display: flex;
	flex-direction: row;
	padding: 10px 0 20px 0;
	margin-left: auto;
}

.projecten-nav button{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background-color: var(--secondary-color);
	margin-left: 10px;
}

.projecten-nav button img{
	width: 20px;
	height: auto;
}

.projecten-wrapper.home{	
	padding: 30px 30px 30px 0;
	display: flex;
	flex-direction: row;
	gap: 30px;
	overflow-x: scroll;
}

.projecten-wrapper.home a{
	flex: 0 0 500px;
}

.projecten-wrapper::-webkit-scrollbar{
	display: none;
}

.projecten-wrapper a{
	background-color: #fff;
	box-shadow: 0 0 20px 5px rgba(0,0,0,.15);
}


.projecten-wrapper .project header{
	position: relative;
	transition: all .25s ease-in-out;
	overflow: hidden;
}

.projecten-wrapper .project header:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--secondary-color);
	opacity: .7;
	transition: all .25s ease-in-out;
}

.projecten-wrapper .project:hover header:after{
	opacity: 0;
	
}

.projecten-wrapper .project header img{
	filter: grayscale(1);
	transition: all .25s ease-in-out;
	
}

.projecten-wrapper .project header span{
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: var(--primary-color);
	padding: 10px;
	color: #fff;
	font-size: .8rem;
	z-index: 1;
}

.projecten-wrapper .project:hover header img{
	filter: grayscale(0);
	transform: scale(1.05);
}

.projecten-wrapper .project:hover img.read-more{
	transform: translateX(10px);
}

.projecten-wrapper .project section{
	padding: 60px 30px 30px 30px;
}

.project h3{
	color: var(--primary-color);
}

.project p{
	color: var(--black);
}

.nieuws.home{
	max-width: 1200px;
	margin: 0 auto;
	padding: 6rem 1.875rem;
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 60px;
}

.nieuws.home .nieuws-wrapper{

	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 60px;
}

.nieuws.home article header{
	overflow: hidden;
	margin-bottom: 30px;
}

.nieuws.home article header img{
	transition: all .25s ease-in-out;
}

.nieuws.home a:hover header img{
	transform: scale(1.05);
}

.nieuws.home a:hover h3{
	text-decoration: underline;
	text-decoration-color: var(--secondary-color);
}

.nieuws.home a:hover img.read-more{
	transform: translateX(10px);
}


.nieuws.home p{
	color: var(--black);
}


/** PAGE STYLES **/

.page-content-wrapper{
	max-width: 860px;
	margin: 0 auto;
	padding: 120px 30px;
}

.page-content-wrapper h1{
	margin-bottom: 30px;
}

.has-background-image{
	display: grid;
}

.has-background-image > *{
	grid-column: 1 / -1;
	grid-row: 1 / -1;
}

.has-background-image > .background-image-wrapper{
	z-index: -1;
}

.background-image-wrapper .image{
	height: 600px;
	width: 100%;
}

.background-image-wrapper .image img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.page-content-wrapper.has-background-image{
	padding: 0;
	max-width: 100%;
}

.has-background-image .page-content{
	max-width: 900px;
	margin: 300px auto 0;
	padding: 60px 60px 120px 60px;
	background-color: #fff;
}




/** PROJECTEN TEMPLATE **/

.projecten-wrapper{
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(400px,1fr));
	padding: 0 30px 120px 30px
}

.projecten-filter{
	margin-top: 30px;
}

.projecten-filter ul{
	margin: 0;
	display: flex;
	flex-direction: row;
}


.projecten-filter ul li{
	margin-right: 15px;
	padding: 0;
}

.projecten-filter ul li:last-child{
	margin: 0;
}

.projecten-filter ul li li{
	padding: 0;
}

.projecten-filter label{
	margin: 0;
	padding: .5rem 1.5rem !important;
	background: var(--primary-color);
	transition: all	.25s ease-in-out;
	color: #fff;
	font-weight: 300;
	border-radius: 2px;
}

.projecten-filter label:hover{
	background: var(--secondary-color);
}

.projecten-filter [type=checkbox]{
	display: none;
}

.projecten-filter [type=checkbox]:checked + label{
	background: var(--secondary-color);
}

.projecten-filter [type=checkbox]:checked + label:hover{
	background: var(--secondary-color);
}



/** SINGLE PROJECT **/

.single-project article{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	padding: 120px 0;
}

.single-project-wrapper{
	padding: 0 60px 0 30px;
	max-width: 600px;
	display: flex;
	flex-direction: column;
	margin-left: auto;
}

article.project aside img{
	box-shadow: 0 0 20px 5px rgba(0,0,0,.25);
}

.project-details-wrapper{
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 30px 120px 30px;
}


.project-details-wrapper h2{
	margin-bottom: 30px;
}

.project-details{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 60px;
}

.project-details .details p{
	margin-bottom: 60px;
}

.project-details .partner a{
	display: flex;
	align-items:  flex-start;
	flex-direction: column;
	margin: 10px 0 30px
}

.project-details .partner img.wp-post-image{
	width: auto;
	height: 70px;
	margin-bottom: 10px;
}

/** PARTNERS TEMPLATE **/

.partners-wrapper{
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	gap: 60px 30px;
	grid-template-columns: repeat(auto-fit, minmax(400px,1fr));
	padding: 0 30px 120px 30px

}

.partners-wrapper a{
	transition: all .25s ease-in-out;
	padding: 30px;
	border: 2px solid #f6f6f6
}	

.partners-wrapper a:hover{
	border: 2px solid var(--secondary-color);
	box-shadow: 0 0 20px 5px rgba(0,0,0,.15);
}

.partners-wrapper a:hover img.read-more{
	transform: translateX(10px);
}

.partners-wrapper header{
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 30px 0;
}

.partners-wrapper header img{
	width: auto;
	max-width: 300px;
	height: 70px;
}

.partners-wrapper p{
	color: var(--black);
}


.button, .wp-block-button__link{
	background-color: var(--secondary-color);
	font-size: 18px;
	font-weight: 900;
}

.button:hover, .button:focus, .wp-block-button__link:hover, .wp-block-button__link:focus{
	background-color: var(--primary-color);
}

.button img{
	height: 20px;
	margin-left: 4px;
}

.partner-details h3{
	margin-bottom: 20px;
}

.certificaten-partner ul{
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.certificaten-partner ul li{
	list-style: none;
	margin-right: 20px
}

.certificaten-partner ul li img{
	max-height: 150px;
	width: 100%;
}

.partner-details{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
	gap: 60px;
	padding-top: 60px;
}



.partner-projecten .intro{
	max-width: 800px;
	margin: 0 auto;
	padding-bottom: 30px;
}

/** TEAM TEMPLATE **/

.team{
	padding: 90px 30px 90px 30px;	
	margin: 0 auto;
	background-color: #f6f6f6
}

.team-intro{
	margin-bottom: 30px;
	max-width: 1200px;
	padding: 0 30px;
	margin: 0 auto;
}

.team-wrapper{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
	gap: 30px;
	padding-top: 60px;
	margin: 0 auto;
}

.team-wrapper .team-member{
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 20px 5px rgb(0 0 0 / 15%);
	background-color: #fff;
}


.team-member .bio{
	padding: 30px 30px 14px 30px;
}


.image-content-block{
	display: flex;
	flex-direction: row;
	padding-bottom: 120px;
}

.image-content-block .content-wrapper{
	flex: 0 0 50%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding: 0 60px 0 30px
}

.image-content-block .content-wrapper .content{
	max-width: 510px;
}

.image-content-block .image{
	flex: 0 0 50%;
}

.image-content-block .image img{
	object-fit: cover;
	height: 100%;
	width: 100%;
	box-shadow: 0 0 20px 5px rgb(0 0 0 / 15%);
}

.image-content-block.image-first{
	flex-direction: row-reverse;
	padding-bottom: 0;
}

.image-content-block.image-first .content-wrapper{
	justify-content: flex-start;
	padding: 0 30px 0 60px;
}


/** NIEUWS ARCHIEF **/

.page-content-wrapper.blog a{
	text-decoration: none;
}

.page-content.blog{
	max-width: 1200px;
}

.news-archive{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;
}



.
.news-archive article section h2{
	font-size: 1.75rem;
}

.news-archive article:hover h2{
	text-decoration: underline;
	text-decoration-color: var(--secondary-color);
}

.news-archive article:hover img.read-more{
	transform: translateX(10px);
}

.news-archive a, .news-archive p{
	color: var(--black);
}



.news-archive header{
	overflow: hidden;
}

.news-archive header img{
	transition: all .25s ease-in-out;
}

.news-archive a:hover header img{
	transform: scale(1.05);
}
p.byline{
	font-size: 14px;
}

nav.page-navigation{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 60px;
}

nav.page-navigation ul{
	margin: 0;
}

ul.pagination li{
	color: #202020;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin-right: 15px;
}

ul.pagination li:last-child{
	margin-right: 0;
}

ul.pagination li a{
	text-decoration: none;
	color: #fff;
	width: 50px;
	height: 50px;
	display: inline-block;
	background-color: var(--primary-color);
	line-height: 45px;
}

ul.pagination li:hover a{
	background-color: var(--secondary-color);
}

ul.pagination li:hover a{
	color: #fff;
}

ul.pagination li.current{
	background-color: var(--secondary-color);
	color: #fff;
	width: 50px;
	height: 50px;
	display: inline-block;
	line-height: 45px;
}


/** SINGLE NIEUWS **/

.article-header{
	margin-bottom: 30px;
}

.article-header img{
	margin-bottom: 30px;
	box-shadow: 0 0 20px 5px rgb(0 0 0 / 15%);
}

p.byline{
	color: var(--black);
}

.content.single{
	max-width: 700px;
}

.more-news-single{
	margin: 0 auto;
	padding: 90px 0 120px 0;
	background-color: #f6f6f6
}

.more-news-single .intro{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px
}

.more-news-single h2{
	margin-bottom: 30px;
}

.more-news{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 60px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px
}


.more-news a{
	color: var(--black);
}

.more-news-item:hover h3{
	text-decoration: underline;
	text-decoration-color: var(--secondary-color);
}

.more-news-item:hover img.read-more{
	transform: translateX(10px);
}
/** CALL TO ACTION **/

.cta-person{
	display: grid;
	grid-template-columns: 150px auto;
	gap: 30px;
	margin-top: 30px;
}

.cta-person img.contactpersoon{
	border-radius: 50%;
	background-color: #f6f6f6;
	box-shadow: 0 0 20px 5px rgb(0 0 0 / 15%);
}


/** GRAVITY FORMS STYLING **/

.gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme .gfield_radio label{
	font-size: 18px;
}

.gform_wrapper.gravity-theme .gfield_radio label{
	font-weight: 300;
}

[type=checkbox], [type=file], [type=radio]{
	margin: 0;
}

.gform_wrapper .gfield_required {
	color: var(--primary-color);
}

.gform_wrapper input, .gform_wrapper textarea{
	background-color: #f6f6f6
}

.gform_wrapper input.button{
	background-color: var(--secondary-color)
}

.gform_wrapper input.button:hover, .gform_wrapper input.button:focus{
	background-color: var(--primary-color)
}


/** FOOTER **/

footer.footer{
	background-color: var(--primary-color) ;
	color: #fff;
	margin-top: 0;
	
}

.inner-footer{
	max-width: 1200px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 60px 30px;
	justify-content: space-between;
}

.inner-footer h2, .inner-footer h3, .inner-footer h4{
	color: #fff;
}

.footer-widget.certificaten{
	display: flex;
	flex-direction: row;
}

.certificaten img{
	height: 150px;
	width: auto;
	margin-right: 30px;
	background-color: #fff;
}

.footer-widget.logo{
	display: flex;
	justify-content: center;
	align-items: center;
}


.inner-footer .menu{
	flex-direction: column;
}

.inner-footer .menu a{
	padding: .7rem 0;
	color: #fff;
}

.inner-footer .menu a:hover, .inner-footer .menu a:focus{
	text-decoration: underline;
}


.legal-social{
	background-color: var(--secondary-color);
}


.legal-social-wrapper{
	max-width: 1200px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0 auto;
	padding: 30px
}

footer .legal-social li:first-child a{
	padding-left: 0;
}

footer .legal-social a{
	color: #fff;
}

@media all and (min-width: 1441px){
	
	/** BANNER **/
	
	.page-header{
		padding-top: 600px;
	}
	
}


@media all and (max-width: 1024px){
	
	/** HOMEPAGE **/
	
	.homepage-header .header-content{
		padding: 60px 30px;
	}
	
	
	.solution-wrapper.homepage{
		grid-template-columns: repeat(2,1fr);
	}
}

@media all and (max-width: 1023px){
	
	.inner-header{
		padding: 28px 30px;
	}
	
	img.logo{
		height: 60px
	}
	
	
	
	/** HOMEPAGE **/
	
	
	.nieuws.home .nieuws-wrapper{
		grid-template-columns: repeat(1,1fr);
	}
	
	.nieuws.home .nieuws-wrapper a:last-child{
		display: none;
	}
	
	/** IMAGE & CONTENT BLOCK **/
	
	.image-content-block .content-wrapper{
		flex: 0 0 66%
	}
	
	.image-content-block .content-wrapper .content{
		max-width: 100%;
	}


	
	/** NIEUWS ARCHIVE **/
	
	.news-archive{
		grid-template-columns: repeat(2,1fr);
	}
	
	.more-news{
		grid-template-columns: repeat(2,1fr);
	}
	
	.more-news .more-news-item:last-child{
		display: none;
	}
	
	/** SINGLE PROJECT **/
	
	.single-project article{
		grid-template-columns: repeat(1,1fr);
		padding: 0;
	}
	
	.single-project article aside{
		grid-row: 1;
		height: 400px;
	}
	
	.single-project-wrapper{
		max-width: 100%;
		padding-top: 60px;
	}
	
	.single-project article aside img{
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	
	
	




	/** FOOTER **/


}

@media all and (max-width: 768px){
	
	h1{
		font-size: 2rem;
	}
	
	h2{
		font-size: 1.5rem;
	}
	
	h3{
		font-size: 1.25rem;
	}
	
	/** HEADER **/
	
	.top-header{
		padding: 10px 0
	}
	
	.top-header-wrapper{
		justify-content: flex-end;
	}
	
	.top-header-wrapper p{
		font-size: 14px;
	}
	
	.top-header-wrapper p.payoff{
		display: none;
	}
	
	#site-header {
		height: 118px;
	}
	
	#site-header.hide {
		top: -118px;
	}
	
	
	body.admin-bar #site-header.hide {
		top: -118px;
	}
	
	.off-canvas-content{
		padding-top: 118px;
	}
	
	/** HOMEPAGE **/
	
	.image-content-block.home{
		flex-direction: column-reverse;
		padding-bottom: 0;
	}
	
	.image-content-block.home .content-wrapper .content{
		padding-top: 60px;
	}
	
	.intro.home{
		grid-template-columns: repeat(1,1fr);
		gap: 30px;
	}
	
	.partner-wrapper{
		grid-template-columns: repeat(6,1fr);
		gap: 30px;
	}
	
	.partner-wrapper .partner{
		grid-column: span 2;
	}
	
	.partner-wrapper .partner:nth-child(4){
		grid-column: 2 / 4;
	}
	
	.projecten.home{
		flex-direction: column;
	}
	
	.projecten-nav{
		margin-left: 0;
		margin-right: auto;
	}
	
	.nieuws.home{
		grid-template-columns: repeat(1,1fr);
	}
	
	/** PAGE STYLES **/
	
	.has-background-image .page-content{
		padding: 60px 30px;
		margin-top: 200px;
	}
	
	/** IMAGE & CONTENT BLOCK **/
	
	.image-content-block{
		flex-direction: column;
	}
	
	.image-content-block.image-first{
		flex-direction: column;
	}
	
	.image-content-block .content-wrapper{
		flex: 0 0 100%;
	}
	
	/** SINGLE PROJECT **/
	
	.project-details{
		grid-template-columns: repeat(2,1fr);
		grid-row-gap: 0;
	}
	
		
		
	/** NIEUWS ARCHIVE **/
	
	.news-archive{
		grid-template-columns: repeat(1,1fr);
		gap: 30px;
	}
	
	.more-news{
		grid-template-columns: repeat(1,1fr);
	}
	
	
	/** FOOTER **/
	
	.inner-footer{
		flex-direction: column;
	}
	
	.footer-widget.certificaten{
		justify-content: center;
		margin-bottom: 60px
	}
	
	.certificaten img:last-child{
		margin: 0;
	}

	
	.legal-social-wrapper{
		justify-content: center;
	}
	
	
	.legal-social-wrapper .menu{
		flex-direction: column;
	}
	
	.legal-social-wrapper .menu a{
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	

}

@media all and ( max-width: 600px ){
	
	.projecten-wrapper{
		grid-template-columns: repeat(1,1fr);
	}
	
	
	.project-details{
		grid-template-columns: repeat(1,1fr)
	}
}