/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

Nav sectie aanbod
**************************************************/

.nav_selection_aanbod {
	min-height:40px;
}
.nav_selection_aanbod #search-form {
 top:90px;	
}
.nav_selection_aanbod ul {
	float:left;
	position:static;
	z-index:5000;
	overflow:visible;
}
.nav_selection_aanbod ul li {
	position: relative;
	font-size: 15px;
	float:left;
	z-index:5000;
}
.nav_selection_aanbod ul li a {
	position: relative;
	display: block;
	padding: 10px 13px 10px 13px;
	font-size:15px;
	color:#a1b1bc;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-align:center;
	float:left;
	z-index:2000;
}
.nav_selection_aanbod ul li a:hover {
  color:#01457c;
}

.nav_selection_aanbod #filter-form li {
	/* max-width: 170px; MJa */
}
		
.nav_selection_aanbod_search {
	width: 40px;
	height: 27px;
	float:left;
	z-index:5000;
	background-color:#fff;
}	

.nav_selection_aanbod ul li.active a {
	font-weight:700;
	color:#01457c !important;
}	
		

Custom style aanbod
**************************************************/

.page_title_ctn {padding-top:43px; padding-bottom:43px;}.container {border: 0px dashed #FF0000; }.vc_span4, .vc_span8 {border: 0px dashed #FF0000;} .object { width:100%; max-width:368px; max-height:490px; padding:0; background-color:#FFF; border: 0px dashed #FF0000;} .object-image { width:100%; max-height:248px;padding:0; overflow:hidden; margin:0; border: 0px dashed #FF0000;} .object-content { width:100%; height:225px;; padding:10px 20px 10px 20px; margin:0; border: 0px dashed #FF0000;} .object-content .title { width:100%; padding:0; margin:0; text-align: center; color:#13447f; font-size:17px; } .object-content .subtitle { width:100%; padding:0; margin:0; text-align: center; color:#000; font-size:12.2px; font-weight:700;}.object-content .text { width:100%; height:118px; padding-top:20px; margin:0; text-align:left; color:#000; font-size:12px; line-height: 18px; overflow:hidden; border: 0px dashed #FF0000;} .object-content .container-button { width:100%; padding:0px; margin-top:5px; text-align:center;  border: 0px dashed #FF0000;} .object-content .button { display: inline-block; background-color:#12457c; color:#fff; font-size:12.2px; font-weight:700; text-align:center; padding:0px 10px 2px 10px; border: 0px solid #bfc5db;} .object-content span.lees-verder { color:#1abc9c;}
  .vc_row-fluid {
  width: 100%;
  position:relative;
  overflow:hidden;
  *zoom: 1;
}

.object-container { width:100%; background-color:#fff; padding:0px; border: 0px dashed #FF0000;}

.vc_row-aanbod {padding-top:50px; }

.grid-short-description {
	text-align:center; 
	font-family: Lato;
	color: #000;
	font-size: 12.2px;
	font-weight:700;
	padding: 10px 0;
	line-height: 14px;
	min-height: 50px;
}



Aanbod detailpagina
**************************************************/

.object-image-detail { width:100%; height:100%; padding:0; margin:0; }
.object-detail-wrapper { width:100%; height:100%; padding:4% 4% 0% 2%; margin:0;  }
.object-detail-wrapper .specs { font-size: 15px; line-height: 26px; color:#000; }
.object-detail-wrapper .description { font-size: 13px; line-height: 26px; margin-bottom: 30px; border: 0px dashed #FF0000; }

.aanbod-thumbnails {
	margin:0;
	padding:0;
}

.aanbod-thumbnails ul {
	float:left;
	position:static;
	z-index:5000;
	overflow:visible;
}
.aanbod-thumbnails ul li {
	position: relative;
	width:16.5%;
	min-width: 150px;
	float:left;
	z-index:5000;
	border: 0px dashed #FF0000;
}
.aanbod-thumbnails ul li a {
	position: relative;
	display: block;
	padding: 0px 25% 8% 0px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-align:center;
	float:left;
	z-index:2000;
  height: 99px;
  overflow: hidden;
}

/* KOPIE */
.object-detail-wrapper {
    width: 100%;
    height: 100%;
    padding: 11px 0 0 0;
    margin: 0;
}
.aanbod-thumbnails ul li {
	position: relative;
	width:16.5%;
	min-width: 142px;
	min-width: 164px;
	float:left;
	z-index:5000;
	padding: 0 0 15px 0;
	border: 0px dashed #FF0000;
}
.aanbod-thumbnails ul li a {
	position: relative;
	display: block;
	padding: 0px 25% 8% 0px;
	padding: 0px 15px 0px 0px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-align:center;
	float:left;
	z-index:2000;
  height: 99px;
  overflow: hidden;
}
/* KOPIE */
	

h1 {
    font-family: Lato;
    font-weight: 300;
    color: #00447b !important;
}

.object-detail-wrapper h2 {
    font-family: Lato;
	font-size: 17px;
    font-weight: 500;
    color: #00447b !important;
	text-transform: uppercase;
	margin-bottom: -25px;
}

.object-detail-wrapper h3 {
    font-family: Lato;
	font-size: 17px;
    font-weight: 500;
	font-family: 'Open Sans', sans-serif; font-weight: 700;
	font-size: 21px;
    color: #00447b !important;
	/* text-transform: uppercase; */
	margin-bottom: -25px;
}

.short-description {
	text-align:left; 
	font-family: Lato;
	font-size: 17px;
	color: #000;
	font-weight:700;
	line-height: 19px;
	padding-bottom: 10px;
	}

/* Aanbod pagina's */
#fw_c h1.yw-real-estate-heading { margin-top: 40px; font-family: 'Open Sans', sans-serif; font-size: 40px; }
.open-sans-light { font-family: 'Open Sans', sans-serif; font-weight: 300; }
.open-sans-bold { font-family: 'Open Sans', sans-serif; font-weight: 700; }
.ten-pt { font-size: 13px!important; }
.twelve-pt { font-size: 16px; }
.thirteen-pt { font-size: 17px; }
.fourteen-pt { font-size: 18px; }
.sixteen-pt { font-size: 21px; }
.seventeen-pt { font-size: 22px; }
.nineteen-pt { font-size: 25px; }
.blue { color: #00447b; }
.yw-column ul { margin-bottom: 20px; }
.object-detail-wrapper h3.sixteen-pt { font-size: 21px; }


.object-detail-wrapper .description { font-family: 'Open Sans', sans-serif; font-weight: 300; }

/* overzichtspagina */
.object-content .title.open-sans-bold.nineteen-pt {
    font-size: 25px;
}
.object-content .subtitle { margin-top: 20px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; }
.colum-50 { width: 49%; }
.float-left { float: left; }
.float-right { float: right; }

/* bekijk button op tijdelijk aanbod pagina */
.object-content.yw-content .button {
    display: inline-block;
    background-color: #ff6600;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    padding: 0px 10px 2px 10px;
	padding: 10px 20px;
    border: 0px solid #bfc5db;
	font-family: 'Open Sans', sans-serif;
}

/* labels */
.yw-soort label, .yw-plaats label {
  display: inline-block;
  padding: 0 5px 0 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #00447b;
}
.nav_selection_aanbod #filter-form li.yw-soort, .nav_selection_aanbod #filter-form li.yw-plaats {
    max-width: 300px;
}
.yw-soort select:not([multiple]), .yw-plaats select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em
}

#mySoort, #myPlaats {
    border-radius: 0
}

/* submit button */
.yw-submit-button { background-color: #ff6600; border: 2px solid #ff6600; display: block; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 17px; }
.nav_selection_aanbod_search { width: auto; height: auto; margin-left: 20px; }


/**
 ** TEST
 **/

.selectdiv {
  position: relative;
  float: left;
  min-width: 100px;
  /* margin: 50px 33%; */
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

/* new select box */
.selectdiv:after {
  content:"\f107";
  font-family: FontAwesome;
  font-size: 18px;
  
  color: #fff;
  right: 1px;
  top: 1px;
  padding: 5px 4px 4px 4px;
  position: absolute;
  pointer-events: none;
  background-color: #13447f;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  /* width: 100%;
  max-width: 140px; */
  width: 150px;
  height: 30px;
  /* float: right; */
  margin: 0px;
  padding: 0px 5px;
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  -ms-word-break: normal;
  word-break: normal;
}

/**
 ** TEST
 **/


/*---// Start media queries //---*/
@media screen and ( max-width: 782px ) {
	.object { margin-top: 34px; }
	.wpb_row {margin-bottom: 0px; }
	.wpb_row_aanbod_onder {margin-bottom: 34px; }
	.object-detail-wrapper { width:100%; height:100%; padding:3% 3% 0% 6%; margin:0;}
	.top-34 { margin-top: 34px; }
	.aanbod-thumbnails ul li a {
	position: relative;
	display: block;
	padding: 10% 18% 8% 10%;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-align:center;
	float:left;
	z-index:2000;
    }
}


#reageren a{color:#ffffff; background: #0b4b80; background: -moz-linear-gradient(-45deg,  #0b4b80 0%, #0b4b80 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0b4b80), color-stop(100%,#0b4b80)); background: -webkit-linear-gradient(-45deg,  #0b4b80 0%,#0b4b80 100%); background: -o-linear-gradient(-45deg,  #0b4b80 0%,#0b4b80 100%); background: -ms-linear-gradient(-45deg,  #0b4b80 0%,#0b4b80 100%); background: linear-gradient(135deg,  #0b4b80 0%,#0b4b80 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0b4b80", endColorstr="#0b4b80",GradientType=1 ); margin-top:0px; margin-bottom:0px;  margin-left:0px; margin-right:6px; font-weight:900; border-radius:3px;}#reageren a:hover{color:#ffffff ; background:#020202 ;}

#filter-form li {
  padding: 10px 13px;
}

.nav_selection_aanbod_search #searchtop {
    margin-top: -6px;
}



aanbod element homepage
**************************************************/


.aanbod-element {
    border: 1px solid #0a3f6a;
}

.filter_img {
	background-color:#0a3f6a;
	border:1px solid #2c3e50;
}

.aanbod-element figcaption {
	text-align:center;
	color:#FFF;
	padding-bottom: 0.5em;
}
.aanbod-element figcaption p {
	margin-top: -6px;
	padding-top: 0; 
}

.aanbod-element .img_canvas {
  width: 100%;
  height: 168px;
  overflow: hidden;
}

.aanbod-element figcaption h2 {
	color:#FFF !important;
	padding: 0;
	}

	
	
@media screen and ( max-width: 782px ) {
	.aanbod-element {
		display:inline;
		margin-bottom: 0.2em;
		border: 1px dashed #FFF; 
	}
}

@media (min-width: 768px) and (max-width: 1035px) {
  .aanbod-element .img_canvas {
      max-height: 122px;
  }
}

.vc_row-fluid-paging {
	margin-top: -5px;
	margin-bottom: 30px;
	padding: 0;
	}