/**
 * @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 {
	 /* 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: #000;
	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,


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

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

@media screen and ( max-width:768px ){
#js-mainnav.megamenu.darkblue .childcontent-inner {
	background-color: #fff !important; /*change here the color to match the new color you have set for mainnav */
	color: #000!important;
    width: 100%;
}
}
#js-mainnav.megamenu.darkblue .childcontent-inner .group ul li.active {
	background-color: #00527C !important;
}

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


#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;
}
ul.megamenu.level0 li.megacss.haschild.active.submenu-align-auto a#menu569.megacss.haschild.active span.menu-title,
ul.megamenu>li.active>menu-title{
    color: #F7921E!important;
}

/* 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>a
{
    background:#F7921E!important;
    color: #fff!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: #F7921E!important;
    color: #ffffff!important;
}
#megamenucss #js-mainnav.darkblue .js-megamenu{
	background: #1e1857 !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;
}

#js-mainnav.megamenu.darkblue ul.level2 li.megacss a.megacss{
    color: #000;
}

#megamenucss #js-mainnav.megamenu ul.megamenu.level1 ,#megamenucss #js-mainnav.megamenu ul.megamenu.level1>li, #megamenucss #js-mainnav.megamenu ul.megamenu.level1 >li>a {
   color: #000;
    
}
 ul.megamenu.level2{
        display: none;
    }
ul.megamenu.level1 li.megacss.first.group.submenu-align-center div.group.clearfix div.group-content div.moduletable div.custom a{
     display: block;
    }
@media screen and ( max-width:900px ){
    #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;
background-color: #1e1857;
}
    #megamenucss #js-mainnav.megamenu ul.megamenu.level1 ,#megamenucss #js-mainnav.megamenu ul.megamenu.level1>li, #megamenucss #js-mainnav.megamenu ul.megamenu.level1 >li>a ,ul.megamenu.level2 >li>a{
   color: #000!important;
    
}

    ul.megamenu.level2{
        display: block;
    }
  #jux_memamenu293 #js-mainnav.megamenu ul.level2 li.megacss span.megacss, #jux_memamenu293 #js-mainnav.megamenu ul.level2 li.megacss a.megacss {
    padding-left: 0px !important;
}
 ul.megamenu.level1 li.megacss.first.group.submenu-align-center div.group.clearfix div.group-content div.moduletable div.custom a{
     display: none;
    }
}