/* 
    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:url('../images/seamless_background.jpg')!important;}

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

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    color:#d45002;
    font-family:times,serif;
    
}

/*h1 {font-size:1.6rem;}
h2 {font-size:1.5rem;}
h3 {font-size:1.4rem;}
h4,h5,h6 {font-size:1.2rem;}*/

a {color:#d45002;text-decoration:none;}
a:hover {color:#ffcc00;}

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

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

 .button.btn-two {     
     background:#ffcc00!important;        
 }
 .button.btn-two:hover {     
     background:#d45002!important;        
 }
a.back-to-top {	
    background: #d45002!important;
}


.loggedinonly {display:none;}
.logged-in .loggedinonly {display:block;}
.archive-pagination a:focus, .archive-pagination a:hover, .archive-pagination .active a {
    background-color: #d45002;
}
.entry-title a, .sidebar .widget-title a {
    color: #ffcc00;
}
/*###########################
    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;}

.probu-container {background-color:#fff;}

.header-image .site-title > a {
    min-height: 80px;
}

/*svg-afbeelding ipv header text*/ 
.site-header .title-area p {
   font-size:5px;color:rgba(0,0,0,0);
}

.site-header .wrap {padding-left:0;padding-right;}
.site-header .title-area a {
    color:rgba(0,0,0,0);
    position:absolute;
    top:15px;left:15px;right:15px;bottom:15px;
    background: url(../images/logo.png) no-repeat left center;
    background-size:contain;
}
.page-id-689 .site-header .title-area a,.parent-pageid-689 .site-header .title-area a {
    background: url(../images/logo_aankoopreus.png) no-repeat left center;
    background-size:contain;
}

/*.page-id-689 .menu-standaard-container,.parent-pageid-689 .menu-standaard-container {border:1px solid green!important;}*/
.menu-aankoopreus-container,.menu-aankoopreus-container {display:none;}
    .page-id-689 .menu-aankoopreus-container,.page-id-689 .menu-aankoopreus-container {display:block;}
    .page-id-689 .menu-standaard-container,.page-id-689 .menu-standaard-container {display:none;}

.site-header .title-area {position:relative;min-height:120px;width:100%;}
@media (max-width: 767.98px) {     
    .site-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 **/
.menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover {
    color: #d45002;
}

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

/*Afwijkende navbarkleur + op mobiel*/
/*#genesis-nav-primary,#genesis-mobile-nav-primary {background-color:#d45002;color:#fff;}*/
#genesis-nav-primary ul {
    margin-left:0;padding-left:0;
    /*text-align:left!important;*/
}

#genesis-nav-primary {border-bottom:5px solid #f7cb33;padding:0;margin-left:-25px;margin-right:-25px;}
    #genesis-nav-primary::before,#genesis-nav-primary::after {width:10px;height:25px;position:absolute;bottom:-30px;background-size:100% 100%!important;}
        #genesis-nav-primary::before {left:0;background:url('../images/tab_left.png');}
        #genesis-nav-primary::after {right:0;background:url('../images/tab_right.png');}

.genesis-nav-menu  {background-color: #d45002;}

.genesis-nav-menu a {
    color:#fff;padding:20px 10px;
    text-transform:uppercase;
    font-size:0.9rem;
    font-weight:300;
    
}
.genesis-nav-menu li li a {
    padding:10px 10px!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: #f7cb33;
	text-decoration: none;
}


/*responsive navbar*/
@media (max-width: 991.98px) { 
/*    .sub-menu-toggle  {background-color:rgba(0,0,0,0);}
    .genesis-nav-menu a {
        font-size:14px;padding:15px;
    }*/
}



/*dropdown menu*/
/*.genesis-nav-menu  .sub-menu,.genesis-nav-menu  .sub-menu a,.genesis-nav-menu  .sub-menu li {color:#666;}*/ 
.genesis-nav-menu  .sub-menu a {background-color: #d45002;border:0;} 
.genesis-nav-menu  .sub-menu  {padding-top:5px;border:0;}  

/*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*/
    .navbar-toggle .icon-bar {background-color:#000;}

    /*#navToggle {position:fixed!important;}*/
    
    .sidenav {background-color:     #d45002;}
    .sidenav a {color:              #fff;}
    .sidenav a:hover {color:        #000;}
    #navOverlay{background-color:   rgba(0,0,0,0.5);}

/*###########################
    CONTENT
############################*/ 
#carousel {margin-left:-15px;margin-right:-15px;}
@media (max-width: 767.98px) {#carousel {border-top:10px solid #d45002} }

.site-inner {padding:30px 30px!important;}

.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;
}
/*###########################
    FOOTER
############################*/ 
.site-footer {
    border-top:5px solid #f7cb33;
    background-color:#d45002;
    color:#fff;
    padding:15px 25px;
}
.site-footer, .site-footer div,.site-footer p,.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);
}

.credits {font-size:0.8rem;padding-top:15px;}
/************
Back to top button 
a.back-to-top {	
    color:#fff!important;
    background: #ccc;
}


/*###########################
    mobile only
############################*/ 

@media (max-width: 767.98px) {
    /*Centreer logo op mobiel*/
/*    .site-header .title-area a {
        background: url(../images/logo-florie.svg) no-repeat center center;
        background-size:contain!important;
    }*/

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



/*Pseudo containers*/    
/*#genesis-nav-primary .wrap,#header .wrap {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  #genesis-nav-primary .wrap,#header .wrap {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  #genesis-nav-primary .wrap,#header .wrap {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  #genesis-nav-primary .wrap,#header .wrap {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  #genesis-nav-primary .wrap,#header .wrap{
    max-width: 1140px;
  }
}*/


/*Verhoog/verlaag breakpoint van het responsive menu*/
/*@media (min-width: 576px) { 
    #genesis-mobile-nav-header {display:none;}
    .genesis-responsive-menu {display:block!important;}
}*/

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  @include transition($carousel-transition);
  backface-visibility: hidden;
  perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0);

  @supports (transform-style: preserve-3d) {
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%);

  @supports (transform-style: preserve-3d) {
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%);

  @supports (transform-style: preserve-3d) {
    transform: translate3d(-100%, 0, 0);
  }
}