$menu_font_size : 0.875rem;
//
.sidebar-megamenu{
	.sambar {
		.menu_vertical{
			background:#fff;
			.btn-megamenu{
				.title-mod{
					background:none;
					text-transform:uppercase;
					font-size:14px;
					padding:0;
					color:$link_color;
					font-weight:500;
					line-height:42px;
					&:before{
						//content: '\e946';
					    display: inline-block;
						//font-family: "FontAwesome";
					    text-align: center;
					    font-size: 14px;
					    margin-right: 10px;
					    margin-top:6px;
					    color:#fff;
					    width:30px;
					    height:30px;
					    line-height:30px;
					    border-radius:100%;
					    background:$link_hover_color;
					}
				}
			}
			.sambar-inner{
				background:#fff;border: 1px solid #ddd;
				.sj-megamenu-parent{
					>li>span{
						padding: 10px 15px;
					}
					.level-1>a, 
					.level-1>a>span,
					.level-1>span>span{
						color:$link_color;
						font-size:14px;
						text-transform: capitalize;
						&:hover{
							color:$link_hover_color;
						}
					}
					.sj-dropdown li.sj-menu-item > a:hover {
					    color:$link_hover_color;
					}	
					>li>a>span,
					>li>span>span{
						display:inline-block;
					}
					>li>a>img,
					>li>span>img{
						display:inline-block;
					}			

				}
				
			}			
		}
	}
}	
.custom-vertical-1{
	padding-top:15px;
}
.custom-vertical-1 li.item {
	display: inline-block;
	float: left;
	width: 50%;
	margin: 0 0 30px;
}
.custom-vertical-1 li.item:nth-child(3) {
  	clear: both;
}
.custom-vertical-1 li.item .img {
	display: inline-block;
	float: left;
	width: 25%;
}
.custom-vertical-1 li.item .content {
	display: block;
	overflow: hidden;
	line-height: 14px;
	padding: 0 10px;
}
.custom-vertical-1 li.item .content h3.title {
	margin: 0 0 10px;
	font-size: 12px;
}
.custom-vertical-1 li.item .content h3.title a {
	color: #222;
	text-transform: uppercase;
}
.custom-vertical-1 li.item .content h3.title a:hover {
  	color: $link_hover_color;
}
.custom-vertical-1 li.item .content span {
	display: block;
	font-size: 12px;
	color: #666;
}
.custom-vertical-3 >.item > ul >li.item {
  	padding: 5px 0;
}
.custom-vertical-4 .items {
  	margin: 0 0 15px;
}
.custom-vertical-4 .items ul .item {
  	padding: 5px 0;
  	a{font-size:14px;}
}
.custom-vertical-2{
	overflow:hidden;padding:10px;
	> .item {
		float:left;
		display:inline-block;
		width: 25%;
		.list-text {
			margin: 0 0 30px;
			border:none !important;
			.item{
				margin: 0 0 5px;
			}
			span{
				border-radius: 3px;
				color: #fff;
				font-size: 12px;
				font-weight: bold;
				display: inline-block;
				min-width: 50px;
				text-align: center;		
				&.hot {
					background: #ed3f46;
				}	
				&.new {
					background: #63c54c;
				}
				&.sale {
					background: #ecaa1b;
				}	
			}
			strong {
				font-size: 14px;
				color:#222;
				margin:0 15px;
			}
		}
		.list-menu {
			margin: 0 0 30px;
			h3.title {
				color: $link_color;
				font-size: 14px;
				margin: 0;
				text-transform: uppercase;
				&:after {
					content: "";
					height: 2px;
					width: 40px;
					background: $link_hover_color;
					display: block;
					margin: 8px 0;
				}
			}
			>ul{
				border:none !important;
				>li a{
					font-size: 13px;
					color: $link_color;
					padding: 8px 0;
					display: inline-block;
					&:hover {color:$link_hover_color;}
				}	
			} 
			.view-more {
				font-size: 12px;text-decoration: underline;
			}
		}
	}
}

body.site {
	&.home-layout{
		.header-style-1{
			.sidebar-megamenu{
				.menu_vertical:hover .sj-megamenu-hover{
					opacity: 1;
    				visibility: visible;
    				top: 100%;
				}
			}
		}
	}
	.header-style-1{
		.sidebar-megamenu{
			&:hover{
				.menu_vertical {
					.sj-megamenu,
					.sj-megamenu-hover{
						opacity: 1;
	    				visibility: visible;
	    				top: 100%;
					}
				}
			}
			.menu_vertical{
				.sj-megamenu,
				.sj-megamenu-hover{
					visibility: hidden;
					opacity: 0;
					transition: all 0.2s ease-in-out 0s;
					-webkit-transition: all 0.2s ease-in-out 0s;
					position: absolute;
					left: 0;
					top: 130%;
					width: 120%;
					background-color: #fff;
					z-index: 140;
				}
			}
		}		
	}
	.menu_vertical .offcanvas-menu ul.nav li a{
		color:$link_color;
		>img{
			display:inline-block;
		}
		>.image-title{
			margin: 0 5px;
		}
	}	

	.sidebar-megamenu .menu_vertical .offcanvas-menu{
		left:-100%;
		right:auto;
		-webkit-transition: all 0.6s;
    	transition: all 0.6s;
	}
	.sidebar-megamenu .menu_vertical.offcanvas{
		.offcanvas-overlay{
			visibility: visible;
	    	opacity: 1;
	    }
	    .offcanvas-menu {
		    display: block;
		    transition-duration: 0ms;
		    left:0;
		    right:auto;
		    transform: translate(0, 0px);
		    .offcanvas-inner {
			    padding: 30px 10px;
			}
		}
	}

	&.rtl .sidebar-megamenu .menu_vertical .offcanvas-menu{
		left:auto;
		right:-100%;		
	}
	&.rtl .sidebar-megamenu .menu_vertical.offcanvas{
	    .offcanvas-menu {		   
		    right:0;
		    left:auto;
		}
	}

	
}
@media (max-width: 980px){
	.sidebar-megamenu .sambar .sambar-inner .btn-sambar {
		position:absolute;
	    -webkit-border-radius: 100%;
	    -moz-border-radius: 100%;	    
	    border-radius: 100%;
	    margin: 0;
	    padding: 0;	    
	    text-shadow:none;
		display: inline-block;
	    text-align: center;
	    font-size: 14px;
	    margin-right: 10px;
	    margin-top: 5px;
	    color: #fff;
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    background: $link_hover_color;
	    &:before{
	    	content: '\f0c9';
		    display: inline-block;
		    font-family: FontAwesome;
	    }
	    .icon-bar {
		    display:none;
		}
	}
	.sidebar-megamenu .menu_vertical .title-mod {
	    display: block;
	}
}
@media (max-width: 980px){	
	.sidebar-megamenu .menu_vertical .title-mod {
	    display: none;
	}
}

//active menu home helix
.home-layout .sp-megamenu-parent > li:first-child{
	>a, >span{
		color:$link_hover_color;
		//background-color: $link_hover_color;
	}
	&:before{
		width:100%;
	}
}

.sp-megamenu-parent{
	list-style: none;
	padding: 0;
	margin: 0 -25px;
	z-index: 3;
	display: block;
	float: left;
	position: relative;

	>li {
		display: inline-block;
		position: relative;
		padding: 0 0px;
		margin:0 25px;
		&.menu-justify {
			position: static;
		}
		
		&:hover,
		&.active{
			>a, >span{
				color:$link_hover_color
			} 
			&:before{
				width:100%;
			}
		}
		&:before{
			content:"";
			width:0;
			height:2px;
			position:absolute;
			bottom:0px;
			background-color: $link_hover_color;
			transition: all 0.3s ease-in-out 0s;
			display:none;
		}		
		
		>a, >span {
			display: inline-block;
			line-height: 26px;
			height: auto;
			color:$menu_text_color;
			font-size: 1rem;
			text-transform: uppercase;
			font-weight: 700;
			position: relative;
			padding: 15px 0;
			margin: 0;			
		}

		&.active > a {
			//font-weight: 500;
		}		

		.sp-menu-badge {
			height: 20px;
			line-height: 20px;
			padding: 0 5px;
			font-size: 10px;
			letter-spacing: 1px;
			display: inline-block;
			text-transform: uppercase;
			background: #d60000;
			color: #fff;
			border-radius: 3px;
		}
	}

	.sp-module {
		padding: 10px;
	}

	.sp-mega-group {
		list-style: none;
		padding: 0;
		margin: 0;

		>li > a,
		>li > span{
			display: block;
			text-transform: uppercase;
			font-size: 1rem;
			font-weight: 500;
			margin-bottom: 8px;
		}

		.sp-mega-group-child{
			list-style: none;
			padding: 0;
			margin: 0;
		}
	}

	.sp-dropdown {
		margin: 0;
		position: absolute;
		z-index: 10;
		display: none;

		.sp-dropdown-inner{
			box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
			padding:18px 30px;
			border-radius:0 0 5px 5px;
			>.row:not(:first-child) {
				margin-top: 20px;
			}
		}

		.sp-dropdown-items{
			list-style: none;
			padding: 0;
			margin: 0;
		}

		&.sp-dropdown-main {
			top: 100%;
		}

		&.sp-dropdown-sub {
			top: 0;

			.sp-dropdown-inner {
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
			}
		}

		//List Item
		li.sp-menu-item { //child sub
			display: block;
			padding: 0;
			position: relative;

			>a, span:not(.sp-menu-badge) {
				font-size: $menu_font_size;
				line-height: 1;
				//display: inline-block;
				display: block;
				padding: 12px 0;
				cursor: pointer;

				&.sp-group-title {
					text-transform: uppercase;
					font-weight: bold;
				}
			}
			&.active a{
				color:$link_hover_color;
			}
		}

		// Module
		.sp-module {
			padding: 0;
			.sp-module-title {
				font-size: $menu_font_size;
				margin: 0 0 15px;
				text-transform: uppercase;
				font-weight: bold;
			}

			.latestnews {
				margin: 0;
				>li {
					&:not(:last-child) {
						margin: 0 0 15px;
					}
					a {
						font-size: 14px;
						span {
							opacity: .8;
						}
					}
				}
			}
		}
	}

	.sp-dropdown-mega {
		>.row {
			margin-top: 30px;
			&:first-child {
				margin-top: 0;
			}
		}
	}

	//Has Child
	.sp-has-child {
		&:hover {
			>.sp-dropdown {
				display: block;
			}
		}
	}

	//fadeIn
	&.menu-animation-fade {
		.sp-has-child {
			&:hover {
				>.sp-dropdown {
					animation: spFadeIn 600ms;
				}
			}
		}
	}

	// fadeInUp
	&.menu-animation-fade-up {
		.sp-has-child {
			&:hover {
				>.sp-dropdown {
					animation: spFadeInUp 400ms ease-in;
				}
			}
		}
	}

	// fadeInDown
	&.menu-animation-fade-down {
		.sp-has-child {
			&:hover {
				>.sp-dropdown {
					animation: spFadeInDown 400ms ease-in;
				}
			}
		}
	}

	// zoomIn
	&.menu-animation-zoom {
		.sp-has-child {
			&:hover {
				>.sp-dropdown {
					animation: spZoomIn 300ms;
				}
			}
		}
	}

	// rotateIn
	&.menu-animation-rotate {
		.sp-has-child {
			&:hover {
				>.sp-dropdown {
					animation: spRotateIn 300ms;
				}
			}
		}
	}

	// Elastic
	&.menu-animation-pulse {
		.sp-has-child {
			&:hover {
				>.sp-dropdown {
					animation: spPulse 300ms;
				}
			}
		}
	}
}

// ltr
body {
	&.ltr {
		.sp-megamenu-parent {
			>li {
				&.sp-has-child>a:after,
				&.sp-has-child>span:after{
					font-family: "FontAwesome";
					content: "\f107";
					font-size:14px;
					float: right;
					margin-left: 7px;
				}
		
				.sp-menu-badge {		
					&.sp-menu-badge-right {
						margin-left: 5px;
					}
		
					&.sp-menu-badge-left {
						margin-right: 5px;
					}
				}
			}
		
			.sp-dropdown {
				.sp-dropdown-items{		
					.sp-has-child>a:after{
						font-family: "FontAwesome";
						content: "\f105";
						float: right;
						margin-left: 5px;
					}
				}
		
				&.sp-menu-center{
					margin-left: 45px;
				}
		
				&.sp-dropdown-main {
					&.sp-menu-right {
						left: 0;
					}
		
					&.sp-menu-full {
						left: auto;
						right: 0;
					}
		
					&.sp-menu-left {
						right: 0;
					}
				}
		
				&.sp-dropdown-sub {
					left: 100%;
				}
			}
		}
	}
}

@media (min-width: 576px) {
	.sp-menu-full.container {
		width: 540px;
	}
}

@media (min-width: 768px) {
	.sp-menu-full.container {
		width: 720px;
	}
}

@media (min-width: 992px) {
	.sp-menu-full.container {
		width: 960px;
	}
}

@media (min-width: 1200px) {
	.sp-menu-full.container {
		width: 1140px;
	}
}