@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@wit:#ffffff;
@zwart:#000;
@grijs:#2e2e2e;
@groen:#277c2b;


html{font-family:'Open Sans',sans-serif}
*{border-radius:0px!important;}

h1{
	span{color:@groen;}
}

.navbar{
	background-color:@wit;
	
		a, a:active, a:visited, a:hover{
			color:@zwart;
		}
}
.navbar-brand img{
	max-width:200px;
}	


.hoveniervermelding{
	margin-bottom:70px;
	margin-top:70px;
}
/* first -content headers */
.first-container{
	padding-top:20vh;
	padding-bottom:20vh;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 70vh;
    min-height: 70vh;
	
		.tekst{
			background-color:fade(@wit,90%);
			padding:40px;
		}
	
	margin-bottom:40px;
	
	
	h1{
		font-size:1.5rem;
		color:@groen;
	}
	
	p{
		padding-top:20px;
		padding-bottom:20px;
	}
	
	
	.btn-default{
		border:1px solid @groen;
		border-radius:0px;
		color:@groen;
		font-weight:700;
		background-color:@wit;
	}
	
	
}

	.fcindex{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/zoekt-u-een-goede-hovenier-bij-u-uit-de-buurt.jpg');
	}
	
	
	.fcdrenthe{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/vind-de-hovenier-die-uw-tuin-opknapt-in-drenthe.jpg');
	}
	
	
	.fcflevoland{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/wilt-u-een-prachtige-tuin-in-flevoland.jpg');
	}
	

	.fcfriesland{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/friesland-ook-hier-kunt-u-een-goede-hovenier-vinden.jpg');
	}
	
	.fcgelderland{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/een-prachtige-tuin-in-gelderland-wij-helpen-u-graag.jpg');
	}
	
	.fcgroningen{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/natuurlijk-helpen-wij-u-ook-graag-in-groningen-met-een-hovenier.jpg');
	}
	
	.fclimburg{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/een-goede-hovenier-in-limburg-vindt-u-hier.jpg');
	}
	
	.fcnoord-brabant{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/een-prachtige-tuin-in-noord-brabant-met-een-hovenier.jpg');
	}
	
	.fcnoord-holland{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/zoekt-u-een-hovenier-die-u-in-noord-holland-kan-helpen.jpg');
	}
	
	.fcoverijssel{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/zoekt-u-een-goede-hovenier-in-overijssel.jpg');
	}
	
	.fcutrecht{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/een-prachtige-tuin-in-utrecht-vindt-een-hovenier.jpg');
	}
	
	.fczeeland{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/uw-tuin-in-zeeland-laten-onderhouden-een-hovenier-helpt-u-hierbij.jpg');
	}
	
	.fczuid-holland{
		background-image:url('https://www.hovenierin.nl/resources/img/first-header/bent-u-opzoek-naar-een-hovenier-in-zuid-holland.jpg');
	}
	
	
	
	
/* first content headers*/


.home-spanner{
	margin-top:50px;
	margin-bottom:50px;
	padding-bottom:30vh;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-image:url('https://www.hovenierin.nl/resources/img/spanner/welke-hovenier-richt-uw-tuin-netjes-in.jpg');
}

.product-spanner{
	margin-top:50px;
	margin-bottom:50px;
	padding-bottom:30vh;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-image:url('https://www.hovenierin.nl/resources/img/spanner/welke-diensten-bieden-onze-hoveniers-aan.jpg');
	box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.8);
	
		color:@wit;
		
		.ps-top{
			padding-top:50px;
			padding-bottom:50px;
			
			text-align:center;
			h1 span{
				color:@groen;
			}
			
		}
		
		img{
			min-width:100%;
		}
		
		
		.btn-success{
			background-color:@groen;
			border-radius:15px!important;
		}
		
			.wat-doen-onze-hoveniers{
				.btn{
					width:calc(100% - 100px);
					margin-left:50px;
					margin-right:50px;
					text-transform:uppercase;
				}
			}
			
			.img-holder {
				margin-bottom: -20px;
			}
			
			.ps-text{
				background-color:@wit;
				color:fade(@grijs,50%);
				padding:10px;
				padding-top:25px;
				padding-bottom:25px;
				font-size:14px;
				margin-top:-20px;
				min-height: 75px;



					p{
						padding:25px;

							span{
								color:@groen;
							}
					}
					
			}

	
}

.firstrow{
	padding-bottom:50px;
		
		p{
			max-width:90%;
		}
}
.provincielijst{
	h2{
		font-size:25px;
	}
}


.lijst-met-provincies  li {
	list-style:none;
	
	a, a:active, a:visited, a:hover{
		color:@zwart;
	}
	
}
.lijst-met-provincies  li:before {
	color:@zwart;
    content: '🍃';
    padding-right: 10px;
    margin-bottom: 12px;
	
		
}

.topbar{
	background-color:@groen;
	min-height:20px;
	width:100%;
	min-width:100%;
	z-index:99999;
	color:@wit;
	font-size:16px;
	text-transform:uppercase;
	
	
		a, a:active, a:visited, a:hover{
			color:@wit;
		}
	
}
footer{
	background-color:@grijs;
	color:@wit;
	
		a, a:active, a:visited, a:hover{
			color:@wit;
		}
		
	
	
	.lijst-met-provincies  li {
		list-style:none;
		
		a, a:active, a:visited, a:hover{
			color:@wit;
		}
		
	}
	
	background-image: url('https://www.hovenierin.nl/resources/img/grass.png');
	background-repeat: no-repeat;
	background-position: bottom;
				
			
}

.home-spanner{
	display:none;
}



@media (min-width: 992px) { 
	.home-spanner{
		display:block;
	}

	.ps-text{
		min-height: 300px!important;
	}
	
}



@media (min-width: 1200px) { 
	
	.ps-text{
		min-height: 250px!important;
	}

}