/**
 * @version		$Id: white.css,v 1.3 2016-01-11 16:37:58 jvanluyten Exp $
 * @author		Joomseller!
 * @package		Joomla.Site
 * @subpackage	mod_jse_megamenu
 * @copyright	Copyright (C) 2008 - 2013 by Joomseller. All rights reserved.
 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3
*/

#js-mainnav.megamenu.white {
    /*background-color: #ffffff; 
	background-image: none;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(76,76,76,0.25);*/
	font-size: 0;
	line-height: 0;
	font-family: 'Lato', sans-serif;
}

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

/* lv - 0
-----------------------------------*/
/* Styling ---*/
#js-mainnav.megamenu.white ul.level0 li.mega {
	font-size: 18px;
	margin:0px 0px 0px 3px;
}
#js-mainnav.megamenu.white ul.level1 li.mega {
	padding: 0px;
	text-align: left;
	background-color:transparent;
	font-size: 16px;
}

#js-mainnav.megamenu.white ul.level0 li.first {
	border-radius: 0px 0 0 0px;
}

#js-mainnav.megamenu.white ul.level0 li.mega.right {
	border-radius:0;
}

#js-mainnav.megamenu.white ul.level0 li:hover, 
#js-mainnav.megamenu.white ul.level0 li.active,
#js-mainnav.megamenu.white ul.level0 li.over, 
#js-mainnav.megamenu.white ul.level0 li.haschild-over { 
	/*background: #f2f2f2;*/
	color:#137570;

}

#js-mainnav.megamenu.white ul.level0 li.mega span.mega, #js-mainnav.megamenu.white ul.level0 li.mega a.mega, #js-mainnav.megamenu.white .megaMenuToggle {
color: #160105;
position: relative;
/* display: block; */
padding: 8px 5px;
font-weight: 400;
font-size: 16px;
text-decoration: none;
transition: all 0.2s linear;
border-radius: 3px;
margin: 0px;
font-family: 'Lato', sans-serif;
}

#js-mainnav.megamenu.white ul.level0 li.mega div.group-title span.mega,
#js-mainnav.megamenu.white ul.level0 li.mega div.group-title a.mega {
	padding: 0;
}

#js-mainnav.megamenu.white ul.level0 li.mega div.group span.mega,
#js-mainnav.megamenu.white ul.level0 li.mega div.group a.mega {
	padding: 5px;
}

#js-mainnav.megamenu.white ul.level0 li.mega div.group span.haschild.mega,
#js-mainnav.megamenu.white ul.level0 li.mega div.group a.haschild.mega {
	padding-right: 22px;
}

#js-mainnav.megamenu.white ul.level0 li.haschild a.mega span.menu-desc,
#js-mainnav.megamenu.white ul.level0 li.haschild-over a.mega span.menu-desc {
	padding-left: 0;
}

#js-mainnav.megamenu.white ul.level0 li.mega:hover > span.mega,
#js-mainnav.megamenu.white ul.level0 li.mega:hover > a, #js-mainnav.megamenu.white ul.level0 li.mega.active > a, #js-mainnav.megamenu.white ul.level0 li.mega span.mega.haschild.active {
	color: #C50B30;
}

#js-mainnav.megamenu.white ul.level0 li.mega.first.active > a{
-webkit-box-shadow: none;
-moz-box-shadow:  none;
box-shadow:none;
}

#js-mainnav.megamenu.white ul.level0 li.mega span.mega.haschild.active{
/*padding:20px 22px 17px 12px;*/
}

#js-mainnav.megamenu.white ul.level0 li.mega span.mega.haschild,
#js-mainnav.megamenu.white ul.level0 li.mega a.mega.haschild {
	padding-right: 22px;
}

/* remove default arrow */
#js-mainnav.megamenu.white ul.level0 li.haschild a.mega span.menu-title,
#js-mainnav.megamenu.white ul.level0 li.haschild-over a.mega span.menu-title {
	background-image: none;
	padding: 0;
}

#js-mainnav.megamenu.white ul.level0 li.mega > span.mega.haschild:after,
#js-mainnav.megamenu.white ul.level0 li.mega > a.haschild:after {
content: '';
position: absolute;
top: 47% !important;
right: 12px;
width: 0;
height: 0;
margin-top: 0px !important;
border-top: 4px solid #222;
border-right: 3px solid transparent;
border-left: 3px solid transparent;
}



/* Layout ---*/
#js-mainnav.megamenu.white ul.level1 li.mega {
	border-radius: 0px;
border: 0 none;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
display: block;
position:relative;
z-index:9;
}

#js-mainnav.megamenu.white ul.level1 li.mega span.mega,
#js-mainnav.megamenu.white ul.level1 li.mega a.mega {
	border: 0;
}

#js-mainnav.megamenu.white ul.level1 li.mega a.mega span.menu-title {
	background: none;
	padding: 0;
}

#js-mainnav.megamenu.white ul.level1 li:hover,
#js-mainnav.megamenu.white ul.level1 li.over,
#js-mainnav.megamenu.white ul.level1 li.haschild-over { background: transparent; /*text-indent:2px;*/ }

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

#js-mainnav.megamenu.white .childcontent-inner {
left: 0px;
margin-top: 0px;
background-color: #c50b30;
padding-bottom: 10px;
padding-top:10px;
border-radius: 3px;
background-image:url(../../images/bg-menu.png);
background-position:left top;
background-repeat:no-repeat;
}

#js-mainnav.megamenu.white ul.level1 li.mega a.mega, #js-mainnav.megamenu.white ul.level1 li.mega a.mega.last{
font-family: "Lato", Arial, sans-serif;
color: #eee;
text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-transform: none;
margin: 0px 0px 0px;
text-indent: 0px;
text-align: left;
font-weight: 400;
padding: 5px 10px;
width:auto;
background-color: transparent;
position:relative;
z-index:999999;
font-size:14px;
}


#js-mainnav.megamenu.white ul.level1 li.mega a.mega:hover{
font-family: "Lato", Arial, sans-serif;
color: #eee;
text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
text-transform: none;
margin: 0px 0px 0px;
text-indent: 0px;
width:auto;
text-align: left;
font-weight: 400;
padding: 5px 10px;
background-color: #ad0a28;
position:relative;
z-index:999999;
}


 #js-mainnav.megamenu.white .megaMenuToggle {
color: #eaeaea;
position: relative;
/* display: block; */
padding: 7px 12px;
text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px;
background-color:transparent;
font-size:16px;
font-weight:400;
font-family:"Lato", Arial, sans-serif;
}


#js-mainnav.megamenu.white ul.level1 .childcontent-inner {
	border-radius: 5px;
}
#js-mainnav.megamenu.white .childcontent-inner .group ul li.active {

}

#js-mainnav.megamenu.white .childcontent .group h3 {
	background: none;
	color: #2b82d9;
	border-bottom: 1px dotted #006699;
}

#js-mainnav.megamenu.white .childcontent .js-moduletable a {
	border-bottom: 1px dotted #ccc;
}

#js-mainnav.megamenu.white .childcontent .moduletable { color: #2b82d9; }

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

/* Grouped --- */
#js-mainnav.megamenu.white .group-content .menu-title,
#js-mainnav.megamenu.white .group-title .menu-title {
	color: #2b82d9;
	line-height: 170%;
}

#js-mainnav.megamenu.white .group-content .menu-desc,
#js-mainnav.megamenu.white .group-title .menu-desc {
	color: #999;
	line-height: 150%;
	padding: 0;
}

#js-mainnav.megamenu.white .group-content ul.megamenu {
	margin: 5px;
}

/* Big image left-right style */
#js-mainnav.megamenu.white .big-img-left a,
#js-mainnav.megamenu.white .big-img-right a {
	line-height: 120% !important;
	padding: 0 !important;
}

#js-mainnav.megamenu.white li.big-img-left,
#js-mainnav.megamenu.white li.big-img-right {
	display: inline-table;
	padding: 7px !important;
}

#js-mainnav.megamenu.white .big-img-left img {
	margin-bottom: 2px;
}

#js-mainnav.megamenu.white .big-img-right img {
	margin-bottom: 2px;
}

#js-mainnav.megamenu.white form {
	margin: 12px;
}

.haschild .childcontent.cols1{

}
.sub .childcontent{
  background-color: #AD0A28 !important;
  background-image:none !important;
  margin : -27px 0px 0px 200px !important;
  position:absolute;
  padding:0px;
  border-radius:3px;
}
.sub .childcontent-inner{
background-color: #AD0A28 !important;
  background-image:none !important;
   padding:0px !important;
}
.sub .childcontent ul{
padding:0px;
margin:0px;
  background-image:none !important;
}
.sub .childcontent li{
padding:0px;
margin:0px;
}
.sub .childcontent li a{
font-size:12px !important;
}
#js-mainnav.megamenu.white ul.level2 li.mega a.mega{color: rgba(236, 201, 207, 1) !important;}
#js-mainnav.megamenu.white ul.level2 li.mega a.mega:hover{color:#fff !important;}
.sub .childcontent li a:hover{
font-size:12px !important;
color:#fff !important;
}
.mega.haschild.over{
background-color: #AD0A28 !important;
}



/* ========================================== */
/*	RESPONSIVE STYLES 						  */
/* ========================================== */
/* Toggle */
#js-mainnav.megamenu.white .megaMenuToggle {
	color: #2B9478  !important;
	line-height: 100%;
	font-weight: bold;
}

#js-mainnav.megamenu.white.noJS #css3-ToggleResponsive .megaMenuToggle-icon,
#js-mainnav.megamenu.white #js-megaMenuToggle .megaMenuToggle-icon {
	background: #000 !important;
}

#js-mainnav.megamenu.white.noJS #css3-ToggleResponsive .megaMenuToggle-icon:before,
#js-mainnav.megamenu.white #js-megaMenuToggle .megaMenuToggle-icon:before {
	background: #000 !important;
}

#js-mainnav.megamenu.white.noJS #css3-ToggleResponsive .megaMenuToggle-icon:after,
#js-mainnav.megamenu.white #js-megaMenuToggle .megaMenuToggle-icon:after {
	background: #000 !important;
}

#js-mainnav.megamenu.white ul.level0 li.haschild span.mega {
	background-image: none !important;
}

#js-mainnav.megamenu.white ul.level0 li.haschild-over span.mega {
	background: none !important;
}

@media screen and (max-width: 767px) {
	#js-mainnav.megamenu.noJS ul.megamenu li {
		padding: 0 !important;
	}
	#js-mainnav.megamenu.noJS ul.megamenu li a {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		line-height: 100% !important;
	}
}