/*
Theme name: IBS
Theme URI: http://duthblue.nl
Description: A theme for Content
Author Name: DutchBlue
Author: Joeri
Author http://dutchblue.nl/
Version: 1.1
Tags: black,green,white,commercial
*/

/*-----------------------------------------------------------------------------------*/
/*  Wordpress Classes
/*-----------------------------------------------------------------------------------*/

body{
	font-family: Lato, sans-serif !important;
}

h1, h2, h3 {
	font-weight: 900 !important;
}

p {
	font-weight: lighter !important;
	font-family: Lato, sans-serif !important;
}

.alignleft {
    float: left;
    
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft {
    margin: 12px 24px 12px 0;
    margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
    margin: 12px 0 12px 24px;
    margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
    margin-top: 12px;
    margin-top: 0.857142857rem;
    margin-bottom: 12px;
    margin-bottom: 0.857142857rem;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto;
}
select, button, a{
	outline: 0!important;
	}
.expert .caption { min-height: 140px; }

#post-content img{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	}
#news {
	box-shadow: 0px 1px 4px rgba(0,0,0,.18);
    transition: all .3s ease;
} 
.news-col{
	padding: 0px !important;
}
.news_thumb{
	float: left;
	height: 150px;
	text-align: left;
	}
.news_thumb{
	width: 100%;
    height: 150px;
	}
.news_content{
	float: left;
	min-height: 200px;
	position: relative;
	padding: 15px 10px 0 10px;
	width: 100%;
	}
.news_content h2{
	margin-top: 0px;
	}

.news_button{
	position: absolute;
	bottom: -5px;
	right: 15px;
	}

ol{
    list-style-type: none;
    counter-reset: ol-counter;
}
ol > li:before {
	font-size: 15px;
	line-height: 24px;
	color: #525458;
	font-weight: 700;
	margin-right: 6px;
	margin-bottom: 15px;
	font-family: 'Lato', sans-serif;
    content: counter(ol-counter);
    counter-increment: ol-counter;
}

ol > li{
	font-size: 15px;
	line-height: 24px;
	color: #525458;
	font-weight: lighter;
	margin-bottom: 15px;
	font-family: 'Lato', sans-serif;
	}
.timeline{width:550px; }

/*PAGINATIE*/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span{
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#000;
background: #E9E9E9;
}
.pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#000;
background: #E9E9E9;
transition-delay: 0s;
transition-duration: 0.45s;
transition-property: all;
transition-timing-function: ease-out;
}
.pagination a:hover{
color:#fff;
background: #209FA0;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #209FA0;
color:#fff;
}

/*PROJECTEN*/

.project_item{
	float: left;
	width: 194px;
	height: 197px;
	margin-right: 2.5%;
	margin-left: 2.5%;
	margin-bottom: 5%;
	}
.project_thumb{
	width: 100%;
	height: auto;
	}
.project_thumb img{
	width: 100%;
	height: auto;
	margin-bottom: 10px!important;
	}
.project_titel{
	height: 20px;
	overflow: hidden;
	}
.project_titel a{	
	color: rgb(32, 159, 160);
	display: block;
	font-family: Lato, sans-serif;
	font-size: 14px;
	font-weight: 900;
	}
.project_land{
	font-family: Lato, sans-serif;
	color: #525458;
	}

#projecten_header{
	width: 100%;
	background-color: #E9E9E9;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	}
.filter_title{
	display: inline-block;
	color: rgb(32, 159, 160);
	display: block;
	font-family: Lato, sans-serif;
	font-size: 15px;
	font-weight: 900;
	float: left;
	height: 48px;
	padding-top: 14px;
	margin-right: 10px;
	}
.easy-autocomplete {
	float: left;
}
.easy-autocomplete input {
	height: 40px;
	line-height: 40px;
	margin-top: 6px;
	border: 1px solid rgb(32, 159, 160) !important;
	background: #fff url(img/search-icon.png) no-repeat 94% 13px;
	width: 160px;
}
.easy-autocomplete-container ul {
	float: left;
	width: 100%;
}
.easy-autocomplete-container ul li {
	float: left;
	width: 100%;
}
.eac-item {
	width: 100%;
	float: left;
}
.eac-item span {
	width: 100%;
	float: right;
}
.dd_holder{
	display: inline-block;
	height: 40px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
	margin-top: 6px;
	border:1px solid rgb(32, 159, 160);
	background-color: #ffffff;
	width: 180px;
	background-image: url('img/dd_pijl.png');
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
	}
.dd_holder select{
	width: 120%;
	height: 40px;
	font-family: Lato, sans-serif;
	font-size: 14px;
	color: #525458;
	background-color: transparent;
	border:none;
	outline: none;
	-webkit-appearance:none;
	padding-left: 10px;
	cursor: pointer;
	}
#geen_result{
	color: rgb(82, 84, 88);
	font-family: Lato, sans-serif;
	font-size: 15px;
	font-weight: 300;
	height: 24px;
	line-height: 24px;
	margin-bottom: 40px;
	display:none;
	}
iframe#twitter-widget-0{width:570px!important;}

@media (max-width: 992px){
iframe#twitter-widget-0{width:100%!important;}
}

#post-content ul {
padding:0px 20px !important;
}

#twitter-widget-0 {
	margin-right: 0px !important;
	background:#e9e9e9;
}
#twitter-widget-0 .timeline-Widget {
	background: none !important;
}

.project_slider {
	background:url(img/clouds.jpg) center center no-repeat;
	background-size: cover;
	height: 900px;
	width: 100%;
	overflow: hidden;
}
.project_slider.fixed {
	height: 400px !important;
}
@media (max-width: 992px){
	.project_slider.fixed {
		height: 150px !important;
	}
}
.project_slider .inner {
	height: inherit;
	position: relative;
	float: left;
	width: 5740px;
}
.project_slider .houses {
	width: 100%;
	height: 45.1%;
	position: absolute;
	bottom: 0px;
	z-index: 50;
	background: url(img/houses.png) left bottom no-repeat; 
	background-size: auto 100%;
}

.project_slider .overlay-copy {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

.project_slider .buldings {
	width: 100%;
	float: left;
	height: inherit;
}

.project_slider .item {
	height: inherit;
	position: relative;
	float: left;
}
.project_slider .item img {
	height: 90% !important;
	position: absolute;
	bottom: 0px;
	width: auto;
}
.project_slider .item img.active {
	opacity: 0;
	-webkit-transition: all .5s ease-in;
	   -moz-transition: all .5s ease-in;
	    -ms-transition: all .5s ease-in;
	     -o-transition: all .5s ease-in;
	        transition: all .5s ease-in;
}
.project_slider .item.highlite img {
	opacity: 1;
}
#project_holder .project_item {
	display: none;
}
#project_holder .load_more {
	background: #209fa0;
	color: #fff;
	padding: 10px 15px;
	float: left;
	margin-bottom: 20px;
	left: 50%;
	margin-left: -45px;
	cursor: pointer;
	position: relative;
}
#project_holder .load_more:hover {
	background: #0f7778;
}

#footer .wpcf7 input{
min-height: 40px;
}
.load_more_bar {
	width: 100%;
	float: left;
}
@media (max-width: 650px){
	#post-content p a.btn-success {
		float: left;
		margin: 5px 0px;
	}
}

@media (max-width: 715px){
	#project_holder .project_item {
		width: 100%;
		height: auto;
		margin: 10px 0px;
	}
}