/*
 Theme Name:   van der Wilt bouw
 Theme URI:    https://www.vanderwiltbouw.nl/
 Description:  van der Wilt
 Author:       Pluk ontwerpbureau
 Author URI:   https://www.vanderwiltbouw.nl/
 Template:     bootstrap-basic
 Version:      1.0.1
 Tags:         van der Wilt, Pluk ontwerpbureau
 Text Domain:  bootstrap-basic
*/

#header-top {


}

@media all and (max-width: 767px) {
	#header-top {}
}

#header-bottom {}

@media all and (max-width: 767px) {
	#header-bottom {}
}


.site-title-heading   {max-width:100%; height:auto; margin-left:8px; margin-top:12px;}
.site-title-badge   {position:relative; height:auto; text-align:right; top:20px;}
.site-title-badge svg   {max-width:260px!important; height:auto!important;}

.vanderwiltbouw-logo {width:360px; height:163px;  max-width:calc(100% - 30px); }

#logo-wrap {margin-top:110px; margin-bottom:30px;}

@media all and (max-width: 1199px) {
	.site-title-badge svg   {max-width:200px!important; height:auto!important;}
	#logo-wrap {margin-top:100px; margin-bottom:30px;}
}

@media all and (max-width: 991px) {
	.site-title-badge svg   {max-width:180px!important; height:auto!important;}
	#logo-wrap {margin-top:80px; margin-bottom:30px;}
}

@media all and (max-width: 767px) {
	.site-title-heading   {margin-left:0px;}
	.site-title-badge   {position:relative; height:auto; text-align:right; top:20px; z-index:9999999;}
	.site-title-badge svg   {width:90px; max-width:90px!important; height:auto!important;}
	#logo-wrap {margin-top:80px; margin-bottom:30px; text-align:center;}
	
	.vanderwiltbouw-logo {width:360px; height:163px; margin:auto;}

	
}
@media all and (max-width: 440px) {
	.site-title-badge svg   {width:70px; max-width:70px!important; height:auto!important;}
}

#section-content-home {
	position:relative;
	background-color:#D8D8D8;
	margin-top:10px;
}
#section-content-home .entry-content{
	padding:50px;
	text-align:center;
}



@media all and (max-width: 767px) {
	#section-content-home .entry-content{
		padding:15px;
		padding-top:30px;
		padding-bottom:30px;
	}
}


#section-page-content {
	margin-top:10px;
	margin-bottom:100px;
}


#section-page-content .pagina-titel-wrap {
	background-color:#d8d8d8;
	margin-bottom:40px;
}

#section-page-content .pagina-titel h1{
	margin:0px;
	padding:0px;
	padding-top:40px;
	padding-bottom:40px;
}


@media all and (max-width: 1199px) {
	#section-page-content .pagina-titel h1{
		padding-top:30px;
		padding-bottom:30px;
	}
}

@media all and (max-width: 991px) {
	#section-page-content .pagina-titel h1{
		padding-top:20px;
		padding-bottom:20px;
	}
}
#section-articles {
	position:relative;
	margin-top:30px; 
	margin-bottom:30px; 
	background-color:#ffffff;
}

#section-articles h1 {
	text-align:center;
	margin-left:2px;
	margin-bottom: 38px;
	font-size:30px;
}

#articles .article {
	margin-bottom:32px;
}

#articles .article .article-image {
	background-color:#083768;
	clear:both;
	width:100%;
	max-width:100%;
	height:auto;
	text-align:center;
}

#articles .article .article-image img{
	width:100%;
	max-width:100%;
	height:auto;
	text-align:center;
}

#articles .article .article-title {
	position:relative;
	clear:both;
	height:50px;
	line-height:50px;
	margin-top:12px;
	position:relative;
	background-color:#083768;
	/*letter-spacing:2px;*/
}

#articles .article:nth-child(1) .article-title  {background-color:#5E7DA0;}
#articles .article:nth-child(2) .article-title  {background-color:#4a4a49;}
#articles .article:nth-child(3) .article-title  {background-color:#5E7DA0;}
#articles .article:nth-child(4) .article-title  {background-color:#4a4a49;}


@media all and (max-width: 1199px) {
	#articles .article .article-title {
		height:40px;
		line-height:40px;
	}
}

@media all and (max-width: 991px) {
	#articles .article .article-title {
		height:30px;
		line-height:30px;
	}
}

#articles .article .article-image-dummy {  
margin-top: 75%; /* aspect ratio */
}
#articles .article .article-image {  
	display: block;
	position: relative;   
	width: 100%;
	overflow:hidden;
-webkit-background-size:cover;		  
   -moz-background-size:cover;	
	    background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
-webkit-transition-timing-function: ease-in-out;  
   -moz-transition-timing-function: ease-in-out;           
        transition-timing-function: ease-in-out;
	background-color:#f9f9f9;
	margin-bottom:0px;
}

#articles .article .article-image img{   width: 100%;
	height:auto!important;
}


#articles .article .article-title h2{
	position:relative;
	display:inline;
	color:#ffffff;
	margin:0px;
	padding:0px;
	margin-left:30px;
	color:#ffffff; 
}


#articles .article .article-content {
	margin-top:17px;
	position:relative;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}



#section-quotes {
	position:relative;
	margin-top:30px; 
	margin-bottom:30px; 
	background-image:url('images/achtergrond-quotes.gif');
	background-size:cover;
	background-position:center center;
	padding-top:50px;
	padding-bottom:50px;
	max-width:100vw!important;
	overflow:hidden;
}
#section-quotes  *, #section-quotes  * > *	{font-weight:300; color:#ffffff; font-family:'museo'; }
#section-quotes #quotes{
	max-width: calc(100vw - 60)!important;
	overflow:hidden;
}

@media all and (max-width: 767px) {
	#section-quotes {
		margin-top:15px; 
		margin-bottom:15px; 
		padding-top:25px;
		padding-bottom:25px;
	}
}


#section-projecten #projecten .project {  
	background-color:#4A4A49;
	margin-bottom:30px;
}

#section-projecten #projecten .project *, #section-projecten #projecten .project * > * {  
	color:#ffffff; 
}

#section-projecten #projecten .project .project-content {  
	margin-top:50px;
	margin-bottom:50px;
	margin-right:30px;
}
#section-projecten #projecten .project-rechts .project-content {  
	margin-right:0px;
	margin-left:30px;
}

@media all and (max-width: 1199px) {
	#section-projecten #projecten .project .project-content {  
		margin-top:25px;
		margin-bottom:25px;
		margin-right:25px;
	}
	#section-projecten #projecten .project-rechts .project-content {  
		margin-left:25px;
	}
}

@media all and (max-width: 991px) {
	#section-projecten #projecten .project .project-content {  
		margin-top:20px;
		margin-bottom:20px;
		margin-right:20px;
	}
	#section-projecten #projecten .project-rechts .project-content {  
		margin-left:20px;
	}
}

@media all and (max-width: 767px) {
	#section-projecten #projecten .project .project-content {  
		margin:15px;
	}	
}


#section-projecten #projecten .project .project-titel {  
	margin-top:2rem;
}

@media all and (max-width: 1199px) {
	#section-projecten #projecten .project .project-titel {  
		margin-top:1.5rem;
	}
}
@media all and (max-width: 991px) {
	#section-projecten #projecten .project .project-titel {  
		margin-top:1rem;
	}
}


#section-projecten #projecten .project .project-meer {  
	margin-top:2rem;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#5E7DA0;
	display:inline-block;
	width:auto;
	font-weight:300; 
	font-family:'museo';
}

#section-projecten #projecten .project .project-meer i{  
	color:#ffffff;
	display:inline-block;
	margin-left:5px;
	position:relative;
	top:1px;
}

@media all and (max-width: 1199px) {
	#section-projecten #projecten .project .project-meer {  
		padding:7px;
		margin-top:1.75rem;
	}
}
@media all and (max-width: 991px) {
	#section-projecten #projecten .project .project-meer {  
		padding:5px;
		margin-top:1.5rem;
	}
	}
#section-projecten #projecten .project .project-meer a{  
color:#ffffff;
}
#section-page-content #projecten .project .project-meer i{  
	color:#ffffff;
	display:inline-block;
	margin-left:5px;
	position:relative;
	top:1px;
}

#section-projecten #projecten .project .project-image-dummy {  
padding-top: 66.66%; /* aspect ratio */
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#section-projecten #projecten .project .project-image-mask {  
		display: block;
		position: absolute;  
		width:100%;
		height:100%;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		background-image:linear-gradient(-85deg, #4A4A49 1%, #4A4A49 10%, transparent 10%);
	}
	#section-projecten #projecten .project-rechts .project-image-mask {  
		background-image:linear-gradient(85deg, #4A4A49 1%, #4A4A49 10%, transparent 10%);
	}
}

#section-projecten #projecten .project .project-image {  
	display: block;
	position: relative;   
	width: 100%;
	overflow:hidden;
-webkit-background-size:cover;		  
   -moz-background-size:cover;	
	    background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
-webkit-transition-timing-function: ease-in-out;  
   -moz-transition-timing-function: ease-in-out;           
        transition-timing-function: ease-in-out;
	margin-bottom:0px;
    outline: none;

	-webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}

#section-projecten #projecten .project-rechts .project-image {  
    outline: none;
	-webkit-clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
}

@media all and (max-width: 767px) {
	#section-projecten #projecten .project .project-image {  
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
	}
}

@media all and (max-width: 767px) {
	#section-projecten #projecten .project-rechts .project-image {  
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%%);
	}
}

#section-projecten #projecten .project .project-image img {width: 100%;	height:auto!important;}





/* PROJECTEN PAGINA */
#section-page-content #projecten .categorieen {  
	margin-bottom:30px;
	list-style:none;
	display:inline-block;
	padding-left:0px;
	margin-left:0px;
}

#section-page-content #projecten .categorieen li {  
	margin-left:0px;
	margin-right:5px;
	list-style:none;
	display:inline-block;
}
#section-page-content #projecten .categorieen li.active a {  
	font-weight:700;
}

#section-page-content #projecten .categorieen #laat-zien {  
	margin-top:2rem;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	background-color:#5E7DA0;
	color:#ffffff;
	display:inline-block;
	width:auto;
}

#section-page-content #projecten .categorieen #laat-zien a{  
	color:#ffffff;
}
@media all and (max-width: 767px) {
	#section-page-content #projecten .categorieen #laat-zien {  
		margin-top:0rem;
		padding:5px;
		padding-left:15px;
		padding-right:15px;
		background-color:#5E7DA0;
		color:#ffffff;
		display:inline-block;
		width:auto;
	}	
	#section-page-content #projecten .categorieen li.menu-break{  
		display:block;
		height:10px;
	}	
	#section-page-content #projecten .categorieen li.menu-divider{  
		display:none;
	}
}


#section-page-content #projecten .project {  
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid;
}


#section-page-content #projecten .project *, #section-page-content #projecten .project * > * {  

}

#section-page-content #projecten .project .project-content {  

}


#section-page-content #projecten .project .project-titel {  
	margin-top:1rem;
}

#section-page-content #projecten .project .project-meer,
#section-page-content #projecten .project .project-terug {  
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	background-color:#5E7DA0;
	color:#ffffff;
	display:inline-block;
	width:auto;
	text-align:right;
}

#section-page-content #projecten .project .project-meer i,
#section-page-content #projecten .project .project-terug i{    
	color:#ffffff;
	display:inline-block;
	margin-left:10px;
	position:relative;
	top:2px;
}
#section-page-content #projecten .project .project-terug i{    
	margin-left:0px;
	margin-right:10px;
}

#section-page-content #projecten .project .project-meer a,
#section-page-content #projecten .project .project-terug a{      
	color:#ffffff;
}



#section-page-content #projecten .project .project-image-dummy {  
	padding-top: 75%; /* aspect ratio */
}


#section-page-content #projecten .project .project-image {  
	display: block;
	position: relative;   
	width: 100%;
	overflow:hidden;
-webkit-background-size:cover;		  
   -moz-background-size:cover;	
	    background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
-webkit-transition-timing-function: ease-in-out;  
   -moz-transition-timing-function: ease-in-out;           
        transition-timing-function: ease-in-out;
	background-color:#f9f9f9;
	margin-bottom:0px;

}

#section-page-content #projecten .project .project-image img {width: 100%;
	height:auto!important;
}

#section-page-content #projecten .project .project-gallery {  
	margin-top: 30px;
}

#section-page-content #projecten .project .project-gallery-dummy {  
	padding-top: 75%; /* aspect ratio */
}

#section-page-content #projecten .project .project-gallery-thumb {  
	display: block;
	position: relative;   
	width: 100%;
	overflow:hidden;
-webkit-background-size:cover;		  
   -moz-background-size:cover;	
	    background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
-webkit-transition-timing-function: ease-in-out;  
   -moz-transition-timing-function: ease-in-out;           
        transition-timing-function: ease-in-out;
	background-color:#f9f9f9;
	margin-bottom:30px;
}

#section-page-content #projecten .project .project-gallery-thumb:hover {  
	background-color:#00000;
	opacity:0.75;
}

#section-page-content #projecten .project .project-gallery-thumbage img {width: 100%;
	height:auto!important;
}





@media all and (max-width: 767px) {
	#section-page-content #projecten .project .project-category {
		margin-top:1rem;
	}	
	#section-page-content #projecten .project .project-meer {
		margin-top:1rem;
	}	
	#section-page-content #projecten .project .project-terug {
		margin-top:1rem;
	}
}








#footer #meer-weten {position:relative; clear:both; background-color:#003768; padding-top:50px; padding-bottom:50px;}
#footer #meer-weten  *, #footer #meer-weten  * > *	{color:#ffffff;    }


#footer #copyright	{padding-top:10px; padding-bottom:10px; color:#a4a4a4;   font-size:0.75rem;}
#footer #copyright  *, #footer #copyright  * > *	{color:#a4a4a4;   font-size:0.75rem;}

#footer img {display:inline-block; height:50px!important; width:auto!important; max-width:auto!important; vertical-align:top;}
#footer i {display:inline-block; font-size:40px; vertical-align:top;}
#footer span {display:inline-block; margin-left:20px; vertical-align:top;}

@media all and (max-width: 767px) {
	#footer-2 {margin-top:30px;}
	#footer-3 {margin-top:20px;}

}