$ordersuccess-width: 540px !default;
$cart-success-message-icon: $icons_check-circle !default;

.page-ordersuccess {
   max-width: $ordersuccess-width;
   margin: 0 auto 40px;

   h1,
   p {
      text-align: center;
   }

   .order-payment-box {
      text-align: center;
      padding: $spacer-lg 0;
   }

   h5 {
      @if $cart-success-message-icon {
         &::before {
            @include fonticon;

            content: $cart-success-message-icon;
            color: $state-success;
            margin-right: 10px;
            vertical-align: middle;
            line-height: .8;
            position: relative;
            top: -2px;
            font-size: 20px;

            @media screen and (max-width: $sm - 1) {
               display: block;
               margin-bottom: 20px;
            }
         }
      }
   }
}

.order-success-social {
   text-align: center;
   padding: 50px 0 70px;

   a {
      margin: 0 25px;
   }
}

@media screen and (max-width: $sm - 1) {
   .page-ordersuccess,
   .order-success-social {
      h1,
      h2 {
         font-size: 28px;
      }
   }

   .page-ordersuccess {
      margin-bottom: 0;
   }

   .order-success-social {
      padding-top: 10px;

      a:first-child {
         margin-bottom: 20px;
      }
   }
}

.payment-transfer {
   .w-text strong {
      text-transform: uppercase;
      color: $black;
      margin-bottom: 10px;
   }

   .alert {
      text-align: center;
      border-color: $border-color;
   }

   .wpj-col-center {
      max-width: 600px;
      margin: auto;

      p {
         text-align: left;
      }
   }
}
