/* compiled by scssphp v0.6.3 on Thu, 30 Mar 2023 15:39:21 +0200 (0.2612s) */

@font-face {
  font-display: swap;
  font-family: GoodDogNew;
  src: local(GoodDogNew), url("../draadcore-child/fonts/GoodDog/GoodDogNew.woff2") format('woff2'), url("../draadcore-child/fonts/GoodDog/GoodDogNew.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Black.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Black.woff") format('woff');
  font-weight: 900;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Bold.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Bold.woff") format('woff');
  font-weight: 700;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Medium.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Medium.woff") format('woff');
  font-weight: 500;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Book.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Book.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Mundial;
  src: local(Mundial), url("../draadcore-child/fonts/Mundial/MundialDemibold.woff2") format('woff2'), url("../draadcore-child/fonts/Mundial/MundialDemibold.woff") format('woff');
  font-weight: 700;
  font-style: bold;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Mundial;
  src: local(Mundial), url("../draadcore-child/fonts/Mundial/Mundial-Regular.woff2") format('woff2'), url("../draadcore-child/fonts/Mundial/Mundial-Regular.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
/* line 5, sass/submenu.scss */
/* line 6, sass/submenu.scss */
html #root #wrap_all .section.submenu {
  margin-top: -20px;
  background: #faf9f3;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 13, sass/submenu.scss */
html #root #wrap_all .section.submenu .container {
  margin: 0;
  max-width: 1500px;
}
/* line 18, sass/submenu.scss */
html #root #wrap_all .section.submenu .column {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 71.1875rem) {
  html #root #wrap_all .section.submenu .column {
    min-width: calc(100% - (20px * 2));
    max-width: calc(100% - (20px * 2));
    margin: 0;
  }
}
/* line 28, sass/submenu.scss */
html #root #wrap_all .section.submenu .column.full nav {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 1023px) {
  html #root #wrap_all .section.submenu .column.full nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 35, sass/submenu.scss */
@media only screen and (max-width: 1023px) {
  html #root #wrap_all .section.submenu .column.one-half nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 41, sass/submenu.scss */
html #root #wrap_all .section.submenu nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 45, sass/submenu.scss */
html #root #wrap_all .section.submenu nav button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  background: none;
  pointer-events: none;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: bold;
}
@media only screen and (max-width: 63.9375rem) {
  html #root #wrap_all .section.submenu nav button {
    pointer-events: all;
    padding: 15px 20px;
    background: white;
    color: #000;
    font-size: 0;
    margin: 10px 0;
    cursor: pointer;
  }
  /* line 67, sass/submenu.scss */
  html #root #wrap_all .section.submenu nav button::before {
    content: 'Menu uitklappen';
    font-size: 16px;
  }
  /* line 72, sass/submenu.scss */
  html #root #wrap_all .section.submenu nav button[aria-expanded="true"]::before {
    content: 'Menu inklappen';
  }
}
/* line 79, sass/submenu.scss */
@media only screen and (max-width: 63.9375rem) {
  html #root #wrap_all .section.submenu .accordion-panel {
    min-width: 100%;
  }
}
/* line 87, sass/submenu.scss */
html #root #wrap_all .section.submenu ul.menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 63.9375rem) {
  html #root #wrap_all .section.submenu ul.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 100%;
  }
}
/* line 102, sass/submenu.scss */
html #root #wrap_all .section.submenu .menu-item {
  position: relative;
  margin: 14px 5px;
}
@media only screen and (max-width: 63.9375rem) {
  html #root #wrap_all .section.submenu .menu-item {
    width: 250px;
    margin: 10px 0;
  }
}
/* line 111, sass/submenu.scss */
html #root #wrap_all .section.submenu .menu-item a {
  width: 100%;
  display: block;
  position: relative;
  padding: 4px 20px 8px 9px;
  color: #000;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
}
/* line 121, sass/submenu.scss */
html #root #wrap_all .section.submenu .menu-item a:after {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  content: '';
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  right: -5px;
  top: 50%;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='6px' height='9px' viewBox='0 0 6 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='homepage' transform='translate(-328.000000, -650.000000)' fill='%2312a66c' fill-rule='nonzero'%3E%3Cg id='Group-11' transform='translate(188.000000, 627.000000)'%3E%3Cg id='' transform='translate(140.536458, 22.992188)'%3E%3Cpath d='M5.02994792,4.58984375 L1.24088542,8.37890625 C1.14973958,8.47005208 1.0390625,8.515625 0.908854167,8.515625 C0.778645833,8.515625 0.66796875,8.47005208 0.576822917,8.37890625 L0.147135417,7.94921875 C0.0559895833,7.85807292 0.00716145833,7.74739583 0.000651041667,7.6171875 C-0.005859375,7.48697917 0.0364583333,7.37630208 0.127604167,7.28515625 L3.15494792,4.2578125 L0.127604167,1.23046875 C0.0364583333,1.13932292 -0.005859375,1.02864583 0.000651041667,0.8984375 C0.00716145833,0.768229167 0.0559895833,0.657552083 0.147135417,0.56640625 L0.576822917,0.13671875 C0.66796875,0.0455729167 0.778645833,0 0.908854167,0 C1.0390625,0 1.14973958,0.0455729167 1.24088542,0.13671875 L5.02994792,3.92578125 C5.13411458,4.01692708 5.18619792,4.12760417 5.18619792,4.2578125 C5.18619792,4.38802083 5.13411458,4.49869792 5.02994792,4.58984375 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (max-width: 63.9375rem) {
  html #root #wrap_all .section.submenu .menu-item a {
    text-align: left;
  }
}
/* line 137, sass/submenu.scss */
html #root #wrap_all .section.submenu .menu-item a:hover {
  color: #12a66c;
}
/* line 139, sass/submenu.scss */
html #root #wrap_all .section.submenu .menu-item a:hover:after {
  right: -8px;
}