body {
	color: #4b4b4b;
}

/* Kleuren 1 */
.color-1 {
    color: #ffffff;
}
.stroke-1 {
    stroke: #ffffff;
}
.fill-1 {
    fill: #ffffff;
}
.background-color-1 {
    background-color: #237e52 !important;
}

/* Kleuren 2 */
.color-2 {
    color: #237e52;
}
.stroke-2 {
    stroke: #237e52;
}
.fill-2 {
    fill: #237e52;
}
.background-color-2 {
    background-color: #fbd93d !important;
}

/* Kleuren 3 */
.color-3 {
    color: #237e52;
}
.stroke-3 {
    stroke: #237e52;
}
.fill-3 {
    fill: #237e52;
}
.background-color-3 {
    background-color: #fbd93d !important;
}

/* Kleuren 4 */
.color-4 {
    color: #222;
}

.footer .object-button, .object-button {
    color: unset;
}
.object-offer-button {
	text-transform: uppercase;
    top: unset;
    right: unset;
	left: 1%;
	bottom: 11%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 30;
}

.object-offer-button-position {
	bottom: 3%;
}

.object-description .object-description-content-more span, 
.object-features .object-features-list-more span,
.banner p.background-color-2,
.object-offer-button a,
.object-social-button a,
.footer .object-button, 
.object-button {
    border-radius: 0;
}

.object-description .object-description-content-more span, 
.object-features .object-features-list-more span {
    padding: 1rem;
}

.object-social-button :hover,
.object-social-button :focus,
.object-offer-button :hover,
.object-offer-button :focus {
	background-color: #237e52 !important;
}

.object-social-button :hover .fill-2,
.object-social-button :focus .fill-2 {
	fill: #ffffff;	
}



.object-button:hover,
.object-button:focus,
.footer .object-button:hover,
.footer .object-button:focus {
    color: #ffffff !important;
    background-color: #237e52 !important;
	opacity: 1 !important;
}

.banner p.background-color-2:hover,
.banner p.background-color-2:focus,
.object-description .object-description-content-more span:hover,
.object-features .object-features-list-more span:hover,
.object-description .object-description-content-more span:focus,
.object-features .object-features-list-more span:focus {
	color: #ffffff !important;
	background-color: #237e52 !important;
	-webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
	opacity: 1 !important;
}

.footer, .footer-copyright {
    background-color: #dff6eb;
}

.footer-brands img {
    max-width: 250px;
}

@media (max-width: 767.98px) {
	.footer-brands .svg-brand-tophuis {
		height: 70px;
	}
	
	.object-offer-button {
		left: 1%;
		bottom: 3% !important;
	}
	.object-social-button {
		right: 1%;
		left: unset;
	}
	
	.object-offer-button a,
	.object-social-button a {
		padding: .25rem !important
	}	
}

.digitaal-open-huis.digitaal-open-huis-1 .digitaal-makelaar-logo .logo {
    height: 90px;
}

.digitaal-open-huis.digitaal-open-huis-2 {
	background: unset;
}
.digitaal-open-huis.digitaal-open-huis-2 .digitaal-makelaar-logo .logo,
.digitaal-open-huis .digitaal-makelaar-logo .logo {
    width: 280px;
}

.voorblad a, .voorblad a:link, .voorblad a:visited, .voorblad a:active, .voorblad a:hover, .voorblad a:focus,
.digitaal-social.digitaal-social-4 .digitaal-social-domain,
.social-share .social-4 .social-domain {
	color: #237e52 !important;
}

/* Fix drukwerk */
.flyer-voorzijde-left .content,
.flyer-achterzijde-right .flyer-top,
.flyer-achterzijde-right .features,
.flyers-bezichtiging .flyer-achterzijde .content,
.folder-achterzijde-right .folder-top,
.folder-achterzijde-right .features,
.verkocht-folder-achterzijde-right .verkocht-folder-top,
.window-display .window-display-left .window-display-top {
    background-color: #dff6eb;
}

.flyer-voorzijde-left .content div.flyerfoto-container {
	width: 92%;
	bottom: 0%;
}
.flyer-voorzijde-left .content img.flyerfoto {
    max-height: 90%;
    vertical-align: bottom;
}
.flyer-achterzijde-right .meerweten {
	color: #ffffff;
}

.visitekaartje-achterzijde .logo {
    height: 90%;
}

.folder-achterzijde-left .broker-box-bottom,
.verkocht-folder-achterzijde-left .broker-box-bottom {
	font-size: 9pt;
}