/* ==========================================================================
   HOMEPAGE TEMPLATE
   ========================================================================== */

/* Transparante header
   -------------------------------------------------------------------------- */
#sp-header {
  position: absolute;
  background-color: #f9f9f9d1 !important;
}

.sp-megamenu-parent > li a {
  color: #000;
  font-weight: 600;
}

/* Hover en active: blauw */
.sp-megamenu-parent > li a:hover,
.sp-megamenu-parent > li.active > a {
  color: #02537c;
}

/* Active + hover: zwart */
.sp-megamenu-parent > li.active:hover > a {
  color: #000;
}

/* Sticky header
   -------------------------------------------------------------------------- */
#sp-header.header-sticky {
  background-color: #fff !important;
}

.header-sticky .sp-megamenu-parent > li a:hover {
  color: #02537c;
}

/* Dropdown
   -------------------------------------------------------------------------- */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0;
  border-radius: 0;
  box-shadow: 0 30px 50px rgba(0, 0, 0, 0.51);
}

/* Off-canvas menu
   -------------------------------------------------------------------------- */
/* Alle items altijd tonen */
.menu-parent .menu-child {
  display: block !important;
}

.menu-parent .menu-toggler {
  display: none !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  padding: 4px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 17px;
  color: #000;
}

/* Layout
   -------------------------------------------------------------------------- */
#sp-main-body {
  padding-top: 100px;
}

#sp-bottom {
  padding: 0 0 30px;
  font-size: 14px;
  line-height: 1.6;
}

/* Zijbalk modules
   -------------------------------------------------------------------------- */
#sp-left .sp-module,
#sp-right .sp-module {
  margin-top: 50px;
  padding: 0 30px 30px;
  border: 1px solid #f3f3f3;
  border-radius: 3px;
}

#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title {
  margin: 0 0 30px;
  padding-bottom: 20px;
  font-size: 160%;
  font-weight: 500;
  border-bottom: 1px solid #f3f3f3;
}

/* Breadcrumb
   -------------------------------------------------------------------------- */
.breadcrumb {
  margin-bottom: -100px;
  background-color: #fefefe;
  font-size: 14px;
}