/*
Theme Name: Electro Child
Theme URI: https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
Template: electro
Author: MadrasThemes
Author URI: https://madrasthemes.com/
Description: Electro is a robust and flexible WordPress theme, designed by Transvelo to help you make the most out of using WooCommerce to power your online store. The design is well suited for Electronics Store, Vendor based marketplaces, affiliate websites. It is built and comes bundled with most of the advanced features available in most popular eCommerce websites like amazon, flipkart, snapdeal, walmart, alibaba, aliexpress, etc.
Tags: black,blue,pink,yellow,dark,light,two-columns,left-sidebar,fixed-layout,responsive-layout,custom-colors,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.4.12.1516423523
Updated: 2018-01-20 04:45:23
*/

/** Source http://www.pootlepress.com/2014/04/100-woocommerce-tips-tricks/
Change the Woocommerce star ratings to show stars rather than theme ratings

**/

.star-rating {
    overflow: hidden;
    position: absolute !important;
	bottom:-20px !important;
	left:1px !important;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.5em;
    font-family: star;
}

.woocommerce .star-rating:before, .woocommerce .star-rating span:before {
    color: #ff9933 !important;
}


li.product .product-thumbnail {
    margin-bottom: .714em;
    position: relative;
    width: 100%;
    padding-bottom: 93.01%;
    float: left;
    height: 0;
}

.section-onsale-product .savings, .section-onsale-product-carousel .savings {
    width: 110px;
    height: 35px;
    border-radius: 8px;
    background-color: #ea0000;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}

.handheld-navigation {
    background-color: #024e1f;
    position: fixed;
    top: 0;
    left: -80%;
    width: 80%;
    height: 100%;
    transition: left .2s;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: left .2s;
    -moz-transition: left .2s;
    -ms-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
    z-index: 10000;
    display: block!important;
    border-right: 1px solid rgba(255,255,255,.2);
}

.handheld-navigation .ehm-close {
    display: block;
    background-color: rgba(0,0,0,.5);
    cursor: pointer;
    color: #fff;
    overflow: hidden;
    font-weight: 700;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.handheld-navigation ul li a {
    padding: .257em 1.387em;
    display: inline-block;
    width: 100%;
    color: #b8e842 !important;
	font-size:1.2em;
}

 .handheld-header {
    margin-bottom: 0 !important;
 }

.footer-bottom-widgets .widget-title {
    font-size: 1.143em;
    line-height: 1.125em;
    margin-bottom: 1.5em;
    font-weight: 700;
}

@media (max-width: 991px){
	/*
	.navbar-toggler{
		float: left !important;
	} 
	
	.navbar-toggle-hamburger {
		float: left !important;
	}
	
	.site-header .handheld-header .header-logo {
		text-align: right !important;
		width: 60%;
	}
	
	.handheld-header .handheld-navigation-wrapper {
    	float: left;
	}
	*/
	#masthead{
		position:fixed;
		z-index:10000;
		width:100%;
	}
	
	.top-bar{
		display:none;
	}
	
	.hide-mobile {
		display:none !important;
	}
	
	.padding-top-mobile{
		padding-top:20px;
	}
}

@media (max-width: 991px){
	.header-logo, .primary-nav {
		margin-bottom: 0.1em;
	}
}
.navbar-toggler {
    padding: .9rem .75rem 0.9rem .75em;
}

.electro-handheld-footer-bar, .electro-handheld-footer-bar ul li.search .site-search, .electro-handheld-footer-bar ul li>a {
    background-color: #21262a;
    color: #fff;
}

.electro-handheld-footer-bar ul:not(.menu) li>a {
    height: 4.235801032em;
    display: block;
    position: relative;
    text-indent: -9999px;
/*     font-weight: 999; */
    border-right: 1px solid rgba(255,255,255,.2);
	font-weight:bold;
}

.electro-handheld-footer-bar ul:not(.menu) li>a:hover {
	background: #024e1f;
}

.woocommerce-breadcrumb {
    margin-top: 0.5em;
    margin-bottom: 0.571em;
}

@media (max-width: 991px){
	.top-bar .nav.nav-inline {
		float: none;
		text-align: center;
		margin: .1em 0;
	}
}