.payment-methods--logos>div{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;max-width:100%;overflow:hidden}.payment-methods--logos>div img{width:37px;height:24px;margin-right:4px;flex-shrink:1;min-width:0;max-width:100%}.payment-methods--logos-count{width:38px;height:24px;background-color:rgba(117,117,117,.1);color:#1e1e1e;text-align:center;line-height:24px;border-radius:3px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:1;text-overflow:ellipsis;overflow:hidden}.logo-popover{background-color:#fff;border:1px solid #ddd;border-radius:3px;padding:8px;box-sizing:border-box;box-shadow:0 0 10px 0 rgba(0,0,0,.1);display:grid;gap:8px;justify-content:center;cursor:pointer;width:fit-content}.logo-popover>img{width:38px;height:24px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
#payment .payment_method_woocommerce_payments .woocommerce-error{margin:1rem 0}.js-woopayments-copy-test-number{line-height:1.2em;vertical-align:middle;border-radius:0;border:none !important;background-color:transparent !important;font-weight:normal;display:inline-flex;cursor:pointer;color:inherit !important;font-size:initial;padding:2px 1px !important;align-items:center;box-shadow:none !important}.js-woopayments-copy-test-number span{margin-right:4px}.js-woopayments-copy-test-number i{order:1;display:block;width:1.2em;height:1.2em;mask-image:url(//www.colleinchianti.com/wp-content/plugins/woocommerce-payments/assets/images/icons/copy.svg?ver=14a3a00de64a8c0c151c);mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:currentColor}.js-woopayments-copy-test-number:hover{background-color:transparent;opacity:.7}.js-woopayments-copy-test-number:hover i{opacity:.7}.js-woopayments-copy-test-number:active i{transform:scale(0.9)}.js-woopayments-copy-test-number:focus{outline:none}.js-woopayments-copy-test-number.state--success i{mask-image:url(//www.colleinchianti.com/wp-content/plugins/woocommerce-payments/assets/images/icons/check-green.svg?ver=488deef5db84c71239e1)}.wcpay-payment-element{margin-bottom:2rem}#express-payment-method-woopay{width:100%}.wc-block-components-main .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__content>:last-child{padding:0}#contact-fields{padding-bottom:1.5em}.wc-block-components-text-input button.wcpay-stripelink-modal-trigger{top:50%;transform:translateY(-50%)}button.wcpay-stripelink-modal-trigger{display:none;position:absolute;right:5px;width:64px;height:40px;background:no-repeat url(//www.colleinchianti.com/wp-content/plugins/woocommerce-payments/assets/images/payment-methods/link.svg?ver=2af3c660d8ddc95442bb);background-color:transparent;cursor:pointer;border:none}button.wcpay-stripelink-modal-trigger:hover{background-color:transparent;border-color:transparent}.wc-block-checkout__payment-method input:checked~div .wc-block-components-radio-control__label>.payment-method-label .test-mode.badge{display:inline-block}.wc-block-checkout__payment-method .wc-block-components-radio-control__label{width:100%;display:block !important}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>.payment-method-label{display:grid !important;justify-content:normal !important;grid-template-columns:max-content auto;grid-template-areas:"label badge logos";align-items:center;gap:8px;width:100%}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>.payment-method-label>.payment-method-label__label{grid-area:label;width:100%}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>.payment-method-label>.payment-methods--logos{grid-area:logos;justify-self:end}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>.payment-method-label>.test-mode.badge{grid-area:badge;background-color:#fff2d7;border-radius:4px;padding:4px 6px;font-size:12px;font-weight:400;line-height:16px;color:#4d3716;justify-self:start;width:max-content;display:none}#remember-me h2{font-size:18px;font-weight:600;line-height:21.6px;letter-spacing:-0.01em}#payment-method #radio-control-wc-payment-method-options-woocommerce_payments_affirm__label img{min-width:50px}#payment-method #radio-control-wc-payment-method-options-woocommerce_payments_afterpay_clearpay__label img{min-width:64px}#wcpay-woopay-button .woopay-express-button{font-size:18px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;letter-spacing:.8px;height:40px;width:100%;background:#fff;border-radius:4px;border:none;color:#000;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-transform:none;list-style-type:none;min-height:auto}#wcpay-woopay-button .woopay-express-button .button-content{display:flex;align-content:center;justify-content:center;transform:scale(0.9)}#wcpay-woopay-button .woopay-express-button:not(:disabled):focus,#wcpay-woopay-button .woopay-express-button:not(:disabled):focus-within{outline:4px solid #d1c1ff}#wcpay-woopay-button .woopay-express-button:not(:disabled):hover{cursor:pointer}#wcpay-woopay-button .woopay-express-button:disabled{opacity:.5;cursor:not-allowed}#wcpay-woopay-button .woopay-express-button.is-loading,#wcpay-woopay-button .woopay-express-button.is-loading:hover,#wcpay-woopay-button .woopay-express-button.is-loading:disabled{opacity:1 !important}#wcpay-woopay-button .woopay-express-button svg{fill:#6108ce;width:99px}#wcpay-woopay-button .woopay-express-button[data-type=buy],#wcpay-woopay-button .woopay-express-button[data-type=book],#wcpay-woopay-button .woopay-express-button[data-type=donate]{min-width:200px}#wcpay-woopay-button .woopay-express-button[data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-type=donate] svg{margin-left:5px}#wcpay-woopay-button .woopay-express-button[data-theme=dark]{background:#873eff;color:#fff;border-color:#873eff}#wcpay-woopay-button .woopay-express-button[data-theme=dark] svg{fill:#fff}#wcpay-woopay-button .woopay-express-button[data-theme=dark]:not(:disabled):hover{border-color:#a77eff;background:#a77eff}#wcpay-woopay-button .woopay-express-button[data-theme=light-outline]{border:1px solid #000}#wcpay-woopay-button .woopay-express-button[data-theme=light-outline]:not(:disabled):hover{background:#e0e0e0}#wcpay-woopay-button .woopay-express-button[data-size=medium]{height:48px}#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate]{min-width:229px}#wcpay-woopay-button .woopay-express-button[data-size=medium] .button-content{transform:scale(1)}#wcpay-woopay-button .woopay-express-button[data-size=large]{height:55px}#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate]{min-width:229px}#wcpay-woopay-button .woopay-express-button[data-size=large] .button-content{transform:scale(1.1)}@media screen and (min-width: 785px)and (max-width: 850px){#wcpay-woopay-button .woopay-express-button[data-size=large]{font-size:22px}}#contact_details{float:none}#contact_details+#customer_details{display:block}#contact-fields .wc-block-components-text-input,#contact-fields .woocommerce-input-wrapper,.woopay-billing-email .wc-block-components-text-input,.woopay-billing-email .woocommerce-input-wrapper{display:inline-block;position:relative;width:100%}#contact-fields .wc-block-components-text-input .wc-block-components-spinner,#contact-fields .woocommerce-input-wrapper .wc-block-components-spinner,.woopay-billing-email .wc-block-components-text-input .wc-block-components-spinner,.woopay-billing-email .woocommerce-input-wrapper .wc-block-components-spinner{right:10px;width:24px}.wc-block-components-address-form__email{position:relative}.wc-block-components-address-form__email .wc-block-components-spinner{top:50%;left:auto;right:10px;width:24px;height:24px;transform:translateY(-50%)}.woopay-login-session-iframe{width:100%;height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:355000;border:0;background:#fff;visibility:hidden}.woopay-login-session-iframe.open{transition:top 500ms;visibility:visible}@media screen and (min-width: 768px){.woopay-login-session-iframe-wrapper{position:fixed;background:rgba(117,117,117,.6);top:0;left:0;width:100vw;height:100vh;content:" ";display:block;z-index:355000}.woopay-login-session-iframe-wrapper .woopay-login-session-iframe{transition:none;height:90vh;max-height:520px;position:absolute;max-width:374px;border-radius:8px}}.woopay-otp-iframe{transition:top 500ms;width:100%;height:100dvh;position:fixed;top:100%;left:0;z-index:355000;border:0;background:#fff}.woopay-otp-iframe.open{top:0}.woopay-otp-iframe-wrapper .arrow{position:fixed;top:100%}@media screen and (min-width: 768px){.woopay-otp-iframe-wrapper{position:fixed;background:rgba(117,117,117,.6);top:0;left:0;width:100vw;height:100vh;content:" ";display:block;z-index:355000}.woopay-otp-iframe-wrapper .woopay-otp-iframe{transition:none;height:90vh;max-height:650px;position:absolute;max-width:374px;border-radius:8px;right:50px;left:auto}.woopay-otp-iframe-wrapper .arrow{position:absolute;right:7.5px;background:transparent;width:0;height:0;z-index:355001;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #fff}}@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);transform:rotate(0deg)}100%{transform:rotate(360deg)}}.wc-block-components-spinner{position:absolute;width:100%;height:100%;color:inherit;box-sizing:content-box;text-align:center;font-size:1.25em;top:initial;left:initial}.wc-block-components-spinner::after{content:" ";position:absolute;top:50%;left:50%;margin:-0.5em 0 0 -0.5em;width:1em;height:1em;box-sizing:border-box;transform-origin:50% 50%;transform:translateZ(0) scale(0.5);backface-visibility:hidden;border-radius:50%;border:.2em solid currentColor;border-left-color:transparent;animation:spinner__animation 1s infinite linear}.is-loadable-placeholder{animation:loading-fade 1.6s ease-in-out infinite;background-color:#e2e4e7;color:transparent;display:inline-block}@media screen and (prefers-reduced-motion: reduce){.is-loadable-placeholder{animation:none}}.is-loadable-placeholder.is-inline{display:inline}.is-loadable-placeholder.is-block{display:block;margin-top:1em}.is-loadable-placeholder.is-block:first-child{margin-top:0}.is-loadable-placeholder.is-block p{margin:0}
.wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons>li{padding-bottom:12px !important}.wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons>li:last-child{padding-bottom:0 !important}.wc-block-components-express-payment-continue-rule--cart{margin:24px 0 !important;height:20px}.wc-block-components-express-payment .wc-block-components-express-payment__event-buttons>li{margin-left:1px !important;width:99% !important}@supports not (-webkit-appearance: -apple-pay-button){#express-payment-method-woocommerce_payments_express_checkout_applePay:has(#express-checkout-button-preview-applePay){display:none}}
.is-loadable-placeholder{animation:loading-fade 1.6s ease-in-out infinite;background-color:#e2e4e7;color:transparent;display:inline-block}@media screen and (prefers-reduced-motion: reduce){.is-loadable-placeholder{animation:none}}.is-loadable-placeholder.is-inline{display:inline}.is-loadable-placeholder.is-block{display:block;margin-top:1em}.is-loadable-placeholder.is-block:first-child{margin-top:0}.is-loadable-placeholder.is-block p{margin:0}.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-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 !important;
}
.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 !important
}
.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: 10px 10px 14px 10px;
}
#ppcp_mini_cart.desktop.large {
max-width: 500px;
line-height: 0;
margin: 10px 10px 14px 10px;
}
#ppcp_mini_cart.desktop.responsive {
width: 100%;
line-height: 0;
margin: 10px 10px 14px 10px;
max-width: 750px;
}
#ppcp_mini_cart.mobile.small {
max-width: 350px;
line-height: 0;
width: 100%;
margin: 10px 10px 14px 10px;
}
#ppcp_mini_cart.mobile.medium {
max-width: 400px;
line-height: 0;
width: 100%;
margin: 10px 10px 14px 10px;
}
#ppcp_mini_cart.mobile.large {
max-width: 500px;
margin: 10px 10px 14px 10px;
line-height: 0;
width: 100%;
}
#ppcp_mini_cart.mobile.responsive {
width: 100%;
margin: 10px 10px 14px 10px;
line-height: 0;
max-width: 750px;
}
.google-pay-container.mini_cart.mobile.small {
width: 100%;
max-width: 350px;
line-height: 0;
margin: 10px 10px 14px 10px;
text-align: center;
outline: none;
}
.google-pay-container.mini_cart.mobile.medium {
width: 100%;
max-width: 400px;
line-height: 0;
margin: 10px 10px 14px 10px;
text-align: center;
outline: none;
}
.google-pay-container.mini_cart.mobile.large {
width: 100%;
max-width: 500px;
line-height: 0;
margin: 10px 10px 14px 10px;
text-align: center;
outline: none;
}
.google-pay-container.mini_cart.mobile.responsive {
width: 100%;
line-height: 0;
margin: 10px 10px 14px 10px;
text-align: center;
outline: none;
max-width: 750px;
}
.google-pay-container.mini_cart.desktop.small {
max-width: 350px;
line-height: 0;
margin: 10px 10px 14px 10px;
text-align: center;
outline: none;
}
.google-pay-container.mini_cart.desktop.medium {
max-width: 400px;
line-height: 0;
margin: 10px 10px 14px 10px;
text-align: center;
outline: none;
}
.google-pay-container.mini_cart.desktop.large {
max-width: 500px;
line-height: 0;
margin: 10px 10px 14px 10px;
text-align: center;
outline: none;
}
.google-pay-container.mini_cart.desktop.responsive {
width: 100%;
line-height: 0;
margin: 10px 10px 14px 10px;
text-align: center;
outline: none;
max-width: 750px;
}
.apple-pay-container.mini_cart.desktop.small {
max-width: 350px;
line-height: 0;
margin: 10px 10px 14px 10px;
text-align: center;
}
.apple-pay-container.mini_cart.mobile.small {
width: 100%;
max-width: 350px;
line-height: 0;
margin: 10px 10px 14px 10px;
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: 10px 10px 14px 10px;
text-align: center;
}
.apple-pay-container.mini_cart.mobile.medium {
width: 100%;
max-width: 400px;
line-height: 0;
margin: 10px 10px 14px 10px;
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: 10px 10px 14px 10px;
text-align: center;
}
.apple-pay-container.mini_cart.mobile.large {
width: 100%;
max-width: 500px;
line-height: 0;
margin: 10px 10px 14px 10px;
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: 10px 10px 14px 10px;
text-align: center;
max-width: 750px;
}
.apple-pay-container.mini_cart.mobile.responsive {
width: 100%;
line-height: 0;
margin: 10px 10px 14px 10px;
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;
min-width: 300px;
}
#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;
min-width: 300px;
}
.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;
min-width: 300px;
}
.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;
background: transparent;
}
.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;
margin: 0;
}
.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%;
}
.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;
}
#wfacp_smart_buttons {
display: block !important;
}
#wfacp_smart_buttons.wfacp-dynamic-checkout-loading .dynamic-checkout__skeleton {
min-height: 45px;
}
:root{
--wpg-skel-height:39px;
--wpg-skel-radius:0px;
--wpg-skel-speed:1.25s;
--wpg-skel-fallback-bg:rgba(0,0,0,.06);
}
#ppcp_product, .google-pay-container.product, .apple-pay-container.product,
#ppcp_cart, .google-pay-container.cart, .apple-pay-container.cart {
min-height: var(--button-height, 48px);
}
#ppcp_checkout_top, #ppcp_checkout_top_alternative,
.google-pay-container.express_checkout, .apple-pay-container.express_checkout {
min-height: var(--button-height, 40px);
}
#ppcp_checkout, .google-pay-container.checkout, .apple-pay-container.checkout {
min-height: var(--button-height, 48px);
}
#ppcp_product,
#ppcp_cart,
#ppcp_mini_cart,
#ppcp_checkout_top,
#ppcp_checkout,
#ppcp_checkout_top_alternative,
.google-pay-container,
.apple-pay-container {
position: relative;
z-index: 98;
border-radius: var(--wpg-skel-radius);
border: 0;
background-color: var(--wpg-skel-fallback-bg);
background: color-mix(in srgb, currentColor 5%, transparent);
width: 100%;
max-width: 100%;
box-sizing: border-box;
min-width: 0;
overflow: hidden;
}
#ppcp_product::after,
#ppcp_cart::after,
#ppcp_mini_cart::after,
#ppcp_checkout::after,
#ppcp_checkout_top::after,
#ppcp_checkout_top_alternative::after,
.apple-pay-container::after,
.google-pay-container::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
transparent,
color-mix(in srgb, currentColor 5%, transparent) 50%,
transparent
);
background-size: 200% 100%;
animation: wpg-skeleton-shimmer var(--wpg-skel-speed) infinite linear;
pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
#ppcp_product::after,
#ppcp_cart::after,
#ppcp_mini_cart::after,
#ppcp_checkout::after,
#ppcp_checkout_top::after,
#ppcp_checkout_top_alternative::after,
.apple-pay-container::after,
.google-pay-container::after {
animation: none;
background-position: 100% 0;
}
}
@keyframes wpg-skeleton-shimmer {
0%   { background-position: 0% 0; }
100% { background-position: 200% 0; }
}
.bg-cleared,
.bg-cleared::before,
.bg-cleared::after {
background: none !important;
background-color: transparent !important;
}
[id^="zoid-paypal-card"] {
min-height: 57px !important;
}
.wp-theme-hello-shoppable .ppcp-button-container {
display: contents;
}
li.payment_method_wpg_paypal_checkout > .payment_box:not(:has(*)),
li.payment_method_wpg_paypal_checkout > .payment_box:empty {
display: none !important;
}
.gpay-card-info-container {
min-width: 0 !important;
}
.wpg_place_order_hide {
display:none !important;
}
#express-payment-method-wpg_paypal_checkout_top #ppcp_checkout_top.desktop , #express-payment-method-wpg_paypal_checkout_top #ppcp_checkout_top_alternative.desktop,
#express-payment-method-wpg_paypal_checkout_top .google-pay-container.desktop, #express-payment-method-wpg_paypal_checkout_top .apple-pay-container.desktop {
max-width: 240px;
line-height: 0;
margin-top: 4px;
}
#express-payment-method-wpg_paypal_checkout_top {
list-style: none !important;
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
}
#express-payment-method-wpg_paypal_checkout_top #ppcp_checkout_top.mobile, #express-payment-method-wpg_paypal_checkout_top #ppcp_checkout_top_alternative.mobile, #express-payment-method-wpg_paypal_checkout_top .google-pay-container.mobile, #express-payment-method-wpg_paypal_checkout_top .apple-pay-container.mobile {
margin: 0 auto;
max-width: 480px;
line-height: 0;
margin-top: 10px;
}
#express-payment-method-wpg_paypal_checkout_top {
list-style: none !important;
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
} @media (max-width: 480px) {
#express-payment-method-wpg_paypal_checkout_top {
margin: 0 auto;
max-width: 480px;
line-height: 0;
width: 100%;
display: block;
}
}