/*
  @package amaaaze
*/
/*
  Menus
  ---------------------
*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	@media(max-width: $screen-md-max) and (min-width: $screen-md-min){
		position: relative;
		left: 12%;
	}
	ul.sub-menu{
		display: block;
		float: left;
		text-align: left;
	}
	ul {
		margin: 0 auto;
		padding: 0;
		display: flex;
		text-align: center;
		justify-content: center;
		float: none;
		list-style: none;
		ul {
			float: left;
			position: absolute;
			top: auto;
			left: -999em;
			z-index: 99999;
			background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0;
			ul {
				left: -999em;

			}

			li {
				&:hover > ul,
				&.focus > ul {
				}
			}

			a {
				width: 200px;
			}

			:hover > a,
			.focus > a {
			}

			a:hover,
			a.focus {
			}
		}

		li:hover > ul,
		li.focus > ul {
			left: auto;
			@include transform(translateY(0px));
		}

		.sub-menu,.children{
			padding: 15px 0;
			margin-top: 0px;
			li{
				 a{
					display: block;
					color: $dark-grey;
					font-size: 14px ;
					line-height: 2;
					letter-spacing: 0px;
					font-weight: 500;
					text-transform: none;
					border: none;
					padding: 8px 20px;
					&:after{
					  opacity: 0;
					}
				    &:hover,&:focus{
				      background: none;
					  color: $brand-primary;
				      &:after{
				        opacity: 0;
				      }
				    }
				}
			}
			&:after {
				content: "";
			    display: block;
			    height: 20px;
			    position: absolute;
			    top: -20px;
			    width: 100%;
			}
		}
	}
	li {
		float: left;
		position: relative;

		&:hover > a,
		&.focus > a {
		}
		a{
			font-family: $head-font;
		}
	}

	a {
		display: block;
		text-decoration: none;
		font-size: 14px ;
		font-weight: 500;
		padding: 10px 15px;
		line-height: 2;
	}

	.current_page_item > a,
	.current-menu-item > a,
	.current_page_ancestor > a,
	.current-menu-ancestor > a {
	}
}

/* Top bar menu */
.top-bar{
	background-color: $white;
	padding: 20px 0;
	.amaaaze-topbar-widget{
		@media(max-width: $screen-xs-max){
			width: 100%;
			text-align: center;
		}
	}
	.contact-info-left{
		ul{
			li{
				display: inline-block;
				float: left;
				margin-right: 30px;
				font-size: 14px;
				margin-bottom: 0px;
				color: $white;
				line-height: 28px;
				@media(max-width: $screen-xs-max){
					float: none;
					margin-right: 0px;
					display: block;
					text-align: center;
				}
				span{
					&:before{
						margin-right: 6px;
						color: $brand-primary;
						top: 3px;
						position: relative;
					}
				}
			}
		}
	}
	.top-right{
		padding-right: 0px;
		@media(max-width: $screen-xs-max){
	    padding-right: 15px;
	  }
		@media(max-width: $screen-xs){
			width: 100%;
		}
		.search-icon{
			cursor: pointer;
			i{
				color: $white;
				line-height: 3;
			}
		}

		// Social Link
		.top-social-links{
			ul{
				li{
					float: left;
					padding: 0;
					margin-bottom: 0px;
					width: 36px;
					text-align: right;
					@media(max-width: $screen-xs-max){
						float: none;
						padding: 0 10px;
						width: 100%;
						text-align: center;
						display: inline;
					}
					a{
						color: $white;
						font-size: 16px;
						i{
							font-size: 14px;
						}
						&:hover{
							color: $brand-primary;
						}
					}
				}
			}
		}
	}
}
.navbar.navbar-default{
	&.social-menu{
		max-width: 250px;
		margin: 0 auto;
		background-color: transparent;
		border-color: transparent;
		ul{
			li{
				max-width: 60px;
				a{
					text-align: center;
					color: transparent;
					font-size: 0;
					height: 0;
					padding: 0;
					background-color: transparent;
					margin: 2px;
					line-height: 2.5;
					&:after{
						font-family: fontawesome;
						color: $grey;
						font-size: 18px;
						padding: 15px;
					}
				}

				&.facebook{
					a{
						&:after{
							content: "\f09a";
						}
					}
				}
				&.twitter{
					a{
						&:after{
							content: "\f099";
						}
					}
				}
				&.quora{
					a{
						&:after{
							content: "\f2c4";
						}
					}
				}
				&.instagram{
					a{
						&:after{
							content: "\f16d";
						}
					}
				}
				&.linkedin{
					a{
						&:after{
							content: "\f0e1";
						}
					}
				}
			}
		}
	}
}

.menu-container{
	padding-left: 0px;
	padding-right: 0px;
	.main-navigation{
		padding-left: 0px;
		padding-right: 0px;
	}
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
@media screen and (min-width: 767px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
	}
}
.main-navigation{
	ul.navbar-right{
		li.menu-item:nth-last-child(1){
			a{

			}
		}
	}
}
/*
  Header
  ---------------------
*/
.header-background{
    height: 100vh;
    .header-content{
        text-align: center;
        .site-title{
            color: $white;
            font-weight: 600;
            a{
              color: $white;
            }
        }
        .site-description{
            color: $white;
            font-weight: 600;
            font-size: 16px;
            margin-top: 1em;
        }
    }
}
.site-branding{
		text-align: left;
		.site-title{
			margin: 0;
			color: $white;
			display: inline-block;
			padding: 0px;
			font-size: 42px;
			a{
				.logo-text{
					font-size: 34px;
				}
				img{
					width: 250px;
				}
			}
		}
		.desc{
			color: $brand-secondary;
			font-size: 14px;
			font-style: italic;
			margin-top: 0px;
		}
}

.header-container{
  position: relative;
  display: block;
  .nav-container{
    width: 100%;
	.topbar-right{
		text-align: right;
		@media(max-width: $screen-md-max) and (min-width: $screen-md-min){
			text-align: left;
			padding-left: 60px;
		}

	}
    .topbar-widgets{
        display: inline;
    }
		.topbar-icons{
			display: inline-flex;
			margin-bottom: 0px;
			@media(max-width: $screen-xs){
				width: 50%;
				margin-bottom: 15px;
			}
		}
    .search-icon{
        display: inline-block;
    	.toggle-search{
				font-weight: normal;
    		line-height: 20px;
        font-size: 16px;
    		text-align: center;
				min-width: 30px;
    		i{
    			color: $white;
    		}
    	}

    }
    .amaaaze-login{
        display: inline-block;
    	.toggle-login{
            .login_button{
                font-size: 16px;
        		line-height: 20px;
        		padding: 15px;
        		text-align: center;
                color: $purple;
        		i{
        			color: $purple;
        		}
            }
            a{

            }
    	}
    }

    .sidebar-open{
      display: inline-block;
      cursor: pointer;
      color: $white;
			font-size: 16px;
      font-weight: normal;
	    text-align: center;
			margin-right: 32px;
			position: relative;
			-webkit-transition: all 0.3s;
			border-radius: 0px;
			line-height: 45px;
			width: 35px;
			height: 35px;

        &:hover,&:focus{
					color: $white;
		    	background: $brand-secondary;
        }
        @media(max-width: $screen-xs-max){
            &.visible-xs{
                display: inline-block !important;
            }
        }
    }
    &.affix{
        @include admin-sticky-fix();
        position: fixed;
        z-index: 9999;
				box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
				top: 0;
				padding: 15px 0;
				animation-name: menu_sticky;
				-webkit-animation-name: menu_sticky;
				animation-duration: 0.70s;
				animation-timing-function: ease-in-out;
        @media(max-width: $screen-xs-max){
            position: static;
        }

				.topbar-icons{
					.amaaaze-shopping{
						padding: 22px 0;
					}
					.search-icon{
						.toggle-search{
							padding: 37px 0;
						}
					}
				}
    }
  }
  @media(max-width: $screen-xs){
      .nav-container{
        position: relative;
        .site-title{
            font-size: 32px;
            line-height: 1.5;
        }
    }
  }
}
/*
  Navbar
  ---------------------
*/
.navbar-amaaaze{
  margin-bottom: 0;
  background: transparent;
	border: none;
  text-shadow: none;
	margin-top: 12px;
  .navbar-nav{
    li{
      	a{
	        font-size: 16px;
	        background: none;
	        font-weight: 400;
					padding: 12px 18px;
	        color: $header-menu;
	        text-transform: capitalize;
	        @include animate(all, 500ms);
					&:hover,&:focus{
	          color: $brand-primary;
	          background: none;
	        }
      	}
				&.download_menu{
					margin-left: 15px;
					a{
						background-color: $gray-lightest;
						border: 1px solid $gray-lighter;
						color: $brand-primary;
						border-radius: 3px;
					}
				}
      	&.active,&.current_page_item,&.current_page_parent,&.current_page_ancestor{
	        > a{
	          color: $brand-primary;
			  		background: $white;
	          &:hover,&:focus{
	            opacity: 1;
	            color: $brand-primary;
	          }
	        }
      	}
				&.page_item_has_children,&.menu-item-has-children{
					position: relative;
					&:after{
						position: absolute;
						content: "\f107";
						right: 5px;
						font-family: fontawesome;
						top: 7px;
						font-size: 13px;
						color: $header-menu;
						font-weight: 400;
						display: inline-block;
						line-height: 2.7;
						@media(max-width: $screen-sm-max){
							display: none;
						}
					}
					&.active,&.current_page_item,&.current_page_parent,&.current_page_ancestor{
						&:after{
							color: $brand-primary;
						}
					}
					&:hover{
						&:after{
							color: $brand-primary;
						}
					}
				}
      	&.open{
	        a{
	          background: rgba(0,0,0,0.5);
	          color: $brand-primary;
	          &:hover,&:focus{
	            color: $brand-primary;
	            background: rgba(0,0,0,0.5);
	          }
	        }
      	}
      	.children,.dropdown-menu,.sub-menu{
					@include trans(all, 500ms);
        	background: $white;
					padding: 0px;
					min-width: 280px;
					display: block;
					text-align: left;
					li:first-child{
						border-top: 0px none;
					}
	        li{
		        display: block;
		        float: none;
						padding: 0px;
						border-top: 1px solid $gray-lightest;
		        a{
							@include trans(all, 500ms);
							@include transform(translateX(0));
							position: relative;
							display: block;
							width: 100%;
							font-weight: 400;
							line-height: 20px;
							padding: 15px 15px 15px 20px;
							background: $lighter-grey;
							color: $dark-grey;
							text-transform: capitalize;
		            &:hover,&:focus{
									color: $white;
									background: $dark-grey;
		              	&:before{
											@include transform( translateY(0) );
		                	opacity: 1;
											left: -5px;
											background: transparent;
		              	}
		            }
	          	}
							ul, .children{
								left: -999em;
							}
						&.page_item_has_children,&.menu-item-has-children{
							&:after{
								content:"\f105";
								line-height: 2;
								right: 10px;
							}
							&:hover,&:focus{
								> a{
									background: $brand-primary;
									color: $white;
								}
								ul, .childern{
									@include transform(translateY(0px));
									left: 90%;
									top: 0;
									a{
										background: transparent;
										color: $dark-grey;
										&:hover{
											background: $brand-primary;
											color: $white;
										}
									}
								}
							}
						}
						&.current_page_ancestor, &.current_page_item{
							> a{
								//@include transform(translateX(10px));
							}
						}
	        }
      	}
		&.page_item_has_children,&.menu-item-has-children{
			> a{
			}
			&:hover{
				> a{
					color: $brand-primary;
				}
			}
		}
		&:hover{
			.sub-menu, .children, .dropdown-menu{
				@include transform(translateY(0px));
			}
		}
    }
  }
}
/*
  Off canvas mobile menu
  ---------------------
*/
.amaaaze-offcanvas-menu{
	padding: 20px;
    ul.navbar-collapse{
			-webkit-box-shadow: none;
      padding: 0;
      margin: 0;
			border: none;
      display: block;
        li{
					list-style: none;
            a{
              background: transparent;
              color: $white;
              font-weight: 400;
							display: block;
							font-size: 16px;
							text-transform: capitalize;
							padding: 10px 10px 10px 15px;
							opacity: 0.6;
							position: relative;
                &:hover,&:focus{
                    opacity: 1;
                    background: transparent;
                }
								&:before{
									content: "\f00a";
									position: absolute;
									left: 0;
									display: inline-block;
									font-family: FontAwesome;
									line-height: 1;
									margin-top: 5px;
									font-size: 10px;
								}
            }
						&.menu-item-has-children{
							a{
								&:after{
									content: "\f0d7";
									position: absolute;
									right: 0px;
									display: inline-block;
									font-family: FontAwesome;
									line-height: 1;
									margin-top: 0;
									font-size: 10px;
								}
							}
						}
            &.current-menu-item,&.active{
                > a{
                    color: $white;
										opacity: 1;
                    &:hover,&:focus{
                        color: $white;
                    }
                }
            }
					.sub-menu,.children{
						padding-left: 20px;
						background: none;
						li{
							a{
								padding: 5px 0;
								&:before,&:after{
									display: none;
								}
							}
						}
					}
        }
    }
}
/*
  Media Queries
  ---------------------
*/
@media(max-width: $screen-xs){

}

// Head search
.head-search{
	background-color: $brand-secondary;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: auto;
	.search-expand{
		padding: 20px 0px;
		.close_button{
			color: $white;
			padding-right: 0px;
			cursor: pointer;
			font-weight: bold;
			@media(max-width: $screen-xs-min){
				text-align: center !important;
				top: -15px;
			}
		}
		.search-expand-inner{
			form.searchform{
				width: 280px;
				.input-group{
					input{
						line-height: 24px;
						background: none;
						padding: 7px 40px 7px 0px;
						border-width: 0px 0px 1px 0px;
						border-color: $white;
						border-style: solid;
						box-shadow: none;
						color: $white;
						height: 40px;
						min-width: 400px;
						width: 100%;
						font-size: 16px;
						border-radius: 0px;
						@media(max-width: $screen-xs-min){
							min-width: 232px;
						}
						&:focus{
							-webkit-box-shadow: none;
						}
					}
					input:focus + .input-group-btn button{
						background-color: transparent;
					}
					.input-group-btn{
						button{
							background: transparent;
							padding: 0px;
							border-radius: 0px;
							font-size: 14px;
							height: 40px;
							line-height: 40px;
							right: 0;
							text-align: center;
							top: 0;
							width: 42px;
							border-width: 0px 0px 1px 0px;
							border-style: solid;
							border-color: $white;
							@media(max-width: $screen-xs-min){
								width: 25px;
								right: 17px;
							}
						}
					}
				}
			}
		}
	}
}

// Footer social menu

.amaaaze-header-menu{
	@media(max-width: $screen-xs-min){
		width: 100%;
		display: none;
	}
	ul.navbar-social{
		text-align: left;
		margin-left: 0px;
		padding-left: 0px;
		li{
		}
	}
}
.amaaaze-header-menu, .amaaaze-footer-menu{
	padding: 0px;
	.navbar{
		min-height: 0px;
	}
	ul.navbar-social{
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100%;
		box-shadow: none;
		text-align: right;
		li{
			max-width: 58px;
			display: inline-block;
			&.facebook{
				a:after{
					content: "\f09a";
				}
			}
			&.twitter{
				a:after{
					content: "\f099";
				}
			}
			&.google{
				a:after{
					content: "\f0d5";
				}
			}
			&.linkedin{
				a:after{
					content: "\f0e1";
				}
			}
			&.rss{
				a:after{
					content: "\f09e";
				}
			}
			&.skype{
				a:after{
					content: "\f17e";
				}
			}
			a{
				color: transparent;
				font-size: 0;
				height: 0;
				padding: 0;
				background-color: transparent;
				line-height: 3;
				color: $brand-secondary;
				&:after{
					font-family: fontawesome;
					font-size: 16px;
					margin: 0 0 0 20px;
				}
				&:hover{
					color: $brand-primary;
				}
			}
		}
	}
}