/* MASONRY gallery*/

input[type='submit']{
	cursor: pointer;
}
.contact-fotos img{
	object-position: left;
}
h1, h2, h3, h4{
	padding-bottom: 0.4em !important;
	margin-bottom: 0 !important;
}
.wp-singular .excerpt{
	padding-top: 30px;
}
body:has(.active-usp) .sub-nav{
	margin-top: 30px !important;
}
.uagb-loop-post-inner h3,
h4.title{
	font-weight: 500;
}

header, footer > div ,
.entry-content > *{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.wp-block-uagb-icon-list-child:has(a){
	position: relative;
}
.intro-image .wp-block-uagb-icon-list-child:has(a)::before{
	background: white;
}
.wp-block-uagb-icon-list-child:has(a)::before{
	content:'';
	position: absolute;
	width: 0%;
	height: 2px;
	left: 0;
	bottom: 0;
	transition: 0.3s;
	background: var(--color-light-blue);
}
.wp-block-uagb-icon-list-child:has(a):hover::before{
	width: 100%;
}
.custom-hoekske{
	transition: 0.3s;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%, 10% 75%, 0 63%);
}
.hoekske-2{
	transition: 0.3s;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, calc(50% - 100px) calc(100% - 50px), 0 calc(100% - 50px))
}
.hover-effect.custom-hoekske:hover,
.hover-effect.hoekske-2:hover{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 0 100%);
}
.info-block-buttons{
	display: flex;
	justify-content: center;
}
.uagb-button__wrapper{
	margin-top: 0 !important;
}
.wp-block-uagb-buttons-child{
	margin-top: 20px !important;
}
strong{
	font-weight: bold;
}
.entry-content.realisaties,
.entry-content.realisatie{
	max-width: 1200px; 
	margin: 100px auto 100px auto;
}
.intro-image{
	clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + 50px) 100%, calc(50% - 50px) calc(100% - 100px), 0 calc(100% - 100px));
}
.gform_required_legend{
	display: none;
}
.wp-block-buttons:last-child{
	margin-bottom: 0;
}
body .pgcsimplygalleryblock-justified-item .pgcsimplygalleryblock-justified-item-inner .pgcsimplygalleryblock-justified-title-wrap{
	top: unset;
	font-size: 10px;
	bottom: 1em;
}
.wp-container-15.wp-block-columns.alignwide.bouwwerken.has-gray-background-color.has-background{
	padding-bottom: 0;
}
.single .gallerij img{
	transition: 0.3s;
	height: 350px;
}
.single .gallerij {
    display: flex;
    gap: 1px;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.single form{
	max-width: 100%;
}
.single .gallerij a{
    width: calc(33.33% - 0.66px);
    height: 350px;
}

body div.entry-content div.wp-block-columns.contact-fotos  div.wp-block-columns{
	margin-bottom: 0;
}

body .entry-content .wp-block-columns.contact-fotos{
	align-items: baseline;
}
body .entry-content .wp-block-columns.contact-fotos img, 
body .entry-content .wp-block-columns.contact-fotos figure, 
body .entry-content .wp-block-columns.contact-fotos picture{
	height: 100%;
	display: block;
	min-height: 200px;
	max-height: 300px;
} 
.wp-block-cover{
	position: relative;
	display: flex;
}
.wp-block-cover .wp-block-cover__inner-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.wp-block-cover .has-background-dim{
    background: #00000038;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}
#search-filter-form-1059 > ul > li > ul{
	flex-wrap: wrap;
    row-gap: 20px;
	display: flex;
}
li.sf-level-0 > input:first-child{
	display: none;
}
.filter ul{
	margin-left: 0;
}
.searchandfilter ul li li.sf-level-0{
	padding: 0 20px;
	padding-left: 0;
}
.searchandfilter ul li li.sf-level-0 label{
	color: var(--color-gray);
	cursor: pointer;
	position: relative;
	padding-left: 0;
}

.searchandfilter ul li li.sf-level-0 label::before{
	display: none;
	opacity: 0;
	transition: 0.3s;
	content: '';
    width: 80px;
    height: 20px;
    position: absolute;
    background-image: url(/wp-content/uploads/2022/09/Asset-1.svg);
    z-index: -1;
    transition: 0.3s;
    background-repeat: no-repeat;
    bottom: -25px;
    left: calc(50% - 40px);
}
.searchandfilter ul li li.sf-level-0 label:hover::before,
.searchandfilter ul li li.sf-level-0.sf-option-active label::before{
	opacity: 1;
	display: block;
	z-index: 1;
}{
	opacity: 1;
	display: block;
	z-index: 1;
}
/* FILTER */
.filter{
	max-width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: var(--content-padding-big);
}
.filter h4{
	line-height: 1;
	color: white;
	margin: 0;
	padding-right: 30px;
}
body .entry-content .filter a{
	padding: 20px;
	margin: 10px;
	color: white;
	position: relative;
	line-height: 1;
}
.filter a::before{
	display: none;
	opacity: 0;
	transition: 0.3s;
	content: '';
    width: 80px;
    height: 20px;
    position: absolute;
    background-image: url(/wp-content/uploads/2022/09/white.svg);
    z-index: -1;
    transition: 0.3s;
    background-repeat: no-repeat;
    bottom: -5px;
    left: calc(50% - 40px);
}
body .filter a.active-button::before{
	opacity: 1;
	display: block;
	z-index: 1;
}
.grid .grid-item{
	opacity: 1;
	transition: 0.3s;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	transition: 0.3s;
}
.grid .active-grid-item{
	transition: 0.3s;
	display: block;
}
.grid .inactive-grid-item{
	clip-path: polygon(39% 100%, 49% 100%, 100% 100%, 0% 100%);
	opacity: 0;
	transition: 0.3s;
	display: none;
}

/* EXPERTISES block */
.expertises .wp-block-columns >.wp-block-column:not(:first-child){
	margin-left: 0;
}
.expertises{
	max-width: 100%;
}
body .entry-content .expertises .wp-block-columns{
	max-width: 100%;
	gap: 1px;
	padding: 0;
}
body .entry-content .expertises .wp-block-columns:first-child{
	padding-bottom: 1px;
}
body .entry-content .expertises .wp-block-columns img,
body .entry-content .expertises .wp-block-columns .wp-block-cover
{
	max-height: 350px;
}
.expertises > div > div > div.wp-block-column > div > div > p{
	z-index: 1;
    position: absolute;
    height: 350px;
    width: 100%;
    top: -350px;
}
.expertises > div > div > div.wp-block-column > div > div{
	height: 100%;
    display: flex;
    min-height: 100%;
    position: relative;
    top: 0;
}
.expertises > div > div > div.wp-block-column > div{
	display: flex;
    flex-direction: column;
}
.expertises > div > div > div.wp-block-column > div > div > p > a{
z-index: 1;
    height: 330px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-width: 100%;
    max-width: 100%;
    cursor: pointer;
    padding-bottom: 20px;
    font-size: 30px;
}
.expertises > div > div > div.wp-block-column {
	min-width: calc(25% - 0.75px);
}


.expertises .wp-block-cover:hover .has-background-dim{
	background: unset;
}
#post-10 > div > div.wp-container-19.wp-block-columns.alignwide{
	gap: 20px;
}
#post-10 > div > div.wp-container-19.wp-block-columns.alignwide > div{
	margin-left: 0;
}




.wp-block-group.alignwide{
 	width: 100%;
    box-sizing: border-box;
}
.wp-block-group.alignwide > div{
    width: 100%;
    margin: auto;
}
article > .entry-header{
    display: none;
}


body:not(.realisaties, .archive, .single, .privacy-policy, .disclaimer) .entry-content > div:first-child::before{
/*	content: '';
	background-image: url('/wp-content/uploads/2022/06/logoMark.svg');
	width: 123px;
	height: 118px;
	top: 0;
	right: 0; */
}


.entry-content .bouwwerken .wp-block-button{
	background-color: unset;
	border: unset;
}
.entry-content .bouwwerken .wp-block-buttons{
	margin: 0;
}
.entry-content .bouwwerken .wp-block-button a{
	border: unset;
	background-color: unset;
	color: white;
	font-size: 22px;
	padding: 10px 24px;
	font-weight: 700;
}
.entry-content .bouwwerken .wp-block-button a::after{
	content: '\2192';
	padding-left: 16px;
}
.entry-content .bouwwerken > div:first-child{
	padding: 10px 0;
}
.entry-content .bouwwerken img, .entry-content .bouwwerken figure{
    object-fit: contain;
	margin: auto;
	height: 400px;
}
.entry-content .info-block img{
	object-fit: contain;
}
.entry-content .gallery, .entry-content .info-block{
	position: relative;
}
.entry-content .gallery::before{
    content: '';
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: var(--color-black);
    top: calc( 0px - var(--content-padding-small));
    left: 0;
}
.entry-content .info-block::before{
	content: '';
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: var(--color-black);
    top: calc( 15px - var(--content-padding-small));
    left: 0;
}
.entry-content .info-block::after{
	content: '';
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: var(--color-black);
    bottom: calc( 15px + var(--content-padding-huge) - var(--content-padding-small));
    left: 0;
}

body .entry-content > div.team.wp-block-columns.alignwide.has-background{
	margin-bottom: 0;
}
body .entry-content > div.team.wp-block-columns.alignwide.has-background > div{
	padding-top: calc(var(--content-padding-big) + var(--content-padding-huge));
}


.page-child div.entry-content > div.wp-block-columns:first-child > div.dk > div > figure,
.expertise .dk figure, .landelijke-stijl .dk figure, .fabriekstijl .dk figure{
	text-align: center;
	margin-top: 85px;
}
.dk img{
	max-width: 150px;
	max-height: 150px;
	object-fit: contain;
}

/*--------------------------------------------------------------------------------------*\
| HOME
\*--------------------------------------------------------------------------------------*/
.home .wp-container-9.wp-block-column > figure > img{
	object-fit: contain;
}
 .bouwwerken{
    position: relative;
    padding-bottom: 0;
}
.home .bouwwerken::before{
    content: '';
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: var(--color-black);
    top: calc( 0px - var(--content-padding-small));
    left: 0;
}
.home .bouwwerken::after{
    content: '';
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: var(--color-black);
    top: calc( 100% + var(--content-padding-small));
    left: 0;
}
.group-1::after{
    content: '';
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: var(--color-black);
    left: 0;
}
.home .wp-container-28, .home .wp-container-32{
    padding-bottom: 0;
}
.home .team::before{
	content: '';
    position: absolute;
    width: 100vw;
    height: 1px;
    background-color: var(--color-black);
    left: 0;
}


/*--------------------------------------------------------------------------------------*\
| ARCHIVE
\*--------------------------------------------------------------------------------------*/
.archive .grid{
    display: flex;
    flex-wrap: wrap;
    gap: var(--content-padding-big);
}
.archive .grid-item{
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}
.archive .grid-item{
 	width: calc(50% - calc(var(--content-padding-big)/2)) ;
}
body.archive-filter-active #primary > div > div > div > div.grid > div{
 	width: calc(24.15% - calc(var(--content-padding-big)/2)) ;
}
.archive .grid-item a{
    height: 100%;
    width: 100%;
}
.archive .grid-item a .info{
    height: 100%;
    display: flex;
    align-items: flex-end;
    color: var(--color-white);
}
.archive a:hover .info-wrapper p{
    color: var(--color-light-blue);
}
.archive a:hover .info-wrapper{
    background-color: #fbfefbf2;
    color: var(--color-light-blue);
}
.archive .info-wrapper{
	padding: var(--content-padding-small);
    box-sizing: border-box;
    transition: 0.25s;
    background-color: #869ca498;
    width: 100%;
    height: 30%;
    display: flex;
    clip-path: polygon(50% 0%, 60% 30px, 100% 30px, 100% 70%, 100% 101%, 50% 101%, 0 101%, 0% 70%, -1% 35%, 0 0);
    flex-direction: column;
}

/* polygon(0 0, 100% 30%, 100% 100%, 0% 100%); */

.single-realisaties #page > div.entry-content > div:not(.info-block){
	flex-direction: column;
	gap: 25px;
}
.archive .info-wrapper p{
    color: var(--color-white);
}

.single #page > div.entry-content > div > div{
	margin-left: 0;
}

.single .wp-block-column:first-child{
    width: 100%;
	box-sizing: border-box;
}
.single .wp-block-column:first-child p, .single .wp-block-column:first-child li {
	color: var(--color-black);
}
/*--------------------------------------------------------------------------------------*\
| LOOP
\*--------------------------------------------------------------------------------------*/
.loop-wrapper{
    display: flex;
}
.loop-wrapper-item{
    display: flex;
    width: 100%;
    position: relative;
    max-height: 400px; 
}
.loop-item-image{
    width: 100%;
    object-fit: cover;
}
.loop-item-image img{
    height: 100%;
}
.loop-item-title{
    width: 40%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: var(--color-gray);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.loop-item-title h3{
    color: var(--color-white);
}
.entry-content .loop-wrapper .loop-item-title .wp-block-button{
    margin-bottom: 1em;
}
.entry-content .loop-wrapper .loop-item-title a:hover{
    background-color: var(--color-white);
    color: var(--color-gray);
}
.loop-wrapper-item.active{
    display: flex;
}
.loop-wrapper-item.inactive{
    display: none;
}
.loop-button{
    display: flex;
}
#colophon > div.wrapper1 > div.footer-four > img{
	max-width: 100px;
}
footer .footer-four{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.loop-button > div{
    padding: 8px 8px;
    color: var(--color-white);
    font-size: 20px;
    cursor: pointer;
}
.loop-button > div:hover{
    color: var(--color-gray);
    background-color: var(--color-white);
}
.loop-wrapper-item-6.active div.plus:hover,
.loop-wrapper-item-1.active div.min:hover{
    color: var(--color-white);
    background-color: var(--color-gray);
}
@media screen and (max-width: 1800px){
    
}
@media screen and (max-width: 1350px){
	.entry-content .info-block::after {
		bottom: calc( 0px + var(--content-padding-big) - var(--content-padding-small));
	}
	body .entry-content .expertises .wp-block-columns img,
	body .entry-content .expertises .wp-block-columns .wp-block-cover
	{
		max-height: 250px;
	}
	.expertises > div > div > div.wp-block-column > div > div > p{
		height: 250px;
		top: -250px;
	}
	.expertises > div > div > div.wp-block-column > div > div > p > a{
		z-index: 1;
		height: 230px;
		font-size: 20px;
	}
	body .entry-content .wp-block-columns.contact-fotos{
		flex-direction: column;
	}
	body .entry-content .wp-block-columns.contact-fotos > .wp-block-column{
		border-bottom: 1px solid;
	}
}
@media screen and (max-width: 1000px){
	.archive div.wp-block-columns > .wp-block-column > div.grid > .grid-item{
		width: 100%;
	}
	.entry-content .bouwwerken .wp-block-button a{
		font-size: 20px;
	}
	.entry-content .info-block::after {
		bottom: calc( 0px + var(--content-padding-medium) - var(--content-padding-small));
	}

}
@media screen and (max-width: 768px){
	header, footer > div, .entry-content > * {
		padding-left: 30px !important;
		padding-right: 30px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.expertises > div > div > div.wp-block-column {
		width: calc(50% - 7.5px);
	}
	body .entry-content .expertises .wp-block-columns img,
	body .entry-content .expertises .wp-block-columns .wp-block-cover
	{
		max-height: 150px;
	}
	.expertises > div > div > div.wp-block-column > div > div > p{
		height: 150px;
		top: -150px;
	}
	.expertises > div > div > div.wp-block-column > div > div > p > a{
		z-index: 1;
		height: 130px;
	}
	.wp-block-pullquote::before{
		width: 30px;
		height: 20px;
		background-size: cover;
		left: calc(50% - 15px);
		top: 20px;
	}

	.entry-content .bouwwerken img, .entry-content .bouwwerken figure{
		height: 150px;
		width: 150px;
	}
	.entry-content .bouwwerken > div:first-child{
		padding-bottom: 0;
	}
	.entry-content .bouwwerken > div:nth-child(2){
		padding-top: 0;
	}
	.entry-content .team{
		flex-direction: column-reverse;
	}
	body li {
		font-size: 10px;
	}
	.home .wp-container-20 .wp-container-18 .wp-container-17.wp-block-column{
		display: none;
	}
	.home .wp-container-24, .home .wp-container-33{
		flex-direction: column-reverse;
	}
	.home .wp-container-28 > div.wp-block-spacer{
		display: none;
	}
		body div.entry-content > div.team.wp-block-columns.alignwide.has-background > div {
    	padding-top:0;
	}
	.single .gallerij a{
		width: calc(50% - 0.5px);
	}
	.archive .grid {
		gap: 6px;
	}
	.archive div.wp-block-columns > .wp-block-column > div.grid > .grid-item{
		width: calc(50% - 3px);
		height: 200px;
	}
	.archive .info-wrapper{
		clip-path: unset;
		padding: 5px;
		height: auto;
		justify-content: flex-end;
	}
	.archive .info-wrapper > *{
		line-height: 1;
		margin-bottom: 5px;
	}
	.archive .info-wrapper > h4{
		font-size: 14px;
	}
	label.sf-label-radio{
		font-size: 15px;
	}
}

@media screen and (max-width: 550px){
	.single-realisaties .entry-content > div:first-child{
		padding-top: 25px;
	}
	.filter{
		flex-direction: column;
	}
	.single .gallerij a{
		width: 100%;
	}
	body .entry-content .expertises .wp-block-columns {
		padding-bottom: 10px;
		flex-wrap: wrap;
		gap: 10px;
	}
	.expertises > div > div > div.wp-block-column > div > div > p > a{
		font-size: 15px;
	}
	.entry-content .info-block::after {
		bottom: 0;
	}
	.home .wp-container-15.has-background > div.wp-container-9.wp-block-column > figure{
		margin-bottom: 0;
		height: 300px;
	}
	.home #post-7 .wp-container-15.has-background > div.wp-container-14.wp-block-column{
		display: flex;
		flex-wrap: wrap;
		padding: 0 ;
		justify-content: space-between;
	}
	.home #post-7 > div > div.wp-container-15.has-background > div.wp-container-9.wp-block-column{
		padding: 0;
	}
	.loop-wrapper-item{
		flex-direction: column;
	}
	.loop-item-image{
		max-height: 150px;
	}
	.loop-item-title{
		width: 100%;
		position: unset;
		clip-path: unset;
	}
	.loop-item-image img{
		filter: brightness(0.75);
	}
	.loop-item-title h3{
		position: absolute;
		z-index: 3;
		top: 7%;
	}
	.entry-content .loop-wrapper .loop-item-title .wp-block-button{
		position: absolute;
		top: 80%;
	}
	.loop-button > div {
    	display: flex;
		padding: 5px;
		font-size: 20px;
		height: 20px;
		align-items: center;
		justify-content: center;
		margin: 8px;
	}
	
	.loop-button {
		position: absolute;
		top: 35%;
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	body div .usp{
		display: none;
	}
	body:not(.realisaties, .archive, .single, .privacy-policy, .disclaimer) .entry-content{
		margin-top: 0px;
		clip-path: unset;
	}	
	.entry-content figure.wp-block-image{
		margin-bottom: 1em;
	}
	body .entry-content .filter a{
		margin: 0;
	}
	body .entry-content .filter{
		padding: 5px;
		margin-bottom: var(--content-padding-small);
	}
	.entry-content .bouwwerken .wp-block-button a {
		font-size: 15px;
	}
	#post-7 > div > div.is-layout-flow.wp-block-group.alignfull.group-1 > div > div.is-layout-flex.wp-container-32.wp-block-columns.alignwide.are-vertically-aligned-center > div:nth-child(2) > div.wp-block-spacer{
		display: none;
	}
	body .entry-content .expertises .wp-block-columns:first-child {
		padding-bottom: 10px;
	}
	h1, h2, h3, h4{
		margin-bottom: 0 !important;
	}
}