/**
 * @package Helix Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 20010 - 2013 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 */

 /* Menu */
 #sp-menu-wrapper{
 	.box-shadow( ~'0 2px 2px 0 rgba(0,0,0,0.15)' );
 	position: relative;
 	z-index: 1;
 }
 #sp-main-menu {
 	ul {
 		list-style:none;
 		margin:0;
 		padding:0;

 		&.level-0 {
 			> li {

 				// Home icon
 				&.home{
 					span.menu-title{
 						visibility: hidden;
 						&:before{
 							visibility: visible;
 							content: "\f015";
							font-family: FontAwesome;
							position: absolute;
							top: 50%;
							left: 50%;
							margin-top: -11px;
							margin-left: -10px;
							font-size: 20px;
							font-weight: normal;
 						}
 					}
 				}
				//Parent List Item
				display:inline-block;
				margin:0;
				padding:0;
				position:relative;
				font-size: 16px;
				font-weight: 400;
				margin-left: 1px;
				//Anchor Link
				>a {
					display:block;
					margin:0;
					padding:30px 20px;
					color: #999;
					
					//Menu Item Description
					.menu-desc {
						font-size:11px;
						color:#999;
						display:block;
					}
				}
				
				&:hover,
				&.active {
					>a{
						color: #fff;
					}
				}
				&.parent {
					&:hover {
						
					}
				}

				//Animation
				.transition(all 200ms);			
			}
		}
	}
	
	//Menu Items for Dropdown
	li{
		li:not(.sp-menu-group) {
			display:block;
			border-top:1px solid #eee;
			position:relative;
			text-transform: capitalize;

			&:first-child {
				border-top: none;
			}
			a {
				display:block;
				font-size:14px;
				font-weight:400;
				line-height:normal;
				text-decoration:none;
				padding:10px 0;
				color:#777777;
			}
			//Arrow
			&.parent{
				>a{
					span.menu{
						position: relative;
						padding-right: 20px;
						display: block;
					}
					&:after{
						content: "\f054";
						font-family:FontAwesome;
						font-size:10px;
						font-weight:normal;
						position:absolute;
						right:10px;
						top:15px;
					}
				}
			}

 			//Hover and active
 			&:hover,
 			&.active{
 				>a{
 					
 				}
 			}
			//Animation
			.transition(all 200ms);
		}
	}
	
	//Megamenu Groups
	div.sp-menu-group {
		a.sp-menu-group{
			display: block;
			padding: 10px 0;
			border-bottom:1px solid #eee;
			.menu-title {
				text-transform:capitalize;
				font-size: 14px;
				color: #4c4b4b;
			}
		}
		
		//Module Styling inside Menu
		.sp-menu-group-content {
			.module{
				margin:0;
				padding:10px 0 0;
				text-transform: none;
				font-weight: normal;
				font-size: 14px;
				h4{
					font-size: 14px;
				}
			}
		}
	}
}

//Submenu
.sp-submenu {
	position: absolute;
	top:0;
	visibility:hidden;
	opacity:0;
	z-index: 0;
	.transition(~'visibility 100ms, opacity 100ms');
	&.open {
		z-index:99999;
		visibility:visible;
		opacity:1;
		.transition(~'visibility 800ms, opacity 800ms');
	}

	.sp-submenu-wrap{
		background: #fff;
		.box-shadow(~'0 3px 5px 0 rgba(0,0,0,.2)');
	}

	.megacol {
		float:left;
		>ul.sp-menu{
			padding: 5px 15px !important;
		}
	}
}

.ltr .sp-submenu{
	left:0;
}
.rtl .sp-submenu{
	right:0;
}
 //Language Direction 
 .rtl{
 	#sp-main-menu {
 		float:right;
 		ul {
 			&.level-0 {
 				> li {

 					&:hover,
 					&.active{
 						>a {
 							&:after{
 								margin:  0 -10px 0 0;
 							}	
 						}
 					}	

 					&.parent{
 						>a{
 							span.menu{
 								padding:0 10px;
 								padding-right: 0;	
 							}	
 						}
 					}	
 				}
 			}	
 		}

 		//Menu Items for Dropdown
 		li{
 			li:not(.sp-menu-group) {
 				&.parent{
 					>a{
 						span.menu{
 							padding-right: 0;
 							padding-left: 20px;
 						}
 					}
 				}					
 			}
 		}	
 	}
 }

.nav>li>a:hover, 
.nav>li>a:focus{
	background: none;
}