/** Stripe checkout form style **/

#payment-form .row{display:flex;flex-wrap:wrap;gap:16px}
#payment-form .col-6{flex:0 0 calc(50% - 8px)}
#payment-form .col-12{flex:0 0 100%}

#payment-form{font-family:'Proxima Nova',sans-serif;font-size:.9vw}
#payment-form label{display:block;margin:6px 0 4px;font-size:.8vw;line-height: 1.3em}
#payment-form input[type='text'],#payment-form input[type='email'],#payment-form input[type='phone']{border:1px solid #00000033;font-size:.8vw;padding:15px 18px;display:inline-block;width:100%;margin:5px 0;border-radius:5px;box-shadow:inset 0 1px 2px rgb(130 137 150 / 23%),0 1px 0 rgb(255 255 255 / 95%)}
#payment-form input[type='text']:focus,#payment-form input[type='email']:focus,#payment-form input[type='phone']:focus{border-color:#42B0E2;outline:0}

#payment-form fieldset{border:1px solid #00000033;padding:12px 18px;border-radius:5px;margin:10px 0}
#payment-form #card-element{background:#fff}

#payment-form button{font-family:'Proxima Nova',Sans-serif;background:#D2A164;color:#000;font-size:1.2vw;font-weight:800;border:1px solid rgba(0,0,0,.2);border-radius:5px;padding:20px 0;width:100%;cursor:pointer;margin:20px 0}
#payment-form button:hover,#payment-form button:focus{background:#000;color:#fff}

#payment-form .response{opacity:0;transition:all .3s ease-out;text-align:center;font-size:1vw;color:#fff;padding:15px 0;border-radius:3px}
#payment-form .response.success{opacity:1;background:#4ca311}
#payment-form .response.error{opacity:1;background:#cc3300}

@media(max-width:767px){
  #payment-form{font-size:4.5vw}
  #payment-form .col-6{flex:0 0 100%}
  #payment-form h2{font-size:5vw}
  #payment-form h4{font-size:3.5vw}
  #payment-form input[type='text'],#payment-form input[type='email'],#payment-form input[type='phone']{font-size:3.56vw}
  #payment-form label{font-size:3.5vw}
  #payment-form button{font-size:4.9vw}
  #payment-form .response{font-size:3.5vw}
}