.elementor-168 .elementor-element.elementor-element-e478c75{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-e478c75 *//* Piilotetaan Elementor Flexbox container oletuksena */
#megamenu {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
  position: fixed;
  top: 0px;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 95;
  justify-content: center;
  align-items: center;
}

/* Näkyvä container */
#megamenu.auki {
  visibility: visible;
  opacity: 1;
}

/* Hamburger animointi */
.menu-icon line {
  transition: all 0.4s ease;
  transform-origin: center;
  stroke: #fff;
}

.menu-icon:hover line {
  stroke: var(--lisavari_tumma_vihrea);
}


.menu-icon.active line:nth-child(1) {
  transform: rotate(45deg) translate(5px, 20px);
}

.menu-icon.active line:nth-child(2) {
  transform: rotate(-45deg) translate(-5px, -20px);
}

#custom-menu-toggle {
  position: relative;
  z-index: 100;
}

#menu-flexbox {
  z-index: 99;
  position: fixed;
  top: 0; 
  left: 0;
  background-color: #041c10e0;
  transition: all 0.4s ease;
}

#menu-flexbox.piilota {
  background-color: #041c1000;
}

#menu-flexbox h2 {
  opacity: 1;
  transition: all 0.4s ease;
}

#menu-flexbox.piilota h2 {
  opacity: 0;
}

#menu-logo {
  position: relative;
  z-index: 100;
}


/* Kun valikko on auki */
body.no-scroll {
  overflow: hidden;
}/* End custom CSS */