.fkwcs_stripe_icons {
display: inline-block;
} #fkwcs_custom_express_button .fkwcs_ec_applepay_button-dark {
background-color: #000 !important;
}
#fkwcs_custom_express_button .fkwcs-express-checkout-payment-button-light, #fkwcs_custom_express_button .fkwcs_ec_googlepay_button-light, #fkwcs_custom_express_button .fkwcs_ec_applepay_button-light, #fkwcs_custom_express_button .fkwcs_ec_googlepay_button-light-outline, #fkwcs_custom_express_button .fkwcs_ec_googlepay_button-light-outline, #fkwcs_custom_express_button .fkwcs_ec_applepay_button-light-outline {
color: #39325c !important;
border: solid 1px #ebebeb !important;
}
#fkwcs_custom_express_button .fkwcs_ec_applepay_button-dark {
background-color: #000 !important;
}
#fkwcs_custom_express_button .fkwcs-express-checkout-googlepay-button-dark, #fkwcs_custom_express_button .fkwcs_ec_applepay_button-dark {
color: #fff !important;
}
div#fkwcs_stripe_smart_button .fkwcs_disabled_btn button {
background: gray;
}
#fkwcs_custom_express_button {
max-width: 100%;
}
#fkwcs_stripe_smart_button_wrapper:not(.inline) #fkwcs_custom_express_button .fkwcs_smart_buttons {
min-height: 40px;
min-width: 100px;
margin-top: 8px;
}
#fkwcs_custom_express_button .fkwcs_smart_buttons {
user-select: none;
white-space: nowrap;
font-size: 16px;
width: 100%;
position: relative;
border: none;
outline: none;
cursor: pointer;
}
#fkwcs_custom_express_button .fkwcs_ec_googlepay_button {
max-height: 64px;
border: 0;
cursor: pointer;
position: relative;
min-height: 32px;
}
#fkwcs_custom_express_button .fkwcs_ec_googlepay_button_logo {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-origin: content-box;
padding: 27.5vh 7.375vw;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#fkwcs_custom_express_button .fkwcs_ec_googlepay_button-dark {
background-color: #000 !important;
}
#fkwcs_custom_express_button .fkwcs_ec_googlepay_button-dark:active {
background-color: #000;
}
#fkwcs_custom_express_button .fkwcs_ec_googlepay_button-light, #fkwcs_custom_express_button .fkwcs_ec_googlepay_button-light-outline, #fkwcs_custom_express_button .fkwcs_ec_applepay_button-light-outline {
background-color: #fff !important;
}
#fkwcs_custom_express_button .fkwcs_ec_googlepay_button-light:active, #fkwcs_custom_express_button .fkwcs_ec_googlepay_button-light-outline:active, #fkwcs_custom_express_button .fkwcs_ec_applepay_button-light-outline:active {
background-color: #fff;
}
#fkwcs_custom_express_button .fkwcs_ec_payment_button-dark, #fkwcs_custom_express_button .fkwcs_ec_payment_button-dark:hover {
background: #32325d !important;
color: #fff !important;
}
#fkwcs_custom_express_button .fkwcs_ec_payment_button-dark, #fkwcs_custom_express_button .fkwcs_ec_googlepay_button-dark, #fkwcs_custom_express_button .fkwcs_ec_applepay_button-dark {
color: #fff !important;
}
#fkwcs_custom_express_button .fkwcs_ec_payment_button-light, #fkwcs_custom_express_button .fkwcs_ec_googlepay_button-light, #fkwcs_custom_express_button .fkwcs_ec_applepay_button-light, #fkwcs_custom_express_button .fkwcs_ec_payment_button-light-outline, #fkwcs_custom_express_button .fkwcs_ec_googlepay_button-light-outline, #fkwcs_custom_express_button .fkwcs_ec_applepay_button-light-outline {
color: #39325c !important;
border: solid 1px #ebebeb !important;
}
#fkwcs_custom_express_button .fkwcs_express_checkout_button_content {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
box-sizing: border-box;
padding: 0 10px;
}
#fkwcs_custom_express_button span img.fkwcs_express_checkout_button_icon {
margin: 0 -1px -1px 7px !important;
width: 40px !important;
vertical-align: middle;
flex-shrink: 0;
z-index: 10;
will-change: opacity;
}
#fkwcs_custom_express_button .fkwcs-express_checkout_button_content {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
box-sizing: border-box;
padding: 0 10px;
}
#fkwcs_stripe_smart_button_wrapper {
display: none;
}
#fkwcs_stripe_smart_button_wrapper.right #fkwcs-payment-request-title {
margin-left: auto;
margin-right: -2px;
padding: 0 2px;
}
#fkwcs-expresscheckout-fieldset {
border: 1px solid #E5E5E5;
padding: 1em;
border-radius: 5px;
}
#fkwcs-expresscheckout-fieldset #fkwcs-payment-request-title {
background: #fff;
width: max-content;
max-width: calc(100% - 50px);
margin: 0;
display: inline-block;
transform: translateY(-33px);
}
#fkwcs_stripe_smart_button fieldset {
border: 1px solid #e6e6e6;
margin: 0;
border-radius: 5px;
padding: 15px 25px;
font-size: 14px;
color: #333;
position: relative;
min-height: 99px;
width: 100%;
}
#fkwcs_stripe_smart_button fieldset legend {
padding: 0 1em;
margin: 0 auto;
display: block;
background: 0 0;
font-weight: 400;
text-transform: inherit;
width: auto;
border: none;
}
#fkwcs_stripe_smart_button_wrapper {
clear: both;
margin-bottom: 25px;
}
#fkwcs_stripe_smart_button_wrapper.cart {
margin: 0;
}
div#fkwcs-payment-request-separator {
color: #737373;
line-height: 16px;
background: 0 0;
position: relative;
z-index: 9;
margin: 25px 0;
display: inline-block;
width: 100%;
text-align: center;
font-size: 14px;
}
fieldset#fkwcs-expresscheckout-fieldset {
margin-bottom: 25px;
}
div#fkwcs-payment-request-separator:before {
height: 1px;
background: #e6e6e6;
top: 8px;
z-index: -99;
max-width: 45%;
content: '';
position: absolute;
left: 0;
width: 100%;
}
div#fkwcs-payment-request-separator:after {
content: '';
position: absolute;
right: 0;
width: 100%;
height: 1px;
background: #e6e6e6;
top: 8px;
z-index: -99;
max-width: 45%;
}
div#fkwcs-payment-request-separator label {
background: 0 0;
position: relative;
padding: 0 5px;
color: #737373;
font-size: 13px;
margin-bottom: 0;
font-weight: 400;
}
@media screen and (max-width: 921px) {
#fkwcs-expresscheckout-fieldset #fkwcs-payment-request-title {
transform: translateY(-28px);
}
} body #payment #fkwcs-stripe-elements-wrapper label {
font-size: 13px;
line-height: 1.5;
margin: 0 0 5px;
display: inline-block;
vertical-align: middle;
}
body #payment #fkwcs-stripe-elements-wrapper .fkwcs-save-cards input {
margin: 0 10px 0 0;
vertical-align: middle;
}
body #payment #fkwcs-stripe-elements-wrapper .fkwcs-stripe-elements-field, body #payment .fkwcs_stripe_ideal_form .fkwcs_stripe_ideal_select, body #payment .fkwcs_stripe_p24_form .fkwcs_stripe_p24_select {
box-shadow: rgb(239, 239, 239) 0 0 0 1px;
padding: 10px;
margin: 0;
outline: 0;
border-radius: 4px;
border: 1px solid #ddd;
background-color: #fff;
font-size: 14px;
}
body #payment #fkwcs-stripe-elements-wrapper .fkwcs-stripe-elements-field.fkwcs-credit-card-number {
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 40px;
box-shadow: rgb(239 239 239) 0 0 0 1px;
}
body #fkwcs-stripe-elements-wrapper .fkwcs-field-wrapper:after, body #fkwcs-stripe-elements-wrapper .fkwcs-field-wrapper:before {
display: block;
content: '';
}
body #fkwcs-stripe-elements-wrapper .fkwcs-field-wrapper:after, body #fkwcs-stripe-elements-wrapper .fkwcs-clear {
clear: both;
}
body #fkwcs-stripe-elements-wrapper .fkwcs-form-row-first, .fkwcs-form-row-last {
width: 48%;
float: left;
margin-left: 4%;
}
body #fkwcs-stripe-elements-wrapper .fkwcs-form-row-first {
margin-left: 0;
}
body #fkwcs-stripe-elements-wrapper .fkwcs-credit-card-field > .fkwcs-form-row-wide, body #fkwcs-stripe-elements-wrapper #fkwcs-stripe-elements-form .fkwcs-credit-card-field.fkwcs-stripe-elements-field, body .fkwcs-saved-payment-methods, body .fkwcs-test-description {
margin: 10px 0;
}
body #fkwcs_stripe_sepa_iban_element {
padding: 8px !important;
margin: 5px 0 !important;
border: 1px solid #ddd;
}
body #fkwcs-stripe-elements-wrapper p {
font-size: 13px;
line-height: 1.5;
margin: 0 0 15px;
}
body .fkwcs-credit-card-field .fkwcs-stripe-elements-field.fkwcs_brand {
transition: 0.5s;
}
body #fkwcs-stripe-elements-wrapper p:last-child {
margin-bottom: 0;
}
body #fkwcs-stripe-elements-wrapper ul {
padding: 0;
margin: 0;
}
body #payment .fkwcs-saved-payment-methods input[type=radio] {
margin: 0 6px 0 0;
}
body #payment .fkwcs-saved-payment-methods ul {
margin: 0;
padding: 0 0 0 20px;
border: none;
}
body #payment .fkwcs-saved-payment-methods ul li {
border: none;
margin: 0 0 10px;
padding: 0;
} .haserror {
border: 1px solid #ff3535;
}
.fkwcs-error-text {
color: #ff3535;
font-size: 0.8em;
} #fkwcs-stripe-elements-wrapper .fkwcs-stripe-card-group {
position: relative;
}
#fkwcs-stripe-elements-wrapper .fkwcs-question-icon {
background: no-repeat url(//shop.distridor.com/wp-content/plugins/funnelkit-stripe-woo-payment-gateway/assets/icons/question-circle.svg);
}
#fkwcs-stripe-elements-wrapper .fkwcs-question-icon, #fkwcs-stripe-elements-wrapper .fkwcs-hint-icon {
background-size: 14px !important;
height: 14px;
width: 14px;
position: absolute;
top: 50%;
margin-top: -7px;
right: 10px;
}
#fkwcs-stripe-elements-wrapper .fkwcs-tooltip::before, #fkwcs-stripe-elements-wrapper .fkwcs-tooltip::after {
left: 50%;
opacity: 0;
position: absolute;
z-index: -100;
}
#fkwcs-stripe-elements-wrapper .fkwcs-tooltip:hover::before, #fkwcs-stripe-elements-wrapper .fkwcs-tooltip:focus::before, #fkwcs-stripe-elements-wrapper .fkwcs-tooltip:hover::after, #fkwcs-stripe-elements-wrapper .fkwcs-tooltip:focus::after {
opacity: 1;
transform: scale(1) translateY(0);
z-index: 9999;
font-size: 0.75em;
} #fkwcs-stripe-elements-wrapper .fkwcs-tooltip::before {
border-style: solid;
border-width: 1em 0.75em;
border-color: #3E474F transparent transparent transparent;
bottom: 100%;
content: "";
margin-left: -0.5em;
transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26), opacity .65s .5s;
transform: scale(.6) translateY(-90%);
}
#fkwcs-stripe-elements-wrapper .fkwcs-tooltip:hover::before, #fkwcs-stripe-elements-wrapper .fkwcs-tooltip:focus::before {
transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
}
#fkwcs-stripe-elements-wrapper .fkwcs-tooltip::after {
background: #3E474F;
border-radius: .25em;
bottom: 180%;
color: #EDEFF0;
content: attr(data-tip);
margin-left: -8.75em;
padding: 1em;
transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
transform: scale(.6) translateY(50%);
width: 17.5em;
}
#fkwcs-stripe-elements-wrapper .fkwcs-tooltip:hover::after, #fkwcs-stripe-elements-wrapper .fkwcs-tooltip:focus::after {
transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26);
}
.stripe-icon {
width: 45px;
}
#payment #fkwcs-stripe-elements-form .fkwcs-tooltip:empty {
display: block;
}
#fkwcs_stripe_smart_button_wrapper.fkwcs_hide_button {
display: none !important;
}
#fkwcs_stripe_smart_button_wrapper,
#fkwcs_stripe_smart_button_wrapper:not(.inline) #fkwcs_custom_express_button .fkwcs_smart_buttons {
max-width: 100%;
}
#fkwcs_custom_express_button .fkwcs_ec_link_button-dark, #fkwcs_custom_express_button .fkwcs_ec_link_button-light, #fkwcs_custom_express_button .fkwcs_ec_link_button-light-outline {
background-color: #00D66F !important;
color: #1d3944 !important;
}
#fkwcs_custom_express_button .fkwcs_ec_link_button-dark:hover, #fkwcs_custom_express_button .fkwcs_ec_link_button-light:hover, #fkwcs_custom_express_button .fkwcs_ec_link_button-light-outline:hover {
background-color: #00D66F !important;
color: #1d3944 !important;
}
li.wc_payment_method > label {
width: 80%;
}
.fkwcs_paylater_div {
display: inline-block;
vertical-align: middle;
}
.fkwc_paylater_wrapper.fkwcs_paylater_div > div {
width: inherit;
} #payment .payment_box .fkwcs_local_gateway_wrapper {
text-align: center;
}
body #payment .payment_box .fkwcs_local_gateway_wrapper .fkwcs-offisite-redirect img {
margin: 0 !important;
max-height: 80px;
width: 100%;
}
.fkwcs-offisite-redirect {
margin-top: 16px;
}
.wfacp_smart_button_container .gpay-card-info-container {
width: 100%
}
li.payment_method_fkwcs_stripe_apple_pay, li.payment_method_fkwcs_stripe_google_pay {
display: none;
}
li.payment_method_fkwcs_stripe_apple_pay, li.payment_method_fkwcs_stripe_google_pay {
display: none;
}
#fkwcs_stripe_smart_button_wrapper .fkwcs_disabled_btn, .fkwcs_google_pay_wrapper .fkwcs_disabled_btn {
opacity: 0.5 !important;
cursor: not-allowed;
}
.fkwcs_google_pay_wrapper button {
width: 100%;
}
.fkwcs_google_pay_wrapper {
margin: 8px 0;
}
.fkwcs_fkcart_gpay_wrapper {
margin-top: 8px;
}
.fkwcs_smart_checkout_button .fkwcs_express_checkout_button_icon {
display: block !important;
}
#wfacp_smart_buttons.wfacp_smart_buttons .wfacp_smart_button_container .gpay-card-info-iframe,
body #wfacp-sec-wrapper #payment .gpay-card-info-iframe,
body #payment .gpay-card-info-iframe,
body #fkwcs-expresscheckout-fieldset .gpay-card-info-iframe {
margin: 0 auto !important;
}
.fkwcs_google_pay_wrapper .gpay-card-info-container.black {
outline: none;
}
.fkwcs_stripe_gpay_icons img, .fkwcs_stripe_apple_pay_icons img {
width: 56px;
}
body button#gpay-button-online-api-id {
padding: 0;
}
.wfacp-order-place-btn-wrap #place_order.fkwcs_hidden, .woocommerce-checkout-payment #place_order.fkwcs_hidden {
display: none !important;
}
#fkwcs_stripe_smart_button .fkwcs_google_pay_wrapper .gpay-button-fill button {
background-size: 65%;
}
@media (max-width: 760px) {
#fkwcs-stripe-elements-wrapper .fkwcs-tooltip::after {
margin-left: -5em;
width: 10em;
}
}