@charset "UTF-8";
/************************/
/***   BREAKPOINTS   ****/
/************************/
/********************/
/** Navbar Search  **/
/********************/
.navbar-search .sub-menu a {
  padding: 1rem;
}
.navbar-search__topbar {
  background: white;
  padding-left: var(--section-padding);
  padding-right: var(--section-padding);
  display: flex;
  justify-content: space-evenly;
}
.navbar-search__topbar .elementor-search-form {
  display: flex;
  background: #eee;
  border-radius: 4px;
}
.navbar-search__topbar .elementor-search-form input[type=search] {
  flex: auto;
  padding: 1rem;
  border: 0;
  background: none;
  appearance: none;
}
.navbar-search__topbar .elementor-search-form button {
  border: 0;
  background: none;
}
.navbar-search__topbar .actions li {
  display: flex;
  align-items: center;
}
.navbar-search__main {
  position: relative;
  background: var(--color-text);
  color: white;
}
.navbar-search__main #menu-hoofdmenu {
  justify-content: space-evenly;
}
.navbar-search__main .menu--horizontal > ul > li > a {
  padding: var(--btn-padding-md);
}
.navbar-search .idTag {
  display: block;
  left: 0;
  right: 0;
  margin: 12px auto;
  width: 100px;
  height: 48px;
  text-align: center;
}
.navbar-search .idTag img {
  display: block;
}
.navbar-search__search {
  position: absolute;
  right: 1rem;
  display: none;
}
.navbar-search__search i {
  margin-right: 8px;
}
@media (min-width: 1024px) {
  .navbar-search__search {
    display: flex;
    left: 1rem;
    align-items: center;
  }
}
.navbar-search__account {
  right: 10rem;
  position: absolute;
}
@media (min-width: 1024px) {
  .navbar-search__account i {
    display: none;
  }
}
.navbar-search__cart {
  position: absolute;
  right: 1rem;
  display: flex;
}
.navbar-search__cart span {
  display: none;
}
@media (min-width: 1024px) {
  .navbar-search__cart i {
    display: none;
  }
  .navbar-search__cart span {
    display: block;
  }
}
.navbar-search .toggleMenu {
  --color-toggle: var(--color-text);
  left: 1rem;
}
/******************/
/****  ID TAG  ****/
/******************/
.idTag {
  margin: 12px auto;
  height: 24px;
  left: 0;
  right: 0;
  width: auto;
  text-align: center;
  top: 0.5rem;
  bottom: 0.5rem;
  display: flex;
  justify-content: center;
}
.idTag img {
  height: 100%;
  width: auto;
  max-width: none;
}
@media (min-width: 1024px) {
  .idTag {
    margin: 0;
    height: 48px;
    position: initial;
  }
}
/**********************/
/****  MENU TOGGLE ****/
/**********************/
.toggleMenu {
  --color-toggle: var(--color-text);
  width: 28px;
  height: 20px;
  display: block;
  position: absolute;
  left: 0;
}
@media (min-width: 767px) {
  .toggleMenu {
    top: 1.4rem;
  }
}
.toggleMenu span {
  position: absolute;
  height: 2px;
  width: 100%;
  background: var(--color-toggle);
  border-radius: 2px;
  transition: 0.2s;
  transform-origin: left center;
}
.toggleMenu span:nth-child(1) {
  top: 0;
}
.toggleMenu span:nth-child(2) {
  top: 8px;
}
.toggleMenu span:nth-child(3) {
  top: 16px;
}
.toggleMenu:hover span:nth-child(1) {
  transform: translateX(-2px);
}
.toggleMenu:hover span:nth-child(2) {
  transform: translateX(2px);
}
.toggleMenu:hover span:nth-child(3) {
  transform: translateX(-2px);
}
.mobileNav .toggleMenu span:nth-child(1) {
  transform: rotate(45deg);
}
.mobileNav .toggleMenu span:nth-child(2) {
  top: 12px;
  transform: translateX(100%);
  opacity: 0;
}
.mobileNav .toggleMenu span:nth-child(3) {
  top: 20px;
  transform: rotate(-45deg);
}
/*********************/
/****   ACTIONS   ****/
/*********************/
.actions {
  position: absolute;
  right: 1rem;
  top: 0;
  /* fix voor iets dat ik niet begrijp :( */
}
.actions .btn {
  padding: 8px 12px 8px 12px;
  font-size: 0.8rem;
}
@media (min-width: 767px) {
  .actions .btn {
    padding: 8 §px 24px 8px 24px;
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .actions .btn {
    padding: 13px 24px 11px 24px;
    font-size: 1rem;
  }
}
.actions i {
  margin-left: 0.5rem;
}
@media (min-width: 1024px) {
  .actions {
    position: initial;
  }
}
.actions .ri-xl {
  vertical-align: -0.4rem;
}
/*********************/
/****  SEARCHBOX  ****/
/*********************/
.navbar__searchbox {
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  max-height: 0;
  transition: 0.2s;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.95);
}
.siteSearch .navbar__searchbox {
  display: block;
  max-height: 999px;
}
.navbar__searchbox__inner {
  padding: var(--spacing-xxl);
}
@media (min-width: 768px) {
  .navbar__searchbox {
    top: 85px;
  }
}
.mobileNav, .mobileNav body {
  overflow: hidden;
  min-height: 100vh;
}
/***********************/
/* horizontal niveau 1 */
/***********************/
.menu--horizontal > ul > li {
  display: inline-block;
  position: relative;
}
.menu--horizontal > ul > li > a {
  padding: 0.8rem 0;
  margin: 0 0.5rem;
}
/************************/
/* horizontaal niveau 2 */
/************************/
.menu--horizontal > ul > li > ul > li {
  width: 200px;
  position: relative;
}
/************************/
/* horizontaal niveau 3 */
/************************/
.menu--horizontal > ul > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 0;
  width: 200px;
}
.menu--horizontal > ul > li > ul > li > ul > li {
  position: relative;
}
/************************/
/* horizontaal niveau 4 */
/************************/
.menu--horizontal > ul > li > ul > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 0;
  width: 200px;
}
.menu--horizontal > ul > li > ul > li, .menu--horizontal > ul > li > ul > li > ul > li, .menu--horizontal > ul > li > ul > li > ul > li > ul > li {
  border-bottom: 1px solid #eee;
  transition: 0.2s;
}
.menu--horizontal > ul > li > ul > li:last-child, .menu--horizontal > ul > li > ul > li > ul > li:last-child, .menu--horizontal > ul > li > ul > li > ul > li > ul > li:last-child {
  border-bottom: none;
}
.menu--horizontal > ul > li > ul > li:hover, .menu--horizontal > ul > li > ul > li > ul > li:hover, .menu--horizontal > ul > li > ul > li > ul > li > ul > li:hover {
  background: #efefef;
}
/***********************************/
/*  HORIZONTAL NAVIGATION SUBMENU  */
/***********************************/
.menu--horizontal ul ul {
  display: none;
  position: absolute;
  z-index: 99;
  top: 48px;
  left: auto;
  right: 0;
  background: white;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.menu--horizontal > ul > li > ul {
  /* arrow */
}
.menu--horizontal > ul > li > ul:after {
  content: '';
  border-width: 6px;
  border-color: transparent transparent white transparent;
  border-style: solid;
  position: absolute;
  right: 14px;
  left: auto !important;
  top: -12px;
  display: block;
}
.menu--horizontal ul ul a {
  color: var(--color-dark);
}
/* Display Dropdowns on Hover */
.menu--horizontal ul li:hover > ul {
  display: inherit;
}
.menu--horizontal ul ul ul {
  left: 180px;
}
/***********************************/
/*  HORIZONTAL NAVIGATION SUBSUBMENU  */
/***********************************/
/* Dropdown symbol */
.menu--horizontal li > a:after {
  content: ' +';
}
.menu--horizontal li > a:only-child:after {
  content: '';
}
.menu--horizontal > ul > li > ul li > a:after {
  content: ' +';
  position: absolute;
  right: 1rem;
  top: 0;
}
/*********************************/
/*  VERTICAL NAVIGATION SUBMENU  */
/*********************************/
.navbar__nav {
  padding: 1rem;
}
.navbar__nav .menu:first-child > ul > li:first-child {
  border-top: none;
}
.navbar__nav .menu > ul > li {
  border-top: 1px solid rgba(254, 254, 254, 0.12);
}
.navbar__nav .menu > ul > li > a {
  margin: 0 1rem 0 0;
  color: rgba(254, 254, 254, 0.7);
}
.menu--vertical .current-menu-ancestor > a, .menu--vertical .current-menu-parent > a, .menu--vertical .current-menu-item > a {
  color: #fefefe !important;
}
.menu--vertical ul li {
  display: block;
  font-size: 1.2rem;
  position: relative;
}
.menu--vertical ul li:hover {
  cursor: pointer;
}
.menu--vertical ul li ul {
  display: block;
}
.menu--vertical ul li .sub-menu {
  overflow: hidden;
  max-height: 0;
  background: rgba(254, 254, 254, 0.1);
}
.menu--vertical ul li .sub-menu li:first-child {
  margin-top: 0.5rem;
}
.menu--vertical ul li .sub-menu li:last-child {
  margin-bottom: 0.5rem;
}
.menu--vertical ul li .sub-menu li a {
  color: rgba(254, 254, 254, 0.7);
  font-size: 85%;
}
.menu--vertical ul li .sub-menu .sub-menu {
  border-radius: 0;
  padding: 0;
  background: transparent;
}
.menu--vertical ul li .sub-menu .sub-menu li {
  font-size: 1rem;
  margin-right: 0;
  color: rgba(254, 254, 254, 0.7);
}
.menu--vertical ul li .sub-menu .sub-menu li a {
  padding-left: 1rem;
}
.menu--vertical ul li.menu-item-has-children {
  position: relative;
}
.menu--vertical ul li.menu-item-has-children:after {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='9px' viewBox='0 0 16 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EPath Copy%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='header-nav-search' transform='translate(-455.000000, -806.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M466.782789,809.9147 L460.722952,803.239632 C460.582796,803.085121 460.395699,803 460.196202,803 C459.996706,803 459.809609,803.085121 459.669453,803.239632 L459.223188,803.731092 C458.9328,804.051333 458.9328,804.571816 459.223188,804.89157 L464.311781,810.49689 L459.217542,816.10843 C459.077385,816.262941 459,816.468915 459,816.688547 C459,816.908424 459.077385,817.114397 459.217542,817.26903 L459.663807,817.760368 C459.804074,817.914879 459.99106,818 460.190556,818 C460.390053,818 460.577149,817.914879 460.717306,817.760368 L466.782789,811.079203 C466.923277,810.924204 467.000441,810.717254 467,810.497256 C467.000441,810.276404 466.923277,810.069577 466.782789,809.9147 Z' id='Path-Copy' transform='translate(463.000000, 810.500000) rotate(-270.000000) translate(-463.000000, -810.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 6px;
  top: 18px;
  transform: rotate(90deg);
}
.menu--vertical ul li.menu-item-has-children.submenu-open:after {
  transform: rotate(0);
}
.menu--vertical ul li.menu-item-has-children > a {
  width: calc(100% - 80px);
}
.menu--vertical ul li.submenu-open > .sub-menu {
  max-height: 999px;
}
.linkarrow a:before {
  content: "»";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
}
/**************************/
/****  MOBILE MENU     ****/
/**************************/
.navbar__offset {
  max-height: 0;
  background: #333;
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 72px;
  height: calc(100vh - 84px);
  transition: 0.2s;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.navbar__offset form {
  margin: 2rem;
}
.mobileNav .navbar__offset {
  max-height: 9999px;
}
@media (min-width: 767px) {
  .navbar__offset {
    top: 96px;
    height: calc(100vh - 96px);
  }
}
/**************************/
/****  MOBILE SEARCH   ****/
/**************************/
.navbar__search {
  max-height: 0;
  background: #222;
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 84px;
  transition: 0.2s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0);
}
@media (min-width: 767px) {
  .navbar__search {
    top: 96px;
  }
}
@media (min-width: 1024px) {
  .navbar__search {
    top: 128px;
  }
}
.navbar__search label {
  flex: 1 1 auto;
}
.navbar__search label input {
  width: 100%;
}
.navbar__search button i {
  margin: 0;
}
.navbar__search form {
  margin: 2rem;
}
.siteSearch .navbar__search {
  max-height: 9999px;
}
.close-search {
  margin: 8px 8px 0 0;
}
/* prevent menu from wrapping */
.menu-nowrap ul {
  white-space: nowrap;
}
.menu-nowrap ul a {
  overflow: hidden;
  text-overflow: ellipsis;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F168-scss-default.scss%22%2C%22wp-content%2Fcustom_codes%2F653-scss-default.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACOI%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUI%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAChEJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD2EA%3BAAAA%3BAAAA%3BAAAA%3BAC3EA%3BADgFQ%3BAAAA%3BAAAA%3BAAAA%3BAAUR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAC%2FFJ%3BADoGQ%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAOR%3BAAAA%3BAAAA%3BAAAA%3BADhIJ%3BAAAA%3BAAAA%3BAC6IA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACvIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFlBJ%3BAAAA%3BAAAA%3BAC4KA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC1JI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADwKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BADrNZ%3BAAAA%3BAAAA%3BACiOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BACpNG%3BAD0NF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC1NE%3BADiOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BACvOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADoPA%3BAAAA%3BAAAA%3BADtQJ%3BAAAA%3BAAAA%3BACgRA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUI%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKJ%3BAACI%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAD1SA%3BAAAA%3BAAAA%3BACsTA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAD3TA%3BAAAA%3BAAAA%3BACqUA%3BAAAA%3BAAAA%3BAAAA%3BADrUA%3BAAAA%3BAAAA%3BAC%2BUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BADtVA%3BAAAA%3BAAAA%3BAC%2BVA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BADhXJ%3BAAAA%3BAAAA%3BAC2XA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcJ%3BAAAA%3BAAAA%3BADxZA%3BAC6ZA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BADjaA%3BAAAA%3BAAAA%3BAAAA%3BAC4aA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD%2FaA%3BAAAA%3BAAAA%3BAC6bA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAOZ%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD5iBA%3BAAAA%3BAAAA%3BAC0jBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAC3jBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFlBJ%3BAAAA%3BAAAA%3BAC6lBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC3kBI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADkmBA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BADzoBA%3BAC%2BoBA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%22%7D */