/*
Theme Name: Sligman
Theme URI: https://www.sligmanmarkelo.nl/
Author: Remgro Web & ICT Oplossingen
Author URI: https://www.remgro.nl/
Description: Het thema voor Sligman Rentmeester & Makelaardij
Version: 1.4.3
*/
body {
	color: #535353;
	font: 14px/20px Arial,"Helvetica Neue",Helvetica,sans-serif;
	background: #017536 url(images/bg-body.jpg) 50% 50%/cover fixed;
}
.wrapper {
	width: 100%;
	overflow: hidden;
	max-width: 1001px;
}
.wrapper,
.header,
.content {
	position: relative;
}
div.wrapper {
	background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}
em{font-weight:400}
h1{font-size:23px;line-height:1}
h2{font-size:19px}
h3{font-size:17px}
h4{font-size:16px}
h5{font-size:15px}
h6{font-size:13px}
a{text-decoration:none}
a,em,strong,h1,h2,h3,h4,h5,h6{color:#017d3f}
.content a{border-bottom:1px solid #d4e3da}
.content a:hover{border-color:#017d3f}
.menu ul,
ul.nolist {
	margin: 0;
	padding: 0;
	list-style: none;
}
hr {
	height: 1px;
	border: none;
	color: #d8d8d8;
	background-color: #d8d8d8;
}
/* images and alignment */
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail,
.content img {
	height: auto;
	max-width: 100%;
}
.alignleft{float:left}
.alignright{float:right}
.wrapper,.aligncenter{margin-left:auto;margin-right:auto}
.cf:before,.cf:after{content:" ";display:table}.clr,.cf:after{clear:both}.cl{clear:left}.cr{clear:right}
/* .header */
.header,
.header a {
	color: #000;
	font-size: 16px;
	line-height: normal;
}
.header {
	background: url(images/header.jpg) no-repeat 100% 0;
}
.header a:hover{color:#017d3f}
.header p{margin:0}
.header .alignleft {
	overflow: hidden;
	margin: 3px 5px;
	max-height: 142px;
	background-color: #fff;
	padding: 0 2px 6px 2px;
	border: 1px solid #017536;
}
.header .alignleft > a{margin:10px 0 6px}
.header .alignleft > a,
.header .alignleft > a img {
	display: block;
}
.header .alignleft > a img {
	height: auto;
	margin: 0 auto;
	max-width: 95%;
}
.header .alignleft > a:hover img{opacity:0.7}
/* .menu */
.menu,
.menu a {
	color: #fff;
	font-size: 18px;
}
.menu ul{background-color:#017d3f}
.menu ul li{display:inline-block}
.menu > ul > li > a {
	display: block;
	min-width: 59px;
	text-align: center;
	padding: 13px 0 8px;
	margin: 0 25px 0 17px;
	border-bottom: 6px solid #017d3f;
}
.menu > ul > li {
	position: relative;
}
.menu > ul > li > a:hover,
.menu > ul > li.current-menu-item > a,
.menu > ul > li.current_page_item > a,
.menu > ul > li.current_page_parent > a,
.menu > ul > li.current-post-ancestor > a,
.menu > ul > li.current-page-ancestor > a,
.menu > ul > li.current-menu-ancestor > a,
.menu > ul > li.current-category-ancestor > a {
	color: #fff;
	border-color: #fff;
}
.menu ul li.current-menu-item > a,
.menu ul li.current_page_item > a,
.menu ul li.current_page_parent > a,
.menu ul li.current-post-ancestor > a,
.menu ul li.current-page-ancestor > a,
.menu ul li.current-menu-ancestor > a,
.menu ul li.current-category-ancestor > a {
	font-style: italic;
}
/* submenu */
.menu ul ul {
	left: 0;
	top: 100%;
	z-index: 45;
	display: none;
	min-width: 100%;
	position: absolute;
}
.menu > ul > li:hover > ul {
	display: block;
}
.menu ul ul li,
.menu ul ul a {
	display: block;
}
.menu ul ul a {
	font-size: 16px;
	margin-bottom: 1px;
	padding: 4px 25px 5px 17px;
	border-bottom: 2px solid #017d3f;
}
.menu ul ul a:hover {
	color: #fff;
	border-bottom-color: #fff;
}
/* subsubmenu */
.menu ul ul ul {
	display: none;
}
/* .content */
.content {
	min-height: 468px;
	padding-right: 41%;
	margin: 0 16px 0 20px;
	background: url(images/line.png) repeat-y 61% 0;
}
.blog .content,
.archive .content,
.category .content,
.single-post .content {
	background: none;
	padding-right: 0;
}
.blog .content {
	margin-bottom: 20px;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p,
.content ul,
.content ol,
.content hr {
	margin: 20px 0;
}
.content h2.category-title {
	margin-left: 8px;
	margin-top: 13px;
	padding-top: 13px;
	border-top: 2px solid #017536;
}
.content h3.post-title {
	display: inline-block;
	margin: 5px 10px 10px 0;
}
.blog .content > div.post,
.archive .content > div.post {
	padding: 5px 0;
}
.blog .content > div.post:hover,
.archive .content > div.post:hover {	
	background-color: #f2f2f2;
}
.content h3.post-title,
.content h3.post-title a,
.content > div.post strong.alignright {
	color: #535353;
}
.blog .content > div.post:hover h3.post-title,
.blog .content > div.post:hover h3.post-title a,
.blog .content > div.post:hover strong.alignright,
.archive .content > div.post:hover h3.post-title,
.archive .content > div.post:hover h3.post-title a,
.archive .content > div.post:hover strong.alignright {
	color: #000;
}
.content h3.post-title a:hover {
	color: #017d3f !important;
}
.content > div.post strong.alignright {
	min-width: 100px;
}
.content ul {
	list-style: none;
	padding-left: 8px;
}
.content ul > li:before {
    content: "-";
	margin-left: -8px; 
    position: absolute;
}
.content table td {
	padding-right: 8px;
}
.statusVerkocht {
	color: #535353;
	font-weight: 700;
}
.content > div.post img.alignleft,
.content > div.page img.alignleft {
	margin-right: 20px;
}
.content > div.post img.alignright,
.content > div.page img.alignright {
	margin-left: 20px;
}
.content > div.post img.alignnone,
.content > div.page img.alignnone,
.content > div.post img.alignleft,
.content > div.page img.alignleft,
.content > div.post img.alignright,
.content > div.page img.alignright,
.content > div.post img.aligncenter,
.content > div.page img.aligncenter {
	border: 1px solid #d8d8d8;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.36);
}
.content > div.post a img.alignnone:hover,
.content > div.page a img.alignnone:hover,
.content > div.post a img.alignleft:hover,
.content > div.page a img.alignleft:hover,
.content > div.post a img.alignright:hover,
.content > div.page a img.alignright:hover,
.content > div.post a img.aligncenter:hover,
.content > div.page a img.aligncenter:hover {
	border-color: #aaa;
}
.content > div.post img.alignnone,
.content > div.page img.alignnone,
.content > div.post img.alignleft,
.content > div.page img.alignleft,
.content > div.post img.alignright,
.content > div.page img.alignright,
.content > div.post img.aligncenter,
.content > div.page img.aligncenter {
	height: auto;
	max-width: 50%;
}
.content > div.post img.alignnone,
.content > div.page img.alignnone {
	max-width: 100%;
}
.content > div.post.aanbod {
	position: relative;
}
.content > div.post.aanbod > a > img.alignleft {
	width: 243px; /* 300px */
	height: auto;
}
.content > div.post.aanbod .post-title {
	margin-right: 0;
}
.content > div.post.aanbod .backtotop {
	right: 5px;
	bottom: 5px;
	display: none;
	font-size: 12px;
	position: absolute;
}
.content > div.post.aanbod:hover .backtotop {
	display: block;
}
/*
.content > div.post.aanbod table tr td:first-child {
	width: 60px;
}
*/
.single-post .content .gallery:before {
	color: #017d3f;
	display: block;
	font-size: 19px;
	font-weight: 700;
	content: "Foto's";
	margin: 20px 0 10px;
}
.content .acf-map {
	width: 100%;
	height: 400px;
	margin: 20px 0;
	border: 1px solid #ccc;
}
.content .acf-map img {
	max-width: none;
}
/* .sidebar */
.sidebar {
	right: 0;
	bottom: 0;
	max-width: 36.5%;
	position: absolute;
}
.sidebar a,
.sidebar a img {
	border: none;
	display: block;
}
.sidebar a img {
	height: auto;
	border: 1px solid #017536;
}
.sidebar a:hover img{opacity:0.6}
.sidebar .randomobjects {
	max-width: 302px;
	margin-bottom: 24px;
	border: 1px solid #017536;
}
.sidebar .randomobjects a img {
	border: 0;
}
.sidebar .logos {
	width: 100%;
	text-align: right;
}
.sidebar .logos a img {
	width: 165px;
}
.sidebar .logos a:first-child img {
	margin-bottom: 16px;
}
.sidebar h3 {
	text-align: right;
	line-height: 23px;
	margin: 21px 0 7px;
}
/* full width */
.page-template-tpl-full-width .content {
	background: none;
	padding-right: 8px;
}
/* .footer */
.footer {
	padding: 14px 20px 13px;
	background-color: #017d3f;
}
.footer,.footer a{color:#fff}
.footer a:hover{color:#ddd}
.footer span{margin:0 8px}
/* .remgro */
.remgro {
	color: #fff;
	font-size: 12px;
	text-indent: 26px;
	margin: 12px auto 7px;
}
.remgro a {
	color: #fff;
	text-decoration: underline;
}
.remgro a:hover {
	text-decoration: none;
}
/* .wpcf7 */
.wpcf7 {
	max-width: 480px;
}
.wpcf7 #brochure-aanvragen h2 {
	margin-top: 32px;
}
.wpcf7 .wpcf7-not-valid-tip {
	display: none;
}
.wpcf7 .wpcf7-not-valid {
	border: 1px solid #f00 !important;
}
.wpcf7 input,
.wpcf7 textarea {
	margin-top: 2px;
	margin-bottom: 2px;
}
.wpcf7 select {
	margin-top: 1px;
	margin-bottom: 2px;
}
.wpcf7-form-control-wrap.prijstot,
.wpcf7-form-control-wrap.plaats,
.wpcf7-form-control-wrap.huisnr,
.wpcf7-form-control-wrap.woonplaats,
.single-post .wpcf7-form-control-wrap.naam {
	margin-left: 1%;
}
.pure-form .pure-input-3-4 {
	width: 74%;
}
.wpcf7-form.pure-form input.input-hidden {
	width: 0;
	height: 0;
	margin: 0;
	border: 0;
	padding: 0;
	opacity: 0;
	display: none;
	color: #fff;
	background: #fff;
	visibility: hidden;
}
.single-post .wpcf7-form-control-wrap.plaats{margin:0}
/* flexslider */
.metaslider .flexslider {
	margin-bottom: 0 !important;
}
body .metaslider .flexslider .flex-direction-nav li a {
	width: 30px;
	height: 47px;
	background-image: url(images/ml-slider/bg_direction_nav.png);
	background-size: cover;
}
body .flex-direction-nav .flex-prev{left:0}
body .flex-direction-nav .flex-next{right:0}
body .flex-control-nav {
	bottom: 15px;
}
body .flex-control-paging li a {
	width: 15px;
	height: 15px; 
	background: #01af55;
	background: rgba(77, 124, 101, 0.5);
}
body .flex-control-paging li a:hover {
	background: #01964b;
	background: rgba(32, 124, 78, 0.7);
}
body .flex-control-paging li a.flex-active {
	background: #017d3f;
	background: rgba(1, 125, 63, 0.9);
}
/* responsive menu*/
.header #click-menu {
	position: static;
	text-align: left;
	min-height: 28px;
	padding: 8px 10px;
	margin-top: 0 !important;
}
.header #click-menu,
body #click-menu-label,
body #click-menu #RMX.threelines-float-left,
body #click-menu #RMX.threelines-float-right {
	line-height: 28px !important;
}
.header #click-menu .threeLines {
	float: left;
	margin: 0 8px 0 0 !important;
}
.header #responsive-menu .responsive-menu > ul {
	margin: 0;
	padding: 0;
}
.header #responsive-menu .responsive-menu li li a {
	width: 95% !important;
	padding-left: 5% !important;
}
/* search form */
.searchform.pure-form input[type=text] {
	margin-top: 1px;
}
/* responsive */
@media only screen and (max-width: 1000px) {
	body{ background-image:none }
}
@media only screen and (max-width: 900px) {
	.sidebar h3{font-size:16px}
}
@media only screen and (max-width: 800px) {
	.sidebar h3{font-size:15px}
}
@media only screen and (max-width: 730px) {
	.sidebar h3{font-size:13px}
}
@media only screen and (max-width: 660px) {
	.sidebar h3{margin-left:-4px;font-size:12px}
}
@media only screen and (max-width: 600px) {
	.sidebar{display:none}
	.remgro{text-indent:14px}
	.content {
		padding-right: 0;
		background-image: none;
	}
	.footer {
		padding-left: 14px;
		padding-right: 14px;
	}
	.footer > span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	.page-id-20 .wpcf7 input[type=submit] {
		margin-top: 10px;
	}
	.blog .content > div.post,
	.archive .content > div.post {
		padding-bottom: 15px;
	}
	.content > div.post.aanbod > a > img.alignleft {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}
	.content > div.post.aanbod .post-title {
		margin-top: 10px;
	}
}
@media only screen and (max-width: 360px) {
	.header .alignleft {
		margin: 0;
		border: 0;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.content > div.post img.alignnone,
	.content > div.page img.alignnone,
	.content > div.post img.alignleft,
	.content > div.page img.alignleft,
	.content > div.post img.alignright,
	.content > div.page img.alignright,
	.content > div.post img.aligncenter,
	.content > div.page img.aligncenter {
		width: 100%;
		display: block;
		margin: 0 auto 20px auto;
		max-width: 100% !important;
	}
	.content > div.post.aanbod .post-title {
		margin-top: -10px;
	}
}
@media only screen and (min-width: 599px) {
	.content > div.post.aanbod > a > img.alignleft {
		max-width: 25%;
		margin-right: 2%;
	}
	.content > div.post.aanbod .post-title,
	.content > div.post.aanbod table {
		max-width: 72%;
	}
}
/* pure button */
.pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}
/* pure form custom responsive */
@media only screen and (max-width: 480px) {
	.pure-form input:not([type]), .pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form label {
		width: 100%;
		display: inline-block !important;
	}
	.wpcf7-form-control-wrap.prijstot,
	.wpcf7-form-control-wrap.plaats,
	.wpcf7-form-control-wrap.huisnr,
	.wpcf7-form-control-wrap.woonplaats,
	.single-post .wpcf7-form-control-wrap.naam {
		margin-left: 0;
	}
}
/* editor css */
body.mce-content-body {
	width: 957px;
	margin: 0 20px;
	background-image: none;
}
body.mce-content-body img.alignleft {
	margin-right: 20px;
}
body.mce-content-body img.alignright {
	margin-left: 20px;
}
body.mce-content-body img.alignnone,
body.mce-content-body img.alignleft,
body.mce-content-body img.alignright,
body.mce-content-body img.aligncenter {
	height: auto;
	max-width: 50%;
	border: 1px solid #d8d8d8;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.36);
}
body.mce-content-body img.alignnone {
	max-width: 100%;
}
/* 2018-10-12 */
.single-post .metaslider-flex + .content .entry-title {
	margin-top: 50px;
}