/* BlueStorm checkout refresh - scoped to cart and checkout pages only */

#shoppingCartDefault,
#checkoutShipping,
#checkoutPayment,
#checkoutConfirmDefault {
  max-width: 1180px;
  margin: 22px auto 36px;
  padding: 26px 30px 32px;
  background: #fff;
  border: 1px solid #dbe6ef;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(11, 51, 75, 0.08);
  box-sizing: border-box;
  color: #102f46;
}

#shoppingCartDefault h1,
#checkoutShipping h1,
#checkoutPayment h1,
#checkoutConfirmDefault h1 {
  margin: 0 0 24px;
  color: #0b3552;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.02em;
}

#checkoutShipping h2,
#checkoutPayment h2,
#checkoutConfirmDefault h2,
#checkoutConfirmDefault h3 {
  color: #0b3552;
  font-weight: 800;
}

#checkoutShipping fieldset,
#checkoutPayment fieldset,
#checkoutConfirmDefault .group,
#order-comments,
#checkoutOrderTotals {
  margin: 18px 0;
  padding: 20px;
  background: #f8fbfd;
  border: 1px solid #cfe0ec;
  border-radius: 12px;
  box-sizing: border-box;
}

#checkoutShipping fieldset legend,
#checkoutPayment fieldset legend,
#checkoutOrderTotals legend {
  padding: 0 8px;
  color: #0b3552;
  background: #fff;
  font-size: 18px;
  font-weight: 800;
}

#checkoutShipping address,
#checkoutPayment address,
#checkoutConfirmDefault address {
  line-height: 1.55;
  font-style: normal;
}

#checkoutShipping .floatingBox,
#checkoutPayment .floatingBox,
#checkoutConfirmDefault #checkoutBillto,
#checkoutConfirmDefault #checkoutShipto {
  padding: 16px 18px;
  background: #f8fbfd;
  border: 1px solid #d7e4ed;
  border-radius: 12px;
  box-sizing: border-box;
}

#checkoutShippingContentChoose,
#checkoutPayment .important,
#checkoutShipping .important {
  color: #35546a;
  line-height: 1.5;
}

#shoppingCartDefault #cartContentsDisplay,
#checkoutConfirmDefault #cartContentsDisplay {
  width: 100%;
  margin-top: 18px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid #d7e4ed;
  border-radius: 12px;
  background: #fff;
}

#shoppingCartDefault #cartContentsDisplay th,
#checkoutConfirmDefault #cartContentsDisplay th {
  padding: 13px 12px;
  background: #0b3552;
  color: #fff;
  border: 0;
  font-weight: 800;
}

#shoppingCartDefault #cartContentsDisplay td,
#checkoutConfirmDefault #cartContentsDisplay td {
  padding: 15px 12px;
  border-bottom: 1px solid #e3ebf1;
  background: #fff;
  vertical-align: middle;
}

#shoppingCartDefault #cartContentsDisplay tr:last-child td,
#checkoutConfirmDefault #cartContentsDisplay tr:last-child td {
  border-bottom: 0;
}

#shoppingCartDefault #cartSubTotal,
#checkoutConfirmDefault #orderTotals {
  margin-top: 16px;
  padding: 16px 18px;
  background: #eef7fd;
  border: 1px solid #bcdcf0;
  border-radius: 12px;
  color: #0b3552;
  font-size: 18px;
  font-weight: 800;
}

#checkoutPayment #checkoutOrderTotals {
  background: #eef7fd;
  border-color: #bcdcf0;
}

#checkoutPayment #checkoutOrderTotals table,
#checkoutConfirmDefault #orderTotals table {
  width: 100%;
}

#checkoutShipping textarea,
#checkoutPayment textarea,
#checkoutShipping input[type="text"],
#checkoutPayment input[type="text"] {
  width: 100%;
  max-width: 100%;
  padding: 11px 12px;
  border: 1px solid #bdd0df;
  border-radius: 8px;
  box-sizing: border-box;
  background: #fff;
  font: inherit;
}

#checkoutShipping input[type="radio"],
#checkoutPayment input[type="radio"],
#checkoutPayment input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #0d95e8;
  vertical-align: middle;
}

#checkoutShipping .checkboxLabel,
#checkoutPayment .radioButtonLabel,
#checkoutPayment .checkboxLabel {
  margin-left: 7px;
  color: #143950;
  font-weight: 600;
}

#shoppingCartDefault a,
#checkoutShipping a,
#checkoutPayment a,
#checkoutConfirmDefault a {
  color: #067fc8;
}

#shoppingCartDefault .buttonRow img,
#checkoutShipping .buttonRow img,
#checkoutPayment .buttonRow img,
#checkoutConfirmDefault .buttonRow img,
#shoppingCartDefault input[type="image"],
#checkoutShipping input[type="image"],
#checkoutPayment input[type="image"],
#checkoutConfirmDefault input[type="image"] {
  border-radius: 7px;
}

#checkoutConfirmDefault .confirm-order {
  margin-top: 18px;
}

@media (max-width: 760px) {
  #shoppingCartDefault,
  #checkoutShipping,
  #checkoutPayment,
  #checkoutConfirmDefault {
    margin: 10px;
    padding: 18px 14px 24px;
    border-radius: 12px;
  }

  #shoppingCartDefault h1,
  #checkoutShipping h1,
  #checkoutPayment h1,
  #checkoutConfirmDefault h1 {
    font-size: 24px;
  }

  #checkoutShipping .floatingBox,
  #checkoutPayment .floatingBox,
  #checkoutConfirmDefault #checkoutBillto,
  #checkoutConfirmDefault #checkoutShipto {
    float: none !important;
    width: 100% !important;
    margin: 10px 0;
  }

  #shoppingCartDefault #cartContentsDisplay,
  #checkoutConfirmDefault #cartContentsDisplay {
    font-size: 14px;
  }
}
