/*mobile-menu*/
/************************************************************************************
MOBILE MENU ACTIVE
*************************************************************************************/
/* change max-width to trigger mobile menu active class */

/*
HEADER
================================================ */
.mobile_menu_active #headerwrap {
	padding: 5px 0 !important;
}
.mobile_menu_active #header .hgroup {
	float: left;
}

/* reset absolute elements to static */
.mobile_menu_active #header .social-widget,
.mobile_menu_active #site-logo,
.mobile_menu_active #site-description  {
	position: static;
	float: none;
	clear: both;
}

/* site logo */
.mobile_menu_active #site-logo {
	padding: 0;
	margin: 0;
	font-size: 1.375em;
}

/* site description */
.mobile_menu_active #site-description {
	display: none;
}

/* header widget */
.mobile_menu_active .header-widget {
	position: static !important;
	float: none;
	text-align: left;
	clear: both;
	margin: 0;
}
.mobile_menu_active .header-widget .widget {
	margin: 0 0 10px;
}

/* social widget */
.mobile_menu_active #header .social-widget {
	padding: 5px 0 0;
}


/* MENU ICON */
.mobile_menu_active #menu-icon {
	font-size: 20px; /* for icon font size */
}
.mobile_menu_active #menu-icon span {
	display: none;
}
.mobile_menu_active #cart-icon {
	margin-left: 10px;
	font-size: .9em;
}

/* HORIZONTAL MENU */
.mobile_menu_active #mobile-menu .horizontal-menu {
	float: none;
}
.mobile_menu_active #mobile-menu .horizontal-menu ul {
	margin: 0;
	padding-left: 20px;
	display: block;
	position: static;
	background: none;
}
.mobile_menu_active #mobile-menu .horizontal-menu li {
	float: none;
}
.mobile_menu_active #mobile-menu .horizontal-menu li a {
	color: #fff;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}
.mobile_menu_active #mobile-menu .horizontal-menu ul li a {
	text-transform: none;
}

/* sub-levels link :hover */
.mobile_menu_active #mobile-menu .horizontal-menu a:hover,
.mobile_menu_active #mobile-menu .horizontal-menu ul a:hover,
.mobile_menu_active #mobile-menu .horizontal-menu .current_page_item ul a:hover,
.mobile_menu_active #mobile-menu .horizontal-menu ul .current_page_item a:hover,
.mobile_menu_active #mobile-menu .horizontal-menu .current-menu-item ul a:hover,
.mobile_menu_active #mobile-menu .horizontal-menu ul .current-menu-item a:hover {
	background: none;
	color: #7f7f7f;
}