/***
============================================
Checkout Styles
Section: Checkout Form
============================================
***/

.woocommerce-checkout label {
  margin: 1.25rem 0 1rem 0;
}
.woocommerce-checkout h3 {
  color: #E39B42;
  margin-bottom: 1rem;
}
#customer_login .button-black-border {
  width:100%;
}
@media (min-width: 992px) {
  #customer_login .button-black-border {
    width:auto;
  }
}

/***
============================================
Checkout Styles
Section: Coupon
============================================
***/

.checkout_coupon {
  margin: 1.5rem 0 2.5rem 0;
  background-color: #f7f7f7;
  border-radius: 12px;
  width: 40%;
  padding: 1rem;
}
.checkout_coupon input,
.checkout_coupon button {
  width: auto;
  margin: unset;
}
.checkout_coupon button {
  color: #fff;
  background-color: #A6C15F;
}
.checkout_coupon button {
  color: #fff;
  background-color: #38B1C7;
  transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}

/***
============================================
Checkout Styles
Section: Shipping
============================================
***/

#ship-to-different-address {
  display:block ;
  margin-bottom: 1.5rem;
}

#ship-to-different-address label {
  margin-top: 0;
}

/***
============================================
Checkout Styles
Section: Payment
============================================
***/

#continue-to-pay{
  width: 150px;
  margin: unset;
}
.payment-wrapper {
  display: none;
}
.shop_table.woocommerce-checkout-review-order-table {
  width: 100%;
}
.shop_table.woocommerce-checkout-review-order-table th,
.shop_table.woocommerce-checkout-review-order-table td {
  border: 1px solid #e7e7e7;
  padding: 1rem 10px;
}
.shop_table.woocommerce-checkout-review-order-table tfoot th,
.shop_table.woocommerce-checkout-review-order-table thead th {
  text-align: left;
}
.woocommerce-checkout-payment {
  margin-top: 0;
  margin-bottom: 0;
}
.wc_payment_methods {
  margin-bottom: 1.5rem;
}
.woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 1.5rem;
}
.place-order .button {
  width: 200px;
  margin: unset;
}
.shop_table.woocommerce-checkout-review-order-table .woocommerce-Price-amount {
  margin: 0;
}
li.wc_payment_method {
  padding: 1rem 0;
  border-bottom: 1px solid #E39B42;
}
li.wc_payment_method label {
  padding-left: 15px;
}
li.wc_payment_method p {
  margin-top: 1rem;
}
.ppc-button-wrapper {
  width: 100%;
}
li.wc_payment_method ul.wc-saved-payment-methods {
  margin-left: 20px;
  margin-bottom: 1rem;
}
.place-order button {
  background-color: #E39B42;
  color: #fff;
  font-weight: 700;
}
.place-order button:hover {
  background-color: #222;
  transition: all 700ms ease;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
}

@media (min-width: 992px) {
  .woocommerce-checkout-payment {
    margin-bottom: 2.5rem;
  }
  .ppc-button-wrapper {
    width: 300px;
  }
  .payment_box.payment_method_stripe {
    width: 50%;
  }
}

/***
============================================
Checkout Styles
Section: Validated Fields
============================================
***/


.form-row.woocommerce-validated input.input-text {
  box-shadow: 0 0 0 !important;
}

/***
============================================
Checkout Styles
Section: View Order
============================================
***/

.woocommerce-order .woocommerce-Price-amount {
  display: inline-block;
  margin: 0;
}
.shop_table.order_details {
  width: 100%;
}
.shop_table.order_details td,
.shop_table.order_details tfoot th {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 10px;
}
.shop_table.order_details tfoot th {
  text-align: left;
}
.shop_table.order_details th.product-name,
.shop_table.order_details th.product-total {
  padding: 10px;
  text-align: left;
}
.shop_table.order_details .wc-item-meta li p {
  display: inline-block;
}


.wc_payment_methods.payment_methods {
  display: none;
}

.calculator-table {
  width: 100%;
}
.calculator-table thead tr td {
  font-weight: 700;
}
.calculator-table tr td {
  border: 1px solid #e7e7e7;
  padding: 1rem 10px;
}
.calculator-wrapper input[type="number"] {
  width: 120px;
  margin-right: 0.7rem;
  background-color: var(--lightOrange) !important;
}