/*
Theme Name: Salient Child Theme
Theme URI: https: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: https: //mysite.com/
Template: salient
Version: 0.1
*/

.bold, strong, b{
	font-weight: bold!important;
	font-family: inherit!important;
}

i.fa:before{
	font-family: FontAwesome;
}

.patrick i:not(.icon-default-style), .patrick em{
    font-family: Patrick Hand;
    letter-spacing: .5px;
    font-weight: 400;
}

.page-id-602 .mkb-page-content .mkb-builder-section:nth-child(-n+3){
    display: none!important;
}

.single-post .main-content > .row:not(.heading-title) {
    z-index: 0;
}

h2 span{
	font-weight: 800!important;
}

/* HOME */

.fadebg > .row-bg-wrap{
    background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #eaf6f7 51%);
background: -webkit-linear-gradient(top, #ffffff 0%,#eaf6f7 51%);
background: linear-gradient(to bottom, #ffffff 0%,#eaf6f7 51%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaf6f7',GradientType=0 );
}

.fadebgrev > .row-bg-wrap{
    background: #ffffff;
background: -moz-linear-gradient(top, #eaf6f7 0%, #ffffff 51%);
background: -webkit-linear-gradient(top, #eaf6f7 0%,#ffffff 51%);
background: linear-gradient(to bottom, #eaf6f7 0%,#ffffff 51%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf6f7', endColorstr='#ffffff',GradientType=0 );
}

.industrieen .carousel-item{
    text-align: center;
}

.industrieen .owl-stage > .owl-item:first-child > .carousel-item{
    background: #ffffffab;
    box-shadow: rgba(0,0,0,0.1) 1px 1px 65px;
}

.industrieen .owl-stage > .owl-item:first-child:before{
    content: "Meest populair!";
    background: #ec2128;
    color: white;
    position: absolute;
    border-radius: 100%;
    line-height: 1;
    transform: rotate(-10deg);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px 12px 10px;
    font-size: 11px;
    width: 45px;
    height: 45px;
    font-weight: bold;
    top: 7px;
    left: 7px;
    box-shadow: rgba(0,0,0,0.2) 1px 1px 15px;
}

.industrieen .nectar_icon {
    margin-bottom: 8px;
}

.industrieen .nectar_icon i{
    font-size: 50px!important;
}

.initiator p{
    font-size: 12px; 
    color: #999;
    line-height: 16px;
}

.ondertitel p{
    font-size: 18px;
    line-height: 35px;
    text-shadow: white 1px 1px 23px;
}

.backgroundimg .row-bg-wrap:before{
    content: "";
    background: url(https://mkbbelangen.nl/wp-content/uploads/2018/02/478671141-6.jpg);
    background-size: cover;
    position: absolute;
    width: 80%;
    top: 0px;
    right: 0px;
    height: 530px;
    background-position: center top;
}

.backgroundimg2 > .row-bg-wrap:before{
    content: "";
    background: url(https://mkbbelangen.nl/wp-content/uploads/2018/08/hero-mkb-energie2.jpg);
    background-size: cover;
    position: absolute;
    width: 80%;
    top: 0px;
    right: 0px;
    height: 530px;
    background-position: left center;
}

.aovbg > .row-bg-wrap:before{
    content: "";
    background: url(https://mkbbelangen.nl/wp-content/uploads/2018/03/aovbg.jpg);
    background-size: cover;
    position: absolute;
    width: 80%;
    top: 0px;
    right: 0px;
    height: 530px;
    background-position: left center;
}

.websitebg > .row-bg-wrap:before{
    content: "";
    background: url(https://mkbbelangen.nl/wp-content/uploads/2018/07/hero-mkb-websites.jpg);
    background-size: cover;
    position: absolute;
    width: 80%;
    top: 0px;
    right: 0px;
    height: 530px;
    background-position: left center;
}

.geldlenenbg > .row-bg-wrap:before{
    content: "";
    background: url(https://mkbbelangen.nl/wp-content/uploads/2018/03/hero-mkb-geldlenen.jpg);
    background-size: cover;
    position: absolute;
    width: 80%;
    top: 0px;
    right: 0px;
    height: 530px;
    background-position: left top;
}

.afvalbg > .row-bg-wrap:before{
    content: "";
    background: url(https://mkbbelangen.nl/wp-content/uploads/2018/03/mkb-afval.jpg);
    background-size: cover;
    position: absolute;
    width: 80%;
    top: 0px;
    right: 0px;
    height: 530px;
    background-position: left center;
}

.facturatiebg > .row-bg-wrap:before{
    content: "";
    background: url(https://mkbbelangen.nl/wp-content/uploads/2018/08/hero-mkb-facturatie.jpg);
    background-size: cover;
    position: absolute;
    width: 80%;
    top: 0px;
    right: 0px;
    height: 530px;
    background-position: left center;
}

.websitebg p strong{
    display: inline-block;
}

.ctaboxfooter{
    padding: 20px 40px;
}

.ctaboxfooter h2{
    font-size: 30px;
    line-height: 1.3!important;
    margin-bottom: 10px!important;
}

.ctaboxfooter .wpb_text_column{
    margin-bottom: 0px!important;
}

.ctabox{
    padding: 20px 40px;
}

.ctabox .fa-info{
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.ctabox h4, .ctabox p, .ctaboxfooter p, .ctaboxfooter h2{
    line-height: 1.5!important
}

.ctabox h2, .ctaboxfooter h2, .ctabox h4{ 
    color: white;}

.ctabox h4 strong{
    font-weight: 900!important;
}
    
.ctabox.shadow, .ctaboxfooter.shadow{ box-shadow: rgba(0,0,0,0.15) 3px 5px 30px}

.ctabox:before, .ctaboxfooter:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 1!important;
    background: #1cb099;
    background: -moz-linear-gradient(left, #1cb099 0%, #06a0cf 100%);
    background: -webkit-linear-gradient(left, #1cb099 0%,#06a0cf 100%);
    background: linear-gradient(to right, #1cb099 0%,#06a0cf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1cb099', endColorstr='#06a0cf',GradientType=1 );
    z-index: 2;
}

.ctabox .symbol-wrap{
    font-size: 15px!important;
    line-height: 24px!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 5px;
}

.usps ul{
    display: flex;
    flex-wrap: wrap;
}

.usps li{
    min-width: 220px;
    flex-grow: 1;
    display: inline-block;
    padding-right: 15px;
    font-size: 14px;
}


body[data-dropdown-style="minimal"] header#top nav >ul >li.megamenu >ul.sub-menu{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

/* ======= FOOTER ======= */
#footer-outer{
    z-index: 0;
}

#footer-outer p{
    line-height: 1.5!important;
}

#footer-outer #copyright li:hover i{
    color: white!important;
}

#footer-outer #copyright li{
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    font-size: 0;
    position: relative;
    text-align: center;
    width: 40px;
}

#footer-outer #copyright li::before {
    -webkit-transition: all 0.6s cubic-bezier(0.5, 0, 0.1, 1.5);
    transition: all 0.6s cubic-bezier(0.5, 0, 0.1, 1.5);
    border-radius: 50%;
    bottom: 0;
    content: '';
    display: block;
    height: 0;
    left: -3px;
    margin: auto;
    position: absolute;
    right: 0;
    top: -24px;
    width: 0;
    z-index: -1;
}

#footer-outer #copyright li:hover::before {
    -webkit-box-shadow: 5px 6px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 5px 6px 20px rgba(0, 0, 0, 0.15);
    height: 40px;
    width: 40px;
}

#footer-outer #copyright li:nth-child(2):before {
    background: #3b5998;}
#footer-outer #copyright li:nth-child(1):before {
    background: #1da1f2;}
#footer-outer #copyright li:nth-child(3):before {
    background: #0077B5}

@media screen and (min-width: 1080px) {
    .ctabox.shadow{ margin-top: -80px;}
}

@media screen and (min-width: 1080px){
    .ctaboxfooter{ transform: translateY(135px); margin-top: -135px;}
    body[data-hhun="1"] #header-outer.detached,
    html #header-outer{ z-index: 100000!important;}
    #footer-outer{padding-top: 80px;}
}

.acclogos img{    margin: 10px 20px 30px 0px;
    max-height: 32px!important;
    max-width: 160px!important;
    height: 100%!important;
    display: inline-block;
    margin: 15px;
}

/* SIDE BUTTONS */
#ssb-container{
    z-index: 1000000!important;
}

#ssb-container ul li span{
    line-height: 32px;
}

#ssb-container ul li > p{
    padding: 10px 0px 6px 0px;
}

#ssb-container ul li a{
    padding-top: 0px;
    line-height: 0px;
}

#ssb-container a{
    color: white!important;}

@media (min-width: 690px){
#copyright  .span_5 a{
    opacity: .7;
	}}


/* ======= KENNISBANK ======= */

.kb-faq .kb-faq__questions ul.kb-faq__questions-list li.kb-faq__questions-list-item{
	list-style: none!important;
}

.mkb-root .fa{
	line-height: 1!Important;
}

h1.mkb-page-title{
    font-size: 42px!important;
    text-align: left;
    line-height: 1.5!Important;
}
h2.mkb-widget-title{
    font-size: 28px!important;
    margin-bottom: 0.2em!important;
    line-height: 1.5!Important;
}

.mkb-single-content h2{
    font-size: 35px!important;
}

.mkb-single-content h3{
    font-size: 30px!important;
}

.mkb-single-content h4{
    font-size: 252px!important;
}

.mkb-anchors-list--hierarchical{
    max-width: 65%!important;
    width: 35em!important;
    border-left: solid 4px #04b29a;
}

.fn-kb-faq-question{
	list-style: none!important;
}

.mkb-single-content h2, .mkb-single-content h3, .mkb-single-content h4{
    line-height: 1.4!important;
}

.kb-topic.kb-topic--box-view .kb-topic__inner {
    border: solid 1px #e4e4e499;
}


.mkb-container {
    margin-left: auto!important;
    margin-right: auto!important;
}


.kb-search__title{
    font-family: open sans;
    font-weight: 900;
}

.mkb-section-title{
    font-family: open sans;
    font-weight: 900;
    margin: 2em auto 1em auto!important;
}

.mkb-home-page .mkb-builder-section:last-child{
    padding: 2em 0px 3em;;
    background: #f7f7f7;
    margin-top: 50px;
}

.kb-topic .kb-topic__inner .kb-topic__title{
    font-family: open sans;
    font-weight: 900;
    color: #333!important;
    font-size: 1.2em!important;
}

@media screen and (max-width: 1000px){
    .mkb-columns-4 .kb-topic{
        width: 32%;
    }
}
@media screen and (max-width: 690px){
    .mkb-columns-4 .kb-topic{
        width: 48%!important;
        padding: 0.2em;
}
    .kb-topic.kb-topic--box-view .kb-topic__inner{
        border: solid 1px #e4e4e499!important;
    }
    .mkb-home-topics.mkb-columns-4  .mkb-row{
        text-align: center;
    }
    .mkb-home-topics.mkb-columns-4 .kb-topic__title{
        font-size: 1em!important;
    }
}

/* FAQ */
.kb-faq .kb-faq__category-title{
    font-family: open sans;
    font-weight: 900!important;
    margin: 38px 0px 10px 0px!important;
}

.kb-faq .kb-faq__filter {
    float: none!important;
    margin: -20px auto!important;
}

.kb-faq .kb-faq__questions .kb-faq__question-toggle-icon, .kb-faq .kb-faq__questions .kb-faq__question-toggle-icon-open{
    left: 0.8em!important;
}

.kb-faq__question-title {
    box-shadow: rgba(0,0,0,0.03) 1px 1px 35px;
    padding: 0.6em 0.6em 0.6em 2.2em!important;
    font-weight: 500;
    border-radius: 0px 5px 5px 0px;
    font-size: 1.2em!Important;
}

.kb-topic.kb-topic--box-view .kb-topic__inner {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 6px;
}

.kb-faq .kb-faq__filter input.kb-faq__filter-input {
    background: white!important;}

.kb-faq .kb-faq__questions ul.kb-faq__questions-list li.kb-faq__questions-list-item {
    margin: 0 0 0.5em!important;
}

@media screen and (min-width: 1200px){
.kb-faq__category.fn-kb-faq-section{
    width: 47%;
    display: inline-block;
    margin-right: 1.5%;
    vertical-align: top;
}
}

/* SALES PAGE */
html .logopartner > div{
    padding: 20px!important;
    background: #ffffff3d;
    box-shadow: #00000014 1px 1px 45px;
}

.vandaagteller span{
    display: inline-block;
    font-weight: 600;
    color: #23b299;
}

.vandaagteller{
    opacity: 0;
    background: #ffffff;
    padding: 15px 15px 15px 35px;
    box-shadow: #0000001a 7px 4px 42px;
    width: 130%;
    margin-left: -23%;
    transform: translateY(-31px);
    font-size: 14px;
    line-height: 20px;
}

.testimonials p{
    font-size: 16px;
    line-height: 2;
    font-style: italic;
}

.nectar_single_testimonial[data-style="small_modern"] p span {
    font-size: 130px;
    line-height: 80px;
    margin-bottom: -50px;
    font-family: georiga;
    color: #02b29a;
    position: absolute;
    left: -70px;
}

.compare .fa-check{
    color: #1cb099;
}

.compare .fa-times{
    color: #ec2128;
}

.reference {
    font-size: 12px;
    line-height: 1.5;
    font-style: italic;
    margin-top: -10px;
    float: right;
}

.voorbeeldenafval .pricing-column-content h4, .voorbeeldenafval .pricing-column-content .interval{
    display: none!important;
}

.voorbeeldenafval .pricing-column-content{
    padding-bottom: 0px
}

.voorbeeldenafval .pricing-column-content ul{
    margin-bottom: 0px!important;
}

.voorbeeldenafval ul h3{
    font-size: 16px!important;;
}

.voorbeeld1 li:nth-child(1) h3:before{
    content: "";
    width: 59px;
    height: 59px;
    background: url(https://mkbbelangen.nl/wp-content/uploads/2018/03/restafval.png);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    transform: translate(-68px, -23px);
}

.voorbeeld2 li:nth-child(1) h3:before{
    content: "";
    width: 59px;
    height: 59px;
    background: url(https://mkbbelangen.nl/wp-content/uploads/2018/03/papierenkarton.png);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    transform: translate(-68px, -14px);
}

@media screen and (min-width: 1001px) {
    .vandaagteller{
    animation: slidein 2s forwards;
    animation-delay: 1s;
    }
}

@media screen and (min-width: 1220px) {
.vandaagteller:before{
    content: "\f129";
    font-family: FontAwesome;
    position: absolute;
    right: 17px;
    top: 26px;
    color: #23b299;
    font-size: 20px;
}
}


@keyframes slidein{
    0%{
        opacity: 0;
        margin-left: -100%;
    }
    100%{
        opacity: 1;
        margin-left: -23%;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1080px){
     .vandaagteller{
        transform: translateY(70px);
        width: 140%;
     }
}

@media screen and (max-width: 1000px){
    .vandaagwrapper{
        width: 100%!important;
        margin-left: 0px!important;
        text-align: center;
    }
    .vandaagteller{
        opacity: 1;
        width: 100%;
        margin-left: 0px;
        padding: 15px;
    }
}

@media screen and (min-width: 1250px){

.logogass{
    position: absolute;
    right: -50px;
    top: -30px;
}

}

.nectar-progress-bar span strong{ display: none!important;}

.sluiting{
    display: inline-block;
}

.proces .vc_col-sm-3{
    padding: 20px!important;
}

.proces .nectar_icon_wrap{
    margin-bottom: 0px;
}

.proces .vc_col-sm-3.current{
    background: #1aaea0;
    background-image: linear-gradient(to right, rgb(28, 176, 153) 0%, rgb(6, 160, 207) 100%);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

.horcta:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #1aaea0;
    background-image: linear-gradient(to right, rgb(28, 176, 153) 0%, rgb(6, 160, 207) 100%);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    z-index: -1;
}

.horcta h6{
    color: white;
}
.horcta .vc_column-inner{
    padding: 30px 20px!important;
}


.proces .vc_col-sm-3.current:before{
    content: "";
    background: url(https://mkbbelangen.nl/wp-content/uploads/2018/02/huidige-fase2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 40px;
    position: absolute;
    left: 5px;
    top: -21px;
    transform: rotate(-4deg);
}

.proces .vc_col-sm-3.current.eerstefase:before{
    content: "";
    background: url(https://mkbbelangen.nl/wp-content/uploads/2018/03/eerste-fase.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 40px;
    position: absolute;
    left: 5px;
    top: -21px;
    transform: rotate(-4deg);
}

.proces .vc_col-sm-3.current h4, .proces .vc_col-sm-3.current p{
    color: white!important;}
    
.proces .vc_col-sm-3.current svg, .proces .vc_col-sm-3.current svg path{
    stroke: white!important;}
        

        
.stap:before {
    content: "";
    position: absolute;
    font-size: 102px;
    left: -37px;
    opacity: 0.08;
    font-weight: 900;
    font-family: arial;
    color: #07a9ee;
    transform: translateY(9px);
    transition: all 0.2s;
}

.horstep:before {
    content: "";
    position: absolute;
    font-size: 170px;
    opacity: 0.08;
    font-weight: 900;
    font-family: arial;
    color: #07a9ee;
    left: 35px;
    transition: all 0.2s;
    transform: translateY(50px);
}

.horstep:hover:before{
    opacity: 0.3;
    transition: all 0.5s;
    left: -48px;
}

.stap:hover:before{
    transition: all 0.5s;
    opacity: 0.2;
    left: -35px;
}
  
       
.stap1:before , .horstep1:before{
    content: "1";
}

.stap2:before , .horstep2:before{
    content: "2";
    color: #1db09a;
}

.stap3:before, .horstep3:before{
    content: "3";
}

.stap4:before{
    content: "4";
    color: #1db09a;
}

.stap5:before {
    content: "5";
}

.stap6:before {
    content: "6";
}


/* BLOG */
.meta-comment-count{ display: none!important;}

article.post .post-content{
    z-index: 2;
}
.single .heading-title{
    z-index: 3;
}

.masonry.classic_enhanced .masonry-blog-item .article-content-wrap, .blog-recent[data-style*="classic_enhanced"] .article-content-wrap{
    padding: 10%!important;
    background: #f7f7f7;
}
.blog-recent[data-style*="classic_enhanced"] .excerpt, body .blog-recent[data-style*="classic_enhanced"] .post-meta{
    display: none!important;}
    
    .blog-recent[data-style="title_only"] .col {
    padding: 30px 25px;
}

.blog-recent[data-style*="classic_enhanced"] .inner-wrap{
    padding-bottom: 0px!important;
}

.blog-recent[data-style="title_only"] .post-header .title{
    font-size: 20px!important; line-height: 26px!important;}
    
    .blog-recent[data-style="title_only"] .post-header {
    width: 90%;
    left: 5%;}

html .blog-recent[data-style*="classic_enhanced"].related-posts .inner-wrap {
    padding-bottom: 12px!important;
}
html .related-post-wrap .blog-recent .inner-wrap {
    background-color: #f7f7f7!important;
}

#sidebar .widget_search input[type=text]{
    padding: 16px;
    border-radius: 40px;
    padding-left: 21px;
    background-color: white;
}

#sidebar .widget_search input[type="submit"]{
    padding: 21px 23px!important;
    line-height: 11px;
}
    
    /* VERHALEN */
    
.ondverhalen .blog-recent .col{
    margin-bottom: 0px!important;}

/* = = = = = = = = = = = = = = = = = = = = = = =  */

.single h1.entry-title{
    font-size: 40px!important;
    line-height: 50px!important;
}

.single .post-content h2{
    font-size: 29px!important;
    line-height: 35px!important;
}

.single i, .single em{
    font-family: Georgia;
    font-size: 18px;
    line-height: 1.8;
}

.single .post-content p{
    font-size: 18px;
    line-height: 1.8;
    font-family: georgia;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;
    -moz-hyphens:auto; 
    -webkit-hyphens:auto; 
    -o-hyphens:auto; 
    hyphens:auto;
}

.single .post-area .post-featured-img{
    width: 130%;
    text-align: center;
    display: inline-block;
    margin-top: -400px;
    position: absolute;
    z-index: -10;
    max-height: 550px;
    left: -15%;
    overflow: hidden;
}

.single .content-inner{ z-index: -1;}

.single .post-area .post-featured-img:after{ 
        content:""; 
        background: -moz-linear-gradient(top, rgba(255,255,255,0.69) 0%, rgba(255,255,255,1) 93%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.69) 0%,rgba(255,255,255,1) 93%);
        background: linear-gradient(to bottom, rgba(255,255,255,0.69) 0%,rgba(255,255,255,1) 93%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ffffff', endColorstr='#ffffff',GradientType=0 );  
        position: absolute; 
        width: 100%; 
        height: 100%; 
        left: 0px; 
        top: 0px;}

.single .comments-section{ display: none}

.single .container-wrap{ padding-bottom: 0px;}

.owl-carousel .owl-stage{
    padding-bottom: 0px;
}

/* MAIN MENU */
#header-outer{
    z-index: 999999!important
}

#header-outer li a, html #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current_page_item > a{
    color: #4a4a4a!important;
    text-align: center;
}

html #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current-menu-ancestor > a svg path{
    fill: #f74113;
}

html #header-outer:not([data-lhe="animated_underline"]) header#top nav > ul > li > a:hover, html #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current-menu-ancestor > a{
        color: #4a4a4a!important;
}

#header-outer li a svg{
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    fill: #04b39a;
}

#header-outer li img{
    max-width: 40px;
    max-height: 40px;
    width: auto;
    transition: all 0.2s;
    height: auto;
    transform: translateY(0px)}

#header-outer .sub-menu li:hover img{
    transition: all 0.2s;
    transform: translateY(-3px);
}


#header-outer li a svg path{
    fill: #04b39a;}

#header-outer li.current-menu-item a svg path, #header-outer li.current-menu-item a svg, #header-outer li:hover a svg path, #header-outer li.current-page-ancestor a svg path{
    fill: #f74113;}

@media screen and (min-width: 1081px){
#header-outer ul.buttons{ display: none!important;}
    #header-outer .sub-menu li{
    padding: 10px 30px!important;
    }
    #header-outer .sub-menu li.current-menu-item{
    box-shadow: #00000021 1px 1px 40px;
    text-align: center;
    }
}

#slide-out-widget-area svg{    width: 26px;
    height: 26px;
    margin-right: 8px;
    transform: translateY(8px);
    position: absolute;
    right: -47px;}
#slide-out-widget-area svg path{ fill: white!important;}
#slide-out-widget-area img, #slide-out-widget-area br{ display: none!important;}
#slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a{
    font-size: 20px!important;
}

#slide-out-widget-area .ocm-dropdown-arrow {
    left: -32px!important;
    top: 24px!important;}

/* MOBILE MENU */

.fa-angle-down:before{
	font-family: FontAwesome;
}

html #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a {
	line-height: 43px;}

/* RECENT BLOG STYLING */
.blog-recent[data-style*="classic_enhanced"] .has-post-thumbnail .meta-category a, .blog-recent[data-style*="classic_enhanced"] .meta-category a{
    background: #07a0cf;
    border-color: #07a0cf;
}

.masonry.classic_enhanced .posts-container article.has-post-thumbnail .meta-category a{
    background: #07a0cf;
    border-color: #07a0cf;
}

a.specialist:after{
    content: "\f005"!important;
    font-family: FontAwesome!important;
    padding-left: 6px;
    position: relative!important;
    font-size: 100%;
}


.nieuws .posts-container article:nth-child(-n+3){
    display: none;
}

.nieuws .nectar-recent-posts-single_featured .inner-wrap{
    width: 65%;
}

.nieuws .nectar-recent-posts-single_featured .inner-wrap h2 span{
    font-size: 30px;
}

.nectar-recent-posts-single_featured.multiple_featured > .container .controls{
    width: 300px;
}

.nectar-recent-posts-single_featured.multiple_featured .controls li{
    margin: 35px 0px;
}

.nectar-recent-posts-single_featured h2{
    margin-bottom: 35px;
}

@media screen and (max-width: 480px){
    .nieuws .nectar-recent-posts-single_featured .inner-wrap h2 span{
        font-size: 24px;}
}

@media screen and (max-width: 1000px){
        .nectar-recent-posts-single_featured.multiple_featured > .container{
        position: absolute;
        top: 12px!important;
        right: 5px!important;
        height: 35px;
        text-align: right!important;
        max-width: 100%!important;
    }
    .nectar-recent-posts-single_featured.multiple_featured .controls li{
        margin: 4px!important;
    }
        #nectar_popular_posts-2{ display: none!important;}
}


/* HOME BLOG */
.blog-recent .inner-wrap{
    background-color: #f7f7f7!important;
}
.related-post-wrap .blog-recent .inner-wrap{
    background-color: #ffffff!important;
}

/* BLOG PAGES */

.masonry.classic_enhanced article.post .excerpt{ display: none;}

.post-area.masonry.classic_enhanced article.post.wide_tall .article-content-wrap{
    padding: 10%!important;}
.masonry.classic_enhanced .masonry-blog-item .article-content-wrap, .blog-recent[data-style*="classic_enhanced"] .article-content-wrap {
    padding: 10%!important;} 
    
.category .container-wrap, .nieuws .container-wrap{ background-color: #f3f3f3!important;}

.post-area.masonry.classic_enhanced article:not(.wide_tall) .post-featured-img{
    max-height: 220px;
}

html article:not(.wide_tall) span.continue-reading{
    background: none;
    padding: 9px 14px;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 100px!important;
    border: solid 1px #2da0cf;
    color: #2da0cf;
}

article:not(.wide_tall) span.continue-reading:hover{
    background: #2da0cf;
    color: white;
}

html article.wide_tall span.continue-reading{
    background: none;
    padding: 9px 14px;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 100px!important;
    border: solid 1px white;
    color: white;
}

article.wide_tall span.continue-reading:hover{
    background: #2da0cf;
    color: white;
    border-color: #2da0cf ;
}

.masonry.classic_enhanced .masonry-blog-item .entire-meta-link{
    max-height: 220px;}
    
html #sidebar .widget.widget_categories li, #sidebar .widget.widget_pages li, #sidebar .widget.widget_nav_menu li{
    padding: 10px 11px!important;
    background: white;
    margin: 0px 5px 8px 0px;
    display: inline-block;
}

body.category .page-header-no-bg{
    background: #f3f3f3!important;
}

/* BLOG RESPONSIVE */

@media screen and (max-width: 768px){
    .single .heading-title[data-header-style="default_minimal"]{
        margin-bottom: 0px; padding-top: 0px;
    }
    
.single .post-content h2{
    font-size: 20px!important;
    line-height: 28px!important;
}
    
    .single .post-content p{
        font-size: 16px; text-align: justify;
    }

    .single .post-area .post-featured-img{ margin-top: -300px; width: 130%; left: -15%;}
    .single #header-outer{ background: rgba(255,255,255,0.5)}
    .single .container-wrap{ padding-top: 0px!important;}

}


/* FOOTER */
#footer-outer img#footerlogo{
    max-width: 180px!important;
    margin-bottom: -10px;
}

html #footer-outer #menu-mkb-voordeel > li{
    background: rgba(255,255,255,0.1);
    margin-bottom: 6px!important;
}

html #footer-outer #menu-mkb-voordeel > li:hover, html #footer-outer #menu-mkb-voordeel > li.current_page_item{
    background: rgba(255,255,255,0.3);
}

html #footer-outer #menu-mkb-voordeel > li a{
        padding: 6px 10px!important;
}

#footer-outer #footer-widgets .col ul#menu-mkb-voordeel li:first-child >a{
    padding-top: 8px!important;
}

#footer-outer #footer-widgets .col ul#menu-mkb-voordeel li:first-child:before{
    content: "Meest Populair!";
    position: absolute;
    background: #ec2128;
    width: 42px;
    height: 42px;
    font-size: 9px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    text-align: center;
    padding: 5px;
    right: 10px;
    top: 17px;
    transform: rotate(5deg);
    font-weight: bold;
}

#footer-outer #nav_menu-3 a:not(.nectar-button):hover, #footer-outer #nav_menu-4 a:not(.nectar-button):hover{
    color: #015373!important;
    margin-left: 4px!important; 
    -webkit-transition: all 0.4s cubic-bezier(0.5, 0, 0.1, 1.5);
    transition: all 0.4s cubic-bezier(0.5, 0, 0.1, 1.5);
}

/* INNER PAGE HERO */
.inner-hero h1{
    font-size: 45px;
}

.gradientbg .row-bg{
    background: linear-gradient(45deg, #06a0cf 0%, #1cb099 100%);
}

/* SALES PAGE */
.saleblock img{max-width: 260px!important; max-height: 135px;}
.saleblock .vc_column-inner{ padding: 0px 20px; }
.saleblock h2, .saleblock h4 { color: white;}

/* = = = = = = = = = RESPONSIVE = = = = = = = = = = = */
@media screen and (min-width: 1001px){
    .meerinfobutton span:before{
        content: "Ik wil ";
    }
    .aanmeldbutton span:before{
        content: "Direct ";
    }
}


@media screen and (max-width: 1080px){
}

@media screen and (max-width: 1000px){
    
    .saleblock .wpb_text_column{
        margin-bottom: 0px!important;
    }
    
    .overlaptext p{ color: white; }
    .ctabox .vc_col-sm-8, .ctaboxfooter .vc_col-sm-8{
        margin-bottom: 0px!important;
    }
    .heroimg .row-bg-wrap{
		left: 0px!important;
        width: 100%;
        margin: 0!important;
        padding: 0!important;
    }
    .heroimg .row-bg-wrap:before{
        width: 130%!important;
        left: -15%;
    }
    .backgroundimg2:before, .websitebg:before, .geldlenenbg:before{
        background-position: right center;
    }
    .afvalbg:before{
        background-position: right center;
    }
    .ctabox{ margin-top: -20px;}
    .backgroundimg p, .backgroundimg2 p, .websitebg p, .geldlenenbg p{
        color: white;
    text-shadow: #0000007a 1px 1px 10px;
    line-height: 1.5;
    max-width: 95%;
    }
    .heroimg h1{
         color: white;
        text-shadow: #00000026 1px 1px 20px;
}
    .websitebg h1, .facturatiebg h1{
        font-size: 42px;
        line-height: 50px
    }
    
    .heroimg .wpb_wrapper .divider-wrap:first-child > div{ height: 100px!important}
    .heroimg .wpb_wrapper .divider-wrap:last-child > div{ height: 50px!important}
}

@media screen and (max-width: 690px){
    .leesbaarheid {
    background: rgba(27, 175, 155, 0.56);
    padding: 19px;
    text-align: center;
    }
}

@media screen and (max-width: 480px){
    .saleblock h2{ font-size: 28px!important;}
}