/**
 * @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.custom {
}
#js-mainnav.megamenu.custom #js-megaMenuToggle {
}
/* lv - 0
-----------------------------------*/
/* Styling ---*/
#megamenucss #js-mainnav.custom .js-megamenu {
	color: #000;
	display:table;
	font-size: 12px;
	height:30px;
	padding:0 40px;
	width: -moz-calc(100% - 80px);
    	width: -webkit-calc(100% - 80px);
    	width: calc(100% - 80px);
}
#js-mainnav.megamenu.custom ul.level0 li.megacss{
	text-align:center;
	text-transform:uppercase;
	width:11.11%;
}
#js-mainnav.megamenu.custom ul.level1 li.megacss{
	width:100%;
}
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {
	font-family: 'PrivaTwoPro';
	height:38px;
	line-height:16px;
	padding:15px 5px 20px;
	text-align:center;
}
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss{
	border-bottom:8px solid #e5e5e5;
}
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss,
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss {
	border-bottom:0;
	font-family: 'PrivaTwoPro';
	height:14px;
	line-height:16px;
	padding:10px;
}
#js-mainnav.megamenu.custom ul.level0 li.megacss.about{
	text-align:left;
}
#js-mainnav.megamenu.custom ul.level0 li.megacss.contact{
	text-align:right;
}
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.about a.megacss:hover,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.about.active a.megacss,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.resources a.megacss:hover,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.resources.active a.megacss,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.careers a.megacss:hover,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.careers.active a.megacss,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.support a.megacss:hover,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.support.active a.megacss,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.contact a.megacss:hover,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.contact.active a.megacss{
	border-bottom:8px solid #FFD530;
}
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.services a.megacss:hover,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.services.active a.megacss{
	border-bottom:8px solid #f48c1e;
}
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.drinkdrugdrive a.megacss:hover,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.drinkdrugdrive.active a.megacss,
#megamenucss #js-mainnav.megamenu ul.level0 li#CockatooCommunityHouse a.megacss:hover,
#megamenucss #js-mainnav.megamenu ul.level0 li#CockatooCommunityHouse.active a.megacss{
	border-bottom:8px solid #aa1f85;
}
#megamenucss #js-mainnav.megamenu ul.level0 ul.level1 li.megacss a.megacss,
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss{
	border-bottom:0 !important;
}
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.education a.megacss:hover,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.education.active a.megacss{
	border-bottom:8px solid #e20d76;
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.news a.megacss:hover,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.news.active a.megacss{
	border-bottom:8px solid #fdd442;
}
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss:hover,
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss.active a.megacss{
	border-bottom:0 !important;
	text-decoration:underline;
}
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss.active ul.level2 a.megacss{
	text-decoration:none;
}
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss.active ul.level2 a.megacss:hover{
	text-decoration:underline;
}
#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:transparent;
}
#js-mainnav.megamenu.dèault ul.level1 li:hover,
#js-mainnav.megamenu.custom ul.level1 li.over,
#js-mainnav.megamenu.custom ul.level1 li.haschild-over { background-color: #006699; }


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

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

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

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

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


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

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

#js-mainnav.megamenu.custom .group-title .menu-title {
	color: #000;
}

#js-mainnav.megamenu.custom .group-title .menu-desc {
	color: #000;
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
	color:#000;
}

/* Left alignment */
#js-mainnav.megamenu.custom ul.level0 li.megacss.submenu-align-left > .childcontent {
	margin-left: 1px!important;
}
#megamenucss .custom.megamenu ul.level0 > li.megacss:hover > a.megacss,
#megamenucss #js-mainnav.megamenu.custom ul.level0 li.active{
	color: #000!important;
}
#megamenucss .custom .megamenu .dropdown-menu ul.level1 li.megacss:hover>a.megacss,
#megamenucss .custom .dropdown-menu ul.level1 li.megacss a.megacss:hover{
    	/*background: #FFF;*/
}
#megamenucss #js-mainnav.custom .js-megamenu{
	background: #FFF;
}
#js-mainnav.megamenu.custom ul.level0 li.megacss span.megacss,
#js-mainnav.megamenu.custom ul.level0 li.megacss a.megacss,
#js-mainnav.megamenu.custom .megaMenuToggle {
	padding: 10px 5px 12px 6px;
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {
    	padding: 15px 0;
}
#js-mainnav.megamenu.custom ul.level0 li.megacss span.megacss,
#js-mainnav.megamenu.custom ul.level0 li.megacss a.megacss,
#js-mainnav.megamenu.custom .megaMenuToggle{ 
	height:40px;
}
#js-mainnav.megamenu.custom ul.level1 li.megacss span.megacss,
#js-mainnav.megamenu.custom ul.level1 li.megacss a.megacss {
	border: 0;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	height:10px;
	line-height:12px;
	margin: 0px;
	padding: 5px 15px;
	text-align:left !important;
}
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss,
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss {
	padding: 10px;
}
}
/* Landscape phones and down */
@media only screen and (max-width: 959px) {
#megamenucss #js-mainnav.custom .js-megamenu {
	display:block;
	font-size: 16px;
	height:auto;
	padding:0 10px 10px;
	width: -moz-calc(100% - 20px);
    	width: -webkit-calc(100% - 20px);
    	width: calc(100% - 20px);
}
#js-mainnav.megamenu.custom ul.level0 li.megacss,
#js-mainnav.megamenu.custom ul.level0 li.megacss.about,
#js-mainnav.megamenu.custom ul.level0 li.megacss.contact{
	text-align:left;
}
#js-mainnav.megamenu.custom ul.level0 li.megacss{
	text-transform:uppercase;
	width:100%;
}
#js-mainnav.megamenu.custom ul.level1 li.megacss{
	text-align:left;
}
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.about.nav-hover,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.about ul.megamenu,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.resources.nav-hover,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.resources ul.megamenu,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.careers.nav-hover,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.careers ul.megamenu,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.support.nav-hover,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.support ul.megamenu,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.contact.nav-hover,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.contact ul.megamenu{
	background-color: #fff8e8;
}
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.services.nav-hover,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.services ul.megamenu{
	background-color:#fff0d9;
}
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.education.nav-hover,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.education ul.megamenu{
	background-color:#fbe7eb;
}
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.drinkdrugdrive.nav-hover,
#jux_memamenu142 #js-mainnav.megamenu ul.level0 li.megacss.drinkdrugdrive ul.megamenu{
	background-color:#f6e8f3;
}
#jux_memamenu142 #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild.megacss span.menu-title, 
#jux_memamenu142 #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild.megacss span.menu-title, 
#jux_memamenu142 #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild-over.megacss span.menu-title, 
#jux_memamenu142 #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild-over.megacss span.menu-title, 
#jux_memamenu142 #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild.megacss span.menu-title, 
#jux_memamenu142 #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild.megacss span.menu-title,
#jux_memamenu142 #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild-over.megacss span.menu-title, 
#jux_memamenu142 #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild-over.megacss span.menu-title
{ 
  background: inherit;
}
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss,
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {	
	font-size:16px;
}
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss,
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss {	
	font-size:14px;
}
#megamenucss #js-mainnav.megamenu ul.level2 li.megacss span.megacss,
#megamenucss #js-mainnav.megamenu ul.level2 li.megacss a.megacss {	
	font-size:12px;
}
}