/* CSS Document */
:root {
  --basecolor: #ffffff;
  --basecolorLight: #000000;
  --basecolorMedium: #eeeeee;
  --basecolorSpecial: #EAE4D8;
    
  --textcolor: #000000;
  --textcolorLight: #ffffff;
  --textcolorMedium: #000000;
  --textcolorSecondair: #888888;
    
  --highlightcolor: #E6007E;
  --textcolorhighlighted: #ffffff ;
  --errorcolor: #ff0000;
  --successcolor: #b1d0ba;
    
}


/* menu */
#extraMenu .headAddress p a {
    color: var(--highlightcolor);
}
#theBody.menuactive .navbar-toggle .icon-bar{
    background: var(--highlightcolor);
}
#theBody.menuactive #mainmenu{
    background: var(--basecolorSpecial);
}
#extraMenu {
    background: var(--basecolorMedium);
}
.navbar-nav li a.menu-link {
    background: none;
    color: var(--textcolor);
}
.navbar-nav li:hover a.menu-link ,
.navbar-nav li:hover a.menu-link:hover {
    background: var(--basecolorLight);
    color: var(--textcolorLight);
}
.navbar-nav li.active a.menu-link {
    background: var(--highlightcolor);
    color: var(--textcolorhighlighted);
}
.extra-menu ul li a{
    color: var(--textcolor);
}

@media(min-width:768px) {
    .menu-default .mainmenu .navbar-nav,
    .menu-centered .mainmenu .navbar-nav{
        background: var(--basecolorSpecial);
    }
    .menu-default .mainmenu #extraMenu .navbar-nav,
    .menu-centered .mainmenu #extraMenu .navbar-nav{
        background: var(--basecolor);
    }
    
    #header.menu-side {
        background: var(--basecolorMedium);
    }
}


/* mainsection */

#mainsection{
    background: var(--basecolor);
}
.breadcrumb{
    background: var(--basecolorMedium);
}
    


h1,
.page-block-name h1{
    color: var(--textcolor);
}
h2,
.page-block-ttl h2 
h2 a,
.page-block-ttl h2 a{
    color: var(--textcolor);
}
.page-block-txt h2 {
    color: var(--textcolor);
}
.page-block-txt h3,
h3 {
    color: var(--textcolorSecondair);
}  
.page-block-subname h3,
.page-block-ttl.page-block-ttl-intro h3,
.page-block-image-text h3,
.page-block-subname h3 a,
.page-block-ttl.page-block-ttl-intro h3 a,
.page-block-image-text h3 a{
    color: var(--highlightcolor);
}
.page-block-intro p,
.page-block-intro ul{
    color: var(--textcolor);
} 
.page-block-txt p,
.page-block-txt ul{
    color: var(--textcolor);
} 
.page-block-txt p a,
.page-block-txt ul a{
    color: var(--highlightcolor);
}   


.page-block-image-text h2 ,
.page-block-image-text p {
    color: var(--textcolorLight);
}

.btn:hover,
.btn:focus {
}
.btn-primary,
.btn-primary-grey,
.btn-default,
.btn-secondary,
.btn-info,
.btn-list,
.btn-primary {
    border-color: var(--textcolor);
    background: var(--basecolor);
    color: var(--textcolor);
}
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active,
.show>.btn.dropdown-toggle,
.btn:hover,
.btn:active,
.btn:focus {
    background: var(--basecolorMedium);
    border-color: var(--textcolorSecondair);
}
.btn-primary span,
.btn-primary-grey span,
.btn-default span,
.btn-secondary span,
.btn-info span,
.btn-list span,
.btn-primary span {
    color: var(--textcolor);
}
.btn:hover span,
.btn:active span,
.btn:focus span {
    color: var(--textcolor);
}

.btn-list {
    background: var(--basecolorMedium);
    color: var(--textcolorMedium);
    border-color: var(--basecolorMedium);
}
.btn-default {
    background: var(--basecolorMedium);
    border-color: var(--textcolorMedium);
}
.btn-info {
    background: var(--basecolorMedium);
    border-color: var(--textcolorMedium);
}
.btn-info.active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
    background: var(--basecolorLight);
    border-color: var(--textcolorLight);
}

.btn-secondary,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover{
    background: var(--basecolorLight);
}


.page-block .block .block-caption .block-icon h3 ,
.page-block .block .block-caption .block-icon h3 a,
.page-block .block .block-caption .block-ttl h2 a,
.page-block .block .block-caption .block-ttl h2,
.page-block .block .block-caption .block-txt p{
    color: var(--textcolor);
}


/*light*/
.page-block.light{
    background:  var(--basecolorLight);
}

.page-block.light h1,
.page-block.light .page-block-name h1,
.page-block.light h2,
.page-block.light .page-block-ttl h2 
.page-block.light h2 a,
.page-block.light .page-block-ttl h2 a,
.page-block.light .page-block-txt p,
.page-block.light .page-block-txt ul{
    color: var(--textcolorLight);
}   
.page-block.light .btn-primary,
.page-block.light .btn-primary-grey,
.page-block.light .btn-default,
.page-block.light .btn-secondary,
.page-block.light .btn-info,
.page-block.light .btn-list{
    border-color: var(--textcolorLight);
    background: var(--basecolorLight);
}
.page-block.light .btn-primary span,
.page-block.light .btn-primary-grey span,
.page-block.light .btn-default span,
.page-block.light .btn-secondary span,
.page-block.light .btn-info span,
.page-block.light .btn-list span,
.page-block.light .block .block-caption .block-icon h3 ,
.page-block.light .block .block-caption .block-icon h3 a,
.page-block.light .block .block-caption .block-ttl h2 a,
.page-block.light .block .block-caption .block-ttl h2,
.page-block.light .block .block-caption .block-txt p{
    color: var(--textcolorLight);
}
.page-block.light .btn:not(:disabled):not(.disabled).active,
.page-block.light .btn:not(:disabled):not(.disabled):active,
.page-block.light .show>.btn.dropdown-toggle,
.page-block.light .btn:hover,
.page-block.light .btn:active,
.page-block.light .btn:focus {
    background: var(--basecolorMedium);
    border-color: var(--textcolorMedium);
}
.page-block.light .btn:not(:disabled):not(.disabled).active span,
.page-block.light .btn:not(:disabled):not(.disabled):active span,
.page-block.light .show>.btn.dropdown-toggle span,
.page-block.light .btn:hover span,
.page-block.light .btn:active span,
.page-block.light .btn:focus span {
    color: var(--textcolorMedium);
}



/*medium*/
.page-block.medium{
    background:  var(--basecolorMedium);
}

.page-block.medium h1,
.page-block.medium .page-block-name h1,
.page-block.medium h2,
.page-block.medium .page-block-ttl h2 
.page-block.medium h2 a,
.page-block.medium .page-block-ttl h2 a,
.page-block.medium .page-block-txt p,
.page-block.medium .page-block-txt ul{
    color: var(--textcolorMedium);
}   
.page-block.medium .btn-primary,
.page-block.medium .btn-primary-grey,
.page-block.medium .btn-default,
.page-block.medium .btn-secondary,
.page-block.medium .btn-info,
.page-block.medium .btn-list{
    border-color: var(--textcolorMedium);
    background: var(--basecolorMedium);
}
.page-block.medium .btn-primary span,
.page-block.medium .btn-primary-grey span,
.page-block.medium .btn-default span,
.page-block.medium .btn-secondary span,
.page-block.medium .btn-info span,
.page-block.medium .btn-list span{
    color: var(--textcolorMedium);
}
.page-block.medium .btn:not(:disabled):not(.disabled).active,
.page-block.medium .btn:not(:disabled):not(.disabled):active,
.page-block.medium .show>.btn.dropdown-toggle,
.page-block.medium .btn:hover,
.page-block.medium .btn:active,
.page-block.medium .btn:focus {
    background: var(--basecolor);
    border-color: var(--textcolor);
}
.page-block.medium .btn:not(:disabled):not(.disabled).active span,
.page-block.medium .btn:not(:disabled):not(.disabled):active span,
.page-block.medium .show>.btn.dropdown-toggle span,
.page-block.medium .btn:hover span,
.page-block.medium .btn:active span,
.page-block.medium .btn:focus span {
    color: var(--textcolor);
}




/*
quote
*/ 
.page-block.quote .page-block-caption .page-block-txt p{
}
.page-block.quote .page-block-caption .page-block-ttl h2, 
.page-block.quote .page-block-caption .page-block-ttl h2 a{
    color: var(--highlightcolor);
}



/*
slideshow
*/ 
.page-block.slideshow .page-block-module .carousel-indicators li{
    background-color: var(--basecolorLight);
}
.page-block.slideshow .page-block-module .carousel-indicators .active{
    background-color: var(--highlightcolor);
}
.carouselCurrent{
    color: var(--highlightcolor);
}
.page-block.gallery.slideshow .page-block-module .carousel-control-prev, .page-block.gallery.slideshow .page-block-module .carousel-control-next,
.page-block.list-click-detail.slideshow .page-block-module .carousel-control-prev, .page-block.list-click-detail.slideshow .page-block-module .carousel-control-next,
.carouselTotal{
    color: var(--textcolor);
}

.link-image h3{
    color: var(--highlightcolor); background: var(--basecolor);
}
/*slider*/
.slideLeft,
.slideRight{
    color: var(--highlightcolor);
} 

/*
lightbox
*/ 
.lightbox-modal .close::after,
.lightbox-modal .carousel-control-next::after,
.lightbox-modal .carousel-control-prev::after,
.lightbox-modal .close,
.lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next{
    background-color: var(--highlightcolor);
    color:  var(--basecolor);
}
.deckInformation{
    color: var(--highlightcolor); background: var(--basecolor);
}
.deckInformation .deckDESC{
}


/*
projectplanning
*/
.block.projectplanning .block-caption .block-ttl h2{
    color:  var(--textcolor);
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block .block-caption .block-txt{
    color:  var(--highlightcolor);
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::after{
    color:  var(--textcolorSecondair);
}


@media(min-width:991px) {
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block{
    background: var(--basecolorMedium);
}
}

/*map*/

#map2 .gm-style .gm-style-iw-c #bodyContent h3,
#map3 .gm-style .gm-style-iw-c #bodyContent h3{
    color:  var(--highlightcolor);
}

.maptypebuttons .btn-primary{
    color: var(--highlightcolor);
}
.maptypebuttons .btn-primary:hover{
    color: var(--textcolor);
}

.pin::after {
  border: 5px solid var(--highlightcolor);;
}
.pin::before {
  border: 3px solid var(--highlightcolor);;
}
.shadow::after {
  box-shadow: rgba(0, 0, 0, 0.5) 100px 0 20px;
}
.pulse::after {
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 6px 3px var(--highlightcolor);;
}

.pin.special-item-----::after {
  border: 5px solid #bb931e;
}
.pin.special-item-----::before {
  border: 3px solid #bb931e;
}
.pulse.special-item-----::after {
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 6px 3px #bb931e;
}

/*news*/
.block.news .block-image .block-tag,#theBody.nieuws.detail_mode #pageBlock1 .page-block-caption .page-block-subname h3{    
    background: var(--basecolorSpecial);
    color: var(--textcolorSecondair);
}
.block.news .block-caption .block-ttl h2 a{
    color: var(--textcolor);
}

#tagMenuToggle{
    background: var(--basecolor); border:1px solid var(--textcolor); color: var(--textcolor);
}
#tagMenu{
    background: var(--basecolor);
}
#tagMenu a::before{
    background: none;
    border:1px solid var(--textcolor);
}
#tagMenu a.active::after{
    background: var(--highlightcolor);
    border:1px solid var(--highlightcolor);
}


@media (min-width: 600px){
    #nieuws.page-block.scrollable #infiniteListing .block.news.newsitem_1 .block-caption .block-ttl h2 a{  
        color: var(--textcolorSecondair);
    }
}


#theBody.nieuws.detail_mode #pageBlock0.page-block .page-image-caption h2{
    color: var(--textcolorSecondair);
}
.news-date{
    color: var(--textcolorSecondair);
}
#theBody.nieuws.detail_mode #pageBlock2.page-block .page-block-txt{
    border-top: 1px solid  var(--textcolorSecondair);
}
#theBody.nieuws.detail_mode .page-block .page-block-txt p{
    color: 
}











/* footer */

.btn.btn-primary.scrolltop{
    background: var(--basecolor);
    border-color: var(--basecolorSpecial);
    color: var(--highlightcolor);
}

.footer{
    background: var(--basecolorSpecial);    
}
.footerAddress h2,
.footer-menu h2,
.footer-socials h2{
    color: var(--textcolor);
}
.footer,
.footer-menu .navbar-nav li.menu-link a.menu-link,
.footerAddress p a{
    color: var(--textcolorSecondair);
}
.footer-menu .navbar-nav li.menu-link a.menu-link:hover{
    background: none;
    color: var(--textcolor);
}

.footer-menu .navbar-nav li.menu-link.active a.menu-link{
    background: none;
    color: var(--highlightcolor);
}

.footer-credits a {
    color: var(--textcolor);
}
.footer-credits a:hover {
    color: var(--textcolorSecondair);
}
    



.fancyformLabel,
#pageBlockPage .slider_output span{
    color: var(--textcolorSecondair);
}
.fancy-form-item{
    border-bottom: 1px solid var(--basecolorMedium);
}
.form-control{
    border: 1px solid var(--textcolor);
}
.form-control,
.fancy-column input.form-control, .fancy-column select.form-control, .fancy-column textarea.form-control{
    color: var(--textcolor);
}
select.form-control option{
    color: var(--textcolorSecondair);
}
select.form-control option[disabled]{
    color: var(--basecolorMedium);
}
select.form-control:invalid,
select.form-control option[value=""] {
  color: var(--textcolorSecondair);
}
.form-group.row.has-error label{
    color: var(--errorcolor);
}
.fancy-column .has-error.form-control, .fancy-column .has-error .form-control{
    border-color: var(--errorcolor);
}
.slider-handle.round {
	background: var(--highlightcolor);
}
.slider.slider-horizontal .slider-track


.alert-success {
    background-color: var(--successcolor);
    border-color: var(--basecolor);
    color: var(--textcolor);
}
.alert-success h2{
    color: var(--textcolor);
} 
.alert-success p{
    color: var(--textcolor);
} 

h2.woningtypeSplitter{
    color: var(--highlightcolor);
}

.bwnr_row{
    background: var(--basecolor);
}
.bwnr_row:nth-of-type(2n + 2){
    background: var(--basecolorMedium);
}
.bwnr_row h3{
	color:  var(--textcolor);
}
.bwnr_row .bwnr-spec{
	color:  var(--textcolor);
}
.bwnr_row .bwnr-spec:nth-of-type(2),
.bwnr_row .bwnr-spec:nth-of-type(3){
    border-right: 1px solid var(--basecolorMedium);;
}
.bwnr_row .bwnr-spec:nth-of-type(4){
    color: var(--textcolorSecondair);
}
.bwnr_row .bwnr-spec.beschikbaar{
	color:  var(--highlightcolor);
}
.bwnr_row .bwnr-spec .btn-primary{
}
.bwnr_row .bwnr-spec .btn-primary span{
}



.bouwtype-item .block-caption .block-ttl h2 a{
    color: var(--textcolor);
}
.bouwtype-item .block-caption .block-ttl h3 a{
    color: var(--textcolor);
}
.bouwtype-item .block-caption .block-ttl h4{
    color: var(--textcolor);
}

.bouwtype-item .block-btns .btn-list{
    
}
.bouwtype-item .block-btns .btn-list span{
    
}
.bouwtype-item .block-btns .btn-primary{
    
}
.bouwtype-item .block-btns .btn-primary span{
    
}
.closeFoldLink{
    color: var(--basecolor);
    background: var(--textcolor);
}
.closeFoldLink:hover{
    background: var(--basecolor);
    color: var(--textcolor);
}
.bouwtype-item .bwnr_row .bwnr-spec{
	color:  var(--textcolor);
}
.bouwtype-item .bwnr_row .bwnr-spec:nth-of-type(4){
    color: var(--textcolorSecondair);
}
.bouwtype-item .bwnr_row .bwnr-spec.beschikbaar{
	color:  var(--highlightcolor);
}

#form_search_reset .btn-primary:hover{
    background: var(--basecolor);
}
#form_search_reset .btn-primary:hover span{
	color:  var(--highlightcolor);
}

#woning3d{
    background: var(--basecolor); border-bottom: 1px solid var(--basecolorMedium); border-top: 1px solid var(--basecolorMedium);
}

#woningdetail #modal .page-block-intro{
    color: var(--textcolorSecondair);
}
#woningdetail #modal .page-block-txt h2 span{
    color: var(--textcolor);
}
#woningdetail #modal .page-block-txt h2 span.spacer{
	border-left: 1px solid var(--textcolorSecondair);
}


.page-block.cloud .page-block-caption .page-block-module .block-listing .block::before{
	background: var(--textcolor);
}
.page-block.cloud.light .page-block-caption .page-block-module .block-listing .block::before,
.page-block.cloud.medium .page-block-caption .page-block-module .block-listing .block::before{
	background: var(--highlightcolor);
}



.page-block.cta-sticker.medium .page-block-ttl h2 a, .page-block.cta-sticker .page-block-ttl h2{
	color:  var(--textcolor);
}
.page-block.cta-sticker.medium .page-block-txt p, .page-block.cta-sticker.medium .page-block-txt ul{
	color:  var(--basecolor);
}


.page-block.usps,
.page-block.cloud{
	background: var(--basecolorSpecial);
}

h1::after, .page-block.default .page-block-name h1::after, .page-block.default .page-block-ttl h2::after,
.page-block.gallery.slider .page-block-ttl h2::after{
	background: var(--basecolorSpecial);
}


.page-block.gallery.slideshow .page-block-module .carousel-indicators{
	background: var(--basecolor);
}
@media (min-width: 768px){
	.page-block.gallery.slideshow{
		background: var(--basecolor);
	}
	.page-block.gallery.slideshow.light .page-block-ttl h2 a{
		color:  var(--textcolor);
	}
}


.sliderScroll{
	background: var(--basecolorSpecial);
}
.sliderScrollKnobb{
	background: var(--highlightcolor);
}



.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::before{
	border-left: 3px solid var(--basecolorSpecial);
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::after{
	color: var(--basecolorSpecial);
}

.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block:hover::before{
	border-left: 3px solid var(--basecolorMedium);
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block .block-caption::after,
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block:hover::after{
	color: var(--basecolorMedium);
}
@media (min-width: 991px) {
	.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::before{
		border-left: 0px solid var(--basecolorSpecial);
		border-top: 3px solid var(--basecolorSpecial);
	}

	.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block:hover::before{
		border-left: 0px solid var(--basecolorMedium);
		border-top: 3px solid var(--basecolorMedium);
	}
}




.page-block.cta-fixed{
	border-top: 1px solid  var(--basecolorSpecial);
}
.page-block.cta-fixed .page-block-caption .page-block-txt p{
	color: var(--basecolor);
}


#theBody.woningtype #pageBlock1 .page-block-txt span.soortaanbod,
#theBody.woning #pageBlock1 .page-block-intro{
	color: var(--basecolorSpecial);
}
#theBody.woningtype #pageBlock1 .page-block-txt h3{
	color: var(--basecolorSpecial);
}
#theBody.woning #pageBlock1 .page-block-txt h4{
	background: var(--basecolorSpecial);
    color: var(--basecolor);
}
#theBody.woningtype #pageBlock1 .page-block-txt span.aantalbouwnrs{
}



#woning---kenmerken .page-block-txt h2{
	color: var(--basecolorSpecial);
}
#woning---kenmerken .page-block-txt .spec-item{
}
#woning---kenmerken .page-block-txt .spec-item .spec-label{
	color: var(--basecolorLight);
}
#woning---kenmerken .page-block-txt .spec-item .spec-value{
	color: var(--textcolor);
}