/*
Theme Name:     Storefrontchild
Theme URI:      https://staticdesigner.com/storefrontchild/
Description:    A Storefront child theme designed for small WooCommerce stores / storefrontchilds. storefrontchild features a simple, traditional design which you can customise using the settings available in the WordPress Customizer. Looking for a theme for your new WooCommerce store? Look no further than Storefront and storefrontchild!
Author:         Static Designer
Author URI:     https://staticdesigner.com
Template:       storefront
Version:        2.0.4
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:    storefrontchild
*/


/* =storefrontchild styles starts here
-------------------------------------------------------------- */

.quantity .qty {
    color: #000;
    background-color: #ffffff;
}

#navbar select {
    color: #000000;
    background: #666666;
    border-color: #666666;
    font-size: 14px;
}

body {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: .938em;
    font-family: 'Lato', sans-serif;
}


select {
    color: initial;
    font-family: 'Lato', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
	font-weight: 700;
}

.alpha,
h1 {
    font-size: 2.244em;
    letter-spacing: -1px;
    line-height: 1.214;
    font-weight: 300;
}

a {
    color: #96588a;
}
.site-header {
    padding-top: 10px;
}
.site-header-cart {
	margin-top: 20px;
}
.storefront-breadcrumb {
    margin: 0 !important;
    padding: 1em 0;
}
.woocommerce-breadcrumb {
	margin-top: 0 !important;
	padding: 0 0 8px 0;
}

.site-header .custom-logo-link,
.site-header .site-branding,
.site-header .site-logo-anchor,
.site-header .site-logo-link {
    width: 100%;
    margin: 0 0 0em;
    padding-bottom: 0px !important;
}

.woocommerce-active .site-header .secondary-navigation {
    width: 100%;
    margin: 0;
}

.site-header .custom-logo-link img,
.site-header .site-logo-anchor img,
.site-header .site-logo-link img {
    max-width: 100%;
}
.hentry {
	border-bottom: 0 !important;
}
.site-footer {
	border-top: 3px solid rgba(0, 0, 0, 0.05);
	background: #ebebeb;
}
.site-footer, .site-info {
	padding: 10px 0;
}
.site-info table {
	margin: 0;
}
.site-main, .content-area {
	margin-bottom: 0;
}
.cart-contents {
    padding: .4em 0 !important;
}
.home .hentry .entry-header {
	display: none;
}
.home .site-header {
	margin-bottom: 0 !important;
}
button.menu-toggle {
    background-color: #ededed;
    border-color: #ededed;
    color: #000000;
    box-shadow: none !important;
    border-radius: 0;
    position: absolute;
    top: 5px;
    right: 10px;
}

button.menu-toggle span {
    display: inline-block;
}

button.menu-toggle:hover {
    background-color: #dcc0a6;
    border-color: #c1a286;
    color: #000000;
}

button.menu-toggle:after,
button.menu-toggle:before,
button.menu-toggle span:before {
    background-color: #000000;
}

button.menu-toggle:hover:after,
button.menu-toggle:hover:before,
button.menu-toggle span:hover:before {
    /* background-color: #fff; */
}

.storefront-product-section {
    border-bottom: 3px solid rgba(0, 0, 0, .025);
    margin-bottom: 4.236em;
}

h2,
.beta {
    font-size: 1.618em;
    letter-spacing: -1px;
}

.hentry {
    margin: 0 0 3.236em;
    padding-bottom: 3.631em;
    border-bottom: 6px solid rgba(0, 0, 0, 0.05);
}

.hentry .entry-header {
    border-bottom: 3px solid #60646c !important;
    margin-bottom: 3.631em !important;
}

.hentry .entry-header h1 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: .618em;
    margin-bottom: 3px;
}

.widget-area .widget a {
    text-decoration: none !important;
}

.widget-area .widget a:hover {
    color: #222;
}

.woocommerce-tabs {
    border: 1px solid rgba(0, 0, 0, .1);
    border-width: 1px 0;
    padding: 1em 0;
}

.storefront-handheld-footer-bar ul li.cart>a:before {
    content: "\f07a";
}

.input-text,
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
textarea {
    border-radius: 0px;
    line-height: 1;
    background: white;
}

.cart_totals {
    width: 100% !important;
}

table.cart td.product-remove {
    padding: .857em 1.387em !important;
}

table.cart .product-thumbnail {
    display: none;
}

.wcps-container div.wcps-items div.wcps-items-thumb img {
    min-height: 150px;
    max-height: 150px;
}

.select2-container .select2-choice {
    background-color: #f2f2f2;
    padding: 5px 0px 5px 8px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    border: none;
}

#order_review_heading {
    padding-left: 2.0833333333%;
    padding-right: 2.0833333333%;
    padding-bottom: .618em;
    padding-top: .618em;
    border: 3px solid #96588a;
    border-bottom: none;
    font-size: 1.387em;
}

#order_review {
    border: 3px solid #96588a;
    border-top: none;
    font-size: 12px;
}

#order_review .shop_table thead th {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    font-weight: 600;
}

#payment {
    border-top: 3px solid rgba(0, 0, 0, .1);
}

.shop_table.shop_table_responsive.cart th {
    font-weight: 600;
}

#tab-description img {float: none !important; margin: 5px auto; }

.header-alert {
	background: #c1a286;
    color: #fff;
    font-weight: 700;
    padding: 2px 30px 6px;
    display: block;
    clear: both;
    border-radius: 4px;
    font-size: 24px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}
.header-alert span {
	color: #fae3c4;
    padding-left: 25px;
}
@media (min-width: 767px) {
	.storefront-full-width-content .woocommerce-products-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header {padding: 0;}
}


@media (max-width: 768px) {
	.storefront-sorting {display: none;}
	ul.products li.product.product-category img {
		max-width: 250px;
		margin-bottom: 0;
	}
    .page-template-template-fullwidth-php table.cart thead th,
    table.cart td,
    table.cart th {
        padding: .857em 1.387em;
    }
        .site-nav > ul > li a{
	color:#fff !important;
 	}
    table.cart td.product-remove a.remove {
        font-size: 1em;
    }
    .site-header-cart .cart-contents:after {
        content: "\f07a";
    }
    .woocommerce-tabs {
        margin-bottom: 2.618em;
        padding-top: .2618em;
        padding-bottom: 2.618em;
    }
    .site-header .custom-logo-link,
    .site-header .site-branding,
    .site-header .site-logo-anchor,
    .site-header .site-logo-link {
        width: 250px;
        float: left;
        margin-right: 0;
    }
    .widget h3.widget-title,
    .widget h2.widgettitle {
        font-size: 1.387em;
        letter-spacing: 0;
        border-bottom: 3px solid #60646c;
        padding: 0 0 1em;
        margin-bottom: 1em;
        font-weight: 700;
    }
    .secondary-navigation {
        margin: 0 0 1.618em !important;
    }
    .woocommerce-active .site-header .secondary-navigation {
        width: 10%;
        float: left;
        margin-right: 4.347826087%;
    }
    .woocommerce-active .site-header .site-search {
        width: 18.73913%;
        float: right;
        margin-right: 0;
        clear: none;
    }
    .woocommerce-breadcrumb,
    #reviews .commentlist li .comment_container {
        background-color: transparent;
        margin-top: 1.5em;
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }
    ul#menu-main > li > a {
        padding: .3em 1em !important;
        border: 1px solid #222 !important;
    }
    ul#menu-main > li:hover > a {
        color: #ffffff !important;
        border: 1px solid #020202 !important;
    }
    #menu-main > li.current-menu-item > a {
        color: #ffffff;
        border: 1px solid #ffffff !important;
    }
    .storefront-primary-navigation {
        background-color: #ededed;
        padding-top: 0.118em;
	color: #ffffff;
    }


}

/* css added on 01-03-2018 */

	.flex-row {
		display: flex;
		width: auto;
    	margin-left: -5px;
    	margin-right: -5px;
	}
	.flex-column {
		position: relative;
		background: #504b47;
		flex-basis: calc(25% - 10px);
		margin: 5px;
		border-radius: 4px;
		overflow: hidden;
	}
	.flex-column h2 { 
		background: #5d6266;
		padding: 12px 5px;
		font-size: 1.1rem;
		letter-spacing: inherit;
		font-weight: 700;
		text-align: center;
		margin-bottom: 0;
	 }
	.flex-column .image img {
		border-radius: 0;
	}
	.flex-column .image {border:1px solid #504b48}
	.text {
		color: #fff;
		padding: 13px;
	    text-align: left;
	    font-size: 13px;
	}
	.text .heading, .flex-column h2 {color: #ffe2c0;}
	.text a {color: #f9da4e}
	.text a span {
		width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	@media (max-width: 768px) {
		.flex-row { flex-wrap: wrap; }
		.flex-column {flex-basis: calc(50% - 10px);}
		.header-alert {font-size: 17px;}
		.site-header {padding-bottom: 0;}
	}
	@media (max-width: 480px) {
		.flex-column { flex-basis: 100%; flex-direction: column; margin: 0 0 5px; }
	}