/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 


/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#cart_section .woopack-product-cart 
.woocommerce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 40px;
}

#cart_section .woopack-product-cart 
.woocommerce .woocommerce-notices-wrapper {
    min-width: 100%;
}

#cart_section .woopack-product-cart
.woocommerce form.woocommerce-cart-form {
    max-width: calc(70% - 20px);
    width: 100%;
    background: #fff;
    padding: 40px;
    border-radius: 16px;
}

/*------ CART PRICE ( BOX LEFT ) ----------*/

#cart_section form.woocommerce-cart-form table {
    margin: 0px;
}

#cart_section form.woocommerce-cart-form
table thead tr th {
    font-family: var(--secondary-font);
    font-weight: 500;
    color: var(--text-color);
    font-size: 14px;
}


#cart_section form.woocommerce-cart-form table
tr.woocommerce-cart-form__cart-item td {
    font-size: 16px;
    font-family: var(--primary-font);
}


#cart_section form.woocommerce-cart-form .coupon input.input-text {
    height: 44px;
    font-family: var(--secondary-font);
}

#cart_section form.woocommerce-cart-form .coupon button.button,
#cart_section form.woocommerce-cart-form button[name="update_cart"] {
    height: 44px;
    font-family: var(--secondary-font);
    background: var(--text-color);
}


/*------ CART PRICE ( BOX RIGHT ) ----------*/
#cart_section .woopack-product-cart
.woocommerce .cart-collaterals {
    max-width: calc(30% - 20px);
    width: 100%;
    background: var(--brown-color);
    padding: 40px;
    border-radius: 16px;
}

#cart_section .woopack-product-cart
.woocommerce .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}

#cart_section .woopack-product-cart
.woocommerce .cart-collaterals .cart_totals h2 {
    color: var(--white-color)
}

#cart_section .woopack-product-cart
.woocommerce .cart-collaterals .cart_totals table {
    margin: 0px;
    background: none;
    border: 1px solid #5b5459;
    color: var(--white-color);
}

#cart_section .woopack-product-cart
.woocommerce .cart-collaterals .cart_totals table tr th,#cart_section .woopack-product-cart
.woocommerce .cart-collaterals .cart_totals table tr td {
    border: none;
}

#cart_section .woopack-product-cart
.woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal th,
#cart_section .woopack-product-cart
.woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal td {
    border-bottom: 1px solid #5b5459 !important;
}

#cart_section .woopack-product-cart
.woocommerce .cart-collaterals .cart_totals div.wc-proceed-to-checkout {
    padding: 0px;
}

#cart_section .woopack-product-cart
.woocommerce .cart-collaterals .cart_totals div.wc-proceed-to-checkout a {
    margin: 0px;
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    font-family: var(--primary-font);
}



















/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


#checkout_section .woopack-checkout-column-1 {
	position: relative;
}

#checkout_section .woopack-checkout #customer_details {
    background: white;
    padding: 40px;
    border-radius: 16px;
    border: 1px solid #ebebeb;
	position: sticky;
    top: 160px;
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields::before {
    display: none;
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields__field-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields__field-wrapper .form-row {
    margin: 0px;
    padding: 0px;   
    width: 100%;
	max-width: calc(50% - 16px);
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields__field-wrapper
.form-row label {
    font-size: 14px;
    font-family: var(--secondary-font);
    color: var(--text-color);
    font-weight: 400;
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields__field-wrapper 
.form-row input,
#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields__field-wrapper 
.form-row span.select2-selection {
    height: 44px;
    padding: 0px 16px;
    color: var(--text-color);
    font-size: 14px;
    font-family: var(--primary-font);
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields__field-wrapper
.form-row span.select2-selection .select2-selection__rendered {
    padding: 0px;
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields__field-wrapper 
.form-row input::-webkit-input-placeholder {
    color: var(--text-color);
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields__field-wrapper 
.form-row input::-moz-placeholder {
    color: var(--text-color);
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields__field-wrapper 
.form-row input:-ms-input-placeholder {
    color: var(--text-color);
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields__field-wrapper 
.form-row input::-ms-input-placeholder {
    color: var(--text-color);
}

#checkout_section .woopack-checkout #customer_details .woocommerce-billing-fields__field-wrapper 
.form-row input::placeholder {
    color: var(--text-color);
}

/********************* COLUMN RIGHT ****************************/
/***************************************************************/

#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; 
    gap: 16px;
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-order-review {
    margin: 0px;
    background: white;
    padding: 40px;
    border-radius: 16px;
    border: 1px solid #ebebeb;
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-order-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}


#checkout_section .woopack-checkout .woopack-checkout-column-2 #order_review
thead tr th {
    font-family: var(--secondary-font);
    font-weight: 500;
    color: var(--text-color);
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 #order_review
tbody .cart_item td {
    font-family: var(--primary-font);
    font-size: 16px;
    color: var(--text-color);
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 #order_review
tfoot th,
#checkout_section .woopack-checkout .woopack-checkout-column-2 #order_review
tfoot td {
    padding: 8px 0px;
    font-family: var(--primary-font);
    color: var(--text-color);
    font-weight: 600;
}

/*------------- COUPONS --------------*/
#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-coupon {
    background: transparent;
    border: 1px solid var(--primary-color);
    padding: 16px;
    border-radius: 16px;
    /* display: flex; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px;
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-coupon .woocommerce-info {
    font-family: var(--primary-font);
    font-size: 14px;
    color: var(--text-color);
    text-align: center;
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-coupon .woocommerce-info a {
    text-decoration: underline;
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-coupon .checkout_coupon {
    margin-top: 16px;
    width: 100%;
    text-align: center;
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-coupon .checkout_coupon p:first-child {
    display: none;
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-coupon .checkout_coupon .form-row-first {
    width: 100%;
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-coupon .checkout_coupon .form-row-first
input {
    height: 44px;
    border: 1px solid #ebebeb;
    background: white;
    color: var(--text-color);
    font-size: 14px;
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-coupon .checkout_coupon .form-row-last {
    width: 100%;
}

#checkout_section .woopack-checkout .woopack-checkout-column-2 .woopack-checkout-coupon .checkout_coupon button {
    width: 100%;
    float: none;
    height: 44px;
    font-family: var(--secondary-font);
    background: var(--primary-color);
    border-color: var(--primary-color);
}

/*---------------- PAYMENT ------------------*/

#checkout_section .woopack-checkout .woopack-checkout-payment {
	margin: 0px;
}

#checkout_section .woopack-checkout .woopack-checkout-payment #payment {
    padding: 40px !important;
    background: white;
    border-radius: 16px;
    border: 1px solid #ebebeb;
}

#checkout_section .woopack-checkout .woopack-checkout-payment #payment ul {
    padding: 0px;
}