/* 
    Opmerkingen :   Dit is alle 'custom' css voor het project. Wordt later ingeladen dan style.css 
                    Er zijn enkele elementen welke niet zo heel vaak wijzigen, deze vind je terug in de elements.css file
    Author     :    Probu Online
*/

body {background-color:#fff!important;}

.site-container {max-width:100vw;overflow-x:hidden!important;}
/* disable admin bar in preview mode */ 
/*#wpadminbar {display:none;}
body {margin-top: -32px !important;}*/

/* chrome outline button fix on focus */
button:focus {outline:0;}


/*###########################
    Styles / Typography 
############################*/  
    body,body > div,html {font-size:15px;}
    html,body {color:#505046;}
    html,body,p {font-family:'Lato','Open Sans',verdana,arial,tahoma,sans-serif;line-height:1.7;}

    h1,h2,h3,h4,h5,h6 {
        font-weight:normal;
        color:#505046;
        margin-bottom:0px;
        line-height:1.1!important;

    }

    h1 {font-size:1.6rem;}
    h2 {text-transform: uppercase;font-weight:bold;font-size:1.1rem;}
    h2 {font-size:1.1rem;}
    h3 {font-size:1.65rem;}
    h4,h5,h6 {font-size:1.2rem;}

    a {color:#505046;text-decoration:none;}
    a:hover {color:#6E6464;}

    /** Buttons **/
    .button,input.button,.iw-so-button,input#submit {
         background:#505046!important;        
         color:#fff;
     }
    .button:hover,input.button:hover,.iw-so-button:hover,input#submit:hover   {
         background-color:#6E6464!important;
     }

    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: dotted 1px #6E6464;
    }

    blockquote {
        margin: 0px;
        margin-bottom:10px;
        font-size:1.6rem;
    }
    blockquote::before {
        content: "";
        display: none;
        font-size: 30px;
        font-size: 3rem;
        height: 0;
        left: -20px;
        position: relative;
        top: -10px;
    }

     .button.btn-two {     
         background:#6E6464!important;        
     }
     .button.btn-two:hover {     
         background:#505046!important;        
     }
    a.back-to-top {	
        background: #505046!important;
    }


#genesis-content {z-index:10;}
    /* ptfontsize */
    /*
    h2 {font-size:15pt;} 
    body,body > div,html {font-size:20pt;line-height:15pt;}  
    h3 {font-size:25pt;}
    */

/*###########################
    HEADER
############################*/ 
    #navToggle {z-index:1050;}
    #probuSidenav {z-index:1045;}
    #navOverlay {z-index:1040;}
    #probu-header {z-index:999;position:relative;}
    .site-inner {z-index:300;position:relative;}
    #probu-header .wrap {padding:0;}
    .header-widget-area {padding:0;}

    .probu-container {
        padding:0;
        /*background-color:#fff;*/
    }
    
    #header {background-color:#fff;}
    #genesis-nav-primary {background-color:#fff;border-top:1px solid #505046;border-bottom:1px solid #505046}
    .nav-secondary {background-color:#fff;}
    #probuSidenav ul.menu {margin-bottom:0;}

        
    
/*####    sticky header
############################*/  
/*    #probu-header {position:fixed;top:0;left:0;right:0;background-color:#fff;}
    
    no sticky on mobile
    @media (min-width: 768px) {
        #probu-header {position:relative!important;}
        #push {margin-top:0!important;}
    }*/
    
/*####    logo header / svg-afbeelding ipv header text
############################*/  
.probu-header .site-title p {
    font-size:5px;color:rgba(0,0,0,0);
 }

 .probu-header .title-area {padding:0 30px;}
 .probu-header .site-title a {
     color:rgba(0,0,0,0);
     position:absolute;
     top:0;left:0;right:0;bottom:0;
     background: url(../images/logo.png) no-repeat center center;
     background-size:contain;
 }


 .probu-header .site-title {position:relative;min-height:108px;width:100%;max-width:800px;margin-top:0;margin:0 auto; }
 .header-image .site-title > a {
     min-height: 80px;
 }
 @media (max-width: 767.98px) {     
     .probu-header .title-area a {
         background-position:center center!important;
         margin-bottom:10px;
     }
 }
    
/*####    sticky-header
############################*/ 
    #header-sticky,#header-sticky .site-header {
        background-color:#fff;
    }
    #header-sticky.scroll {
        /*doe iets*/
    }
    
/*####    navbar
############################*/
    ul.menu {padding:0;}
    .menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover {
        color: #505046;
    }

    .menu-primary {padding:10px 10px!important;}

    ul.sub-menu {padding-left:0!important;}

    #genesis-nav-primary  {
        padding:0;
    }
    #genesis-nav-primary ul,.nav-secondary ul {
        margin-left:0;padding-left:0;
    }

    .genesis-nav-menu a {color:#D2D0D0;padding:10px 20px;font-weight:bold;font-size:1.2rem;}

   
    
    
    /* .genesis-nav-menu li:last-child ul.sub-menu {right:0!important;left:auto!important;} */
    
    .genesis-nav-menu a:focus,
    .genesis-nav-menu a:hover,
    .genesis-nav-menu .current-menu-item > a,
    .genesis-nav-menu .sub-menu .current-menu-item > a:focus,
    .genesis-nav-menu .sub-menu .current-menu-item > a:hover  {
            color: #6E6464;
            text-decoration: none;
    }
    
    
    /*navmenu flexbox*/
    .genesis-nav-menu {
        display:flex;
        flex-direction: row;
        flex-wrap:wrap;
        
        justify-content: flex-start;
        justify-content: space-between;
        
    }
    
   .genesis-nav-menu li.vacatures {
        margin-left: auto;
    }

    
    /*sidenav pagenav*/
    /*sidenav pagenav*/
    /*sidenav pagenav*/
/*    .col-menu .genesis-nav-menu {position:relative;}
    .col-menu .genesis-nav-menu ul.sub-menu {
        position:relative;
        width:100%;
        top:0;
    }
    
    .col-menu .genesis-nav-menu {
        display:flex;
        flex-direction: column;
        flex-wrap:wrap;
        justify-content: flex-start;
    }
    .col-menu .genesis-nav-menu a {
        text-align:center;
    }*/

/*####    dropdown menu
############################*/ 
    /*reg nav*/
    /*reg nav*/
    
    
    .genesis-nav-menu  .sub-menu,.genesis-nav-menu  .sub-menu a,.genesis-nav-menu  .sub-menu li {
        color:#000;
        padding:0;margin:0;border:0;
    } 
    .genesis-nav-menu  .sub-menu a {padding:15px;font-size:1rem;} 
    .genesis-nav-menu  .sub-menu a:hover {color:#666} 
    .genesis-nav-menu  .sub-menu  {background-color:rgba(255,255,255,0.7)}  

    /*sidenav pagenav*/
    /*sidenav pagenav*/
    
/*    .col-menu .genesis-nav-menu ul.sub-menu li {width:100%;}
    .col-menu .genesis-nav-menu  .sub-menu,.genesis-nav-menu  .sub-menu a,.col-menu .genesis-nav-menu  .sub-menu li {color:#666;} 
    .col-menu .genesis-nav-menu  .sub-menu a {background-color:rgba(0,0,0,0);border:0!important;} 
    .col-menu .genesis-nav-menu  .sub-menu  {background-color:rgba(255,255,255,0.6);border:0!important;text-align:center;}  
    .col-menu .genesis-nav-menu ul::after  {content:'\002235';}  
    .col-menu .genesis-nav-menu ul li a  {padding:10px!important;color:#999!important;}  
    .col-menu .genesis-nav-menu ul li:hover a  {padding:10px!important;color:#242424!important;}  
    
    .col-menu .genesis-nav-menu .sub-menu a {
        width: 100%;
    }*/

/*####    nav seperator
############################*/ 
    /*.genesis-nav-menu li,.genesis-nav-menu li:hover ,.genesis-nav-menu a:hover {position:relative;}
    .genesis-nav-menu li a::after {
        content:'|';
        position:absolute;
        top:15px;right:-3px;
    }
    .genesis-nav-menu li:last-child a::after {
        content:' ';
        position:absolute;
        top:15px;right:-3px;
    }*/

/*####    sidenav
############################*/ 
    /*Kleur van de navbar-hamburger*/
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        background-color: #505046!important;
    }
    .scroll .hamburger-inner,.scroll  .hamburger-inner::before,.scroll  .hamburger-inner::after {
        background-color: #505046!important;
    }
    .is-active .hamburger-inner,.is-active  .hamburger-inner::before,.is-active  .hamburger-inner::after {
        background-color: #fff!important;
    }

    #navToggle {position:fixed!important;top:30px;right:30px;}
    #navToggle.scroll {position:fixed!important;top:30px;}
    
    .sidenav {background-color:     #6E6464;}
    .sidenav a {color:              #fff;}
    .sidenav a:hover {color:        #000;}
    #navOverlay{background-color:   rgba(0,0,0,0.5);}
    
    
    #probuSidenav li.active  {background-color:rgba(0,0,0,0.1);}
    #probuSidenav li.active a {color: #fff;}
    #probuSidenav li.active ul.sub-menu a {color: #fff;}
    #probuSidenav li.active ul.sub-menu a:hover {color: #fff;}

/*###########################
    CONTENT
############################*/ 
    .site-inner {padding:0px 0px!important;}
    #genesis-content > article.entry{padding:30px;}
    .entry,aside,.sidebar,.site-inner {
        background-color: #fff!important;
    }

    .entry,aside,.sidebar {
        background-color: #fff;
        /* padding:0; */
    }
    .entry .widget,.aside .widget,.sidebar .widget {padding:0;}

    .breadcrumb {
        padding:0;
        font-size:0.8rem;
        justify-content:flex-end!important;
        flex-wrap:nowrap;
    }
    
    .loggedinonly {display:none;}
    .logged-in .loggedinonly {display:block;}
    .archive-pagination a:focus, .archive-pagination a:hover, .archive-pagination .active a {
        background-color: #505046;
    }
    .entry-title a, .sidebar .widget-title a {
        color: #6E6464;
    }

    .single .entry-footer {display:none;}
/*###########################
    FOOTER
############################*/ 
    .site-footer {
            background-color:#F3F0F0;
            /* color:#fff; */
            /*padding:60px 25px;*/
    }
    .site-footer, .site-footer div,.site-footer p{
        /*color:#fff;*/
        /* color:rgba(255,255,255,0.7); */
    }
    .site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6 {
        /* color:#fff; */
    }
    .site-footer a{
        /* color:#fff; */
        /*border-bottom: 1px dotted #fff;*/
    }
    .site-footer a:hover{
        /* color:rgba(255,255,255,0.8); */
    }
    .site-footer .testimonial-content {
        background-color:rgba(255,255,255,0.1);
        padding:30px!important;
        margin-bottom:15px;
    }
    .site-footer .testimonials-portrait {
        max-width:40px;
    }
    .footer-container {padding:60px 30px 30px 30px;}
    #snelnaar ul {list-style-type: none!important;}
    #snelnaar ul li li {display:none;}
    #snelnaar a[href$="#"] {display:none;}

    .credits {font-size:0.8rem;padding-top:0px;padding-bottom:30px;}

.site-footer p {
    margin: 0 0 20px;
}

    .postnav {padding:15px;}
    .postnav.right {text-align:right!important;}

    @media (max-width: 767.98px) {
        .postnav {text-align:center!important;}

     }



     .post-type.product .one-third.first {clear:none;}
     #loaded {background-color:#555!important;color:#fff!important;cursor:no-drop}
     .button-container {width:100%!important;    display: block;    float: left; }


/*####    back to top
############################ */
  .cookies-not-set #toTop {
        bottom:100px;
    }
    
    #toTop {
        z-index:99999;
    }
    a.back-to-top {	
        color:#fff!important;
        background: #ccc;
    }
    


/*####    search results
############################*/ 
    
#type-page article,#type-post article,#type-product article {display:none;}
.post-type.product {
    display:flex; 
   flex-wrap: wrap;
   margin: -10px 0 0 -10px;}
.post-type.product article { flex: 1 0 30%; /* explanation below */
   margin: 5px;
}

@media (max-width: 991.98px) { 
   .post-type.product article { flex: 1 0 48%;}
}
@media (max-width: 591.98px) { 
   .post-type.product article { flex: 1 0 100%;}
}





/*####    cookie notice
############################*/ 
    #cookie-notice {z-index:99998;background:#666!important;padding:0 15px;}
    #cookie-notice a {color:#c6c6c6!important;border-bottom:1px dotted #c6c6c6;}
    #cookie-notice .button {background:#333!important;color:#fff!important;padding:5px 10px!important;}
    @media (max-width: 767.98px) { 
        #cookie-notice .cookie-notice-container {font-size:0.7rem!important;}
    }    
    @media (max-width: 991.98px) { 
        #cookie-notice .cookie-notice-container {font-size:0.8rem;}
    }

/*###########################
    mobile only
############################*/ 
    @media (max-width: 767.98px) {
        /*Centreer logo op mobiel*/
        .site-header .title-area a {
            margin:0 50px;
/*            background: url(../images/logo.png) no-repeat center center;
            background-size:contain!important;*/
        }

        #header .social-media-button-container {text-align:center!important;}
    }

    header.site-header {padding:0!important;}




/* zoekfunctie*/


.stickycontent .stickycontent {position: sticky;top:0}

@media (min-width: 992px) { .image-top {margin-top:-90px;} }


/* masonry overlay text */
.showtitle span {min-width:20px;display:inline-block}
.showtitle a {color:#fff;}
.so-premium-image-overlay-background {}
.showtitle .so-premium-image-overlay-text {line-height:1.4!important;}
.showtitle .so-widget-sow-simple-masonry .so-premium-image-overlay {opacity:0.8!important;}
.showtitle .so-widget-sow-image .so-premium-image-overlay {opacity:0.8!important;height:auto!important;min-height:90px;background-color:rgba(0,0,0,0.5)!important;bottom:0;}
.showtitle .so-widget-sow-simple-masonry .sow-masonry-grid-item:hover .so-premium-image-overlay {opacity:1!important;}
.showtitle .so-widget-sow-image:hover .so-premium-image-overlay {opacity:1!important;}

@media (max-width: 1239.98px) {
    .container {max-width:100%;}
  }
@media (min-width: 1240px) {
    .container {max-width:1240px;}
  }

@media (max-width: 991.98px) {
    #probu-header {border-bottom:1px solid #505046;position:fixed;top:0;left:0;right:0;}
    .site-inner {margin-top:80px!important;}
    .title-area { padding:0 50px!important;}
    .probu-header .site-title a {
        color:rgba(0,0,0,0);
        position:absolute;
        top:20px;left:0;right:0;bottom:20px;
        background: url(../images/logo_c.png) no-repeat center center;
        background-size:contain;
    }

    
  }