/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/storefront
Template: storefront
Author: WooThemes
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love it's lean and extensible codebase making it a joy to customise and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options
Version: 2.1.4.1476716793
Updated: 2016-10-17 13:06:33

*/
* {
	font-family: 'Lato' !important;
}

.textwidget .contact-form input[type=text], .textwidget .contact-form input[type=email], .textwidget .contact-form textarea {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}

ul.products li.product.product-category img {
    margin-bottom: 22px !important;
    width: 100% !important;
}

ul.site-header-cart {
    display: none !important;
}

ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 25px;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    border-top: 2px solid #a9b4a2;
    margin-top: -22px;
    margin-bottom: 0px;
}

ul.products li.product img {
    display: block;
    margin: 0;
}

.widget ul.products li.product a, .woocommerce-breadcrumb a:hover, p.stars a {
    text-decoration: none;
        width: 100%;
}

.page-template-template-homepage .site-main {
    padding-top: 0;
}

.hentry.type-page .entry-header {
    border-bottom: 0;
    margin-bottom: 0;
    display: none;
}

ul.menu li.current-menu-item>a {
    color: #fff !important;
}

.widget_nav_menu ul li:before {
    display: none;
}

.site-footer a:not(.button) {
    color: #ffffff;
    text-transform: inherit;
}

.site-info {
    padding: 2.617924em 0;
    background-color: #2b2b2b;
    text-align: center;
    position: relative;
}

.site-info:after {
	content: "";
    width: 1000px;
    height: 108px;
    background-color: #2b2b2b;
    display: block;
    position: absolute;
    right: 680px;
    top: 0;
}

.site-info:before {
    content: "";
    width: 1000px;
    height: 108px;
    background-color: #2b2b2b;
    display: block;
    position: absolute;
    left: 680px;
    top: 0;
}

.site-footer {
	padding: 1.618em 0px 0px !important;
}

.widget .widget-title, .widget .widgettitle {
    font-size: 1.41575em;
    letter-spacing: 0;
    border-bottom: 1px solid #ffffff;
    padding: 0 0 5px;
    margin-bottom: 1em;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, a.cart-contents:hover, .site-header-cart .widget_shopping_cart a:hover, .site-header-cart:hover > li > a, .site-header ul.menu li.current-menu-item > a {
    color: #ffffff;
    background: #0065c3;
}

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover {
    color: #ffffff;
    text-transform: uppercase;
}

.storefront-primary-navigation {
    background: #2b2b2b !important;
}

.top-sidebar {
	margin-bottom: 40px;
	background: rgba(255, 255, 255, 0.8);
	color: #1c1c1c;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.top-sidebar .top-left {
	font-size: small;
	padding: 15px 0 5px;
	opacity: .6;
}

.top-sidebar .top-right {
	padding-bottom: 15px;
}

.top-sidebar .top-right ul.list-2 {
	margin: 0 20px;
	display: inline-block;
}

.top-sidebar .top-right ul.list-2 li {
	display: inline-block;
	vertical-align: middle;
}

/*ul.list-2 {
	list-style: none;
}

ul.list-2 li {
	display: inline-block;
}*/

@media screen and (min-width: 769px) {
	.sd-header-sticky.admin-bar .site-header {
	     top: 0px;
	}

	.top-left {
		/*width: 40%;*/
		/*float: left;*/
		/*padding-top: 10px;*/
	}

	.top-right {
		/*width: 60%;
		float: right;*/
		/*padding-top: 8px;*/
	}

	.site-header {
	    padding-top: 0;
	    padding-bottom: 0;
	}
}