/*
Theme Name: NuFlow
Theme URI: http://wordpress.org/themes/twentythirteen
Author: Brecht Fourneau
Author URI: http://wordpress.org/
Description: This is a blank bootstrap 3 theme for wordpress. Feel free to use this as a starter template for your projects.
Version: 1.0
License: GNU General Public License v2 or later
*/

/* BOOTSTRAP MODS */

.navbar{background: #f4f4f4;border:none;border-radius:0px;margin-bottom:0px;height:100px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	background: none;
	color:#34495e;
}
.navbar-default .navbar-nav .current-menu-item a{color:#737373;}
.navbar-default .navbar-nav>li>a{color:#737373;text-transform: uppercase;font-weight:700;font-size:14px;}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color:#34495e;
}
.navbar-collapse{margin-top:0px;}
.navbar-brand{margin-top:-2px;}
.navbar-brand img{width:270px;}

#layerslider .ls-slide{height:400px;}
.btn-custlogin{margin-left:35px;margin-top:6px;font-size:16px;}

/* GENERAL */
* {
	margin: 0;
}
html{-webkit-font-smoothing: antialiased;}
html, body {
	height: 100%;
}
body{
	font-family: 'Lato', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6{font-family: 'Lato', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1{color:#34495e;font-weight:900;}
footer{padding:20px 0px;color:#fff !important;background-color:#000;font-weight:700;}
a{color:#34495e;}
a:hover{color:#34495e;}
p{text-align: justify;font-size:14px;color:#333;}
p.lead{font-size:22px;color:#0077bb;font-weight:200;}

.no-gallery .image-gallery{display:none;}

.bg-clouds{background-color:#ecf0f1;}
.bg-silver{background-color:#bdc3c7;}

.section-stroke{padding:30px 0px 50px;}
.section-first{padding:40px 0px 60px;}
.img-round{border-radius:50%;border:2px solid #333;}

.sub-nav{height:auto;background:white;width:100%;text-transform: uppercase;}
.sub-nav .big-item{font-size:17px;font-weight:700;}
.sub-nav .small-item{font-size:13px;font-weight:700;}
.sub-nav #menu-item-25.current-menu-item, .sub-nav #menu-item-306.current-menu-item{ /*ONTSTOPPEN - GROEN */ background:#27ae60;}
.sub-nav #menu-item-44.current-menu-item, .sub-nav #menu-item-311.current-menu-item{ /*CAMERA - ORANJE */ background:#e67e22;}
.sub-nav #menu-item-27.current-menu-item, .sub-nav #menu-item-310.current-menu-item{ /*RIOOL - GEEL*/ background:#f39c12;}
.sub-nav #menu-item-26.current-menu-item, .sub-nav #menu-item-308.current-menu-item{ /*LEIDINGEN - ROOD*/ background:#c0392b;}
.sub-nav #menu-item-28.current-menu-item, .sub-nav #menu-item-309.current-menu-item{ /*LEKKEN - BLAUW*/ background:#2980b9;}
.sub-nav #menu-item-912.current-menu-item { 
background:#ace5ff;}
.sub-nav .current-menu-item a{color:white;}
.sub-nav .container{padding:0px 30px;}

.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-justify{text-align:justify !important;}

.header-phone{margin-left:50px;padding:10px;margin-top:15px;background:#34495e;}
.header-phone h3{color:#eee;margin:0px;padding:0px;font-size:20px;}

.top-nav{height:36px;background-color:#2c3e50;padding-top:7px;}
.header-language{}
.header-language .lang{}
.header-language .current-lang{}
.lang a.btn-default{background:#2c3e50 !important;color:#fff;}
.current-lang a.btn-default{background:#fff !important;color:#2c3e50;}
#lang_sel_list{float:right;height:20px;}
#lang_sel_list a{padding:1px 4px;color:#fff !important;font-weight:800;border:1px solid white;border-radius:3px;margin: 0px 4px;}
#lang_sel_list .lang_sel_sel{background:#fff !important;color:#2c3e50 !important;}
#lang_sel_list .lang_sel_other{background:#2c3e50 !important;color:#fff !important;}

.nieuwsbrief-button a{color:#ccc !important;margin-right:20px;}

/* HOME */
#layerslider{position:relative;}
.slider-overlay{background:rgba(0,0,0,0.7);	height:auto; width:380px; position:absolute; top:20px; text-align:justify; z-index:10000; left:50%;	margin-left:-400px; padding:20px 30px 30px; color:white; }
.slider-overlay h1{font-weight:700;font-size:;}
.slider-overlay h2{font-weight:300;}
.panel h3{margin-top:0px;padding-top:0px;}
.home-activiteiten h4{min-height:60px;}
.home-activiteiten img{margin-bottom:20px;}
/*.home-activiteiten .activiteit_beschrijving {height:220px;}*/
.home-referenties h5{min-height:60px;font-size:18px;font-weight:300;}
.ref-category{padding:5px;font-weight:900;font-size:10px;text-transform: uppercase;color:white;}
.ref-8, .ref-10, .ref-27{/*LEIDINGEN*/ background:#c0392b;}
.ref-9, .ref-11, .ref-28{/*RIOOLRENOVATIE*/ background:#f39c12;}
.ref-16{/*CAMERA*/ background-color:#e67e22;}
.ref-17{/*LEKKE*/ background-color:#2980b9;}
.ref-18, .ref-32 {/*ONTSTOPPEN*/ background-color:#27ae60;}
.ref-18, .ref-32 {/*ONTSTOPPEN*/ background-color:#27ae60;}
.ref-31 {background-color:#34495e;}
.ref-33 {background-color:#27aea9;}
.ref-36 {background-color:#8927ae;}
.ref-22 {background-color:#5a27ae;}
.ref-13 {background-color:#ae2776;}
.ref-29 {background-color:#ae27ac;}	
.ref-1 {background-color:#a9ae27;}
.ref-34 {background-color:#ae8627;}
.ref-35 {background-color:#ae5327 !important;}
.ref-30 {background-color:#ae2727 !important;}


div.ref-category-news{display:inline-block;padding:5px;font-weight:900;font-size:10px;text-transform: uppercase;color:white;width:auto;margin-right:5px;}

.news-row{border-bottom:1px dotted #ccc;}
.news-row:last-child{border-bottom:none;}
.social-btn:last-child{margin-right:10px;}
.social-btn a{}

.color-ontstoppen{background-color:#27ae60;}
.color-camera{ background-color:#e67e22; }
.color-riool{ background-color:#f39c12; }
.color-leidingen{ background-color:#c0392b;color:white; }
.color-lekken{ background-color:#2980b9; }

.h2-ontstoppen{border-bottom:3px solid #27ae60;}
.h2-camera{border-bottom:3px solid #e67e22;}
.h2-riool{border-bottom:3px solid #f39c12;}
.h2-leidingen{border-bottom:3px solid #c0392b;}
.h2-lekken{border-bottom:3px solid #2980b9;}

.span_prijs_ontstoppen{font-size:20px;font-weight:400;}
.prijs_ontstoppen{font-size:30px;font-weight:800;}

.h2-referentie{display:inline-block;display:auto;margin-bottom:30px;padding-bottom:5px;text-transform:uppercase;font-size:25px;}
.step-number{font-size:55px;color:#0079b9;font-weight:100;}
.step-description{font-size:20px;margin-top:70px;display:block;}

/* NEWS */
.img-news-home{height:220px;width:100%;background-size:cover;background-position:center center;}
.news-item .date{color:#aaa;text-transform: uppercase;letter-spacing: 2px;font-weight:600;}
.news-item{border-bottom:1px dotted #aaa;}
.news-item .ref-category{margin-top:20px;}
.news-item-small{/*border-bottom:1px #ccc dotted;*/height:auto;}
.news-item-small .date{padding-bottom:5px; padding-top:5px; color:#aaa;text-transform: uppercase;letter-spacing: 2px;font-weight:600;font-size:12px;}
.news-item-small h4{font-size:15px;padding-top:0px;margin-top: 0px;}
.more_images .group1{display:inline-block;width:120px;height:120px;}
.more_images .photo-0{display:none;}

/* ACTIVITY */
.activiteit-header{background-size:cover;height:450px;color:white !important;}
.activiteit-header h1{color:white !important;}
.activiteit-header h3{padding:0px;margin:0px;}

/* FOOTER */
footer.stroke-section a{color:#ccc;}

.realisatie_img{width:150px;height:150px;display:inline-block;}
.subtitle_slider h3{margin:0px;padding:0px;}
.subtitle_slider h1{color:white;font-size:45px;}

.header-phone h3 a{text-decoration: none;color:white;}

/*Extra FORM */
.preb{
	display: none !important;
}
.formhome{
	font-size: 21px;
}
.shorterright{
	padding-right: 9px;
	padding-left: 9px;
}
.shorterright-no{
	padding-left: 0px;
	padding-right: 0px;
}

#menu-primary-navigation {
	margin-top:20px;
}

.header-phone {
	position: absolute;
	right: 15px;
	bottom: -57px;
	width: auto;
}
#navbar-collapse-2 {
	padding-left: 0px;
}
.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 995px){
	.homecontact{
		display: none;
	}
	#menu-primary-navigation > li > a {
		padding-right: 8px;
		padding-left: 8px;
	}
	.navbar-brand img {
		padding-top: 15px;
		max-width: 150px;
		height: auto;
	}
	.header-phone {
		right: auto;
		left:15px;
		bottom: auto;
		top:-52px;
		margin-left: 0px;
	}
	.header-phone h3 {
		font-size: 13px;
	}
}
@media (max-width: 767px){
	.navbar-brand img {
		padding-top: 7px;

	}
	.subtitle_slider h3{font-size:15px;}
	.title_slider h1{font-size:20px;color:white;}
	#menu-primary-navigation {
		background: #f5f5f5;
		margin-top: -3px;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}
	.navbar-default .navbar-collapse{
		border-color: transparent !important;
	}
	#menu-sub-nav{margin-top:10px;}
	/*.header-phone{float:none !important;width:160px;margin-left:auto;margin-right:auto;margin-top:20px;}*/
	.header-phone h3 a{text-decoration:none;color:white !important;}
	.navbar-brand img{width:70%;height:70%;margin-left:5px;}
	.navbar{height:70px;}
	.navbar-toggle{margin-top:17px;}
	.navbar-toogle-2 {
		background-color: #2c3e50;
		float: left;
		margin-top: 7px;
	}
	.navbar-toogle-2 .icon-bar {
	    background-color: #fff !important;
	}
	.header-phone {
		left: auto;
		right:75px;
		bottom: auto;
		top:2px;
		margin-left: 0px;
	}

}

@media (max-width: 450px){
	.title_slider h1{margin-top:-10px;}
	.header-phone {
		right: 15px;
		left:auto;
		bottom: -42px;
		top: auto;
	}
}


.relative {
	position: relative;
}

/* Header styles changes */
.activiteit-header .h1, .activiteit-header .h3 {
	color:#fff;
}
.bg-clouds .h1 {
	color: #34495e;
}
.home .h1 {
	color: #34495e;
}
.h1 {
	font-family: "Lato","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:36px;
	font-weight:900;
	line-height:39.6px;
	margin:20px 0px 10px 0px;
}
h1.lead {
	color: #0077bb;
}
.h2 {
	font-family: "Lato","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:30px;
	font-weight:500;
	line-height:33px;
	margin:20px 0px 10px 0px;
}
h2.lead {
	color: #0077bb;
}
.h3 {
	font-family: "Lato","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:24px;
	font-weight:500;
	line-height:26.4px;
	margin:0px;
	padding:0px;
}
.contactdetails {
	font-size:16px;
	font-weight:bold;
	line-height:0px;
	margin-top:2px;
	margin-bottom: 8px;
}
.news-item a {
	color:#c0392b;
}
.news-item a.btn {color:#34495e;}
.news-item a.btn-info {color:#fff;}
.hidden-single-title {display:none;}