//==============================================================================
// Header
//==============================================================================
.header-mobile {
	.menu-item
	{
	  cursor:pointer;
	}
	.top-bar-wrapper {
		background-color: var(--g5-top-bar-mobile-bg-color);
		color: var(--g5-top-bar-mobile-text-color);

		&.full-border {
			border-bottom: solid 1px var(--g5-top-bar-mobile-border-color);
		}
		&.container-border {
			.top-bar-inner {
				border-bottom: solid 1px var(--g5-top-bar-mobile-border-color);
			}
		}
	}
	.top-bar-inner {
		padding-top: var(--g5-top-bar-mobile-padding-top);
		padding-bottom: var(--g5-top-bar-mobile-padding-bottom);
	}

	.header-mobile-inner {
		background-color: var(--g5-header-mobile-bg-color);
		color:  var(--g5-header-mobile-text-color);

		a {
			color: var(--g5-header-mobile-text-color);
			&:hover {
				color: var(--g5-color-accent);
			}
		}
		.toggle-icon-wrapper .toggle-icon:after, .toggle-icon-wrapper .toggle-icon:before,
		.toggle-icon-wrapper .toggle-icon > span {
			background-color: var(--g5-header-mobile-text-color);
		}
	}
	.header-mobile-container-inner {
		position: relative;
	}
	.header-mobile-container-inner > div {
		line-height: 90px!important;
	}
	.toggle-mobile-menu {
		float: left;
	}
	.logo-mobile-wrapper,
	.item-shopping-cart,
	.mobile-search-button,
	.shopping-cart-icon {
		display: inline-block;
	}
    .item-shopping-cart .subtotal-info-wrapper {
	    display: none;
    }
	.item-shopping-cart,
	.mobile-search-button {
		float: right;
	}
	.item-shopping-cart + .mobile-search-button {
		margin-right: 20px;
	}
	.mobile-search-button {
		font-size: 20px;
	}
	.logo-mobile-wrapper {
		position: absolute;
		padding-left: 100px;
		padding-right: 100px;
		left: 0;
		right: 0;
		text-align: center;
	}
    .header-mobile-nav {

    }
    .nav-menu-mobile {
	    display: none;
    }
    .menu-drop-fly {
	    .search-form {
		    padding: 20px;
		    position: relative;
		    background-color: #111;
		    input {
			    width: 100%;
			    -webkit-border-radius: 0;
			    -moz-border-radius: 0;
			    border-radius: 0;
			    border-color: #333;
			    background-color: #333;
		    }
		    button {
			    position: absolute;
			    right: 20px;
			    top: 20px;
			    padding-left: 12px;
			    padding-right: 12px;
			    border-radius: 0;
		    }
	    }
    }
  	.menu-drop-dropdown > .nav-menu-mobile
	{
	  overflow-x: scroll;
	}
	&.header-mobile-2 {
	  .toggle-icon-wrapper {
		float: right;
		margin-left: 10px;
	  }
	  .logo-mobile-wrapper {
		text-align: left;
		padding-left: 0;
		padding-right: 90px;
	  }
	  .both-mobile-icon {
		.logo-mobile-wrapper {
		  padding-right: 130px;
		}
	  }
	  .mobile-search-button {
		margin-right: 10px;
	  }
	  .item-shopping-cart + .mobile-search-button {
		margin-right: 20px;
	  }

	}
	&.header-mobile-3 {
	  .toggle-icon-wrapper {
		margin-right: 20px;
	  }
	  .item-shopping-cart, .mobile-search-button {
		float: left;
	  }
	  .logo-mobile-wrapper {
		text-align: right;
		padding-left: 90px;
		padding-right: 0;
	  }
	  .both-mobile-icon {
		.logo-mobile-wrapper {
		  padding-left: 130px;
		}
	  }
	  .item-shopping-cart + .mobile-search-button {
		margin-left: 10px;
	  }
	}
	&.header-mobile-4 {
	  .both-mobile-icon {
		.logo-mobile-wrapper {
		  padding-right: 50px;
		}
	  }
	}
	.is-sticky {
		height: 60px;
		.header-mobile-container-inner > div {
			line-height: 60px!important;
		}
	}
}