.ppcp-order-review .woocommerce-checkout #payment ul.payment_methods {
display: none;
}
.ppcp_shipping_details,
.ppcp_billing_details {
margin-bottom: 14px;
clear: both;
}
.ppcp_edit_billing_address,
.ppcp_edit_shipping_address {
cursor: pointer;
}
.ppcp_edit_billing_address:hover,
.ppcp_edit_shipping_address:hover {
text-decoration: none;
cursor: pointer;
}
.order_review_page_description {
margin-bottom: 20px;
clear: both;
}
.button.alt.ppcp_cancel {
clear: both;
margin-bottom: 20px;
}
.payments-sdk-contingency-handler {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 999999 !important;
}
.payments-sdk-contingency-handler iframe {
overflow: auto;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff !important;
padding: 1em;
box-sizing: content-box;
border-radius: 5px;
}
.ppcp_message_home,
.ppcp_message_product,
.ppcp_message_cart,
.ppcp_message_payment,
.ppcp_message_category {
display: block;
margin: 15px 0;
position: relative;
z-index: 99999;
}
#express-payment-method-wpg_paypal_checkout_top,
#express-payment-method-ppcp_checkout_top {
list-style: none !important;
}
.ppcp-button-container {
text-align: center;
margin-top: 10px;
}
#ppcp_product.desktop.small {
max-width: 300px;
line-height: 0;
margin-bottom: 10px;
}
#ppcp_product.desktop.medium {
max-width: 400px;
line-height: 0;
margin-bottom: 10px;
}
#ppcp_product.desktop.large {
max-width: 500px;
line-height: 0;
margin-bottom: 10px;
}
#ppcp_product.desktop.responsive {
width: 100%;
line-height: 0;
margin-bottom: 10px;
max-width: 750px;
}
#ppcp_product.mobile.small {
max-width: 350px;
margin-bottom: 10px;
line-height: 0;
width: 100%;
}
#ppcp_product.mobile.medium {
max-width: 400px;
margin-bottom: 10px;
line-height: 0;
width: 100%;
}
#ppcp_product.mobile.large {
max-width: 500px;
margin-bottom: 10px;
line-height: 0;
width: 100%;
}
#ppcp_product.mobile.responsive {
width: 100%;
margin-bottom: 10px;
line-height: 0;
max-width: 750px;
}
.google-pay-container.product.mobile.small {
width: 100%;
max-width: 350px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
outline: none;
}
.google-pay-container.product.mobile.medium {
width: 100%;
max-width: 400px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
outline: none;
}
.google-pay-container.product.mobile.large {
width: 100%;
max-width: 500px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
outline: none;
}
.google-pay-container.product.mobile.responsive {
width: 100%;
line-height: 0;
margin-bottom: 10px;
text-align: center;
outline: none;
max-width: 750px;
}
.google-pay-container.product.desktop.small {
max-width: 300px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
outline: none;
}
.google-pay-container.product.desktop.medium {
max-width: 400px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
outline: none;
}
.google-pay-container.product.desktop.large {
max-width: 500px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
outline: none;
}
.google-pay-container.product.desktop.responsive {
width: 100%;
line-height: 0;
margin-bottom: 10px;
text-align: center;
outline: none;
max-width: 750px;
}
.apple-pay-container.product.desktop.small {
max-width: 300px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
}
.apple-pay-container.product.mobile.small {
width: 100%;
max-width: 350px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
}
.apple-pay-container.product.desktop.small apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-max-width: 300px;
--apple-pay-button-height: var(--button-height, 48px);
}
.apple-pay-container.product.mobile.small apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 350px;
}
.apple-pay-container.product.desktop.medium {
max-width: 400px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
}
.apple-pay-container.product.mobile.medium {
width: 100%;
max-width: 400px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
}
.apple-pay-container.product.desktop.medium apple-pay-button {
--apple-pay-button-max-width: 400px;
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
}
.apple-pay-container.product.mobile.medium apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 400px;
}
.apple-pay-container.product.desktop.large {
max-width: 500px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
}
.apple-pay-container.product.mobile.large {
width: 100%;
max-width: 500px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
}
.apple-pay-container.product.desktop.large apple-pay-button {
--apple-pay-button-max-width: 500px;
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
}
.apple-pay-container.product.mobile.large apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 500px;
}
.apple-pay-container.product.desktop.responsive {
width: 100%;
line-height: 0;
margin-bottom: 10px;
text-align: center;
max-width: 750px;
}
.apple-pay-container.product.mobile.responsive {
width: 100%;
line-height: 0;
margin-bottom: 10px;
text-align: center;
max-width: 750px;
}
.apple-pay-container.product.desktop.responsive apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 750px;
}
.apple-pay-container.product.mobile.responsive apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 750px;
}
#ppcp_cart.desktop.small {
max-width: 350px;
line-height: 0;
margin: 0 auto 14px;
}
#ppcp_cart.desktop.medium {
max-width: 400px;
line-height: 0;
margin: 0 auto 14px;
}
#ppcp_cart.desktop.large {
max-width: 500px;
line-height: 0;
margin: 0 auto 14px;
}
#ppcp_cart.desktop.responsive {
width: 100%;
line-height: 0;
margin: 0 auto 14px;
max-width: 750px;
}
#ppcp_cart.mobile.small {
max-width: 350px;
margin: 0 auto 14px;
line-height: 0;
width: 100%;
}
#ppcp_cart.mobile.medium {
max-width: 400px;
margin: 0 auto 14px;
line-height: 0;
width: 100%;
}
#ppcp_cart.mobile.large {
max-width: 500px;
margin: 0 auto 14px;
line-height: 0;
width: 100%;
}
#ppcp_cart.mobile.responsive {
width: 100%;
margin: 0 auto 14px;
line-height: 0;
max-width: 750px;
}
.google-pay-container.cart.mobile.small {
width: 100%;
max-width: 350px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
outline: none;
}
.google-pay-container.cart.mobile.medium {
width: 100%;
max-width: 400px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
}
.google-pay-container.cart.mobile.large {
width: 100%;
max-width: 500px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
}
.google-pay-container.cart.mobile.responsive {
width: 100%;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
max-width: 750px;
}
.google-pay-container.cart.desktop.small {
max-width: 350px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
}
.google-pay-container.cart.desktop.medium {
max-width: 400px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
}
.google-pay-container.cart.desktop.large {
max-width: 500px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
}
.google-pay-container.cart.desktop.responsive {
width: 100%;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
max-width: 750px;
}
.apple-pay-container.cart.desktop.small {
max-width: 350px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.cart.mobile.small {
width: 100%;
max-width: 350px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.cart.desktop.small apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-max-width: 350px;
--apple-pay-button-height: var(--button-height, 48px);
}
.apple-pay-container.cart.mobile.small apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 350px;
}
.apple-pay-container.cart.desktop.medium {
max-width: 400px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.cart.mobile.medium {
width: 100%;
max-width: 400px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.cart.desktop.medium apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-max-width: 400px;
--apple-pay-button-height: var(--button-height, 48px);
}
.apple-pay-container.cart.mobile.medium apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 400px;
}
.apple-pay-container.cart.desktop.large {
max-width: 500px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.cart.mobile.large {
width: 100%;
max-width: 500px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.cart.desktop.large apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 500px;
}
.apple-pay-container.cart.mobile.large apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 500px;
}
.apple-pay-container.cart.desktop.responsive {
width: 100%;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
max-width: 750px;
}
.apple-pay-container.cart.mobile.responsive {
width: 100%;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
max-width: 750px;
}
.apple-pay-container.cart.desktop.responsive apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 750px;
}
.apple-pay-container.cart.mobile.responsive apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 750px;
}
#ppcp_mini_cart.desktop.small {
max-width: 350px;
line-height: 0;
margin: 0 auto 14px;
margin-top: 7px;
}
#ppcp_mini_cart.desktop.medium {
max-width: 400px;
line-height: 0;
margin: 0 auto 14px;
margin-top: 7px;
}
#ppcp_mini_cart.desktop.large {
max-width: 500px;
line-height: 0;
margin: 0 auto 14px;
margin-top: 7px;
}
#ppcp_mini_cart.desktop.responsive {
width: 100%;
line-height: 0;
margin: 0 auto 14px;
max-width: 750px;
margin-top: 7px;
}
#ppcp_mini_cart.mobile.small {
max-width: 350px;
margin: 0 auto 14px;
line-height: 0;
width: 100%;
margin-top: 7px;
}
#ppcp_mini_cart.mobile.medium {
max-width: 400px;
margin: 0 auto 14px;
line-height: 0;
width: 100%;
margin-top: 7px;
}
#ppcp_mini_cart.mobile.large {
max-width: 500px;
margin: 0 auto 14px;
line-height: 0;
width: 100%;
margin-top: 7px;
}
#ppcp_mini_cart.mobile.responsive {
width: 100%;
margin: 0 auto 14px;
line-height: 0;
max-width: 750px;
margin-top: 7px;
}
.google-pay-container.mini_cart.mobile.small {
width: 100%;
max-width: 350px;
line-height: 0;
margin-bottom: 10px;
text-align: center;
outline: none;
margin-top: 7px;
}
.google-pay-container.mini_cart.mobile.medium {
width: 100%;
max-width: 400px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
}
.google-pay-container.mini_cart.mobile.large {
width: 100%;
max-width: 500px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
}
.google-pay-container.mini_cart.mobile.responsive {
width: 100%;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
max-width: 750px;
}
.google-pay-container.mini_cart.desktop.small {
max-width: 350px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
}
.google-pay-container.mini_cart.desktop.medium {
max-width: 400px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
}
.google-pay-container.mini_cart.desktop.large {
max-width: 500px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
}
.google-pay-container.mini_cart.desktop.responsive {
width: 100%;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
outline: none;
max-width: 750px;
}
.apple-pay-container.mini_cart.desktop.small {
max-width: 350px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.mini_cart.mobile.small {
width: 100%;
max-width: 350px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.mini_cart.desktop.small apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 350px;
}
.apple-pay-container.mini_cart.mobile.small apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 350px;
}
.apple-pay-container.mini_cart.desktop.medium {
max-width: 400px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.mini_cart.mobile.medium {
width: 100%;
max-width: 400px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.mini_cart.desktop.medium apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 400px;
}
.apple-pay-container.mini_cart.mobile.medium apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 400px;
}
.apple-pay-container.mini_cart.desktop.large {
max-width: 500px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.mini_cart.mobile.large {
width: 100%;
max-width: 500px;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
}
.apple-pay-container.mini_cart.desktop.large apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 500px;
}
.apple-pay-container.mini_cart.mobile.large apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 500px;
}
.apple-pay-container.mini_cart.desktop.responsive {
width: 100%;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
max-width: 750px;
}
.apple-pay-container.mini_cart.mobile.responsive {
width: 100%;
line-height: 0;
margin: 0 auto 14px;
text-align: center;
max-width: 750px;
}
.apple-pay-container.mini_cart.desktop.responsive apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 750px;
}
.apple-pay-container.mini_cart.mobile.responsive apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 750px;
}
#ppcp_checkout.desktop.small {
max-width: 350px;
line-height: 0;
margin-bottom: 14px;
margin-top: 10px;
}
#ppcp_checkout.desktop.medium {
max-width: 400px;
line-height: 0;
margin-bottom: 14px;
margin-top: 10px;
}
#ppcp_checkout.desktop.large {
max-width: 500px;
line-height: 0;
margin-bottom: 14px;
margin-top: 10px;
}
#ppcp_checkout.desktop.responsive {
width: 100%;
line-height: 0;
margin-bottom: 14px;
max-width: 750px;
margin-top: 10px;
}
#ppcp_checkout.mobile.small {
max-width: 350px;
margin-bottom: 14px;
line-height: 0;
width: 100%;
margin-top: 10px;
}
#ppcp_checkout.mobile.medium {
max-width: 400px;
margin-bottom: 14px;
line-height: 0;
width: 100%;
margin-top: 10px;
}
#ppcp_checkout.mobile.large {
max-width: 500px;
margin-bottom: 14px;
line-height: 0;
width: 100%;
margin-top: 10px;
}
#ppcp_checkout.mobile.responsive {
width: 100%;
margin-bottom: 14px;
line-height: 0;
max-width: 750px;
margin-top: 10px;
}
.google-pay-container.checkout.mobile.small {
width: 100%;
max-width: 350px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
outline: none;
}
.google-pay-container.checkout.mobile.medium {
width: 100%;
max-width: 400px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
outline: none;
}
.google-pay-container.checkout.mobile.large {
width: 100%;
max-width: 500px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
outline: none;
}
.google-pay-container.checkout.mobile.responsive {
width: 100%;
line-height: 0;
margin-bottom: 14px;
text-align: center;
outline: none;
max-width: 750px;
}
.google-pay-container.checkout.desktop.small {
max-width: 350px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
outline: none;
}
.google-pay-container.checkout.desktop.medium {
max-width: 400px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
outline: none;
}
.google-pay-container.checkout.desktop.large {
max-width: 500px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
outline: none;
}
.google-pay-container.checkout.desktop.responsive {
width: 100%;
line-height: 0;
margin-bottom: 14px;
text-align: center;
outline: none;
max-width: 750px;
}
.apple-pay-container.checkout.desktop.small {
max-width: 350px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
}
.apple-pay-container.checkout.mobile.small {
width: 100%;
max-width: 350px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
}
.apple-pay-container.checkout.desktop.small apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 350px;
}
.apple-pay-container.checkout.mobile.small apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 350px;
}
.apple-pay-container.checkout.desktop.medium {
max-width: 400px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
}
.apple-pay-container.checkout.mobile.medium {
width: 100%;
max-width: 400px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
}
.apple-pay-container.checkout.desktop.medium apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 400px;
}
.apple-pay-container.checkout.mobile.medium apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 400px;
}
.apple-pay-container.checkout.desktop.large {
max-width: 500px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
}
.apple-pay-container.checkout.mobile.large {
width: 100%;
max-width: 500px;
line-height: 0;
margin-bottom: 14px;
text-align: center;
}
.apple-pay-container.checkout.desktop.large apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 500px;
}
.apple-pay-container.checkout.mobile.large apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 500px;
}
.apple-pay-container.checkout.desktop.responsive {
width: 100%;
line-height: 0;
margin-bottom: 14px;
text-align: center;
max-width: 750px;
}
.apple-pay-container.checkout.mobile.responsive {
width: 100%;
line-height: 0;
margin-bottom: 14px;
text-align: center;
max-width: 750px;
}
.apple-pay-container.checkout.desktop.responsive apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 750px;
}
.apple-pay-container.checkout.mobile.responsive apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-height: var(--button-height, 48px);
--apple-pay-button-max-width: 750px;
}
.ppcp-proceed-to-checkout-button-separator.desktop.small {
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
position: relative;
max-width: 350px;
}
.ppcp-proceed-to-checkout-button-separator.desktop.medium {
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
position: relative;
max-width: 400px;
}
.ppcp-proceed-to-checkout-button-separator.desktop.large {
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
position: relative;
max-width: 500px;
}
.ppcp-proceed-to-checkout-button-separator.desktop.responsive {
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
position: relative;
width: 100%;
max-width: 750px;
}
.ppcp-proceed-to-checkout-button-separator.mobile.small {
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
position: relative;
width: 100%;
max-width: 350px;
}
.ppcp-proceed-to-checkout-button-separator.mobile.medium {
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
position: relative;
width: 100%;
max-width: 400px;
}
.ppcp-proceed-to-checkout-button-separator.mobile.large {
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
position: relative;
width: 100%;
max-width: 500px;
}
.ppcp-proceed-to-checkout-button-separator.mobile.responsive {
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
position: relative;
width: 100%;
max-width: 750px;
}
.ppcp-proceed-to-checkout-button-separator::before,
.ppcp-proceed-to-checkout-button-separator::after {
content: '';
flex: 1;
border-bottom: 1px solid #e0e0e0;
margin: 0 6px;
}
.ppcp-proceed-to-checkout-button-separator span {
font-weight: 500;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.4px;
padding: 0 8px;
position: relative;
z-index: 1;
}
.ppcp-button-container fieldset {
border: 1px solid #d1d1d1;
border-radius: 3px;
margin-bottom: 20px;
padding: 15px 15px 22px;
}
.ppcp-button-container fieldset legend {
font-weight: 500;
margin: 0 auto;
padding: 0 1rem;
max-width: max-content;
float: none;
color: #6d6d6d;
font-size: 16px;
text-transform: none;
border-bottom: none;
}
.ppcp-button-container .express-divider {
align-items: center;
background: transparent;
display: flex;
font-size: 16px;
left: 0;
right: 0;
top: -13px;
white-space: nowrap;
margin-bottom: 25px;
color: #6d6d6d;
font-weight: 500;
}
.ppcp-button-container .express-divider::before,
.ppcp-button-container .express-divider::after {
background: #e2e2e2;
content: " ";
display: block;
height: 1px;
width: 50%;
}
.ppcp-button-container .express-divider::before {
margin-right: 1rem;
}
.ppcp-button-container .express-divider::after {
margin-left: 1rem;
}
.express_payment_method_ppcp.desktop {
display: flex;
justify-content: center; align-items: center; gap: 6px; }
.express_payment_method_ppcp.mobile {
width: 100%;
margin: 0 auto;
}
#ppcp_checkout_top.desktop {
display: flex;
max-width: 240px;
line-height: 0;
width: 100%;
}
#ppcp_checkout_top.mobile {
width: 100%;
max-width: 350px;
margin: 0 auto 14px;
line-height: 0;
}
#ppcp_checkout_top_alternative.desktop {
display: flex;
max-width: 240px;
line-height: 0;
width: 100%;
}
#ppcp_checkout_top_alternative.mobile {
width: 100%;
max-width: 350px;
margin: 0 auto 14px;
line-height: 0;
}
.google-pay-container.express_checkout.mobile {
max-width: 350px;
display: flex;
width: 100%;
line-height: 0;
margin: 0 auto 14px;
}
.google-pay-container .gpay-card-info-container-fill button {
padding: 0 !important;
}
.google-pay-container.express_checkout.desktop {
display: flex;
max-width: 240px;
line-height: 0;
width: 100%;
}
.apple-pay-container.express_checkout.mobile {
max-width: 350px;
display: flex;
width: 100%;
line-height: 0;
margin: 0 auto 14px;
}
.apple-pay-container.express_checkout.desktop {
display: flex;
max-width: 240px;
line-height: 0;
width: 100%;
}
.express_payment_method_ppcp .apple-pay-container.express_checkout.mobile apple-pay-button {
--apple-pay-button-width: 100%;
--apple-pay-button-max-width: 350px;
}
.express_payment_method_ppcp .apple-pay-container.express_checkout.desktop apple-pay-button {
--apple-pay-button-max-width: 240px;
--apple-pay-button-width: 100%;
}
#express-payment-method-wpg_paypal_checkout_top .apple-pay-container apple-pay-button {
--apple-pay-button-max-width: 450px;
--apple-pay-button-width: 100%;
}
#express-payment-method-wpg_paypal_checkout_top #ppcp_checkout_top, #express-payment-method-wpg_paypal_checkout_top #ppcp_checkout_top_alternative, #express-payment-method-wpg_paypal_checkout_top .google-pay-container, #express-payment-method-wpg_paypal_checkout_top .apple-pay-container {
margin: 0 auto;
max-width: 480px;
line-height: 0;
margin-top: 10px;
}
.wc-block-components-radio-control-accordion-content #wc-wpg_paypal_checkout_cc-form {
max-width: 450px;
}
.wpg-paypal-cc-field {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
#wc-wpg_paypal_checkout_cc-form {
display: flex;
flex-wrap: wrap;
max-width: 450px;
gap: 0px 0px; align-items: flex-start;
margin-top: 10px;
}
.wpg-paypal-cc-field.full-width {
flex: 1 1 100%;
}
.wpg-paypal-cc-field.half-width {
flex: 1 1 calc(50% - 8px);
} .wpg-paypal-cc-field label {
margin-left: 8px;
font-weight: 600;
color: #515151;
margin-bottom: 0px;
}
.wc-credit-card-form .wpg-paypal-cc-field:not(:last-child) {
margin-bottom: 6px;
} @media (max-width: 480px) {
.wpg-paypal-cc-field.half-width {
flex: 1 1 100%;
}
}
.wc-block-components-express-payment__event-buttons {
padding-bottom: 2px !important;
}
.entry-content ul.wc-block-components-express-payment__event-buttons, #left-area ul.wc-block-components-express-payment__event-buttons {
padding: 0;
}
apple-pay-button {
--apple-pay-button-height: 40px;
--apple-pay-button-border-radius: 4px;
--apple-pay-button-padding: 0px 0px;
--apple-pay-button-box-sizing: border-box;
--apple-pay-button-width: 100%;
} .wc-block-components-notices .woocommerce-error {
background-color: #fff6f6;
border: 1px solid #e2401c;
color: #e2401c;
padding: 12px 15px;
border-radius: 4px;
list-style: none;
margin: 0 0 20px 0;
}
.wc-block-components-notices .woocommerce-error li {
color: #e2401c;
font-size: 14px;
margin: 0;
}
.wc-block-components-notices .woocommerce-NoticeGroup-checkout {
background: none;
border: none;
padding: 0;
}
#ppcp_checkout .paypal-buttons-context-iframe {
margin-top: 14px;
}
apple-pay-button {
--apple-pay-button-border-radius: var(--button-radius, 4px);
border-radius: var(--button-radius, 4px);
}
#payment .payment_methods li label[for=payment_method_wpg_paypal_checkout_cc] img:first-of-type {
display: inline !important;
margin-left: 8px;
height: 25px;
margin-right: 0px;
}
#payment .payment_methods li label[for=payment_method_wpg_paypal_checkout_cc] img {
display: inline !important;
margin-left: 2px;
height: 25px;
margin-right: 0px;
}
#payment .payment_methods li label[for=payment_method_wpg_paypal_checkout] img {
display: inline !important;
margin-left: 8px;
height: 25px;
margin-right: 0px;
}
#radio-control-wc-payment-method-options-wpg_paypal_checkout_cc__label img:first-of-type {
height: 25px;
}
#radio-control-wc-payment-method-options-wpg_paypal_checkout__label img {
height: 25px;
}
.wpg-cvc-wrapper {
position: relative;
width: 100%;
}
.wpg-ppcp-card-cvv-icon {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
display: flex;
align-items: center;
padding: 8px 8px 14px;
z-index: 999;
pointer-events: none;
}
.wpg-card-cvc-icon {
height: 1.95em;
width: 1.95em;
}
.woocommerce div.product form.cart, .woocommerce-page div.product form.cart, .woocommerce #content div.product form.cart, .woocommerce-page #content div.product form.cart {
margin-bottom: 16px !important;
}
.wc_ppcp_wpg_container {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 750px;
}
.wc_ppcp_wpg_container p {
flex: 1 1 100%;
margin-top: 10px !important;
text-align: center;
}
.wc_ppcp_wpg_container img {
height: 56px;
max-height: 77px !important;
max-width: 150px;
width: 110px;
}
.google-pay-container iframe {
min-height: 100% !important;
}
.payment_box.payment_method_wpg_paypal_checkout {
max-width: 100% !important;
padding-top: 20px !important;
}