/* CSS Document */
#theBody.contact #pageBlock1{
	width: 100%!important;
}
.page-block{
    z-index: 1;
}
#header .container,
.page-block.light{
	max-width: 1920px; position: relative;
}
.footer-menu-1,
.page-block.cta-sticker .page-block-link{
	display: none;
}
.carouselState{
	display: none!important;
}
#pageBlock0,
.page-block.gallery.slideshow{
	margin-bottom: 5em; max-width: 1920px; 
}

.page-block.gallery.slideshow .page-block-module .carousel-indicators{
	bottom: -5em; height: 5em; gap:15px;
}

.page-block.gallery.slideshow .page-block-module::after{
	position: absolute; top: 30px; left: auto; right: 30px; width: 70%; height: 70%;
	background: url("../img/icon.svg?2"); content: ''; display: block; 
	z-index: 1000;
	background-repeat: no-repeat; background-position: center right;
	background-size: contain;
}

.page-block.list-click-detail .page-block-module{
    overflow: hidden;
}

.page-block.usps .block .block-caption .block-icon h3,
.page-block.usps .block .block-caption .block-icon h3 a,
.social-icon a,
.footerAddress h2,
.footer-menu h2,
.footer-socials h2,
.page-block.usps.medium h2,
.page-block.quote.light .page-block-caption .page-block-txt p,
.page-block.quote.medium .page-block-caption .page-block-txt p{
    background:  var(--basecolorMedium);
	background: rgb(172,93,45);
	background: -moz-linear-gradient(90deg, rgba(172,93,45,1) 0%, rgba(89,33,0,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(172,93,45,1) 0%, rgba(89,33,0,1) 100%);
	background: linear-gradient(90deg, rgba(172,93,45,1) 0%, rgba(89,33,0,1) 100%);
    color: transparent;
    background-clip: text;
}
.page-block.quote.light .page-block-caption .page-block-txt p,
.page-block.quote.medium .page-block-caption .page-block-txt p{
	padding-bottom: 0.3em;
}
.page-block.quote.light h2{
    color: #ffffff;
}

.page-block.with_block_image.left .page-block-image{
	padding-left: 0px;
}
.page-block.with_block_image.right .page-block-image{
	padding-right: 0px;
}

/*.page-block.slider .grapWrapper::after,
.page-block.default .page-block-image::after{
	position: absolute; top: 0px; left: auto; right: 0px; width: 100%; height: 100%;
	background: url("../img/strepen.png"); content: ''; display: block; 
	z-index: 100000001;
	background-repeat: no-repeat; background-position: center left;
	background-size: contain; pointer-events: none;
}*/

#cta---naar-het-project::before{
    width: 400px; max-width: 20vw; height: 400px;
    content: ''; background: #a5ac8d; display: block;
    position: absolute; top: auto; bottom: 100%; left: auto; right: 0px;
    opacity: 0.4; z-index: 0;
}

#cta---naar-het-project::after{
    width: 200px; max-width: 10vw; height: 400px;
    content: ''; background: #a5ac8d; display: block;
    position: absolute; top: auto; bottom: calc(100% + 400px - 10vw); left: auto; right: 0px;
    opacity: 0.4; z-index: 0;
}


@media (min-width: 768px) {
#pageBlockPage::after{
    width: 200px; max-width: 20vw; height: 100vh;
    content: ''; background: #a5ac8d; display: block;
    position: fixed; top: 0px; left:  0px;
    opacity: 1; z-index: 0;
    
    background: url("../img/strepen.png"); content: '';
	background-repeat: no-repeat; background-position: top left;
    background-size: cover;
}
}
#pageBlockPage::before{
    width: 300px; max-width: 30vw; height: 70vh;
    content: ''; background: #a5ac8d; display: block;
    position: fixed; top: 0px; left:  0px;
    opacity: 0.4; z-index: 0;
}


.with_page_image.default .page-block-page_image{
    background: var(--basecolor); overflow: hidden; aspect-ratio: 10/3; min-height: 300px;
}
.with_page_image.default .page-block-page_image img{
    opacity: 1;
}
.page-block-page_image .page-block-header-caption{
    mix-blend-mode: normal;
    text-shadow: 1px 1px 1px  var(--textcolor);
}

.footer{
    position: relative;
}
.page-block.slider .grapWrapper a{
	pointer-events: none;
}
	.page-block.gallery.slideshow{
        pointer-events: none;
	}

@media (max-width: 600px) {
    .page-block.with_block_image .page-block-caption {
		padding: 30px;
    }
}
@media (max-width: 767px) {
	.page-block.gallery.slider .page-block-caption{
		padding-bottom: 30px;
    }
	.page-block.gallery.slideshow .carousel .carousel-item{
		aspect-ratio: 3/4;
	}
	.page-block.gallery.slideshow .carousel .carousel-item img {
		object-fit: cover;
	}
	.page-block.gallery.slideshow .carousel .carousel-item img.second_image {
		display: none;
	}
    
    
    #theMain .navbar-nav li a.menu-link, #extraMenu .navbar-nav li a.menu-link{
        font-family: "acumin-pro", sans-serif;
	    font-weight: 400; font-size: 22px;
    }
}


@media (min-width: 768px) {
	.page-block.gallery.slideshow{
		margin-bottom: 8em;
	}
	.page-block.gallery.slideshow .carousel .carousel-item{
		aspect-ratio: 1920/1080;
	}
	.page-block.gallery.slideshow .carousel .carousel-item img {
		width: 75%; height: 100%; opacity: 0;
		object-fit: cover;
	}
	.page-block.gallery.slideshow .carousel .carousel-item img.second_image {
		width: calc(25% + 30px); height: 75%;
		object-fit: cover; left: auto; right: 0px; position: absolute; top: auto; bottom: 0px;
	}
	.page-block.cta-sticker{
		top: calc(1080/1920 * 100vw - 140px); width: auto; left: 0px; right: auto; max-width: none; height: 140px;
		align-content: center; align-items: center;
	}
    .footer-menu {
        grid-column: 2 / span 1;
    }
}


@media (min-width: 991px) {
    .footer-menu{
        grid-column: span 2;
    }
    .footerAddress{
        padding-left: 30px;
    }
}
@media (min-width: 1920px) {
	.page-block.cta-sticker{
		top: calc(1080px - 140px); left: 50%; margin-left: -960px;
	}
}

.page-block.quote{
	padding: 0px 60px; background: none;
}
.page-block.quote .page-block-caption .page-block-ttl{
	order: 0;
}

@media (min-width: 991px) {
    .page-block .page-block-caption {
        padding: 30px 60px;
    }
}
@media (min-width: 1280px) {
    .page-block .page-block-caption {
        padding: 30px 120px;
    }
	.page-block.cta-fixed .page-block-caption{
		padding-right: 60px;
	}
	.page-block.cta-fixed .page-block-caption .page-block-link{
		padding: 0px;
	}
}



@media (min-width: 1080px) {
    #verkoopinformatie---de-makelaar,
    #verkoopinformatie---financieel-advies{
        width: 960px; margin-left: calc(50% - 480px); margin-right: calc(50% - 480px); padding: 45px
    }
    #verkoopinformatie---de-makelaar.with_block_image,
    #verkoopinformatie---financieel-advies.with_block_image{
        padding: 45px 0px;
    }
    #verkoopinformatie---de-makelaar .page-block-caption,
    #verkoopinformatie---financieel-advies .page-block-caption{
        padding: 30px;
    }
    #verkoopinformatie---de-makelaar.with_block_image .page-block-caption,
    #verkoopinformatie---financieel-advies.with_block_image .page-block-caption{
        padding: 0px 60px;
    }
    #verkoopinformatie---de-makelaar.page-block.with_block_image .page-block-image, #verkoopinformatie---financieel-advies.page-block.with_block_image .page-block-image{
        width: 45%;
    }
    #verkoopinformatie---de-makelaar.page-block.with_block_image .page-block-caption, #verkoopinformatie---financieel-advies.page-block.with_block_image .page-block-caption{
        width: 55%;
    }
}