/********************/
/** sticky effects **/
/********************/
@media (min-width: 1024px) {
  .floatnav {
    opacity: 0 !important;
    max-height: 0;
    overflow: hidden;
  }
  .elementor-sticky--effects .floatnav {
    opacity: 1 !important;
    max-height: 9999px;
  }
}
/************/
/* floatnav */
/************/
.floatnav__overlay {
  transition: 1s;
  display: block;
  position: fixed;
}
.floatnav--active .floatnav__overlay {
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: rgba(0, 0, 0, 0.6);
}
.floatnav {
  transition: 0.2s;
  opacity: 0;
  max-height: 0;
  position: relative;
  z-index: 10;
  right: 32px;
  top: 0px;
}
.floatnav i.icon {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
}
.floatnav__favicon {
  background: transparent url(https://deemotieschool.nl/wp-content/uploads/2025/03/heart-darkgreen.png) no-repeat center center;
  background-size: contain;
  width: 32px;
  height: 32px;
}
.floatnav__trigger {
  background: url('data:image/svg+xml,<svg preserveAspectRatio="none" width="1426px" height="761px" viewBox="0 0 1426 761" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M0,380.5 C0,76.1 76.0533333,0 713,0 C1349.94667,0 1426,76.1 1426,380.5 C1426,684.9 1349.94667,761 713,761 C76.0533333,761 0,684.9 0,380.5" id="Path" fill="%2348A2A2" fill-rule="nonzero"></path></g></svg>');
  background-size: 110px 70px;
  display: flex;
  width: 110px;
  height: 70px;
  justify-content: center;
  align-items: center;
  color: white;
  padding: 12px 12px 12px 12px;
  position: relative;
  z-index: 9;
}
.floatnav__hamburger {
  width: 32px;
  height: 48px;
  flex: 1 1 50px;
  border-radius: 12px;
  transition: 0.2s;
  cursor: pointer;
  text-align: center;
}
.floatnav__hamburger > div {
  width: 32px;
  height: 32px;
  position: relative;
  padding: 6px;
  background: white;
  border-radius: 12px;
  margin: 0 auto;
}
.floatnav__inner .menu {
  font-weight: bold;
}
.floatnav__inner .menu--vertical ul li:not(.submenu-open) {
  border: 0;
}
.floatnav__hamburger > div > div {
  width: 22px;
  transition: 0.2s;
  background: var(--color-tertiary);
  top: 12px;
  height: 2px;
  position: absolute;
}
.floatnav__hamburger > div > div:last-child {
  top: auto;
  bottom: 12px;
}
.floatnav--active .floatnav__hamburger > div > div {
  transform: rotate(45deg);
  top: 15px;
}
.floatnav--active .floatnav__hamburger > div > div:last-child {
  bottom: 15px;
  transform: rotate(-45deg);
}
.floatnav__hamburger:after {
  text-align: center;
  content: "menu";
  font-size: 12px;
}
.floatnav--active .floatnav__hamburger:after {
  content: "sluiten";
}
.floatnav .floatnav__offset {
  min-height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 8;
}
.floatnav .floatnav__offset .floatnav__inner {
  padding: 5rem var(--space-l) 1rem var(--space-l);
  transform: translateX(140%);
  position: absolute;
  right: 12px;
  left: auto;
  top: 32px;
  transition: 0.1s;
  background: white;
  border-radius: 24px;
}
.floatnav--active .floatnav .floatnav__offset {
  display: block;
  width: 100vw;
}
.floatnav--active .floatnav .floatnav__offset .floatnav__inner {
  transform: translateX(0);
  width: 400px;
}
.elementor-sticky--active .floatnav {
  opacity: 1;
  max-height: auto;
}
@media screen and (max-width: 1023px) {
  .elementor-widget-ucaddon_floating_offset_nav {
    position: fixed !important;
    width: 110px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    top: initial !important;
    left: 0 !important;
    margin: 0 auto;
    height: 72px;
    bottom: 12px !important;
    inset-inline-start: 0;
    right: 0 !important;
  }
  .floatnav {
    opacity: 1;
    max-height: 9999px;
    inset-inline-start: 0 !important;
  }
  .floatnav .floatnav__offset .floatnav__inner {
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 12px;
    padding: 1rem var(--space-l) 5rem var(--space-l);
    transform: translate(0, 140%);
  }
}
.floatnav__cta {
  display: flex;
  flex-direction: column;
  color: var(--color-tertiary);
  border-top: 1px solid #bbb;
  padding-top: var(--space-s);
  font-size: 120%;
}
/*# 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%2F2035-scss-default.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BACIA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADZD%3BAAAA%3BAAAA%3BACwBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcZ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */