.wpedon-container {
width: 100%;
}
.wpedon-container.wpedon-align-left {
text-align: left;
}
.wpedon-container.wpedon-align-center {
text-align: center;
}
.wpedon-container.wpedon-align-right {
text-align: right;
}
.wpedon-form {
width: 100%;
}
.wpedon-form .wpedon-stripe-button-container,
.wpedon-form .wpedon-paypal-button-container {
display: block;
width: 100%;
margin-top: 20px;
}
.wpedon-form .wpedon-stripe-button-container > *,
.wpedon-form .wpedon-paypal-button-container > * {
display: block !important;
width: 100%;
margin-bottom: 8px;
}
.wpedon-paypal-button-container.wpedon-horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wpedon-align-left .wpedon-form .wpedon-paypal-button-container.wpedon-horizontal {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.wpedon-align-center .wpedon-form .wpedon-paypal-button-container.wpedon-horizontal {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpedon-align-right .wpedon-form .wpedon-paypal-button-container.wpedon-horizontal {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.wpedon-align-left .wpedon-form .wpedon-paypal-button-container:not(.wpedon-horizontal) > *,
.wpedon-align-left .wpedon-form .wpedon-stripe-button-container > * {
margin-left: 0;
margin-right: auto;
}
.wpedon-align-center .wpedon-form .wpedon-paypal-button-container:not(.wpedon-horizontal) > *,
.wpedon-align-center .wpedon-form .wpedon-stripe-button-container > * {
margin-left: auto;
margin-right: auto;
}
.wpedon-align-right .wpedon-form .wpedon-paypal-button-container:not(.wpedon-horizontal) > *,
.wpedon-align-right .wpedon-form .wpedon-stripe-button-container > * {
margin-left: auto;
margin-right: 0;
}
.wpedon-align-left .wpedon-form .wpedon-paypal-button-container.wpedon-horizontal > * {
margin-left: 0;
margin-right: 8px;
}
.wpedon-align-center .wpedon-form .wpedon-paypal-button-container.wpedon-horizontal > * {
margin-left: 8px;
margin-right: 8px;
}
.wpedon-align-right .wpedon-form .wpedon-paypal-button-container.wpedon-horizontal > * {
margin-left: 8px;
margin-right: 0;
}
.wpedon-stripe-button {
background-image: linear-gradient(#28A0E5, #015E94);
-webkit-font-smoothing: antialiased;
border: 0;
padding: 1px;
height: 40px;
text-decoration: none;
border-radius: 4px;
box-shadow: 0 1px 0 rgb(0 0 0 / 20%);
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
}
.wpedon-stripe-button:hover {
-webkit-filter: brightness(1.2);
filter: brightness(1.2);
}
.wpedon-stripe-button span {
display: block;
position: relative;
padding: 0 12px 0 12px;
height: 40px;
background: #1275ff;
background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
font-size: 14px;
line-height: 40px;
color: #fff;
font-weight: bold;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-shadow: 0 -1px 0 rgb(0 0 0 / 20%);
box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%);
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpedon-stripe-button span::before {
content: "";
width: 33px;
height: 24px;
background-repeat: no-repeat;
background-size: 23px 24px;
background-image: url(data:image/png;base64,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);
}
.wpedon-stripe-button.processing {
cursor: wait;
}
.wpedon-payment-message {
font-size: .9rem;
}
.wpedon-payment-message .payment-success {
color: green;
}
.wpedon-payment-message .payment-error {
color: red;
} .wpedon-or {
display: none;
position: relative;
margin-top: 25px;
margin-bottom: 0;
text-align: center;
}
.wpedon-paypal-button-container:not(:empty) ~ .wpedon-or {
display: block;
}
.wpedon-container.wpedon-align-left .wpedon-or {
margin-left: 0;
margin-right: auto;
}
.wpedon-container.wpedon-align-center .wpedon-or {
margin-left: auto;
margin-right: auto;
}
.wpedon-container.wpedon-align-right .wpedon-or {
margin-left: auto;
margin-right: 0;
}
.wpedon-or:before {
content: '';
position: absolute;
width: 80%;
left: 10%;
top: 50%;
margin-top: 1px;
border-top: 1px solid #ddd;
}
.wpedon-or span {
position: relative;
background: #fff;
padding: 0 20px;
}
.wpedon-card-form {
position: relative;
padding-bottom: 10px;
}
.wpedon-card-form.processing {
opacity: 0.5;
}
.wpedon-card-form.processing:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: wait;
z-index: 99;
}
.wpedon-paypal-btn {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
cursor: pointer;
position: relative;
width: 100%;
box-sizing: border-box;
border: none;
vertical-align: top;
overflow: hidden;
border-radius: 4px;
margin-top: 15px;
}
.wpedon-paypal-btn:hover {
filter: brightness(0.95);
}
.wpedon-paypal-btn.color-gold {
color: #2C2E2F;
background: #ffc439;
}
.wpedon-paypal-btn.color-blue {
color: #fff;
background: #0070ba;
}
.wpedon-paypal-btn.color-black {
color: #fff;
background: #2C2E2F;
}
.wpedon-paypal-btn.color-silver {
color: #2C2E2F;
background: #eee;
}
.wpedon-paypal-btn.color-white {
color: #2C2E2F;
background: #fff;
border: 1px solid #555;
}
.wpedon-card-form label {
display: block;
}
.wpedon-card-form .card-field-wrapper {
min-height: 52.5px;
}
.wpedon-card-form input.card_field {
width: 100%;
min-height: 36px;
padding: 6px 5px;
background: #fff;
border: 1px solid #ddd;
font-size: 13.3333px;
margin: 5px auto;
display: inline-block;
line-height: 22px;
outline: none;
transition: none;
color: #000;
font-weight: 400;
}
.wpedon-card-form input.card_field::placeholder {
font-size: 11pt;
}
.wpedon-card-form input.card_field.invalid {
color: red;
border-color: red;
}
.wpedon-card-form .card_field iframe {
width: 100% !important;
min-height: 36px;
background: #fff;
border: 1px solid #ddd !important;
font-size: 11pt;
margin: 5px auto;
float: none !important;
height: 30px !important;
padding: 6px 5px;
display: inline-block;
}
.wpedon-card-form .card_field.invalid iframe {
border-color: red !important;
}  .wpedon-container .wpedon-input,
.wpedon-container .wpedon-select {
font-size: 13.33px;
font-weight: 600;
height: auto;
border: 1px solid #ddd;
background-color: #fff;
border-radius: 0;
}
.wpedon-container .wpedon-input {
padding: 7px 4px;
}
.wpedon-container .wpedon-select {
padding: 8px 4px;
}
.wpedon-container .wpedon-input:focus,
.wpedon-container .wpedon-select:focus {
border: 1px solid #ddd;
outline: none;
} .paypal-buttons-context-iframe iframe {
outline-width: unset !important;
outline-style:  unset !important;
}.asp-spinner {
text-indent: -9999px;
vertical-align: middle;
margin-left: 5px;
display: inline-block;
box-sizing: border-box;
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #333;
animation: asp-spinner .6s linear infinite;
}
@keyframes asp-spinner {
to {
transform: rotate(360deg);
}
} .asp-btn-spinner-container {
width: 100%;
text-align: center;
padding: 10px;
}
.asp-btn-spinner {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.asp-btn-spinner div {
box-sizing: border-box;
display: block;
position: absolute;
width: 51px;
height: 51px;
margin: 6px;
border: 6px solid #6fcef3;
border-radius: 50%;
animation: asp-btn-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #6fcef3 transparent transparent transparent;
}
.asp-btn-spinner div:nth-child(1) {
animation-delay: -0.45s;
}
.asp-btn-spinner div:nth-child(2) {
animation-delay: -0.3s;
}
.asp-btn-spinner div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes asp-btn-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.asp_line_through {
text-decoration: line-through;
}
.asp_product_coupon_input_container {
margin: 5px 0 10px 0;
}
.asp_btn_normalize {
text-transform: none;
border: none;
margin: 0;
padding: 0;
width: auto;
overflow: visible;
background: transparent;
color: inherit;
font: inherit;
line-height: normal;
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
-webkit-appearance: none;
}
&::-moz-focus-inner {
border: 0;
padding: 0;
}
.asp_product_custom_field_error {
display: none;
color: red;
}
.asp_out_of_stock {
font-weight: bold;
}
.asp_product_buy_button input, .asp_product_buy_button select {
display: inline-block;
line-height: 1;
padding: 8px 10px;
height: auto;
}
.asp_product_custom_field_label {
margin-right: 10px;
}
.asp-product-variations-label {
margin-right: 10px;
}
.asp_product_coupon_field_label {
margin-right: 10px;
}
.asp_product_coupon_input_container input.asp_product_coupon_field_input {
width: auto;
max-width: 200px;
margin-right: 10px;
}
.asp_product_buy_btn_container {
display: inline-block;
}
.asp_product_buy_button input::placeholder {
font-style: italic;
color: #bbb;
}
@keyframes blink {
0% {
opacity: .2;
}
20% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.asp-processing-cont {
display: none !important;
}
.asp-processing i {
animation-name: blink;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-fill-mode: both;
}
.asp-processing i:nth-child(2) {
animation-delay: .1s;
}
.asp-processing i:nth-child(3) {
animation-delay: .2s;
}
.asp-popup-iframe {
z-index: 2147483647;
background: rgba(0, 0, 0, 0.004);
border: 0px none transparent;
overflow: auto;
-webkit-overflow-scrolling: touch !important;
visibility: visible;
margin: 0px;
padding: 0px;
-webkit-tap-highlight-color: transparent;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.asp-popup-iframe-cont {
align-items: center;
justify-content: center;
z-index: 2147483647;
background: rgba(0, 0, 0, .3);
border: 0px none transparent;
overflow: auto;
-webkit-overflow-scrolling: touch !important;
visibility: visible;
margin: 0px;
padding: 0px;
-webkit-tap-highlight-color: transparent;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.asp-popup-spinner-cont {
text-align: center;
height: 85px;
padding-top: 10px;
}
@media (max-width: 500px) {
.asp_product_buy_btn_container {
display: block;
margin-left: 0;
margin-top: 10px;
text-align: center;
width: 100%;
}
}