/* 
Theme Name: Lookz child theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Child team from Hello Elementor for Lookz Pte Ltd
Author: Elementor Team
Author URI: https://elementor.com/
Template: lookz
Version: 1.0.2
Text Domain: lookz-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/** Woocommerce buttons **/
button.single_add_to_cart_button:before, a.button.product_type_simple.add_to_cart_button:before {
    display: inline-block;
    font-family: "FontAwesome";
    content: "\f290";
    margin-right: 5px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button
{
    border: 2px solid #000000;
    border-radius: 0;
    text-transform: uppercase;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
p.return-to-shop a:hover
{
    border-color: #000000;
}

/** Cart **/
table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th,
.woocommerce-cart table tbody tr:hover>td, .woocommerce-cart table tbody tr:hover>th
{
    background-color: #fff !important;
}

.woocommerce-cart #coupon_code {
    width: 150px;
    margin-right: 10px;
}

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 33%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 0 2.992em 0;
}


@media only screen and (min-width: 1200px) {
    .site-header, body:not([class*=elementor-page-]) .site-main {
        max-width: 1140px;
    }
}

@media only screen and (min-width: 576px) {
    .site-header, body:not([class*=elementor-page-]) .site-main {
        max-width: 90%;
    }
}

@media only screen and (max-width: 767px) {
    .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-2 li.product {
        width: 100%;
        float: none;
        margin: 0;
    }
}