<div class="toggle">
	<span></span>
	<span></span>
	<span></span>
  <span>MENU</span>
</div>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded",function(){let e=document.querySelector(".toggle"),t=document.querySelector(".header-6__offcanvas"),a=document.querySelector(".header-6__offcanvas--backdrop"),s=document.querySelector(".header-6__logo"),c=document.querySelector("body");e.onclick=function(){e.classList.toggle("active"),t.classList.toggle("active"),a.classList.toggle("active"),s.classList.toggle("white"),c.classList.toggle("no-scroll")};var n=document.querySelectorAll(".offcanvas-menu .menu-item-has-children i");for(i=0;i<n.length;i++)n[i].addEventListener("click",function(e){e.preventDefault();var t=e.currentTarget.parentNode.nextElementSibling,a=e.currentTarget.parentNode;if(t.classList.contains("active"))t.style.height="0px",t.addEventListener("transitionend",function(){t.classList.remove("active"),a.classList.remove("active")},{once:!0});else{t.classList.add("active"),a.classList.add("active"),t.style.height="auto";var s=t.clientHeight+"px";t.style.height="0px",setTimeout(function(){t.style.height=s},0)}})});
</script>