/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


.page .color-white {
	color: #fff !important;
}
/* animations */
@keyframes arrow-link-animation {
	0%   {margin-left: 27px; margin-right: 43px;}
	
	100% {margin-left: 70px; margin-right: 0;}
  }
/* animations end */

/* General */
h1,h2,h3{
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: black;
}
hr{
	background: #D92026;
    height: 2px;
    width: 65px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.naam-persoon{
	color: #D92026;
}
h1{
	color: white;
}
.wpb_text_column ul {
	list-style: none; /* Remove default bullets */
	margin-left: 1.2em;
  }
  .wpb_text_column li {
	line-height: 3;
  }
  
  .wpb_text_column  ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #D92026; /* Change the color */
	font-weight: 900; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
  }
  li.menu-item{
	border-bottom: 2px solid transparent;
	transition: 0.5s;
  }
  li.current-menu-item,
  li.menu-item:hover{
	border-bottom: 2px solid #D92026;
	transition: 0.5s;
  }
/* General end */

/* Buttons */
.container-btn{
	display: flex;
}
.container-btn .btn{
	margin-right: 20px;
}
.btn{
	background-color: #000000;
	padding: 15px 20px 15px 20px;
	color: white !important;
	font-weight: 600;
	line-height: 1;
}
.btn.btn-white-arrow::after{
	content: url(/wp-content/uploads/2023/01/Icon-awesome-arrow-right.svg);
	margin-left: 70px;
	transition: 0.3s;
}
.btn.btn-black-arrow::after{
	content: url(/wp-content/uploads/2023/01/Icon-awesome-arrow-right-1.svg);
	margin-left: 70px;
	transition: 0.3s;
}
a.btn:hover::after{
	transition: 0.3s;
	animation-name: arrow-link-animation;
	animation-duration: 0.3s;
	animation-fill-mode: both;
}
a.btn-red{
	background-color: #D92026;
}
a.btn.btn-white{
	background-color: #F1F1F1;
	color: #000000 !important;
}
a.btn.btn-transparant{
	background: rgba(0,0,0,0);
	color: #D92026 !important;
	padding-left: 5px;
}
a.btn.red-arrow::before{
	content: url(/wp-content/uploads/2023/01/Icon-awesome-arrow-right-2.svg);
	margin-right: 15px;
}
a.btn.btn-bel:hover::after,a.btn.btn-contact:hover::after{
	animation: none;
}
a.btn.btn-bel::after{
	content: url(/wp-content/uploads/2023/01/Icon-awesome-phone-alt.svg);
	margin-left: 70px;
}
a.btn.btn-white.btn-contact{
	background-color: white;
}

a.btn.btn-contact::after{
	content: url(/wp-content/uploads/2023/01/Icon-material-format-align-left.svg);
	margin-left: 50px;
}
/* Buttons end */

/* Header */
header > .inside-header.grid-container{
	position: absolute;
	z-index: 9;
	width: 100%;
	left: 0;
	right: 0;
}
#secondary-navigation div.main-nav{
	width: 100%;
}
nav .main-nav ul li.menu-item > a{
	font-weight: 600;
}
li.tel-menu{
	margin-right: auto;
}
li.tel-menu a {
	color: black !important;
	font-weight: 600;
	font-size: 16px !important;
}
.contacttext a{
	color: #D92026 !important;
}

.contactform input, textarea{
	border: 1px solid lightgray;
	border-radius: 5px;
	background: white !important;
	padding: 10px !important;
}

.contactform input[type="submit"]{
	background: #D92026 !important;
	font-weight: bold !important;
	font-family: Montserrat !important;
	font-size: 16px !important;
	margin-top: -2em !important;
}


@media (min-width: 768px) {
	#menu-hoofdmenu li:last-child a{
		padding-right: 0 !important;
	}
	.content-header{
		width: 60%;
	}
	.container-mobile-menu{
		display: none;
	}
}

/* Header end */

/* Home */

.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	}
	.parent-grid h3{
		margin-bottom: 5px;
	}
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div{
		/* width: 25%; */
		margin-bottom: 0;
		height: 100%;
		width: 100%;
	}
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_single_image *{
		height: 100%;
		width: 100%;
	}
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div img{
		width: -webkit-fill-available;
		height: 100%;
		max-width: unset;
		object-fit: cover;
	}
	.div1-grid { grid-area: 1 / 1 / 3 / 3; }
	.div2-grid { grid-area: 1 / 3 / 2 / 4; }
	.div3-grid { grid-area: 1 / 4 / 2 / 5; }
	.div4-grid { grid-area: 2 / 3 / 3 / 4; }
	.div5-grid { grid-area: 2 / 4 / 3 / 5; }

	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper{
		height: 100%;
		display: flex;
		flex-direction: column;
		padding: 50px;
	}
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_text_column{
		background-color: white;
	}
	.eenderde-grey{
		background: rgb(241,241,241);
		background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	}

	hr.grey-line{
		background-color: #F1F1F1;
		width: 100%;
	}
	.bg-half{
		background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
    background-size: contain;
    background-size: clamp(50%, 1072px, 62%) auto;
	}
	div.header-subpage{
		background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-position-y: 50% !important;
    background-size: contain !important;
    background-size: clamp(40%, 1072px, 50%) auto !important;
	}
	.recente-projecten > .vc_col-sm-4{
		height: 30vw;
	}
	.recente-projecten .black-text > .vc_column-inner::after{
		content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, black, transparent);
	transition: 0.4s;
}
.wpb_text_column.black-text{
	color: white;
	z-index: 9;
	position: relative;
}
.black-text hr{
	margin-inline: auto;
}
.black-text p{
	line-height: 1.5;
	margin-bottom: 0;
}
.black-text > .vc_column-inner:hover::after {
    opacity: 0;
	transition: 0.4s;
}
.grey-row .wpb_text_column{
	width: 80%;
	margin-inline: auto;
}
.grey-row > .vc_col-sm-3{
	padding-right: 30px !important;
}
.grey-row > .vc_col-sm-9{
	padding-left: 30px !important;
}
@media (min-width: 1850px){
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div img{
		object-fit: fill;
	}
}
/* Home end*/

/* achterliggend */

.grid-stukadoors > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	}
	.grid-stukadoors > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column{
		margin-bottom: 0;
		aspect-ratio: 2 / 2;
	}
	.grid-stukadoors > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column *{
		height: 100%;
	}
	.grid-stukadoors > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column a{
		display: flex;
		width: 100%;
		place-content: center;
		place-items: center;
		background: #1e221c57;
		color: white;
		font-weight: bold;
		transition: 0.4s;
	}
	.grid-stukadoors > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column a:hover{
		background: none;
		transition: 0.4s;
		text-shadow: 1px 1px 2px black;
	}
@media(min-width: 768px){
	.div1-stuk { grid-area: 1 / 1 / 2 / 2; }
	.div2-stuk { grid-area: 1 / 2 / 2 / 3; }
	.div3-stuk { grid-area: 1 / 3 / 2 / 4; }
	.div4-stuk { grid-area: 1 / 4 / 2 / 5; }
	.div5-stuk { grid-area: 2 / 1 / 3 / 2; }
	.div6-stuk { grid-area: 2 / 2 / 3 / 3; }
	.div7-stuk { grid-area: 2 / 3 / 3 / 4; }
	.div8-stuk { grid-area: 2 / 4 / 3 / 5; }
}
/* achterliggend end*/

/* Sub pagina */

.header-subpage h1{
	color: #000000;
}
.header-subpage a.btn-white{
	background-color: #fff;
}
.page-child #primary-menu li > a{
	color: #1E221C !important;
	font-weight: 500;
}
.page-child h4{
	line-height: 1.4;
    text-transform: uppercase;
    font-size: 25px;
    font-size: bold;
    font-weight: 800;

}
.laad-meer-parent-grid  .wpb_single_image{
	margin-bottom: 0;
}
.laad-meer-parent-grid > .vc_column-inner > .wpb_wrapper{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(auto-fill, 1fr);
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		
}
.laad-meer-parent-grid{
	margin-bottom: 40px;
}
.laad-meer-hide{
	display: none !important;
}
a.laad-meer-btn{

    padding: 10px 65px;
    background: #000000;
    color: white !important;
    font-weight: bold;
    text-align: center;
    margin: auto;
    display: block;
    width: fit-content;
	cursor: pointer;
}
.img-row-pleister .wpb_single_image img{
	aspect-ratio: 330 / 330;
	object-fit: cover;
}
/* Sub pagina end */

/* Footer */
#footer-container h4{
	font-size: 20px;
	color: white;
	font-weight: 700;
}
#footer-container a,
#footer-container p,
.footer-content-col{
	font-size: 15px;
}
.footer-content-container{
	display: flex;
}
.footer-content-container .footer-content-col{
	margin-right: 5em;
}
.container-contact > a,
.container-contact > .col-container-contact{
	display: flex;
}
.container-contact > a img,
.container-contact > .col-container-contact img{
	margin-right: 0.5em;
}
footer > .grid-container{
	border-top: 1px solid #707070;
}

/* Footer end*/

@media (min-width: 1100px){
	#wanden-plafonds.vc_row .vc_col-sm-6 > .vc_column-inner{
		padding-right: 0	;
	}
}
/* 110% size */
@media (min-width: 1701px) and (max-width: 1919px) {}

/* Laptop L (120%) size */
@media (min-width: 1501px) and (max-width: 1700px) {}

/* Macbook screens size (1440x768) */
@media (min-width: 1401px) and (max-width: 1500px) {
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div img{
		object-fit: cover;
	}
}

/* Laptop S/M (150%) sizes */
@media (min-width: 1200px) and (max-width: 1400px) {
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div img{
		object-fit: cover;
	}
}

/* Tablet/iPad landscape mode */
@media (min-width: 901px) and (max-width: 1199px) {
	#wanden-plafonds .vc_col-sm-1{
		display: none;
	}
	#wanden-plafonds .vc_col-sm-4{
		width: 47%;
	}
	#wanden-plafonds.vc_row{
		min-height: unset;
	}
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div img{
		object-fit: cover;
	}
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		}
		.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div{
			height: 43vh;
		}
		.div1-grid { grid-area: 1 / 1 / 2 / 5;}
		.div2-grid { grid-area: 2 / 1 / 3 / 2;}
		.div3-grid { grid-area: 2 / 2 / 3 / 3;}
		.div4-grid { grid-area: 3 / 1 / 4 / 2;}
		.div5-grid { grid-area: 3 / 2 / 4 / 3;}	
}

/* Tablet/iPad portrait mode */
@media (min-width: 501px) and (max-width: 900px) {
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div img{
		object-fit: cover;
	}
	.wand-laten-stucen .vc_col-sm-1{
		display: none;
	}
	.wand-laten-stucen .vc_col-sm-4{
		width: 50%;
	}
}

/* Tablet/iPad portrait BIG mode (850x1024) */
@media (min-width: 701px) and (max-width: 900px) {
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	}
	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div{
		height: 40vh;
	}
	.div1-grid { grid-area: 1 / 1 / 2 / 5;}
	.div2-grid { grid-area: 2 / 1 / 3 / 2;}
	.div3-grid { grid-area: 2 / 2 / 3 / 3;}
	.div4-grid { grid-area: 3 / 1 / 4 / 2;}
	.div5-grid { grid-area: 3 / 2 / 4 / 3;}	
	#wanden-plafonds.vc_row{
		min-height: unset;
	}
	#wanden-plafonds .vc_col-sm-1{
		display: none;
	}
	#wanden-plafonds .vc_col-sm-4{
		width: 50%;
	}
	#stukwerk-col{
		width: 50%;
	}
	.bg-half{
		background-size: clamp(30%, 1072px, 49%) auto;
	}
		.footer-content-container{
		flex-direction: column;
	}
	.grey-row .container-btn{
		flex-direction: column;
	}
	a.btn-bel::after,
	a.btn.btn-contact::after{
		display: block;
		float: right;
		margin-left: 0;
	}
	.img-row-pleister {
		display: flex;
		flex-wrap: wrap;
	}
	.img-row-pleister > .vc_col-sm-3{
		width: 50%;
	}
}

/* Mobile general */
@media (max-width: 768px) {
	.hide-mobile{
		display: none;
	}
	.footer-content-container{
		flex-direction: column;
	}
	.grey-row > .vc_col-sm-3{
		padding-right: 15px !important;
		min-height: 200px;
	}
	.grey-row > .vc_col-sm-9{
		padding-left: 15px !important;
	}
	.container-btn{
		flex-direction: column;
	}
	.grey-row	.btn{
		width: 100%;
		max-width: 100%;
	}
	.header-home a.btn{
		width: 67vw;
	}
	a.btn::after,
	a.btn-bel::after,
	a.btn.btn-contact::after{
		display: block;
		float: right;
		margin-left: 0;
	}



	.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(4, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		}
		.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div{
			min-height: 40vh;
			max-height: 50vh;
		}
		.parent-grid > .vc_column_container > .vc_column-inner > .wpb_wrapper > div img{
			object-fit: cover;
		}
		.div1-grid { grid-area: 2 / 1 / 3 / 5; }
		.div2-grid { grid-area: 1 / 1 / 2 / 5; }
		.div3-grid { grid-area: 3 / 1 / 4 / 3; }
		.div4-grid { grid-area: 3 / 3 / 4 / 5; }
		.div5-grid { grid-area: 4 / 1 / 5 / 5; }
		div.bg-half{
			background: none !important;
		}
		div.header-subpage{
			background-image: none !important;
		}

		div.header-subpage {
			min-height: 755px !important;
		}
		.img-row-pleister{
			display: flex;
    flex-direction: column;
    text-align: center;
    text-align-last: center;
		}
	
	.container-mobile-menu, .container-mobile-menu a{
		background: #D92026;
		text-align: center;
		color: black !important;
		font-weight: 700;
	}
	#secondary-navigation{
		display: none;
	}
	.soorten-afwerk-container .wpb_text_column {
		margin-bottom: 0;
	}
	.grid-stukadoors > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper{
		grid-template-rows: unset !important;
		grid-template-columns: repeat(2, 1fr);
	}
	body:not(.home) .header-home{
		min-height: calc(100vh + 126px) !important;
	}
	#site-navigation, #primary-menu{
		background: #D92026;
	}
}

div.gform-footer.gform_footer.top_label{
	display: block;
}

/* iPhone X en kleiner */
@media (max-width: 380px) {}