/*
Theme Name: Dustra
Theme URI: https://themelocker.tech/dustra
Author: validthemes
Author URI: https://themeforest.net/user/validthemes/portfolio
Description: Dustra is a Bootstrap Based WordPress Theme.
Version: 1.5.4
License: ThemeForest
License URI: //themeforest.net/licenses
Text Domain: dustra
Tags: architecture, building, business, construction, engineering, factory, industrial, renovation

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

/* ----------------------------------

Table of contents
        
    01. Common styles
    02. Blog Styles
    03. Visual Styles
    04. Test Styles
    
---------------------------------- */


/* ===================================
    Common styles
====================================== */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {    
    width: 30.75%;
    border: solid 1px #eee;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    background-color: #fff;
    padding: 0px;
}
.woocommerce.columns-3 ul.products li.product h2.woocommerce-loop-product__title {
    padding: 0 15px;
}
.woocommerce ul.products li.product .price {
    padding: 15px;
    font-size: 17px;
    color: #e77153;
    font-weight: bold;
	margin-bottom: 0;
}
.woocommerce ul.products li.product .button {
    margin: 0 0 15px 15px;
    background-color: #febc35;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 15px;
    color: #000;
    padding: 12px 16px;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: none;
}
.woocommerce ul.products li.product:nth-child(3n), .woocommerce-page ul.products li.product:nth-child(3n) {
    margin-right: 0;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
    margin-right: 3.8%;
}
.woocommerce ul.products li.product .onsale {
    background-color: #febc35;
    width: 30px;
    height: 30px;
    line-height: 40px;
}
input#coupon_code {
    width: 180px;
}
.coupon button.button {
	background-color: #febc35;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 15px;
    color: #000;
    padding: 17px 16px;
}
a.checkout-button.button.alt {
    background-color: #febc35;
    color: #000;
}
a.checkout-button.button.alt:hover {
    background-color: #00235a;
    color: #fff;
}
.woocommerce-billing-fields__field-wrapper p label {
    display: block !important;
    width: 100%;
}
.woocommerce-billing-fields__field-wrapper p span {
    width: 100%;
}
.woocommerce-billing-fields__field-wrapper p span input,.woocommerce-billing-fields__field-wrapper p span select  {
    width: 100%;
}
.woocommerce-additional-fields__field-wrapper p label {
    display: block !important;
    width: 100%;
}
.woocommerce-additional-fields__field-wrapper p span {
    width: 100%;
}
.woocommerce-additional-fields__field-wrapper p span textarea {
    width: 100%;
}
.woocommerce ul.order_details {
    border: solid 1px #eee;
}
.woocommerce ul.order_details li {
    padding: 15px 10px 15px 0;
    width: 18%;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    max-width: 48%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {    
    max-width: 48%;
}
.woocommerce-order p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color: #69c721;
    font-size: 23px;
    text-align: center;
    line-height: 27px;
    margin-bottom: 40px;
}