/* HEADER */
#sp-header {
  height: 90px !important;
  padding: 0;
}

#sp-header .container,
#sp-header .container-inner,
#sp-header .row {
  min-height: 100px !important;
  align-items: center;
}

#sp-header .logo {
  padding: 18px 0 8px 0;
  text-align: center;
  margin-top: 15px;
}

#sp-header .logo img {
  max-height: 100px !important;
  width: auto;
}

/* MENU */
#sp-header .sp-megamenu-parent {
  margin-top: 0px;
}

#sp-header .sp-megamenu-parent > li {
  position: relative;
  margin: 0 14px;
}

#sp-header .sp-megamenu-parent > li > a {
  line-height: 100px !important;
  color: #1d1d1b !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li.current-item > a,
#sp-header .sp-megamenu-parent > li:hover > a {
  color: #8ea57b !important;
}

#sp-header .sp-megamenu-parent > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 28px;

  width: 0;
  height: 1px;

  background: #9b6e4c;
  transition: width 0.3s ease;
}


/* TOPBAR */
#sp-top-bar {
 background: transparent;
  padding: 10px 0 4px 0;
  color: #1a1a1a;
  min-height: auto;
  line-height: 1.2;
  font-size: 15px;
}

.phone-top {
  text-align: right;
}

.phone-top,
.phone-top a {
  color: #1a1a1a;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.phone-top a:hover {
  opacity: 0.8;
}

/* LINKS */
a {
  color: #8ea57b;
}

a:hover {
  color: #9b6e4c;
}

a:visited {
  color: #8ea57b;
}

/* FOOTER */
#sp-footer,
#sp-bottom {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

#sp-footer .container,
#sp-bottom .container,
#sp-footer .container-inner,
#sp-bottom .container-inner,
#sp-footer .sp-column,
#sp-bottom .sp-column {
  padding: 0 !important;
  margin: 0 !important;
}

/* MOBIEL */
@media (max-width: 991px) {
  #sp-top-bar {
    text-align: center;
    padding: 6px 0;
  }

  .phone-top {
    text-align: center;
    margin-bottom: 4px;
  }

  #sp-header {
    height: 80px !important;
  }

  #sp-header .container,
  #sp-header .container-inner,
  #sp-header .row {
    min-height: 80px !important;
  }

  #sp-header .logo {
    padding: 8px 0;
  }

  #sp-header .logo img {
    max-height: 60px !important;
  }

  #sp-header .sp-megamenu-parent > li {
    margin: 0;
  }

  #sp-header .sp-megamenu-parent > li > a {
    line-height: 80px !important;
  }

}

#sp-footer1 {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

#sp-footer1 .sp-column {
  width: 100%;
}

#sp-footer1 .custom,
#sp-footer1 .mod-custom {
  width: 100%;
}

#sp-footer .container,
#sp-footer .container-inner,
#sp-footer .row {
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

/* ARTICLES ADDON CARDS */
.sppb-addon-articles .sppb-addon-article {
  background: #ffffff;
  padding: 32px;
  border-top: 1px solid #8ea57b;
  box-shadow: 0 10px 28px rgba(0,0,0,0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  height: 100%;
}

/* subtiele hover */
.sppb-addon-articles .sppb-addon-article:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(0,0,0,0.08);
}

/* TITELS */
.sppb-addon-articles .sppb-article-title a {
  color: #8ea57b !important;
  text-decoration: none;
  transition: color 0.25s ease;
  line-height: 1.25;
}

/* FORCE TITEL HOVER */
.sppb-addon-articles .sppb-addon-article .sppb-article-title a,
.sppb-addon-articles .sppb-addon-article h1 a,
.sppb-addon-articles .sppb-addon-article h2 a,
.sppb-addon-articles .sppb-addon-article h3 a {
  color: #8ea57b !important;
  transition: color 0.3s ease;
}

.sppb-addon-articles .sppb-addon-article .sppb-article-title a:hover,
.sppb-addon-articles .sppb-addon-article:hover .sppb-article-title a,
.sppb-addon-articles .sppb-addon-article h1 a:hover,
.sppb-addon-articles .sppb-addon-article h2 a:hover,
.sppb-addon-articles .sppb-addon-article h3 a:hover {
  color: #9b6e4c !important;
}

/* FORCE OVERRIDE */
.sppb-addon-articles h1 a:hover,
.sppb-addon-articles h2 a:hover,
.sppb-addon-articles h3 a:hover,
.sppb-addon-articles .sppb-article-title a:hover,
.sppb-addon-articles .sppb-addon-article:hover h1 a,
.sppb-addon-articles .sppb-addon-article:hover h2 a,
.sppb-addon-articles .sppb-addon-article:hover h3 a {
  color: #9b6e4c !important;
}

/* introtekst */
.sppb-addon-articles .sppb-article-introtext {
  color: #1d1d1b;
  line-height: 1.7;
}

/* lees meer */
.sppb-addon-articles .sppb-readmore {
  color: #8ea57b !important;
  text-decoration: none;
  transition: color 0.25s ease;
}

.sppb-addon-articles .sppb-readmore:hover {
  color: #9b6e4c !important;
}

/* afbeelding */
.sppb-addon-articles img {
  width: 100%;
  height: auto;
  transition: transform 0.35s ease;
}

/* lichte zoom */
.sppb-addon-articles .sppb-addon-article:hover img {
  transform: scale(1.02);
}

/* mobiel */
@media (max-width: 991px) {

  .sppb-addon-articles .sppb-addon-article {
    padding: 24px;
  }

}

/* BUTTON */
.sppb-btn,
.sppb-btn-default {
  background: transparent !important;
  border: 1px solid #8ea57b !important;
  color: #8ea57b !important;

  padding: 12px 26px;
  border-radius: 0;
  font-weight: 400;
  transition: all 0.3s ease;
}

/* HOVER */
.sppb-btn:hover,
.sppb-btn-default:hover {
  background: #8ea57b !important;
  color: #ffffff !important;
  border-color: #8ea57b !important;
}

#sp-top-bar a {
  color: #8ea57b !important;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

#sp-top-bar a:hover {
  color: #6f8660 !important;
  opacity: 0.9;
}

.top-phone-number {
  color: #8ea57b;
  font-size: 17pt;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}

.top-phone-number i {
  color: #8ea57b;
  font-size: 18px;
}

.sppb-readmore a {
  color: #CDA04C;
  text-decoration: none;
}

.sppb-readmore a::after {
  content: "⟶";
  display: inline-block;

  margin-left: 12px;

  color: inherit;

  transition: transform 0.25s ease;
}

/* subtiele hover beweging */
.sppb-readmore a:hover::after {
  transform: translateX(4px);
}


@media (max-width: 768px) {
  body.offcanvas-active .offcanvas-menu {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    background: #ffffff !important;
  }

  body.offcanvas-active .offcanvas-menu .offcanvas-inner {
    padding: 30px 35px 40px !important;
    text-align: center !important;
  }

  body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > a,
  body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    font-size: 32px !important;
    line-height: 1.5 !important;
    color: #999999 !important;
  }

  body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li.active > a {
    color: #ef7654 !important;
  }

@media (max-width: 768px) {

  body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > a,
  body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    color: #999999 !important;
  }

  body.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li.active > a {
    color: #81a32b !important;
  }

@media (max-width: 768px) {

  #offcanvas-toggler,
  #offcanvas-toggler:focus,
  #offcanvas-toggler:active,
  #offcanvas-toggler a,
  #offcanvas-toggler a:focus,
  #offcanvas-toggler a:active {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
  }

}