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

 /* Menu */
 #sp-main-menu {
 	ul {
 		list-style:none;
 		margin:0;
 		padding:0;

 		&.level-0 {
 			> li {
				//Parent List Item
				display:inline-block;
				margin-right: 15px;
				padding:0;
				position:relative;

				//Anchor Link
				>a {
					display:block;
					margin:0;
					padding:10px;
					color: rgba(255, 255, 255, 0.8);
					letter-spacing: 2px;
					text-transform: uppercase;	
					font-size: 12px;
					font-weight: 500;

					&:after{
						position: absolute;
						top: 40px;
						left: 0px;
						content: '';
						height: 2px;
						width: 0px;
						margin-left: 10px;
						.transition(~'all .3s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s');
					}		

					//Menu Item Description
					.menu-desc {
						font-size:11px;
						color:#999;
						display:block;
					}
				}
				&:hover, &.active{
				 	>a:after{
				 		color: #8d84e4;
				 		width: 20px;
				 	}
				 }
				&.active >a{
					font-weight: bold;
					color: #fff;
				}
				&:hover >a{
					color: #fff;
				}

				//Animation
				.transition(all 200ms);			
			}
			.sp-menu.level-1{margin: 5px;}
		}
	}
	
	//Menu Items for Dropdown
	li{
		li:not(.sp-menu-group) {
			display:block;
			position:relative;
			text-transform: capitalize;
			padding:0 10px;
			&:first-child {
				border-top: none;
			}
			&:last-child{
				a{
					border-bottom: none;
					&:after{
						height: 0;
					}
				}
			}
			a {
				display:block;
				font-size:12px;
				font-weight:400;
				line-height:normal;
				text-decoration:none;
				color: #3d3d3d;	
				padding: 8px 0;
				position: relative;
				&:after{
					position: absolute;
					bottom: -1px;
					left: 0;
					z-index: 999;
					content: '';
					height: 1px;
					width: 0;
					.transition(~'all .3s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s');
				}
			}
			//Hover and active
 			&:hover,
 			&.active{
 				>a{
 					&:after{
 						width: 45px;
 					}
 				}
 			}
			//Arrow
			&.parent{
				>a{
					span.menu{
						position: relative;
						padding-right: 20px;
						display: block;
					}
					
				}
			}

			//Animation
			.transition(all 200ms);
		}
	}
	
	//Megamenu Groups
	div.sp-menu-group {
		margin:10px;
		a.sp-menu-group{
			display: block;
			padding: 10px 10px 5px;
			color: #000;
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 2px;
			.menu-title {
				text-transform:uppercase;
			}
		}
		
		//Module Styling inside Menu
		.sp-menu-group-content {
			.module{
				margin:0;
				padding:10px 10px 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;
	&.open {
		z-index:99999;
		visibility:visible;
		opacity:1;
		.transition(~'visibility 500ms, opacity 500ms');
	}
	.sp-submenu-wrap{
		background: #fff;
		.box-shadow(~'0 3px 5px 0 rgba(0,0,0,.2)');
		padding-bottom: 5px;
	}
	.megacol {
		float:left;
	}
}

/* ** home page sub menu ** */
body.homepage, body.menu-shop-variation, body.menu-shop-and-review-variation{
	.sp-submenu {
		.sp-submenu-wrap{
			

		}
	}
}

.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;
 						}
 					}
 				}					
 			}
 		}	
 	}
 }

 //fixed menu
.menu-fixed{
	//position: fixed !important;
	top:0;
	width: 100%;
	//z-index: 9999 !important;
	.animation(~'fadeInDown 900ms');
}

// Mobile Menu
.sp-main-menu-toggler{
	z-index: 9999;
	background: transparent !important;
	top: 38px;
	font-size: 15px;
	&:hover{
		background: transparent;
	}
}

.sp-mobile-menu{
	top: 93px;
	> ul{
		margin: 0 10px;
		background: transparent;
		border: 1px solid #f2f2f2;
		border-top: 0;
		> li{
			background: rgba(255, 255, 255, 0.9);
			padding: 0 15px;
			a, i{color: #000;}
			ul li{
				background-color: transparent;
			}
		}
	}
}

// Menu Module
.mod-wrapper-menu{
	.hikashop_products .hikashop_product {
		padding: 10px 0;
		&:first-child{
			padding-top: 0;
		}
		&:last-child{
			padding-bottom: 0;
		}
		.hikashop_container .hikashop_subcontainer .product-listing-info-wrapper{
			.hikashop_product_name a{
				letter-spacing: 1px;
				text-transform: capitalize;
			}
			.hikashop_product_price_full .hikashop_product_price{
				font-weight: normal;
			}
		}
	}
}


.fixed .hidden-desktop {
 	display: none;
}