Current File : /home/kelaby89/huss-kelaby.cv/wp-content/plugins/woo-stripe-payment/assets/css/stripe.scss |
.wc-stripe-card-icons-container,
.wc-stripe-paymentRequest-icons-container {
float: right;
display: inline-block;
}
ul.payment_methods li[class*=payment_method] {
margin: 0;
padding: 0;
}
li[class*=payment_method] input[type=radio] {
margin: 0 10px 0 5px;
}
li[class*=payment_method] input[type=radio] + label:not(.wc-stripe-label-payment-type) {
margin: 0;
}
.woocommerce-checkout #payment ul.payment_methods li[class*=payment_method_stripe_]:nth-child(n + 2),
ul.payment_methods li[class*=payment_method_stripe_]:nth-child(n + 2) {
margin: 0;
}
li.payment_method_stripe_cc .wc-stripe-card-icons-container img.wc-stripe-card-icon {
max-width: 43px;
max-height: 26px;
width: 43px;
height: 26px;
float: none;
display: inline;
}
li.payment_method_stripe_payment_request .wc-stripe-paymentRequest-icons-container img:not(.gpay) {
width: 25px;
height: 25px;
max-width: 25px;
max-height: 25px;
}
ul.payment_methods label[for*="payment_method_stripe"]:after {
clear: right;
content: "";
display: block;
}
li.payment_method_stripe_cc .wc-stripe-card-icons-container img.wc-stripe-card-icon:nth-child(2n+2) {
margin: 0px 2px;
}
li.payment_method_stripe_cc .wc-stripe-card-icons-container img.wc-stripe-card-icon.open.visa {
padding-top: 2px;
}
ul.payment_methods li[class*=payment_method_stripe_] label > img:first-of-type {
float: right !important;
}
.wc-stripe_cc-new-method-container {
margin-bottom: 1em;
}
.wc-stripe_cc-container .StripeElement:not(.payment-type) {
box-sizing: border-box;
height: 40px;
padding: 10px 12px;
border-radius: 4px;
background-color: white;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}
input.wc-stripe-payment-type,
input.wc-stripe-klarna-category {
display: none !important;
}
body .wfacp_main_form.woocommerce .wc-stripe-save-source label.checkbox {
padding: 0 !important;
}
label.wc-stripe-label-payment-type,
input[type=radio] + label.wc-stripe-label-payment-type,
label.wc-stripe-label-klarna-category {
margin-bottom: 1em;
display: block;
padding: 0 !important;
color: #000;
}
.theme-flatsome div.wc-stripe-saved-methods-container {
margin: 0 0 1em 0;
}
label.wc-stripe-label-payment-type:before,
label.wc-stripe-label-klarna-category:before {
content: "";
display: inline-block;
width: 11px;
height: 11px;
border: 2px solid #fff;
box-shadow: 0 0 0 2px #000;
background: #fff;
margin-left: 4px;
margin-right: .5em;
border-radius: 100%;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}
input.wc-stripe-payment-type:checked + label.wc-stripe-label-payment-type:before,
input.wc-stripe-klarna-category:checked + label.wc-stripe-label-klarna-category:before {
background: #000;
}
label.wc-stripe-label-payment-type:after {
content: none !important;
display: none !important;
}
.wc-stripe-saved-methods-container .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 8px;
}
.wc-stripe-saved-methods-container .select2-container .select2-selection--single .wc-stripe-select2-container,
.select2-results__options li.wc-stripe-select2-container {
display: flex;
align-items: center;
height: 42px;
line-height: 42px !important;
}
.select2-container .select2-selection--single .wc-stripe-select2-container:before,
.select2-results__options li.wc-stripe-select2-container:before {
content: '';
background-repeat: no-repeat;
background-size: 40px 24px;
width: 40px;
height: 42px;
display: inline-block;
margin-right: 8px;
background-position: center;
}
.select2-container .select2-selection--single .wc-stripe-select2-container.visa:before,
.select2-results__options li.wc-stripe-select2-container.visa:before,
.select2-results__options li.wc-stripe-select2-container.visa:before {
background-image: url(../img/cards/visa.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.mastercard:before,
.select2-results__options li.wc-stripe-select2-container.mastercard:before,
.select2-results__options li.wc-stripe-select2-container.mastercard:before {
background-image: url(../img/cards/mastercard.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.americanexpress:before,
.select2-results__options li.wc-stripe-select2-container.americanexpress:before,
.select2-results__options li.wc-stripe-select2-container.americanexpress:before {
background-image: url(../img/cards/amex.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.amex:before,
.select2-results__options li.wc-stripe-select2-container.amex:before,
.select2-results__options li.wc-stripe-select2-container.amex:before {
background-image: url(../img/cards/amex.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.discover:before,
.select2-results__options li.wc-stripe-select2-container.discover:before,
.select2-results__options li.wc-stripe-select2-container.discover:before {
background-image: url(../img/cards/discover.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.mastercard:before,
.select2-results__options li.wc-stripe-select2-container.mastercard:before,
.select2-results__options li.wc-stripe-select2-container.mastercard:before {
background-image: url(../img/cards/mastercard.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.dinersclub:before,
.select2-results__options li.wc-stripe-select2-container.dinersclub:before,
.select2-results__options li.wc-stripe-select2-container.dinersclub:before {
background-image: url(../img/cards/diners.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.diners:before,
.select2-results__options li.wc-stripe-select2-container.diners:before,
.select2-results__options li.wc-stripe-select2-container.diners:before {
background-image: url(../img/cards/diners.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.jcb:before,
.select2-results__options li.wc-stripe-select2-container.jcb:before,
.select2-results__options li.wc-stripe-select2-container.jcb:before {
background-image: url(../img/cards/jcb.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.stripe_sepa:before,
.select2-results__options li.wc-stripe-select2-container.stripe_sepa:before,
.select2-results__options li.wc-stripe-select2-container.stripe_sepa:before {
background-image: url(../img/sepa.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.stripe_sepa:before,
.select2-results__options li.wc-stripe-select2-container.stripe_sepa:before,
.select2-results__options li.wc-stripe-select2-container.stripe_sepa:before {
background-image: url(../img/sepa.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.stripe_upm.amazon_pay:before,
.select2-results__options li.wc-stripe-select2-container.stripe_upm.amazon_pay:before,
.select2-results__options li.wc-stripe-select2-container.stripe_upm.amazon_pay:before,
.select2-container .select2-selection--single .wc-stripe-select2-container.stripe_amazonpay:before,
.select2-results__options li.wc-stripe-select2-container.stripe_amazonpay:before,
.select2-results__options li.wc-stripe-select2-container.stripe_amazonpay:before, {
background-image: url(../img/amazon_pay.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.stripe_cashapp:before,
.select2-results__options li.wc-stripe-select2-container.stripe_cashapp:before,
.select2-results__options li.wc-stripe-select2-container.stripe_cashapp:before {
background-image: url(../img/cashapp.svg);
}
.select2-container .select2-selection--single .wc-stripe-select2-container.stripe_upm.revolut_pay:before,
.select2-results__options li.wc-stripe-select2-container.stripe_upm.revolut_pay:before,
.select2-results__options li.wc-stripe-select2-container.stripe_upm.revolut_pay:before {
background-image: url(../img/revolut_pay.svg);
}
.select2-results__options li.wc-stripe-select2-container.wc-stripe-ach:before,
.select2-results__options li.wc-stripe-select2-container.stripe_becs:before,
.select2-container .select2-selection--single .wc-stripe-select2-container.stripe_becs:before {
display: none;
}
#wc-stripe-card-element.payment-type {
height: 100%;
padding: 0px;
}
.wc-stripe_cc-new-method-container .wc-stripe-save-source,
.payment_methods .wc-stripe-save-source {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 10px;
}
.wc-stripe_cc-container .wc-stripe-save-source .save-source-label,
.payment_methods .wc-stripe-save-source .save-source-label {
display: block;
padding: 0;
margin: 0 0 0px 5px;
}
.wc-stripe_cc-container .wc-stripe-save-source input[type="checkbox"][name="stripe_cc_save_source_key"],
.payment_methods .wc-stripe-save-source input[type="checkbox"][name$="_save_source_key"] {
opacity: 0;
position: absolute;
width: 20px;
height: 20px;
}
.wc-stripe_cc-container .wc-stripe-save-source label.checkbox,
.payment_methods .wc-stripe-save-source label.checkbox {
position: relative;
}
.wc-stripe_cc-container .save-source-checkbox,
.payment_methods .save-source-checkbox {
height: 20px;
width: 20px;
position: relative;
background-color: white;
display: block;
border-radius: 3px;
border: 1px solid #bababa;
}
.wc-stripe_cc-container .save-source-checkbox:after,
.payment_methods .save-source-checkbox:after {
content: "";
position: absolute;
top: 0;
left: 0;
}
.wc-stripe_cc-container .wc-stripe-save-source input[type="checkbox"]:checked + .save-source-checkbox:after,
.wc-stripe-save-source input[type="checkbox"]:checked + .save-source-checkbox:after {
left: 6px;
top: 2px;
width: 7px;
height: 12px;
border: solid #2196F3;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
li.payment_method_stripe_googlepay,
li.payment_method_stripe_applepay,
li.payment_method_stripe_payment_request {
display: none;
}
#place_order.wc-stripe-hide,
#payment #place_order.wc-stripe-hide,
.woocommerce-checkout-review-order #payment #place_order.wc-stripe-hide {
position: absolute !important;
z-index: -1000 !important;
height: 0 !important;
width: 0 !important;
padding: 0 !important;
opacity: 0 !important;
}
.wc-stripe-product-checkout-container {
display: none;
width: 100%;
}
.wc-stripe-product-checkout-container.bottom {
margin-top: 1em;
}
.wc-stripe-product-checkout-container.top {
margin-bottom: 1em;
}
.wc-stripe-product-checkout-container.active {
display: block;
}
.wc-stripe-product-checkout-container ul.wc_stripe_product_payment_methods,
.wc-stripe-cart-checkout-container ul.wc_stripe_cart_payment_methods {
list-style: none;
margin: 0px;
padding: 0px;
}
.wc-stripe-cart-checkout-container {
margin: 0;
padding: 0;
clear: both;
}
.wc-stripe-cart-checkout-container ul.wc_stripe_cart_payment_methods {
margin: 0;
}
.wc-stripe-cart-checkout-container ul.wc_stripe_cart_payment_methods.active {
margin-bottom: 1.5em;
}
.wc-stripe-product-checkout-container ul.wc_stripe_product_payment_methods li[class*=payment_method_stripe_],
.wc-stripe-cart-checkout-container ul.wc_stripe_cart_payment_methods li[class*=payment_method_stripe_] {
margin: 0 0 1em 0;
list-style: none;
}
.wc-stripe-product-checkout-container ul.wc_stripe_product_payment_methods li[class*=payment_method_stripe_]:last-child,
.wc-stripe-cart-checkout-container ul.wc_stripe_cart_payment_methods li[class*=payment_method_stripe_]:last-child {
margin: 0;
}
.wc_stripe_product_payment_methods .gpay-button,
.wc_stripe_cart_payment_methods .gpay-button,
.wc_stripe_product_payment_methods .gpay-card-info-container,
.wc_stripe_cart_payment_methods .gpay-card-info-container {
width: 100% !important;
min-width: 100%;
margin: 0;
}
.wc_stripe_product_payment_methods .disabled {
opacity: 0.45;
}
.woocommerce-cart .stripe_cart_gateway_active .wc-proceed-to-checkout .checkout-button,
.stripe_cart_gateway_active .checkout-button {
margin-bottom: 0px;
}
.wc-stripe-cart-or {
margin: 1em 0;
text-align: center;
}
li.wc-stripe-payment-method.or {
display: none;
}
.wc-stripe-cart-checkout-container ul.wc_stripe_cart_payment_methods.active li.wc-stripe-payment-method.or {
display: block;
margin: 15px 0;
}
.wc-stripe-cart-checkout-container ul.wc_stripe_cart_payment_methods.active li.wc-stripe-payment-method.or p {
margin: 0;
}
li[class*=payment_method_stripe_].active ~ li.wc-stripe-payment-method.or {
display: block;
margin: 0;
}
li.payment_method_stripe_applepay label:first-of-type img {
width: 49px;
max-height: 32px;
}
li.payment_method_stripe_googlepay label:first-of-type img {
width: 48px;
max-height: 35px;
}
li.payment_method_stripe_googlepay label:first-of-type img[src*=googlepay_standard],
li.payment_method_stripe_payment_request label:first-of-type img[src*=googlepay_standard] {
width: 60px;
max-height: 35px;
}
li.payment_method_stripe_googlepay label:first-of-type img[src*=googlepay_round_outline],
li.payment_method_stripe_payment_request label:first-of-type img[src*=googlepay_round_outline] {
width: 56px;
max-height: 30px;
}
li.payment_method_stripe_ach label:first-of-type img,
li.payment_method_stripe_plaid label:first-of-type img {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
}
li.payment_method_stripe_affirm label:first-of-type img {
width: 65px;
height: 26px;
}
li.payment_method_stripe_afterpay label:first-of-type img {
width: 100px;
height: 20px;
}
li.payment_method_stripe_afterpay label:first-of-type img[src$="afterpay_mint_black.svg"],
li.payment_method_stripe_afterpay label:first-of-type img[src$="clearpay_mint_black.svg"] {
width: 92px;
height: 32px;
}
li.payment_method_stripe_blik label:first-of-type img {
width: 64px;
}
li.payment_method_stripe_konbini label:first-of-type img {
width: 52px;
}
li.payment_method_stripe_paynow label:first-of-type img {
width: 82px;
}
li.payment_method_stripe_promptpay label:first-of-type img {
width: 84px;
}
#wc-stripe-affirm-message-container.StripeElement {
width: 100%;
}
#wc-stripe-affirm-message-container .__PrivateStripeElement {
width: 100%;
}
.gpay-button-container .gpay-button:hover,
.wc-stripe-checkout-banner-gateway .gpay-button:hover {
background-origin: content-box;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.gpay-button:active {
background-origin: content-box;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.gpay-button:focus {
background-origin: content-box;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
@supports (-webkit-appearance: -apple-pay-button) {
.apple-pay-button {
display: block;
-webkit-appearance: -apple-pay-button !important;
width: 100%;
max-width: 100%;
min-width: 200px;
height: 40px;
max-height: 40px;
}
.apple-pay-button-rounded {
border-radius: 50px !important;
}
.apple-pay-button-black {
-apple-pay-button-style: black;
}
.apple-pay-button-white {
-apple-pay-button-style: white;
}
.apple-pay-button-white-with-line {
-apple-pay-button-style: white-outline;
}
.woocommerce-checkout-payment .apple-pay-button {
/*max-width: 240px;*/
}
body.single-product div.product form.cart .wc_stripe_product_payment_methods .apple-pay-button {
max-width: 100%;
}
}
.wc-stripe-banner-checkout {
display: none;
padding: 0;
position: relative;
margin: 1em 0;
}
.wc-stripe-banner-checkout fieldset {
padding: 15px 25px 15px;
border: 1px solid #d1d1d1;
margin-bottom: 20px;
border-radius: 3px;
}
.wc-stripe-banner-checkout fieldset legend {
margin: 0 auto;
font-weight: 500;
padding: 0 1rem;
}
.wc-stripe-banner-checkout.active {
display: block;
}
.wc-stripe-banner-checkout span.banner-divider {
display: flex;
align-items: center;
top: -13px;
right: 0;
left: 0;
background: transparent;
white-space: nowrap;
font-size: 16px;
}
.wc-stripe-banner-checkout span.banner-divider:before,
.wc-stripe-banner-checkout span.banner-divider:after {
content: ' ';
height: 1px;
background: #d1d1d1;
display: block;
width: 50%;
}
.wc-stripe-banner-checkout span.banner-divider:before {
margin-right: 1rem;
}
.wc-stripe-banner-checkout span.banner-divider:after {
margin-left: 1rem;
}
.wc-stripe-banner-checkout ul.wc_stripe_checkout_banner_gateways {
list-style: none;
margin: 0;
padding: 0;
}
.wc-stripe-banner-checkout ul.wc_stripe_checkout_banner_gateways li.wc-stripe-checkout-banner-gateway {
margin: 0 auto;
display: none;
max-width: 240px;
}
.wc-stripe-banner-checkout ul.wc_stripe_checkout_banner_gateways li.wc-stripe-checkout-banner-gateway.active:nth-child(n+2) {
margin: 10px auto 0 auto;
}
.wc-stripe-banner-checkout ul.wc_stripe_checkout_banner_gateways li.wc-stripe-checkout-banner-gateway:first-child:not(.active) + li.wc-stripe-checkout-banner-gateway.active {
margin: 0 auto;
}
.wc-stripe-banner-checkout ul.wc_stripe_checkout_banner_gateways li.wc-stripe-checkout-banner-gateway .gpay-button,
.wc-stripe-banner-checkout ul.wc_stripe_checkout_banner_gateways li.wc-stripe-checkout-banner-gateway .gpay-card-info-container {
margin: 0;
}
.wc-stripe-banner-checkout ul.wc_stripe_checkout_banner_gateways .gpay-button,
.wc-stripe-banner-checkout ul.wc_stripe_checkout_banner_gateways .gpay-card-info-container {
width: 100%;
}
.wc_stripe_product_payment_methods .payment_method_stripe_payment_request .StripeElement,
.wc_stripe_cart_payment_methods .payment_method_stripe_payment_request .StripeElement {
padding: 0px;
width: 100%;
}
.woocommerce-checkout #wc-stripe-payment-request-container.StripeElement {
width: 100%;
padding: 0px;
}
.wc-stripe-checkout-banner-gateway #wc-stripe-payment-request-banner.StripeElement {
width: 100%;
}
ul.payment_methods li.payment_method_stripe_p24 img {
max-width: 90px;
width: 90px;
max-height: 45px;
}
ul.payment_methods li.payment_method_stripe_ideal img {
max-width: 38px;
width: 38px;
max-height: 35px;
}
ul.payment_methods li.payment_method_stripe_fpx img {
max-width: 75px;
width: 75px;
max-height: 25px;
}
ul.payment_methods li.payment_method_stripe_klarna img[src*="klarna"] {
max-width: 72px;
width: 72px;
max-height: 20px;
}
ul.payment_methods li.payment_method_stripe_klarna img[src*="klarna_pink"] {
width: 56px;
height: 32px;
max-height: 32px;
}
ul.payment_methods li.payment_method_stripe_giropay img {
max-width: 65px;
width: 65px;
max-height: 28px;
}
ul.payment_methods li.payment_method_stripe_eps img {
max-width: 70px;
width: 70px;
max-height: 46px;
}
ul.payment_methods li.payment_method_stripe_multibanco img {
max-width: 48px;
width: 48px;
max-height: 48px;
}
ul.payment_methods li.payment_method_stripe_sepa img {
max-width: 67px;
width: 67px;
max-height: 18px;
}
ul.payment_methods li.payment_method_stripe_sofort img {
max-width: 70px;
width: 70px;
max-height: 21px;
}
ul.payment_methods li.payment_method_stripe_bancontact img,
label[for=payment_method_stripe_bancontact] img {
width: 60px;
height: 42px;
max-width: 60px;
max-height: 42px;
}
ul.payment_methods li.payment_method_stripe_wechat label img {
max-width: 82px;
width: 82px;
max-height: 23px;
}
ul.payment_methods li.payment_method_stripe_alipay img {
max-width: 72px;
width: 72px;
height: 36px;
max-height: 36px;
}
ul.payment_methods li.payment_method_stripe_grabpay img {
max-width: 95px;
width: 95px;
max-height: 28px;
}
ul.payment_methods li.payment_method_stripe_oxxo img {
max-width: 52px;
width: 52px;
max-height: 24px;
}
ul.payment_methods li.payment_method_stripe_swish img {
max-width: 90px;
width: 90px;
max-height: 28px;
}
ul {
&.payment_methods {
li {
&.payment_method_stripe_twint {
img {
max-height: 35px;
width: 35px;
}
}
}
}
}
ul.payment_methods li.payment_method_stripe_cashapp img {
width: 32px;
height: 32px;
}
ul.payment_methods li.payment_method_stripe_revolut img {
width: 22px;
height: 28px;
}
ul.payment_methods li.payment_method_stripe_zip img {
width: 48px;
height: 30px;
}
#wc-stripe-card-element {
width: 100%;
}
li.banner_payment_method_stripe_payment_request .StripeElement {
padding: 0px;
}
.single-product .blockMsg {
border: none !important;
background-color: transparent !important;
}
#wc-stripe-card {
position: absolute !important;
top: 50%;
right: 8px;
transform: translatey(-50%);
width: 23px;
height: 15px;
padding: 0px;
border: none;
}
#wc-stripe-card.active {
width: 32px;
height: 20px;
}
input[id=stripe-postal-code]:focus {
outline: none;
background: transparent;
border: none;
box-shadow: none;
}
div.postalCode:focus {
outline: none;
border: none;
}
li[class*="payment_method_stripe"] .select2-container .select2-selection--single {
height: 42px;
padding: 0 5px;
}
li[class*="payment_method_stripe"] .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px;
top: 1px;
right: 1px;
transform: translateY(0);
}
.blockUI.blockMsg {
font-size: 20px;
white-space: nowrap;
}
#wc-stripe-payment-request-container.disabled {
opacity: 0.45;
}
.wc-stripe-paymentRequest-icons-container img {
float: none;
}
.select2-container .select2-selection--single .wc-stripe-select2-container.wc-stripe-ach:before {
display: none;
}
ul.wc_stripe_cart_payment_methods li.wc-stripe-payment-method button,
ul.wc_stripe_product_payment_methods li[class*=payment_method_stripe_] button,
ul.wc_stripe_checkout_banner_gateways li button {
margin: 0;
}
ul.payment_methods li[class*=payment_method] {
margin: 0;
padding: 10px 0;
}
ul.payment_methods li[class*=payment_method] input[name=payment_method] {
margin: 0 10px 0 5px;
float: none;
}
ul.payment_methods li[class*=payment_method_stripe_] > input[name=payment_method] + label {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
ul.payment_methods {
list-style: none;
}
ul.payment_methods li[class*=payment_method_stripe_] .wc-stripe_cc-new-method-container label:before {
display: none;
}
.wc-stripe_cc-container .wc-stripe-save-source label.checkbox,
.wc-stripe-save-source label.checkbox {
padding: 0 !important;
margin: 0px;
}
#payment .payment_methods li #wc_stripe_local_payment_stripe_wechat img,
#wc_stripe_local_payment_stripe_wechat img {
max-height: 100%;
float: none;
}
.qrcode-message {
margin: 10px 0 0 0;
}
#wc_stripe_local_payment_stripe_sepa,
#wc_stripe_local_payment_stripe_becs {
padding: 10px 12px;
box-shadow: 0 1px 3px 0 #e6ebf1;
}
.wc-stripe-local-desc.stripe_sepa,
.wc-stripe-local-desc.stripe_becs {
margin: 10px 0;
}
.wc-stripe-clear {
clear: both;
height: 0;
visibility: hidden;
}
.wc-stripe-gateway-desc p {
margin: 0;
}
#wc_stripe_local_payment_stripe_klarna,
li[class*=payment_method_stripe_] div.wc-stripe-gateway-container.has_tokens {
margin-top: 10px;
}
.wc-stripe-gateway-desc {
margin-top: 10px;
}
#wc-stripe-card-element.StripeElement--webkit-autofill {
background-color: transparent !important;
}
#wc_stripe_local_payment_stripe_klarna .stripe-klarna-categories {
list-style: none;
margin: 0;
padding: 10px;
}
li.payment_method_stripe_klarna,
li.payment_method_stripe_alipay,
li.payment_method_stripe_bancontact,
li.payment_method_stripe_becs,
li.payment_method_stripe_eps,
li.payment_method_stripe_fpx,
li.payment_method_stripe_giropay,
li.payment_method_stripe_ideal,
li.payment_method_stripe_multibanco,
li.payment_method_stripe_p24,
li.payment_method_stripe_sepa,
li.payment_method_stripe_sofort,
li.payment_method_stripe_wechat {
display: none;
}
.widget_shopping_cart_content .wc-stripe-mini-cart-payment-methods {
list-style: none;
margin: 0;
padding: 0;
}
.widget_shopping_cart_content .wc-stripe-mini-cart-payment-methods li {
margin: 0;
}
.widget_shopping_cart_content a.wc-stripe-gpay-mini-cart,
.widget_shopping_cart_content a.wc-stripe-applepay-mini-cart,
.widget_shopping_cart_content a.wc-stripe-payment-request-mini-cart {
background: transparent;
padding: 0;
border: none;
}
a.wc-stripe-gpay-mini-cart .gpay-button,
a.wc-stripe-gpay-mini-cart .gpay-card-info-container
a.wc-stripe-applepay-mini-cart .apple-pay-button {
width: 100%;
margin: 0;
}
.wc-stripe-payment-request-mini-cart.StripeElement {
padding: 0;
background: transparent;
border: none;
width: 100%;
}
.wc-stripe-payment-request-mini-cart.StripeElement .__PrivateStripeElement {
width: 100%;
}
.wc-stripe-minicart-overlay {
display: none !important;
position: absolute;
background: rgba(255, 255, 255, 0.75);
height: 100%;
width: 100%;
z-index: -1;
top: 0;
left: 0;
}
.wc-stripe-minicart-overlay.active {
display: block !important;
z-index: 9999;
}
.wc-stripe-klarna-loader {
display: flex;
justify-content: center;
position: relative;
width: 100%;
height: 30px;
box-sizing: border-box;
transform: scale(.65);
}
.wc-stripe-klarna-loader div {
box-sizing: border-box;
display: block;
position: absolute;
box-sizing: border-box;
width: 30px;
height: 30px;
border: 3px solid #000;
border-radius: 50%;
animation: klarna-payments-loader 1.3s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #000 transparent transparent transparent;
}
.wc-stripe-klarna-loader div:nth-child(1) {
animation-delay: -0.45s;
}
.wc-stripe-klarna-loader div:nth-child(2) {
animation-delay: -0.3s;
}
.wc-stripe-klarna-loader div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes klarna-payments-loader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
li.payment_method_stripe_googlepay.wc-stripe-no-desc .payment_box.wc-stripe-no-methods,
li.payment_method_stripe_applepay.wc-stripe-no-desc .payment_box.wc-stripe-no-methods,
li.payment_method_stripe_payment_request.wc-stripe-no-desc .payment_box.wc-stripe-no-methods,
li.payment_method_stripe_alipay.wc-stripe-no-desc .payment_box.wc-stripe-no-methods,
li.payment_method_stripe_bancontact.wc-stripe-no-desc .payment_box.wc-stripe-no-methods,
li.payment_method_stripe_eps.wc-stripe-no-desc .payment_box.wc-stripe-no-methods,
li.payment_method_stripe_giropay.wc-stripe-no-desc .payment_box.wc-stripe-no-methods,
li.payment_method_stripe_grabpay.wc-stripe-no-desc .payment_box.wc-stripe-no-methods,
li.payment_method_stripe_multibanco.wc-stripe-no-desc .payment_box.wc-stripe-no-methods,
li.payment_method_stripe_p24.wc-stripe-no-desc .payment_box.wc-stripe-no-methods,
li.payment_method_stripe_sofort.wc-stripe-no-desc .payment_box.wc-stripe-no-methods,
li.payment_method_stripe_oxxo.wc-stripe-no-desc .payment_box.wc-stripe-no-methods {
padding: 0;
margin: 0;
}
.wc-stripe-shortcode-cart-buttons .wc-stripe-cart-checkout-container ul.wc_stripe_cart_payment_methods.active li.wc-stripe-payment-method.or {
display: none;
}
label[for=payment_method_stripe_afterpay] > #wc-stripe-afterpay-msg {
display: inline-block;
float: right;
}
.payment_method_stripe_afterpay #wc-stripe-afterpay-msg .__PrivateStripeElement p,
#wc-stripe-afterpay-cart-container #wc-stripe-afterpay-cart-msg .__PrivateStripeElement p,
#wc-stripe-afterpay-product-msg .__PrivateStripeElement p {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.payment_method_stripe_afterpay #wc-stripe-afterpay-msg .__PrivateStripeElement p .AfterpayMessage-logo,
#wc-stripe-afterpay-cart-msg .__PrivateStripeElement p .AfterpayMessage-logo {
vertical-align: middle;
}
.payment_method_stripe_afterpay #wc_stripe_local_payment_stripe_afterpay.ineligible {
display: none;
}
.payment_method_stripe_afterpay .wc-stripe-afterpay__offsite {
text-align: center;
max-width: 320px;
margin: 0 auto;
padding: 10px 0;
}
.payment_method_stripe_afterpay .wc-stripe-afterpay__offsite img {
display: inline-block;
}
.payment_method_stripe_afterpay .wc-stripe-afterpay__offsite p {
font-size: 14px;
margin-top: 10px;
}
.wc-stripe-offsite-notice-container {
display: flex;
align-items: center;
justify-content: center;
padding-top: 10px;
width: 100%;
}
.wc-stripe-offsite-notice-container .wc-stripe-offsite-notice {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
max-width: 400px;
}
.wc-stripe-offsite-notice-container .wc-stripe-offsite-notice img {
max-width: 105px;
}
.wc-stripe-offsite-notice-container .wc-stripe-offsite-notice p {
font-size: 14px;
}
#wc-stripe-afterpay-cart-container #wc-stripe-afterpay-cart-msg {
text-align: left;
}
#wc-stripe-afterpay-cart-container #wc-stripe-afterpay-cart-msg .AfterpayMessage-logoSvg,
.payment_method_stripe_afterpay #wc-stripe-afterpay-msg .AfterpayMessage-logoSvg {
min-width: 64px;
max-width: 90px;
}
#wc-stripe-afterpay-cart-container td {
border: none;
}
#wc-stripe-afterpay-cart-container td::before,
#wc-stripe-affirm-cart-container td::before {
content: '';
}
.AfterpayMessage-logoSvg {
display: inline-block;
}
#wc-stripe-afterpay-product-msg {
font-size: 14px;
}
#wc-stripe-afterpay-product-msg .AfterpayMessage-logoSvg {
max-width: 80px;
min-width: 64px;
}
.wc-stripe-afterpay-minicart-msg {
font-size: 0.8em;
}
.payment_method_stripe_afterpay.afterpay-ineligible,
.afterpay-ineligible {
display: none;
}
.woocommerce-mini-cart__buttons .gpay-card-info-container {
min-width: 100%;
}
.woocommerce-mini-cart__buttons .gpay-card-info-container {
margin: 0;
}
.wc-stripe-boleto__description {
margin-top: 10px;
}
.wc-stripe-boleto__description div {
display: flex;
align-items: center;
}
.wc-stripe-boleto__description div label {
margin: 0;
}
.wc-stripe-klarna__testmode {
margin-top: 10px;
}
.wc-stripe-klarna__testmode label {
display: inline-block;
}
div.payment_method_stripe_cc > .woocommerce-NoticeGroup {
margin-bottom: 10px;
}
div.payment_method_stripe_cc.custom-form__bootstrap > .woocommerce-NoticeGroup {
margin-bottom: 20px;
}
.wc-stripe-installment-container {
margin-top: 15px;
}
.wc-stripe-installment-container p {
margin: 0;
}
.wc-stripe-installment-container label.installment-label {
font-weight: 500;
margin: 0 0 5px 0;
position: relative;
display: flex;
align-items: center;
}
.wc-stripe-installment-container .wc-stripe-installment-options.loading-installments {
opacity: 0.4;
}
.wc-stripe-installment-loader__container {
flex: 1 1 auto;
}
.wc-stripe-installment-loader__container .wc-stripe-installment-loader {
transform: scale(.55);
width: 30px;
height: 30px;
position: absolute;
top: -2px;
}
.wc-stripe-installment-loader div {
box-sizing: border-box;
display: block;
position: absolute;
box-sizing: border-box;
width: 30px;
height: 30px;
border: 3px solid #000;
border-radius: 50%;
animation: installment-loader 1.3s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #000 transparent transparent transparent;
}
.wc-stripe-installment-loader div:nth-child(1) {
animation-delay: -0.45s;
}
.wc-stripe-installment-loader div:nth-child(2) {
animation-delay: -0.3s;
}
.wc-stripe-installment-loader div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes installment-loader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#wc-stripe-ach-container .wc-stripe-ach__mandate {
margin: 10px 0;
}
.gpay-button-fill-new-style.gpay-button-container > .gpay-button.pay,
.gpay-button-fill-new-style .gpay-button.order,
.gpay-button-fill-new-style .gpay-button.checkout,
.gpay-button-fill-new-style .gpay-button.pay,
.gpay-button-fill-new-style .gpay-button.subscribe {
padding: 9px 24px;
}
input.stripe-link-icon-container {
background-repeat: no-repeat !important;
background-position: right;
background-origin: content-box;
}
.wc-stripe-link-icon {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
display: flex;
}
li.banner_payment_method_stripe_link_checkout,
li.payment_method_stripe_link_checkout {
iframe {
max-width: calc(100% + 8px);
}
}
li {
&.payment_method_stripe_link_checkout {
&.StripeElement {
width: 100%;
min-height: 1px;
iframe {
max-width: calc(100% + 8px);
}
}
}
}
div.product .wc-stripe-bnpl-product-message {
margin-bottom: 0.8em;
}
.wc-stripe-shop-message-container.stripe_affirm {
width: 100%;
}
.wc-stripe-blik-code {
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
}
.wc-stripe-blik-code .woocommerce-input-wrapper .input-text.blik-code {
padding: 8px;
width: 45px;
height: 45px;
text-align: center;
}
.wc-stripe-blik-code .form-row {
padding: 0 8px;
}
.blik-timer-container {
display: flex;
flex-direction: column;
align-items: baseline;
font-size: 1.2em;
}
.blik-timer-container #blik_timer {
font-size: 2em;
margin-left: 12px;
}
.wc-stripe-konbini-instructions ol,
.wc-stripe-paynow-instructions ol {
margin: 0;
padding: 0;
}
#wc_stripe_local_payment_stripe_blik ol {
margin: 0;
padding: 0;
}
#wc_stripe_local_payment_stripe_blik ol li,
#wc_stripe_local_payment_stripe_wechat ol li {
list-style-type: decimal !important;
}
.wc-stripe-bnpl-cart-message-container:nth-of-type(n+2) {
margin-top: 10px;
}
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice) div.wc-stripe-gateway-container li::before {
content: none;
}
.wc-stripe_upm-new-method-container .wc-stripe-save-source {
margin-top: 10px;
}
.wc-stripe-wallet-notice {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 12px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
border: 1px solid #e6e6e6;
border-radius: 5px;
background-color: #fff;
img {
&.wc-stripe-wallet-notice--icon {
width: 42px;
height: 42px;
margin-right: 10px;
}
&.wc-stripe-wallet-notice--mark {
height: 2em;
width: auto;
margin-bottom: 10px;
}
}
.wc-stripe-wallet-notice--selected-gateway {
margin: 0;
font-weight: 500;
}
.wc-stripe-wallet-notice--text {
margin: 0;
display: flex;
align-items: center;
color: #6d6e78;
}
.wc-stripe-wallet-notice--divider {
margin: 10px 0;
background: rgb(230, 230, 230);
height: 1px;
width: 100%
}
}