/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/storefront/
Template: storefront
Author: Automattic
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 its lean and extensible codebase making it a joy to customize 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,editor-style
Version: 4.3.0.1686668917
Updated: 2023-06-13 15:08:37

*/

.site-header .site-branding {
	max-height: 60px;
}

.site-header .site-branding img {
	height: 60px;
	width: auto;
}

.single-product div.product {
    margin-top: 12rem;
}

.product_title.entry-title {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 0;
}


@media screen and (max-width: 768px) {

	.woocommerce-tabs.wc-tabs-wrapper {
		margin: 2rem;
	}

	.summary.entry-summary {
		margin: 2rem;
	}
}
@media screen and (min-width: 768px) {
    .site-header .site-branding img {
    	height: 100px;
    	width: auto;
    }
}
@media screen and (min-width: 992px) {
    /*Single product view desktop */
    .single-product div.product {
        padding-right: 10rem;
    }
}

.post-type-archive-product #primary.content-area,
.post-type-archive-product #secondary.widget-area,
.tax-product_cat #primary.content-area,
.tax-product_cat #secondary.widget-area {
	padding: 10% 5%;
}

.featured-image-wrapper {
    width: 100%;
    position: relative;
    margin-top: 11%;
    background-size: cover;
}
.featured-image-wrapper:before {
    display: block;
    width: 100%;
    padding-top: 32%;
    content: "";
}

ul.products li.product img, 
ul.products .wc-block-grid__product img, 
.wc-block-grid__products li.product img, 
.wc-block-grid__products .wc-block-grid__product img, 
ul.products li.product.product-category img, 
ul.products .wc-block-grid__product.product-category img, 
.wc-block-grid__products li.product.product-category img, 
.wc-block-grid__products .wc-block-grid__product.product-category img {
    height: 230px;
    object-fit: contain;
}
@media screen and (min-width: 768px) {
    .products.columns-4{
        display: flex;
        flex-wrap: wrap;
    }

    .products.columns-4>.product{
        display: flex;
        flex-direction: column;
    }
    .products.columns-4>.product>a.button{
        margin-top: auto;
    }
}

/* hide unused storefront features */
.woocommerce-products-header {
    display: none;
}

.storefront-breadcrumb {
    margin-bottom: 0;
}

.onsale, .wc-block-grid__product-onsale {
    position: absolute;
    top: -12px;
    left: 36px;
    padding: 6px;
    font-size: 1rem;
    background: rgb(255,84,84);
    background: linear-gradient(36deg, rgba(255,84,84,1) 0%, rgba(255,255,255,1) 100%);
}

.single-product .onsale {
    top: 6px;
    left: 6px;
    z-index: 1000;
}

@media screen and (min-width: 768px) {
    .onsale, .wc-block-grid__product-onsale {
        left: -12px;
    }
	
	.left-sidebar .content-area {
        width: 67%;
        float: right;
        margin-right: 0
    }

    .left-sidebar .widget-area {
        width: 32%;
        float: left;
        margin-right: 1%
    }

    .single-product #primary.content-area, .single-product #secondary.widget-area,
    .post-type-archive-product #primary.content-area, .post-type-archive-product #secondary.widget-area
    .archive #primary.content-area, .archive #secondary.widget-area {
        padding: 10% 5% 10% 5%;
    }
}

@media screen and (min-width: 1200px) {
    .featured-image-wrapper {
        margin-top: 9%;
    }
    .post-type-archive-product #primary.content-area,
    .post-type-archive-product #secondary.widget-area {
        padding-top: 5%;
    }
    
    

    .left-sidebar .content-area {
        width: 73%;
        float: right;
        margin-right: 0
    }

    .left-sidebar .widget-area {
        width: 26%;
        float: left;
        margin-right: 1%
    }
}

.cart .quantity{
    position: relative;
    margin-bottom: 20px;
}
.cart .quantity .quantity-btn{
    background: #f2f2f2;
    background-color: #f2f2f2;
    position: relative;
}
.cart .quantity .input-text{
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, .125);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    form.woocommerce-cart-form .product-quantity{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    form.woocommerce-cart-form .product-quantity>.quantity{
        margin-left: -13px;
        margin-right: -13px;
    }

    .cart .quantity .quantity-btn{
        padding: 0 10px;
    }
    .cart .quantity .amountControls__boxControls{
        width: 100%;
    }
}
.cart .quantity .amountControls__boxControls{
    position: absolute;
    bottom: -30px;
    left: auto;
    right: auto;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
}
.amountControls__boxControls .amountControls__box {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 0 7px;
    flex-basis: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.amountControls__boxControls .amountControls__increaseBox,
.amountControls__boxControls .amountControls__decreaseBox{
    transition: all .15s ease-in-out;
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6d6d6;
    padding: 0;
    z-index: 1;
    position: relative;
    cursor: pointer;
    justify-content: center;
    background: #fff;
    flex-basis: auto;
    width: 41px;
    padding: 4px;
}
.amountControls__boxControls .amountControls__decreaseBox {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.amountControls__boxControls .amountControls__increaseBox {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.amountControls__boxControls .amountControls__decreaseBox:hover,
.amountControls__boxControls .amountControls__increaseBox:hover {
    border: 1px solid #66757d;
}
.amountControls__boxControls .amountControls__boxUnit{
    margin-left: 5px;
}
table.cart td.product-quantity .quantity{
    max-width: 200px;
    display: flex;
}
table.cart td.product-quantity .quantity .qty{
    width: 100%;
    max-width: 100%;
}

.single-product div.product .images,
.single-product div.product .summary,
.single-product div.product .woocommerce-product-gallery {
    margin-bottom: 0;
    margin-top: 0;
}
@media (min-width: 768px) {
    .single-product div.product .woocommerce-product-gallery {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 0;
    }
}
.single-product div.product .summary-aside{
    margin-bottom: 2.617924em;
    margin-top: 0;
}
@media (min-width: 768px) {
    .single-product div.product .summary-aside{
        width: 41.1764705882%;
        float: left;
        margin-right: 5.8823529412%;
        margin-bottom: 3.706325903em;
    }
}


/* Hide prices */
body.veso-hide-prices .bdt-mini-cart-wrapper .woocommerce-Price-amount{
    display: none;
}
body.veso-hide-prices .bdt-mini-cart-subtotal{
    display: none;
}
body.veso-hide-prices .woocommerce-cart-form th.product-price,
body.veso-hide-prices .woocommerce-cart-form th.product-subtotal,
body.veso-hide-prices .woocommerce-cart-form td.product-price,
body.veso-hide-prices .woocommerce-cart-form td.product-subtotal{
    display: none;
}
body.veso-hide-prices .cart-collaterals .cart-subtotal,
body.veso-hide-prices .cart-collaterals .order-total{
    display: none;
}

body.veso-hide-prices .woocommerce-checkout-review-order-table th.product-total{
    text-indent: -999px;
    overflow: hidden;
}
body.veso-hide-prices .woocommerce-checkout-review-order-table tr.cart-subtotal,
body.veso-hide-prices .woocommerce-checkout-review-order-table tr.order-total{
    display: none;
}

body.veso-hide-prices .woocommerce-order-overview__total{
    display: none;
}

body.veso-hide-prices .woocommerce-table--order-details .product-total{
    text-indent: -999px;
    overflow: hidden;
}
/* Hide prices end*/

/* Product attachments */
.wcpoa-product-attachments .wcpoa_attachment{
    position: relative;
}
.wcpoa-product-attachments .wcpoa_attachment .wcpoa_attachment_name{
    font-weight: 500;
    margin: 0;
    padding: 10px 30px;
    max-width: 100%;
    display: block;
}
@media screen and (min-width: 768px)  and (max-width: 991px) {
    .wcpoa-product-attachments .wcpoa_attachment .wcpoa_attachment_name{
        padding: 5px 15px;
    }
}
.wcpoa-product-attachments .wcpoa_attachment .wcpoa_attachment_name::before{
    content: "";
    background: url(./images/pdf.svg) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 5px 0 0;
}
.wcpoa-product-attachments .wcpoa_attachment .wcpoa_attachmentbtn{
    text-indent: -999px;
    overflow: hidden;
    padding: 0;
    float: none;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    transition: all .15s ease-in-out;
    margin: 2px;
}
.wcpoa-product-attachments .wcpoa_attachment .wcpoa_attachmentbtn:hover {
    border: 1px solid #66757d;
}
/* Product attachments end */

/* Product alt sizes */
.product-alt-sizes .product-alt{
    margin-bottom: 14px;
}
.product-alt-sizes .product-alt a{
    border: 1px solid #d6d6d6;
    display: block;
    transition: all .15s ease-in-out;
    border-radius: 3px;
    display: flex;
    align-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}
.product-alt-sizes .product-alt__thumbnail{
    max-width: 60px;
}
.product-alt-sizes .product-alt a:hover {
    border: 1px solid #66757d;
}
/* Product alt sizes end */

.storefront-full-width-content .content-area{
    padding: 0% 5% 0% 5%;
}