/**
 * @version		$Id$
 * @author		JoomlaUX!
 * @package		Joomla.Site
 * @subpackage	mod_jux_megamenu
 * @copyright	Copyright (C) 2008 - 2013 by JoomlaUX. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3
*/

#js-mainnav.megamenu.darkblue {
	background: #014E72 url('../../images/grad1-mask.png') repeat-x top; /* you can change/delete the transparent gradient image or the background color */
}


#js-mainnav.megamenu.darkblue #js-megaMenuToggle {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* lv - 0
-----------------------------------*/
/* Styling ---*/
#js-mainnav.megamenu.darkblue ul.level0 li.megacss span.megacss,
#js-mainnav.megamenu.darkblue ul.level0 li.megacss a.megacss,
#js-mainnav.megamenu.darkblue .megaMenuToggle {
    color: #fff;
	padding: 10px 5px 12px 6px;
}



#js-mainnav.megamenu.dèault ul.level1 li:hover,
#js-mainnav.megamenu.darkblue ul.level1 li.over,
#js-mainnav.megamenu.darkblue ul.level1 li.haschild-over { background-color: #006699; }


#js-mainnav.megamenu.darkblue ul.level1 li.haschild,
#js-mainnav.megamenu.darkblue ul.level1 li.haschild-over {
	background-image: url(../../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}

/* CHILD CONTENT
-----------------------------------*/

#js-mainnav.megamenu.darkblue .childcontent-inner {
	background-color: #002A40; /*change here the color to match the new color you have set for mainnav */
	color: #fff;
}

#js-mainnav.megamenu.darkblue .childcontent-inner .group ul li.active {
	background-color: #00527C !important;
}

#js-mainnav.megamenu.darkblue .childcontent .group h3 {
	background: none;
	color: #fff;
}



#js-mainnav.megamenu.darkblue .childcontent .moduletable { color: #fff; }

#js-mainnav.megamenu.darkblue .childcontent .js-moduletable a:hover,
#js-mainnav.megamenu.darkblue .childcontent .js-moduletable a:focus,
#js-mainnav.megamenu.darkblue .childcontent .js-moduletable a:active {
	color: #fff;
	text-decoration: none;
}

#js-mainnav.megamenu.darkblue .group-title .menu-title {
	color: #fff;
}

#js-mainnav.megamenu.darkblue .group-title .menu-desc {
	color: #999;
}

/* Left alignment */
#js-mainnav.megamenu.darkblue ul.level0 li.megacss.submenu-align-left > .childcontent {
	margin-left: 1px!important;
}
#megamenucss .darkblue.megamenu ul.level0 > li.megacss:hover > a.megacss,
#megamenucss #js-mainnav.megamenu.darkblue ul.level0 li.active
{
    background: #02374F!important;
    color: #ffffff!important;
}#megamenucss .darkblue .megamenu .dropdown-menu ul.level1 li.megacss:hover>a.megacss,#megamenucss .darkblue .dropdown-menu ul.level1 li.megacss a.megacss:hover{
    background: #b8b8b8!important;
    color: #ffffff!important;
}
#megamenucss #js-mainnav.darkblue .js-megamenu{
	background: #014E72!important;
}
#js-mainnav.megamenu.darkblue ul.level0 li.megacss span.megacss,
#js-mainnav.megamenu.darkblue ul.level0 li.megacss a.megacss,
#js-mainnav.megamenu.darkblue .megaMenuToggle {
    color: #fff;
	padding: 10px 5px 12px 6px;
}



/*custom*/

#jux_memamenu112 #js-mainnav .jux-fa.jux-fa-bars {
	margin-top:0px !important;
    color: #333 !important;
	line-height: 40px !important;
}


#jux_memamenu112 #js-mainnav.megamenu div.megaMenuToggle {
    height: 40px !important;
}


#jux_memamenu112 #js-mainnav.megamenu {
    border: 0px solid #6c5a5a !important;
}


#js-mainnav .megamenu.level0 > li > a, #js-mainnav .megamenu.level0 > li > span{
    font-size:140%;
	    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
}


#megamenucss #js-mainnav.noJS.horizontal ul.megamenu li.haschild:hover > div.childcontent {
    background: #f6f6f8;
    border-top: 0px;
    padding: 20px 30px 30px;
}

#megamenucss .megamenu ul.level0 > li.megacss:hover > .megacss.haschild {
    background: #F6F6F8!important;
    border-bottom: 0px;
}



#jux_memamenu112 ul.megamenu li.haschild.megacss:hover>div.childcontent.adddropdown, 
#jux_memamenu112 .childcontent.open>.dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: block;
    -moz-animation: fadeInDown 400ms ease-in;
    -webkit-animation: fadeInDown 400ms ease-in;
    animation: fadeInDown 400ms ease-in;
}

#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, 
#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title {
    background:none !important;
}




#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss:hover {
    font-weight: 600;
}


@media screen and (min-width: 768px){

	#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li .haschild.megacss span.menu-title:after, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title:after {
		font-family: FontAwesome;
		content: '\f0d7';
		position: relative;
		left: 8px;
		font-size: 70%;
		top: -2px;
		color: #323;
	}


}

@media screen and (max-width: 768px){

	#jux_memamenu112 #js-mainnav .jux-fa.jux-fa-bars {
		margin-left: 10px !important;
	}
/*
	div#CSS3-megaMenuToggle i.jux-fa.jux-fa-bars.font-item-menu {
		position:relative;
		top: -75px;
		z-index:9999;
	}*/
	/*#megamenucss #js-mainnav.megamenu.horizontal.center ul.level0 {
		top:50px;
	}*/

	div#CSS3-megaMenuToggle {
		display:none !important;
	}



}