body{
	--header-height:var(--wp--custom--header-height--toggle-menu);
}

#menu, #head.logo_pos_left #menu,
#head.logo_pos_center #menu,
#head.logo_pos_right #menu {margin: 0; padding:0; width: 100%; -ms-flex-item-align: start;align-self: flex-start; margin-top: calc(0.5 * var(--header-height) - 15px);}
#head.logo_pos_left ul#nav,
#head.logo_pos_center ul#nav,
#head.logo_pos_right ul#nav {text-align: left; margin:0}
#head.logo_pos_right #menuhead span{right:auto; left:0}

#head.top.logo_pos_left #menu,
#head.top.logo_pos_center #menu,
#head.top.logo_pos_right #menu {margin-top: 10px;}

nav#menu {max-width: 100%}
#menuhead {
	position:absolute;
	right: 0;
	width: 2em;
	background: none;
	/*outline: none;*/
	border: none;
	display:block;
	cursor:pointer;
	min-height:2em;
	font-size: 1em;
	text-indent: -9999px;
	z-index: 5;
}
#menuhead span, #menuhead span:before, #menuhead span:after{
	content:' '; display:block; width:2em; height:0.4em; background-color:var(--color-link); position:absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform-origin:center;
	transform-origin:center;}
#menuhead span{top:0.8em; right:0;}
#menuhead span:before{top:-0.8em; right:0;}
#menuhead span:after{bottom:-0.8em; right:0;}
#menuhead:hover span:before{top:-1.2em;}
#menuhead:hover span:after{bottom:-1.2em;}
#menuhead[aria-expanded="true"] span{ height:0;}
#menuhead[aria-expanded="true"] span:before {-webkit-transform:rotate(45deg); transform:rotate(45deg); top:-0.2em;}
#menuhead[aria-expanded="true"] span:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg); bottom:-0.2em;}
#navigation { width:100%; height:auto;}


#navigation {max-height: 0; overflow: hidden;
	-webkit-transition: all 0.8s cubic-bezier(0,1,0,1);
	-moz-transition: all 0.8s cubic-bezier(0,1,0,1);
	-ms-transition: all 0.8s cubic-bezier(0,1,0,1);
	-o-transition: all 0.8s cubic-bezier(0,1,0,1);
	transition: all 0.8s cubic-bezier(0,1,0,1);
	}
.HoJS:hover #navigation, #navigation.act {
	max-height: 1500px;
	-webkit-transition: all 0.8s cubic-bezier(1,0,1,0);
	-moz-transition: all 0.8s cubic-bezier(1,0,1,0);
	-ms-transition: all 0.8s cubic-bezier(1,0,1,0);
	-o-transition: all 0.8s cubic-bezier(1,0,1,0);
	transition: all 0.8s cubic-bezier(1,0,1,0);
	}


ul#nav {
	position:relative;
	float:none;
	width:auto;
	height:auto;
	padding:4em 0 1em 0;
}
ul#nav li {display:block; border-top:1px solid #CCC; padding:0;}
ul#nav>li:first-child {border:none;}
ul#nav a {
	display:block;
	padding:0.5em 1.25em;
	text-align:left;
	border-bottom:none;
}
ul#nav ul a {white-space: normal;}
ul#nav li a{
	padding:0.5em 0;
	margin:0;
}
ul#nav li.act > a, ul#nav li:hover > a{border-bottom:none;}
ul#nav ul li {}
ul#nav ul li a{ padding:0.5em 0 0.5em 1.25em; }
ul#nav ul ul li {padding-right:1.25em; }
ul#nav ul ul li a{padding:0.5em 0 0.5em 2.5em;}
ul#nav ul ul ul li a{padding:0.5em 0 0.5em 3.75em;}

ul#nav, ul#nav li, ul#nav ul li{position: relative;}
ul#nav li:hover > ul, ul#nav li.current-page-ancestor > ul, ul#nav li.current-menu-parent > ul, ul#nav li.current-menu-item > ul {display:block; max-height:1000px; overflow: visible; padding:0;}

ul#nav ul {	
	visibility: visible;
	position: relative;
	width:100%;
	background:none;
	padding:0;
	left:0;
}
ul#nav ul ul {
	top: auto;
	left: auto;
	min-width:0;
}

/*__________________________________________layout two columns */

.two-column #head{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:100;
	min-height: 0
}
.two-column #pagewrap {
    position: relative;
    float: none;
    width: auto
}
.two-column #page {
    padding-top: var(--header-height,150px);
}
.two-column #logo{
	position:absolute;
	left:50px;
	top:1.25em;
}
.two-column nav#column{
	position:relative;
	padding-top:50px;
	padding-bottom:30px;
}
ul#columnmenu{padding-top: 80px}