#menu-cheerio {	
	position:relative; 
-webkit-transition: all 0.1s ease-out; 
   -moz-transition: all 0.1s ease-out; 
	    transition: all 0.1s ease-out;
	height: auto;
	padding: 0;
	margin: 0;
	z-index: 99994;

}

/* MENU XS */
#header-cheerio {
	background		: var(--c-2); 
	height			: var(--headerheight); 
	color			: var(--c-white); 
	/* border-bottom	: 2px solid var(--c-3);  */
	transition		: 0.2s ease-in-out;
	box-shadow		: var(--u-box-shadow-soft);
}

#menu-cheerio .navbar-toggler-wrap {
	display				: block;
	position			: relative;
	top					: 0px;
	width				: auto;
	text-align			: left;
	color				: var(--c-white);	
	background-color	: transparent;
	border				: 0px;
	margin				: 0px;
	padding				: 0px;
	border				: 0;
	box-shadow			: none;
	outline				: none;

}


#menu-cheerio .navbar-toggler {
	position			: relative;
	padding				: 0px;
	margin				: 0px;
	background-color	: transparent;
	background-image	: none;
	border				: 0;
	border-radius		: 0px;
	width				: auto;
	height				: auto!important;
	float				: none;
	top					: 0px;		
	display				: flex;
	line-height			: 1;
	align-items			: center;
	justify-content		: center;
	box-shadow			: none;
	outline				: none;

	margin-right:var(--gxh);
}


#menu-cheerio .navbar-toggler:hover, 
#menu-cheerio .navbar-toggler:active,
#menu-cheerio .navbar-toggler:focus {
	background-color:transparent;
	color:var(--c-black);	
	border-color: transparent;
	
}


#menu-cheerio .navbar-toggler::after,
#menu-cheerio .navbar-toggler::before{
  content		: "";
  position		: auto;
  top			: auto;
  margin-top	: auto;   
  border		: 0px;
  right			: auto;
  display:none;
}

#menu-cheerio .navbar-toggler .toggler-icon {
	display				: block;

	line-height			: 1; 
	color				: var(--c-white);	
	margin				: 0px; 
	padding				: 0px; 
	position			: relative;

	width:30px; 
	height:21px; 
	line-height:21px; 
	font-size:18px;

	background:transparent;
	
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
	
	z-index:9999;
}

#menu-cheerio .navbar-toggler .toggler-icon span {
	display: block;
	position: absolute;
	height: 3px;
	width: 30px;
	background:var(--c-white);
	border-radius:3px;
	opacity: 1;
	left: 0px; 
	top: 0px;
	transform: rotate(0deg);
	transition:.25s ease-in-out;
}

#menu-cheerio .navbar-toggler.collapsed .toggler-icon span {
	height: 3px;
}

#menu-cheerio .navbar-toggler .toggler-icon span:nth-child(1),
#menu-cheerio .navbar-toggler .toggler-icon span:nth-child(4) {
	width: 0%;
	left: 50%;  
	opacity:0;
	transition: 0s;
}
#menu-cheerio .navbar-toggler .toggler-icon span:nth-child(2),
#menu-cheerio .navbar-toggler .toggler-icon span:nth-child(3) {
	top: 9px;
	left: 0px;
}

#menu-cheerio .navbar-toggler .toggler-icon span:nth-child(2) {
	transform: rotate(36deg);
}

#menu-cheerio .navbar-toggler .toggler-icon span:nth-child(3) {
	transform: rotate(-36deg);
}

#menu-cheerio .navbar-toggler.collapsed .toggler-icon span:nth-child(1),
#menu-cheerio .navbar-toggler.collapsed .toggler-icon span:nth-child(4) {
	width: 30px;
	left: 0px;  
	opacity:1;
	transition:.25s ease-in-out;
}

#menu-cheerio .navbar-toggler.collapsed .toggler-icon span:nth-child(2),
#menu-cheerio .navbar-toggler.collapsed .toggler-icon span:nth-child(3) {
	transform: rotate(0deg);
}

#menu-cheerio .navbar-toggler.collapsed .toggler-icon span:nth-child(4) {
	top: 18px;
}




#menu-cheerio .collapsing, 
#menu-cheerio .collapse.show {
	position			: absolute;
	text-align			: center;
	float				: none;
	clear				: both;
	margin				: 0px;
	width				: 100%;
	display				: block;
	padding				: var(--gx);
	z-index				: -1;
	background			: var(--c-white);
	border-bottom		: 2px solid var(--c-1);

	transition:0.2s ease-in-out;
	box-shadow: var(--u-box-shadow-soft);
	
	top:var(--headerheight);

}

#menu-cheerio .collapsing .menu-divider, 
#menu-cheerio .collapse.show .menu-divider {
	display:none!important;
}


#menu-cheerio .collapse.show .navbar,
#menu-cheerio .collapsing  	.navbar   {
    margin		: 0px;
	height		: auto;
	line-height	: auto;
	top			: 0px;
}

#menu-cheerio .collapsing  	.navbar-nav,
#menu-cheerio .collapse.show .navbar-nav {
    margin		: 0px;
	height		: auto;
	line-height	: auto;
	top			: 0px;
}

#menu-cheerio .collapsing  	.caret,
#menu-cheerio .collapse.show	.caret,
#menu-cheerio .collapsing	.fa-caret-down,
#menu-cheerio .collapse.show	.fa-caret-down {
   display:none;
}

#menu-cheerio .collapsing  	.navbar-nav li,
#menu-cheerio .collapse.show .navbar-nav li {
	position:relative;  
	display:block;
	float:none;
	width:auto;
	clear:both;
	text-align:center; 
	padding:0px;
	margin-bottom:.5em;
}


#menu-cheerio .collapsing .navbar-nav li a,
#menu-cheerio .collapse.show .navbar-nav li a {
    text-decoration		: none;
    text-align			: center;
	color				: var(--c-2);
	padding				: 0px;
	margin				: 0px;
	font-weight			: var(--fw-bold);
	opacity				: 1;
	text-transform      : none;
	border              : 0px;
	white-space         : normal;
	font-size           : 2rem;
	line-height:1.6;
}

#menu-cheerio .navbar-nav > li span.menu-caret svg  {	
	fill:var(--c-2);
}

#menu-cheerio .collapsing	.navbar-nav > li > a:hover,
#menu-cheerio .collapse.show	.navbar-nav > li > a:hover,
#menu-cheerio .collapsing 	.navbar-nav > li > a:active,
#menu-cheerio .collapse.show	.navbar-nav > li > a:active,
#menu-cheerio .collapsing	.navbar-nav > li > a:focus,
#menu-cheerio .collapse.show	.navbar-nav > li > a:focus {
	color			: var(--c-3);
	text-decoration : none;
}

#menu-cheerio .collapsing	.navbar-nav li.current_page_item > a,
#menu-cheerio .collapse.show	.navbar-nav li.current_page_item > a,
#menu-cheerio .collapsing	.navbar-nav li.current-menu-item > a,
#menu-cheerio .collapse.show	.navbar-nav li.current-menu-item > a,
#menu-cheerio .collapsing	.navbar-nav li.current-menu-parent > a,
#menu-cheerio .collapse.show	.navbar-nav li.current-menu-parent > a,
#menu-cheerio .collapsing	.navbar-nav li.current-menu-parent > a,
#menu-cheerio .collapse.show	.navbar-nav li.current-menu-parent > a,
#menu-cheerio .collapsing	.navbar-nav li.active > a,
#menu-cheerio .collapse.show	.navbar-nav li.active > a {
	color			: var(--c-3);
	text-decoration : none;
}


#menu-cheerio .collapsing 	.sub-menu,
#menu-cheerio .collapse.show .sub-menu {
    display			: block;
    position		: relative;
    margin-right 	: 0;
	margin-left		: auto;
    white-space		: nowrap;
	padding			: 0px;
	width			: auto;
	text-align		: right;
	background-color: transparent;
	padding-top		: 0px;
	white-space		: normal;
	list-style		: none;
	margin-bottom	: 1em;
}


#menu-cheerio .collapsing 	.sub-menu li,
#menu-cheerio .collapse.show .sub-menu li {
    position		: relative;
    padding			: 0;
    display			: block;
    text-align		: center;
	height			: auto;
	line-height		: auto;
	padding			: 0px;
	margin			: 0px;
	white-space		: normal;
	list-style		: none;
	padding-left	: 1em;
}

#menu-cheerio .collapsing 	.sub-menu li a,
#menu-cheerio .collapse.show .sub-menu li a {
    text-decoration		: none;
    text-align			: center;
	color				: var(--c-2)!important;
	padding				: 0px;
	margin				: 0px;
	font-weight			: var(--fw-medium);
	opacity				: 1;
	text-transform      : none;
	border              : 0px;
	white-space         : normal;
	font-size           : 1.1rem;
	line-height:1.6;
}


#menu-cheerio .collapsing .navbar-nav .sub-menu li a:before,
#menu-cheerio .collapse.show .navbar-nav .sub-menu li a:before {
    content:"";
}


#menu-cheerio .collapsing 	.sub-menu li a::after
#menu-cheerio .collapse.show .sub-menu li a::after {
    display			: block;
    content			: attr(title);
    font-weight		: var(--fw-medium);
    height			: 1px;
    color			: transparent;
    overflow		: hidden;
    visibility		: hidden;
    margin-bottom	: -1px;
}

#menu-cheerio .collapsing 	.sub-menu li a:hover,
#menu-cheerio .collapse.show .sub-menu li a:hover,
#menu-cheerio .collapsing 	.sub-menu li a:active,
#menu-cheerio .collapse.show .sub-menu li a:active
#menu-cheerio .collapsing 	.sub-menu li a:focus,
#menu-cheerio .collapse.show .sub-menu li a:focus {
	color				: var(--c-2)!important;
	opacity				: 1;
	text-decoration		: underline;
}

#menu-cheerio .collapsing 	.sub-menu li.submenu-item.active a,
#menu-cheerio .collapse.show .sub-menu li.submenu-item.active a,
#menu-cheerio .collapsing 	.sub-menu li.current-menu-item a,
#menu-cheerio .collapse.show .sub-menu li.current-menu-item a {
	color				: var(--c-2)!important;
	opacity				: 1;
}



/***********************************************************************************************/
/* MENU FOOTER */
/***********************************************************************************************/

ul#menu-footer {
	margin:0;
	padding:0;
	list-style:none;
	font-size:0px;
	margin-bottom:0rem;
}

#menu-footer > li  {	
	list-style:none;

	padding			: 0px;
	width			: auto;
	border			: 0px solid transparent;

	display:block;

	font-size		: var(--fs-md);
	line-height		: 1.6;	
	font-weight		: 400;
}

#menu-footer > li:last-of-type {	
	margin-right: 0;
}


#menu-footer > li > a {
	padding			: 0px;
	text-transform	: none;
	text-decoration	: none;
	color			: var(--c-white);
	display			: block;
	white-space		: nowrap;  
	background-color: transparent;
	width			: auto;
	text-shadow     : none;
	font-size		: var(--fs-md);
	line-height		: 1.6;	
	font-weight		: 400;
	border-bottom	: 0px solid transparent;	
}


#menu-footer > li > a:hover {
	text-decoration	: underline;
}

@media all and (max-width: 767.98px) {
	#menu-footer > li > a {
		text-align:center;	
	}
}
