/*
Theme Name: Salient-Child
Description: Salient Child-theme
Version: 1.0
Author:TSD
Author URI: http://tussendoor.nl
Template: salient
*/

@import url('../salient/style.css');

/* UTILITY */
/* -------------------------------------*/
/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }

/* lightbox */.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.icon__svg { width: inherit; height: inherit; display: block; }
/* .archive-container, .single-content {
    font-family: warnock-pro, serif;
} */

a[aria-current="page"]:hover {pointer-events: none;}
body header#top nav .sf-menu ul li:hover > a:hover {margin: 0px !important;}

.buurten_grid_image {max-height: 280px; overflow: hidden;}
/*.buurten_grid_image {max-height: 280px; overflow: hidden;}*/

.page-id-6329 .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap,
.page-id-6267 .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap {max-height: 280px; overflow: hidden;}

@media screen and (max-width: 1500px) {
    .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap {max-height: 174px; overflow: hidden;}
    .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap img {position: relative; bottom: 35px;}
}

@media screen and (max-width: 1000px) {
    .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap {max-height: none; overflow: hidden;}
    .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap img {bottom: auto;}
}


/* ARCHIVE REALWORKS */
/* -------------------------------------*/
.archive-container {
    max-width:1500px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 90px;
}

.archive-container .searchbar {
    text-align: center;
    margin-top:100px;
    margin-bottom: 60px;
}
.archive-container .searchbar a {
    padding: 0px 10px;
    text-transform: uppercase;
    font-size: 15px
}

.archive-container .searchbar .search-field {
    padding-top: 50px;
}

.archive-container .searchbar .search-field label {
    display: block;
}

.archive-container .searchbar .search-field input {
    width: 50%;
    margin-top: 20px;
}

.archive-container .nav-next.pagination.infinite-results {
    opacity: 0;
}

@media screen and (max-width: 1500px) {
    .archive-container {
        max-width:1100px;
        padding: 0px 50px;
    }
}
@media screen and (max-width: 1100px) {
    .archive-container {
        max-width:749px;
        padding:0px 25px
    }

    .archive-container .searchbar .search-field input {
        width: 100%;
    }
}



/* ITEM REALWORKS */
/* -------------------------------------*/
article.woning {
    float: left;
    width: 33.33%; padding: 10px;
    margin:15px 0px;
}
article.woning:nth-of-type(3n+1) {
    clear: left;
}
.item .item-meta {
    text-align: center;
    margin: 0px;
    margin-top: 30px;
}
.item .item-meta ul {
    margin: 0px;
    font-style: italic;
    font-weight:300;
    font-size: 15px;
}
.item h4 {
    font-size: 15px;
    text-align: center;
    margin: 0px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.item .item-image img {
    width: 100%;
    height:auto;
    display: block;
}

@media screen and (max-width: 1100px) {
    article.woning {
        width: 50%;
    }
    article.woning:nth-of-type(2n+1) {
        clear: left;
    }
    article.woning:nth-of-type(3n+1) {
        clear: none;
    }
}
@media screen and (max-width: 580px) {
    article.woning {
        width: 100%;
    }
}

/* SINGLE REALWORKS */
/* -------------------------------------*/
.single-content strong {
    font-family: inherit;
}
.single-content {
    display:block;
    position:relative;
    z-index:2;
}

.tsd-container {
    max-width:1500px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 90px;
}
@media screen and (max-width: 1500px) {
    .tsd-container {
        max-width:1100px;
        padding: 0px 50px;
    }
}
@media screen and (max-width: 1100px) {
    .tsd-container {
        max-width:749px;
        padding:0px 25px
    }
}

@media screen and (max-width: 749px) {
    .tsd-container {
        max-width:480px;
        padding:0px 10px
    }
}

#primary {
    background:white;
    padding-bottom: calc(100vw * 0.05);
    position: relative;
    z-index: 2;
}
#secondary {
    background: #f7f7f7;
}

.single-content figure {
    margin: 0px;
}

.single-content iframe {
    display: block;
}



.single-content .video_wrapper:not(.youtube) {
  display: block;
}
.single-content .video_wrapper:not(.youtube) video {
  display: block;
  width: 100%;
}

.single-content .video_wrapper:not(.youtube) video[poster] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.single-content #content.col {
    float: none;
}

.single-content section {
    padding-top: 30px;
    padding-bottom: 30px;
}

.single-content section.contact .col:not(.span_4) {
    width: 48%;
    /* margin: 0px; */
}

.single-content section.contact input[type=submit] {
    padding: 15px 22px !important;
}

.single-content section.contact p {
    padding-bottom: 0px;
}

.single-content section.contact .contact_image img {
    width:100%;
    height: auto;
}

.single-content section.kenmerken ul {
    margin: 0px;
}

.single-content section.kenmerken ul:not(:first-of-type) h3 {
    padding-top: 30px;
}
.single-content section.kenmerken ul.loop li {
    display:block;
}
.single-content section.kenmerken ul.loop li::first-letter{
    text-transform: capitalize;
}

.single-content section.kenmerken ul li {
    margin: 0px;
    list-style:none;
    float: left;
    width: 25%;
    min-height:35px;
}

.single-content section.kenmerken ul li strong {
    margin-right: 15px;
}

.single-content section.kaart #google-map {
    height: 600px;
    background-color: grey;
}

.single-content section.brochure a.button {
    margin-top: 25px;
    color: rgb(16, 26, 43);
    visibility: visible;
    background-color: transparent;
    border: 2px solid rgba(16, 26, 43, 0.75);
    box-shadow: none;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 13px;
    padding-bottom: 13px;
    border-radius: 0 !important;
    font-size: 14px;
    font-family: Open Sans;
    text-transform: none !important;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 20px;
    display: inline-block;
    transition: all .3s ease-in-out;
}

.single-content section.brochure a.button:hover {
    border-color: #101a2b !important;
    background-color: #101a2b !important;
    color: white;
}

.single-content .media h3:not(:first-of-type){
    padding-top: calc(100vw * 0.04);
}

.single-content .media_content a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.single-content .media_content .slick-slide {
    margin: 0px 10px;
}

.single-content .media_content .slider-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,#000000 0%,rgba(0,0,0,0.01) 100%);
    opacity: 0.5;
}

.single-content .media_content img {
    width: 100%;
    height: auto;
    display:block;
}

.single-content .media_content .arrow {
    z-index: 10;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    fill: rgba(16,26,43,100);
}
.single-content .media_content .arrow__icon {
    height: 35px;
    width: 35px;
    cursor: pointer;
}
.single-content .media_content .arrow_prev {
    left: -40px;
}
.single-content .media_content .arrow_next {
    right: -40px;
}


@media screen and (max-width: 1500px) {
    .single-content section.kenmerken ul li {
        width: 33.33%;
    }
}


@media screen and (max-width: 1100px) {
    .single-content section.kenmerken ul li {
        width: 50%;
    }
    .single-content .media_content .arrow_prev {
        left: -25px;
    }
    .single-content .media_content .arrow_next {
        right: -25px;
    }
    .single-content section.contact .col {
        width: 100%;
        margin: 0px;
    }
    .single-content section.contact .col:first-of-type {
        padding-bottom: calc(100vw * 0.05);
    }
}


@media screen and (max-width: 749px) {
    .single-content section.kenmerken ul li {
        width: 100%;
    }
    .single-content .media_content .arrow_prev {
        left: -10px;
    }
    .single-content .media_content .arrow_next {
        right: -10px;
    }
}


@media screen and (max-width: 480px) {
    .single-content section.kenmerken ul li strong{
        display: block;
    }
    .single-content section.kenmerken ul:not(:first-of-type) h3 {
        padding-top: calc(100vw * 0.08);
    }
}

@media (max-width:1500px) {
    .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap {max-height:unset; overflow:unset;}
}

.woning li {list-style:none;}
.woning .item {position: relative;}
.woning .overlay {position: absolute; top:0; right:0; bottom:0; left:0; z-index:10;}
.buurten_grid_image {width:100%; height:auto; max-height:unset;}

.item-image {position:relative;}
.wonen-openhuis {
    background-color:rgba(0,0,0, 0.75);
    position:absolute;
    bottom:0;
    left:0;
    padding:10px 10px;
    font-size:14px;
    line-height: 1;
    z-index: 1;
    color:#fff;
}

.wonen-openhuis p {padding-bottom:0;}