/* Start custom CSS for shortcode, class: .elementor-element-9b56398 *//*******STRUCTURAL LAYOUT*******/

@media (min-width: 980px){
  form.woocommerce-cart-form {
      float: left;	
      width: 63%;
      margin-bottom: 0;
      margin-right: 2%;
      box-shadow: 0em 0.5em 2em 0em rgb(0 0 0 / 30%);
  }
  
  .cart-collaterals {
      float: left;	
      width: 35%;
  }
  }
  
  /*Cart Summary Margin*/
  @media(max-width: 979px) {
    form.woocommerce-cart-form {
      margin-bottom: 2em;
  }
  .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 100% !important;
}
  }

/*******LEFT SIDE*******/
  
  /*Container Styles*/
  form.woocommerce-cart-form {
      padding: 1em;
      background: white;
      border-radius: 1em;
  }
  
  /*Coupon Area Styles*/
  [class*=woocommerce] .cart .actions .coupon > input[type=text] {
      width: 100%;	
      max-width: none;
      margin-bottom: 0px;
  }
  
  input#coupon_code {
      height: 38px;
      margin-right: 1em;
  }
  
  button.button.wp-element-button {
      height: 50px;
      background: none;
      color: rgb(90,44,255);
      font-size: 1em;
      width: 100%;
  }
  
  button.button.wp-element-button:hover {
      text-shadow: none;
      border: 1px solid rgb(90,44,255);
      opacity: 0.7;
  }
  
  [class*=woocommerce] .cart .actions .coupon {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      /*padding-top: 1.25em;*/
      flex-direction: row;
      align-items: center;
  }

/*******RIGHT SIDE*******/
  
  .cart-collaterals {
      padding: 3em;
      background: #f7f8fa;
      border-radius: 1em;
      box-shadow: 0em 0.5em 2em 0em rgb(0 0 0 / 30%);
      margin-top: 0em;
  }
  
  
  [class*=woocommerce] .cart-collaterals .cart_totals {
    margin-top: 0;
  }
  
   /*Form Field Focus Color Style*/
   textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
       border-color: #4e22e9; /*Change this to a color that best suits your design*/
       box-shadow: none;
       outline: 0;
   }
  
  [class*=woocommerce] .cart-collaterals .cart_totals h2 {
    display: none;
  }
  input[type=number] {
      padding: .2rem 1rem !important;
  }
  
  table th, table td {
      border-top: none;
      text-transform: uppercase;
      color: #4a4a4a;
  }
  
  [class*=woocommerce] .cart-collaterals table th {
    padding: 1em;
  }
  
  
   /*Order Total Line Item Styles*/
   tr.order-total {
       color: #0049ff; /*Accent color for total if desired*/
       background: #0049ff21; /*Accent background color if desired*/
   }
  
  a.checkout-button.button.alt.wc-forward.wp-element-button {
      width: 100%;
      color: #fff;
       border: none;
       box-shadow: rgba(0, 0, 0, 0.28) 0px 2px 8px 0px;
       padding: 1.5em;
      margin-top: 1em;
      text-transform: uppercase;
      font-size: 1em;
  }

/*******ALERT STYLES*******/
  
  
   /*Error Alert*/
   .woocommerce-error {
       background-color: #ff7e7e;
       border: none;
       color: #761f1f;
   }
   
   .woocommerce-error, .woocommerce-info, .woocommerce-message {
     text-shadow: none;
   }
   
   /*Own Css*/
   .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 35%;
}
   /*Inner Box*/
   .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
       width: 100%;
   }
   
   .cart-collaterals {
       padding: 1em;
   }
   
   /*Coupn*/
   .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 100%;
}
.coupon label {
    display: none;
}

.button {
    border: 1px solid #000 !important;
    background: transparent !important;
    border-radius: 5px;
}
.button:hover {
    background: #EFBC9B !important;
}
/*Checkout button*/
.checkout-button.button.alt.wc-forward {
    color: #000;
}
.checkout-button.button.alt.wc-forward:hover {
    color: #000;
}
.wpced .wpced-inner {
    background-color: transparent !important;
}
.wpced-cart:hover {
    background-color: transparent;
}

table td, table th {
    border: none !important;
}/* End custom CSS */