/**
 * IceMegaMenu Extension for Joomla 3.0 By IceTheme
 * 
 * 
 * @copyright	Copyright (C) 2012 IceTheme.com. All rights reserved.
 * @license		GNU General Public License version 2
 * 
 * @Website 	http://www.icetheme.com/Joomla-Extensions/icemegamenu.html
 *
 */


  
@media (min-width: 1200px) {
	
	.icemegamenu > ul > li {}
		
		.icemegamenu > ul > li >  a.iceMenuTitle {
			font-size:20px;}
			
			.icemegamenu > ul > li  a.iceMenuTitle > span.icemega_title {}
			
  	
	/* some fancy animation to wow the visitors */	
	@-webkit-keyframes menu_item {
		0%   { text-shadow: 0 0 15px rgba(255,255,255,.0);}
		100% { text-shadow: 0 0 15px rgba(255,255,255,1);}
	}
	@-moz-keyframes menu_item {
		0%   { text-shadow: 0 0 15px rgba(255,255,255,.0);}
		100% { text-shadow: 0 0 15px rgba(255,255,255,1);}
	}
	@-ms-keyframes menu_item {
		0%   { text-shadow: 0 0 15px rgba(255,255,255,.0);}
		100% { text-shadow: 0 0 15px rgba(255,255,255,1);}
	}
	@-o-keyframes menu_item {
		0%   { text-shadow: 0 0 15px rgba(255,255,255,.0);}
		100% { text-shadow: 0 0 15px rgba(255,255,255,1);}
	}
	@keyframes menu_item {
		0%   { text-shadow: 0 0 15px rgba(255,255,255,.0);}
		100% { text-shadow: 0 0 15px rgba(255,255,255,1);}
	}
	
	.icemegamenu > ul > li:hover > a.iceMenuTitle > span.icemega_title { 
		-webkit-animation: menu_item 1.5s ease infinite;
		-moz-animation:    menu_item 1.5s ease infinite;
		-ms-animation:     menu_item 1.5s ease infinite;
		-o-animation:      menu_item 1.5s ease infinite;
		animation:         menu_item 1.5s ease infinite;}
							

}



@media (max-width: 979px) {

.ice-megamenu-toggle a {
	display: block;
	height: 45px;
	line-height: 45px;
	font-size:18px;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,.25);
	text-align:center;
	opacity:1;
	margin-top:0;
	margin:0 -30px;
	border-radius:45px;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	-o-transition:all .25s ease-out; 
	transition:all .25s ease-out;} 
	
	.ice-megamenu-toggle a:hover {
		background-color:#82A600;
		text-decoration:none;
		opacity:1}		

		
	
	body .icemegamenu-hover { display:none}
	
	.mainmenu .collapse {
	  overflow: hidden!important;}
		
	.collapse.in { margin-bottom: 45px; }
	
	.mainmenu .nav-collapse.collapse {background:#1787B4;}
		
	
	div.container > div.icemegamenu { width:100%; z-index: 999; margin-bottom: 0; margin-top: -65px; }
		div.container > div.icemegamenu .icemegamenu { width:100%; margin:15px 0 0; }
		div.container > div.icemegamenu .icemegamenu.in { padding-bottom: 30px}	
	
	.icemegamenu > ul { background:none; margin-top:0; margin-bottom:30px; width:100% }

  .ice-megamenu-toggle { display:block; }
  .icemegamenu > ul > li,
  .icemegamenu > ul > li.active,
   .icemegamenu > ul > li:hover { clear:both; width: 100%; margin: 0; padding-left:0; background:none!important; }
   
   .icemegamenu > ul > li:hover > a.iceMenuTitle,
   .icemegamenu > ul > li.active > a.iceMenuTitle { background: rgba(0,0,0,.1)!important;}

   .icemegamenu > ul > li.active::before,
   .icemegamenu > ul > li.active::after { display:none}
   
   .icemegamenu > ul > li:first-child > a.iceMenuTitle { margin-left:0; padding-left:10px; border-radius:0}
	   
   .icemegamenu > ul > li a.iceMenuTitle > span.icemega_title { border-radius:0; margin:0; padding:8px 5px; background:none!important}
   .icemegamenu > ul > li a.iceMenuTitle > span.icemega_desc { margin:-6px 5px 6px; padding:0!important;}
   
  		ul.icesubMenu > li a.iceMenuTitle span { padding-top:3px!important; padding-bottom:3px!important}
  
			.icemegamenu > ul > li:hover > a.iceMenuTitle span.icemega_title:after,
			 .icemegamenu > ul > li.active > a.iceMenuTitle span.icemega_title:after {
				 display:none}
			
			
	#icemegamenu > li > ul.icesubMenu {
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
		float: left;
		opacity: 1;
		position: relative;
		padding:0;
		top: 0!important;
		left: 0!important;
		visibility: visible;
		width: 100% !important;
		background:#1787B4;
		background: rgba(255,255,255,.15);
		margin:0}
		
		
			
	#icemegamenu > li > ul.icesubMenu .iceCols{ width:100%!important;}
	#icemegamenu > li > ul.icesubMenu li{ width:100%!important; overflow:hidden}
		
	#icemegamenu .parent .icemodules{	}
	
	ul.icesubMenu{border:none}
	
	ul.icesubMenu li.parent{background:none;}		
	
	
	.icemegamenu > ul > li a.iceMenuTitle{
		height:auto;
		padding: 0 10px;
		border-bottom:1px dotted rgba(255, 255, 255, .2)!important}
		
	
	ul.icesubMenu > li a.iceMenuTitle{
		margin:0px;
		font-size: 14px;
		padding: 0 0 0 38px!important;
		background-position:22px 8px}
	
		
	
		#icemegamenu > li > ul.icesubMenu li > ul{
			float: left;
			opacity: 1;
			position: relative;
			top: 0!important;
			visibility: visible;
			width: 100% !important;
			left: 0;		
			margin:0px;
			padding:0;
			border:none;
			background:none;
			transform: rotate(0deg);
			-ms-transform: rotate(0deg); /* IE 9 */
			-webkit-transform: rotate(0deg); /* Safari and Chrome */}
			
			/* level 2 */
			ul.sub_level_2 li > a.iceMenuTitle {
				padding-left: 55px!important;
				background-position: 39px 9px!important;}
				
			/* level 3 */
			ul.sub_level_3 li > a.iceMenuTitle {
				padding-left: 75px!important;
				background-position: 60px 10px!important;}
				
					

		/* hide modules */
		.icesubMenu .icemega_cover_module {display:none}
		
		.collapse.in .icesubMenu .icemega_cover_module { display:block; padding-top:10px!important; padding-bottom:10px!important}
		
}


@media (max-width: 480px) {
	
.icemegamenu > ul { margin-top:0; }
	
	.icemegamenu {
		text-align:left}
	
}