/* Therapist Training CSS

Use this to insert Divi classes into Woocommerce shortcodes as when editing
a Divi section with a Woocommerce shortcode, any modifications using Divi will
make the shortcode useless so need to inject in other ways

*/

/* Select boxes in checkout */
.woocommerce form .select2-container--default .select2-selection--single {
  height: 50px;
}
/* Your order heading in checkout */
#order_review_heading {
  margin-top: 27px; 
}
/* Card details in secure payment gateway */
.woocommerce-checkout #payment div.payment_box .form-row {
  margin: 0px !important;
}
/* Make cart product and totals adjoinng columns */
.woocommerce-cart .woocommerce {
  display: flex;
}
/* The table containing the list of products */
.woocommerce-cart .woocommerce-cart-form {
  flex: 1 0 70%; /* 100% at small screens; 70% on larger screens */
}
/* The element that contains the cart totals */
.woocommerce-cart .cart-collaterals {
  flex: 1 0 30%; /* 100% at small screens; 30% on larger screens */
  margin-left: 30px;
}
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { 
  min-width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
  border-top: solid 1px #20436f !important;
}
/* Cart product table heading */
.woocommerce-cart table.shop_table th {
  background-color: #244b7c;
  color: #ffffff;
}