@import url(../../template/css/style.css);
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');


body{ font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 300; line-height: 30px; }
h1{ font-family: 'Oswald', sans-serif; font-size: 50px; font-weight: 600; text-transform: uppercase; color: #41ab34; margin: 40px 0 25px 0; }
h2{ font-family: 'Oswald', sans-serif; font-size: 40px; font-weight: 600; text-transform: uppercase; margin: 30px 0 15px 0; }
h3{ font-family: 'Oswald', sans-serif; font-size: 28px; font-weight: 500; text-transform: uppercase; margin: 20px 0 10px 0; }
h4{ font-family: 'Oswald', sans-serif; font-size: 26px; font-weight: 500; text-transform: uppercase; }

.container-fluid.content .block.content a{ color: #41ab34; }
strong, b{ font-weight: 600; }

/* BANNER */
.container-fluid.banner{ margin-top: -140px; }
.container-fluid.banner .col-md-12{ padding: 0; }
.container-fluid.banner img{ width: 100%; }

/* BREADCRUMBS */
.breadcrumb{ }
.breadcrumb .row{ padding: 0; }
.block.breadcrumb{ background-color: transparent; padding: 2px 0; margin: 0; border-bottom: 1px solid #e1e1e1; border-radius: 0; font-size: 12px; font-weight: 400; text-transform: none; line-height: 26px; }
.block.breadcrumb ul{ list-style: none; margin: 0; padding: 0; }
.block.breadcrumb ul li{ display: inline-block; }
.block.breadcrumb ul li.breadcrumarrow{ display: none; }
.block.breadcrumb ul li:after{ content: "\f105"; font-family: 'Font Awesome 5 Pro'; margin: 0 10px 0 13px; color: #888888; }
.block.breadcrumb ul li a{ color: #888888; font-weight: normal; font-size: 14px;  }
.block.breadcrumb ul li:last-child:after{ content: ""; }

/* CONTENT */
.container-fluid.content{ padding-bottom: 25px; }

.block.list.merken{}
.block.list.merken .item{ padding: 25px; border: 1px solid #eeeeee; margin-bottom: 30px; transition: all 0.5s; }
.block.list.merken .item:hover{ border: 1px solid #cccccc; }

/* CONTACTPAGINA */
#contact_column1 .block.content table tr td:nth-child(1){ width: 150px; }
.block.content.openingstijden{ margin-top: 30px; }
.block.content.openingstijden table{ margin-bottom: 10px;  }
.block.html.maps{ margin: 20px -15px -32px -15px; }

/* INVULFORMULIER */
.form-control{ padding: 6px 12px; font-size: 18px; font-weight: 400; color: #000000; border: 1px solid #dddddd; border-radius: 0; }
.undertext{ font-size: 14px; font-style: italic; line-height: 22px; }
.block.form .form-group:last-child .col-sm-offset-3.col-sm-9{ width: 100%; max-width: 100%; flex: 100% }
.block.form .form-group > .row { margin: 0; display: contents; }

/* #Tablet (Landscape)
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1220px){
	h1{ font-family: 'Oswald', sans-serif; font-size: 44px; font-weight: 600; text-transform: uppercase; }
	h2{ font-family: 'Oswald', sans-serif; font-size: 36px; font-weight: 600; text-transform: uppercase; }
	h3{ font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 500; text-transform: uppercase; }
	h4{ font-family: 'Oswald', sans-serif; font-size: 26px; font-weight: 500; text-transform: uppercase; }
	

}

/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	h1{ font-family: 'Oswald', sans-serif; font-size: 44px; font-weight: 600; text-transform: uppercase; }
	h2{ font-family: 'Oswald', sans-serif; font-size: 36px; font-weight: 600; text-transform: uppercase; }
	h3{ font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 500; text-transform: uppercase; }
	h4{ font-family: 'Oswald', sans-serif; font-size: 26px; font-weight: 500; text-transform: uppercase; }
	
	.container-fluid.banner{ margin-top: 0; }
}

/* #Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1{ font-family: 'Oswald', sans-serif; font-size: 38px; font-weight: 600; text-transform: uppercase; }
	h2{ font-family: 'Oswald', sans-serif; font-size: 34px; font-weight: 600; text-transform: uppercase; }
	h3{ font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 500; text-transform: uppercase; }
	h4{ font-family: 'Oswald', sans-serif; font-size: 26px; font-weight: 500; text-transform: uppercase; }
	
	.container-fluid.banner{ margin-top: 0; }
}

/* Mobiel (Portrait)
================================================== */
@media only screen and (max-width: 479px) {
	h1{ font-family: 'Oswald', sans-serif; font-size: 38px; font-weight: 600; text-transform: uppercase; }
	h2{ font-family: 'Oswald', sans-serif; font-size: 34px; font-weight: 600; text-transform: uppercase; }
	h3{ font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 500; text-transform: uppercase; }
	h4{ font-family: 'Oswald', sans-serif; font-size: 26px; font-weight: 500; text-transform: uppercase; }
	.container-fluid.banner{ margin-top: 0; }
	.container-fluid.breadcrumbs .col-md-12{ padding: 0; }
	.container-fluid.breadcrumbs .block.breadcrumb{ line-height: 22px; }
}