/**
 * Donation
 */
.bin-stripe-donation.bin-stripe-donation-processing { position:relative; }
.bin-stripe-donation.bin-stripe-donation-processing::before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0) url('../images/spinning-circles.svg') no-repeat center center; z-index:1; }

.bin-stripe-donation .bin-stripe-donation-wrap {}
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-text2 { margin-top:1rem; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-content ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-content ul li { display:block; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-content ul li a.bin-stripe-donation-button { margin:0.25rem; display:inline-flex; flex-direction:column; justify-content:center; align-items:center; width:100px; height:100px; border-radius:50%; background-color:#dc3545; color:#fff; font-size:2rem; line-height:1; cursor:pointer; transition:all 0.3s; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-content ul li a.bin-stripe-donation-button:hover { text-decoration:none; box-shadow:3px 3px 3px rgba(0,0,0,0.3); background:#842020; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-content ul li a.bin-stripe-donation-button:focus { text-decoration:none; box-shadow:3px 3px 3px rgba(0,0,0,0.3); background:#842020; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-content ul li a.bin-stripe-donation-button .bin-stripe-donation-button-currency { order:1; font-size:0.3em; margin-bottom:0.15rem; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-content ul li a.bin-stripe-donation-button .bin-stripe-donation-button-label { order:2; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-input-custom { display:flex; margin-top:1rem; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-input-custom .bin-stripe-donation-input-group { display:flex; align-items:stretch; width:100%; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-input-custom .bin-stripe-donation-input-group .bin-stripe-donation-input-group-prepend { display:flex; margin-right:-1px; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-input-custom .bin-stripe-donation-input-group .bin-stripe-donation-input-group-prepend .bin-stripe-donation-input-group-text { display: flex; align-items: center; padding:.375rem .75rem; margin-bottom:0; font-size:1rem; font-weight:400; line-height:1.5; color:#495057; text-align:center; white-space:nowrap; background-color:#e9ecef; border:1px solid #ced4da; border-radius:.25rem; border-top-right-radius:0; border-bottom-right-radius:0; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-input-custom .bin-stripe-donation-input-group .bin-stripe-donation-custom-pay-amount:not(:first-child){ border-top-left-radius:0; border-bottom-left-radius:0; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-input-custom .bin-stripe-donation-input-group .bin-stripe-donation-custom-pay-amount { position:relative; flex:1 1 auto; width:1%; margin-bottom:0; padding:.375rem .75rem; font-size:1rem; line-height:1.5; color:#495057; background-color:#fff; background-clip:padding-box; border:1px solid #ced4da; border-radius:.25rem; height:calc(2.25rem + 2px); }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-input-custom .bin-stripe-donation-custom-pay-amount-button { display:inline-flex; align-items:center; color:#fff; background-color:#dc3545; font-weight:400; text-align:center; white-space:nowrap; user-select:none; border:1px #dc3545 solid; padding:.375rem .75rem; font-size:1rem; line-height:1.5; border-radius:.25rem; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin-left:.25rem; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-input-custom .bin-stripe-donation-custom-pay-amount-button:hover { text-decoration:none; background:#842020; border-color:#842020; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-input-custom .bin-stripe-donation-custom-pay-amount-button:focus { text-decoration:none; background:#842020; border-color:#842020; }

/* messages */
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-messages .bin-stripe-donation-message { display: none; margin:0 0 10px 0; padding:10px; font-size:0.8rem; border:1px solid transparent; border-radius:4px; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-messages .bin-stripe-donation-message.bin-stripe-donation-message-processing { color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-messages .bin-stripe-donation-message.bin-stripe-donation-message-success { color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-messages .bin-stripe-donation-message.bin-stripe-donation-message-invalid { color:#a94442; background-color:#f2dede; border-color:#ebccd1; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-messages .bin-stripe-donation-message.bin-stripe-donation-message-error { color:#a94442; background-color:#f2dede; border-color:#ebccd1; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-messages .bin-stripe-donation-message.bin-stripe-donation-message-error-message { color:#a94442; background-color:#f2dede; border-color:#ebccd1; }

.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-messages-block .bin-stripe-donation-message { display: block; margin:0 0 10px 0; padding:10px; font-size:0.8rem; border:1px solid transparent; border-radius:4px; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-messages-block .bin-stripe-donation-message.bin-stripe-donation-message-success { color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6; }
.bin-stripe-donation .bin-stripe-donation-wrap .bin-stripe-donation-wrap-messages-block .bin-stripe-donation-message.bin-stripe-donation-message-error { color:#a94442; background-color:#f2dede; border-color:#ebccd1; }

@media screen and (min-width:767px)
{
}