/* 
    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;
}

/* disable admin bar in preview mode */
/*#wpadminbar {display:none;}
body {margin-top: -32px !important;}*/

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

@media (max-width: 991.98px) {
  html,
  body {
    overflow-x: none !important;
  }
}
@media (max-width: 991.98px) {
  #probu-header {
    max-width: 90vw;
    display: block;
  }
  .lsow-plan-price {
    padding: 30px !important;
  }
}

/*fix testimonials-portrait images too big */
.slick-slide img.testimonials-portrait {
  min-width: 60px !important;
}

.carousel-item {
  min-height: 35vh;
}

/* pricing table styling */
input.lsow-button,
button.lsow-button,
a.lsow-button,
.lsow-button:active,
.lsow-button:visited {
  background-color: #f1853b;
}
.lsow-button:hover {
  background-color: #333 !important;
}
.lsow-pricing-table .lsow-purchase a {
  text-transform: none !important;
  border-radius: 100px;
  font-weight: normal !important;
  letter-spacing: 1px;
}
.lsow-pricing-table .lsow-top-header h3 {
  text-transform: none;
}

.lsow-pricing-table .lsow-pricing-plan .lsow-plan-price {
  font-weight: 300;
}
.lsow-pricing-table .lsow-pricing-plan .lsow-plan-price span {
  font-size: 16px;
}
.lsow-pricing-table .lsow-pricing-plan .lsow-plan-price span b {
  font-size: 22px;
}

.lsow-pricing-table .lsow-top-header {
  background-color: #2e3445;
}
.lsow-pricing-table .lsow-plan-header {
  background-color: #999cac;
}
/* end pricing table styling */

/* inloggen menu-item styling */
.mega-login {
  background-color: #f1853b !important;
  border-radius: 25px !important;
}
.mega-login a {
  color: #fff !important;
}
/* end inloggen menu-item styling */

.site-inner {
  padding-bottom: 0px !important;
}
.site-footer a {
  color: #fff;
}
.site-footer a:hover {
  font-weight: bold;
}

/*###########################
    Styles / Typography
############################*/

html,
body {
  color: #434a5d;
}

body,
body > div,
html {
  font-size: 14px;
} /* original: 17px */
html,
body,
p {
  font-family: "Poppins", "Open Sans", verdana, arial, tahoma, sans-serif;
  line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: #f1853b;
  margin-bottom: 15px;
}

/* news/blog title */
.lsow-portfolio-wrap h3 a {
  color: #f1853b !important;
}
.blog-list .lsow-portfolio-wrap h3 a {
  color: #333 !important;
}

h1 {
  font-size: 2.2rem;
} /* original: 3.5rem */
h2 {
  font-size: 1.6rem;
} /* original: 2.1rem */
h3 {
  font-size: 1.2rem;
} /* original: 1.8rem */
h4,
h5,
h6 {
  font-size: 1.4rem;
}
h6 {
  font-family: "Crete Round", serif;
  font-weight: normal;
}
@media (max-width: 991.98px) {
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.6rem;
  }
  h3 {
    font-size: 1.4rem;
  }
  h4,
  h5,
  h6 {
    font-size: 1.2rem;
  }
}
h4 {
  color: #2e3445;
}

a {
  color: #f1853b;
  text-decoration: none;
}
a:hover {
  color: #2e3445;
}

/** Buttons **/
.button,
input.button,
input#submit,
.ow-button-base a {
  background: #2e3445 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 100px !important;
}
.button:hover,
input.button:hover,
input#submit:hover,
.ow-button-base a:hover {
  background-color: #817774 !important;
}

.lsow-dark-bg,
.lsow-dark-bg p,
.lsow-dark-bg h1,
.lsow-dark-bg h2,
.lsow-dark-bg h3,
.lsow-dark-bg h4,
.lsow-dark-bg h5,
.lsow-dark-bg h6 {
  color: #fff !important;
}

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

.button.btn-two {
  background: #2e3445 !important;
}
.button.btn-two:hover {
  background: #f1853b !important;
}
a.back-to-top {
  background: #f1853b !important;
}

/* testimonial slider */
/* testimonial slider */
#testimonial-slider .testimonial-content {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
#testimonial-slider .testimonials-portrait {
  max-width: 100px;
}
/* testimonial slider */

/*###########################
    HEADER
############################*/
#navToggle {
  z-index: 1050;
}
#probuSidenav {
  z-index: 1045;
}
#navOverlay {
  z-index: 1040;
}
#probu-header {
  z-index: 999;
  position: relative;
  background-color: #fff;
}
.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-widget-area {
  padding-right: 30px;
} /* weird fix, why */
#header {
  background-color: #fff;
}
#genesis-nav-primary {
  background-color: #eee;
}
.nav-secondary {
  background-color: #fff;
}
#probuSidenav ul.menu {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  #probu-header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
  }
}

/*####    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_mb.png) no-repeat left center;
  background-size: contain;
}

.probu-header .site-title {
  position: relative;
  min-height: 120px;
  width: 100%;
  margin-top: 0;
}
.header-image .site-title > a {
  min-height: 80px;
}
@media (max-width: 767.98px) {
  .probu-header .title-area a {
    background-position: left center !important;
    margin-bottom: 10px;
  }
}

/*####    bloglist
############################*/

.blog-list .entry-summary::before,
.blog-list .lsow-project-image {
  display: none !important;
}
.blog-list .lsow-entry-text-wrap {
  text-align: left !important;
}

/*####    sticky-header
############################*/
#header-sticky,
#header-sticky .site-header {
  background-color: #fff;
}
#header-sticky.scroll {
  /*doe iets*/
}

/*####    navbar
############################*/
@media (max-width: 991.98px) {
  header .mega-menu-wrap {
    display: none !important;
  }
}
ul.menu {
  padding: 0;
}
.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
  color: #f1853b;
}

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: #666;
}

.sf-with-ul span::after {
  font-size: 0.8rem;
}

.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: #f1853b;
  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: #000 !important;
}
.scroll .hamburger-inner,
.scroll .hamburger-inner::before,
.scroll .hamburger-inner::after {
  background-color: #000 !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: #f1853b;
}
.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: 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;
}

.loggedinonly {
  display: none;
}
.logged-in .loggedinonly {
  display: block;
}
.archive-pagination a:focus,
.archive-pagination a:hover,
.archive-pagination .active a {
  background-color: #f1853b;
}
.entry-title a,
.sidebar .widget-title a {
  color: #2e3445;
}

.single .entry-footer {
  display: none;
}
/*###########################
    FOOTER
############################*/
.site-footer {
  background: url("../images/footer-swoosh.png"), #546779;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: auto 100%;
  /* color:#fff; */
  /*padding:60px 25px;*/
  border-bottom: 20px solid #f1853b;
}
.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;
}

.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;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
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%;
  }
}

/*###########################
    Posts display 
    https://nl.wordpress.org/plugins/recent-posts-widget-with-thumbnails/
############################*/

.rpwwt-widget a img {
  display: block !important;
  min-width: 100%;
}
.rpwwt-widget ul {
  display: flex;
  flex-direction: row;
}

/*####    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) {
  .site-header .title-area a {
    margin: 0 50px;
  }

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

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

/* zoekfunctie*/

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

/* masonry overlay text */

.showtitle .so-widget-sow-simple-masonry .so-premium-image-overlay {
  opacity: 0.8 !important;
}
.showtitle
  .so-widget-sow-simple-masonry
  .sow-masonry-grid-item:hover
  .so-premium-image-overlay {
  opacity: 1 !important;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1350px;
  }
}
@media (max-width: 991.98px) {
  .container {
    max-width: 100%;
  }
}

/* layout */

.membersonly-block {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  margin-top: 160px;
}
.membersonly-block img {
  margin-top: -125px;
  padding: 0 15px;
}
.block-content {
  padding: 15px 30px 30px;
}

.membersonly-grid .button {
  padding: 5px 30px !important;
  margin-top: 15px;
}
#membersonly-list {
  margin-top: 50px;
}
.button.delete-selection {
  padding: 9px 20px !important;
  width: 100%;
  text-align: center;
}
.taxonomy-header {
  color: #2e3445;
  text-transform: capitalize;
  font-size: 1.1rem;
}
#activefilter {
  text-transform: capitalize;
}
/* #thema-container {margin-top:-50px;} */

/* .membersonly-block  {transition:transform 0.5s ease;}
.membersonly-block:hover  {transform: scale(1.05);} */

/* essentials */

.membersonly-grid {
  margin: 30px 0;
}
.membersonly-block {
  margin-bottom: 25px;
}
.membersonly-block img {
  width: 100%;
}

.membersonly-grid h2 {
  font-size: 1.3rem !important;
  margin-bottom: 0px;
}
.membersonly-grid h5 {
  font-size: 1rem !important;
  color: #2e3445;
  margin-bottom: 0px;
}
.membersonly-grid .exerpt {
  margin: 20px 0;
}

.grid-sizer,
.grid-item {
  width: calc(33% - 36px);
}
@media (max-width: 1399.98px) {
  .grid-item {
    width: calc(33% - 37px);
  }
}

.gutter-sizer {
  width: 10px;
}

.grid-item--width2 {
  width: 100%;
}

@media (max-width: 991.98px) {
  .grid-item {
    width: calc(50% - 30px);
  }
}

@media (max-width: 575.98px) {
  .grid-item {
    width: calc(100% - 0px);
  }
}

/*// Extra small devices (portrait phones, less than 576px)*/

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
}

/*// Medium devices (tablets, less than 992px)*/

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
}