PluginProbe
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce / 3.0.1
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce v3.0.1
3.3.0 3.2.1 3.2.0 3.1.4 3.1.3 3.1.2 3.1.1 3.1.0 3.0.1 trunk 1.0.4 1.1.0 1.1.0.1 1.1.1 1.1.10 1.1.11 1.1.12 1.1.13 1.1.14 1.1.15 1.1.16 1.1.17 1.1.18 1.1.19 1.1.2 All 162 releases
cartflows / assets / css / checkout-template-rtl.css

checkout-template-rtl.css in CartFlows – Funnel Builder & Checkout Plugin for WooCommerce 3.0.1, at assets/css/checkout-template-rtl.css

4,184 lines 143.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* CSS Variables. */
2 :root {
3 --wcf-primary-color: #f16334; /* Used. */
4 --wcf-heading-color: #333; /* Used. */
5 --wcf-btn-bg-color: var( --wcf-primary-color ); /* Used. */
6 --wcf-btn-bg-hover-color: var( --wcf-primary-color ); /* Used. */
7 --wcf-btn-text-color: #fff; /* Used. */
8 --wcf-btn-hover-text-color: #fff; /* Used. */
9 --wcf-text-color: #404040; /* Used. */
10 --wcf-link-color: var( --wcf-primary-color ); /* Used. */
11 --wcf-field-label-color: var( --wcf-text-color ); /* Used. */
12 --wcf-field-bg-color: #fff; /* Used. */
13 --wcf-field-border-color: #d4d4d4; /* Used */
14 --wcf-field-text-color: #555; /* Used. */
15 --wcf-field-error-label-color: #e11e00; /* Used */
16 --wcf-field-error-border-color: #e11e00; /* Used */
17 --wcf-field-error-color: #e2401c; /* Used. */
18 --wcf-payment-section-label-color: var( --wcf-text-color );
19 --wcf-payment-section-desc-text-color: #515151;
20 --wcf-payment-section-desc-bg-color: #eaeaea;
21 --wcf-payment-section-bg-color: #f7f7f7;
22 }
23
24 /******************
25 * Login & Coupon Field Layout
26 ****************/
27 .cartflows-container .wcf-embed-checkout-form,
28 .cartflows-container .wcf-embed-checkout-form * {
29 box-sizing: border-box;
30 }
31
32 .wcf-embed-checkout-form .wc-backward {
33 display: none !important;
34 }
35
36 .wcf-embed-checkout-form .woocommerce form .form-row-first,
37 .wcf-embed-checkout-form .woocommerce form .form-row-last,
38 .wcf-embed-checkout-form .woocommerce-page form .form-row-first,
39 .wcf-embed-checkout-form .woocommerce-page form .form-row-last {
40 width: 50%;
41 display: block;
42 }
43
44 .wcf-embed-checkout-form .woocommerce form .form-row-full,
45 .wcf-embed-checkout-form .woocommerce-page form .form-row-full {
46 width: 100%;
47 clear: both;
48 }
49
50 .wcf-embed-checkout-form form .form-row-wide {
51 width: 100%;
52 }
53
54 /* To test divi and all */
55 .wcf-embed-checkout-form .woocommerce form .form-row-first,
56 .woocommerce-page form .form-row-first {
57 float: right;
58 clear: right;
59 }
60
61 .wcf-embed-checkout-form .woocommerce form .form-row-last,
62 .woocommerce-page form .form-row-last {
63 float: left;
64 clear: left;
65 }
66
67 .wcf-embed-checkout-form .woocommerce form .form-row .required {
68 color: #e11e00;
69 font-weight: 700;
70 border: 0 !important;
71 text-decoration: none;
72 }
73
74 .wcf-embed-checkout-form .woocommerce .wcf-product-image,
75 .wcf-embed-checkout-form .woocommerce .bundled_table_item_indent {
76 height: auto;
77 -js-display: flex;
78 display: flex;
79 vertical-align: middle;
80 border-radius: 5px;
81 align-items: center;
82 width: 100%;
83 }
84
85 .wcf-embed-checkout-form .woocommerce .wcf-product-name {
86 display: inline-block;
87 width: 80%;
88 margin-left: 10px;
89 }
90
91 .wcf-embed-checkout-form .woocommerce .wcf-product-image img {
92 border-radius: 4px;
93 }
94
95 .wcf-embed-checkout-form .woocommerce .wcf-product-image .wcf-product-thumbnail {
96 position: relative;
97 border-radius: 4px;
98 width: 20%;
99 margin-left: 10px;
100 }
101
102 .wcf-embed-checkout-form .woocommerce .wcf-product-image .wcf-product-thumbnail .wcf-remove-product {
103 position: absolute;
104 right: -6px;
105 top: -6px;
106 padding: 0;
107 }
108
109 .wcf-embed-checkout-form .woocommerce .product-name .wcf-remove-product {
110 display: inline-block;
111 border-radius: 50px;
112 font-size: 15px;
113 padding: 1px;
114 color: #4d5763 !important;
115 line-height: 1;
116 margin-left: 5px;
117 margin-left: 10px;
118 text-align: center;
119 font-weight: 500;
120 background-color: #fff;
121 }
122
123 .wcf-embed-checkout-form .woocommerce .product-name .wcf-remove-product:hover {
124 color: var( --wcf-primary-color ) !important;
125 background-color: #fff;
126 }
127
128 /* Bundle Product CSS */
129 .wcf-embed-checkout-form .woocommerce .bundled_table_item .bundled_table_item_indent {
130 position: relative;
131 }
132 .wcf-embed-checkout-form .woocommerce .bundled_table_item .bundled_table_item_indent::before {
133 content: "\f474";
134 position: absolute;
135 right: 10px;
136 top: 10px;
137 font-family: dashicons;
138 transform: rotateY( -180deg );
139 color: #555;
140 opacity: 0.8;
141 font-weight: 100;
142 }
143 /* Bundle Product CSS */
144
145 /* To test divi and all */
146
147 .wcf-embed-checkout-form form .form-row-first.form-row-one {
148 clear: both;
149 }
150
151 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login {
152 display: none;
153 }
154
155 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .form-row {
156 margin-bottom: 15px;
157 }
158
159 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .clear {
160 clear: none;
161 }
162
163 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .form-row label {
164 margin: 0;
165 line-height: 1em;
166 padding-top: 0;
167 position: relative;
168 top: 0;
169 }
170
171 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .login-form-actions {
172 -js-display: flex;
173 display: flex;
174 margin-bottom: 0;
175 }
176
177 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .remember_me,
178 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .lost_password {
179 flex: 1;
180 font-family: inherit;
181 font-size: 13px;
182 }
183
184 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .form-row .remember_me label {
185 margin-bottom: 0;
186 vertical-align: text-top;
187 }
188
189 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .form-row .remember_me input,
190 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .form-row .remember_me span {
191 vertical-align: middle;
192 }
193
194 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .lost_password {
195 text-align: left;
196 margin-top: 0;
197 margin-bottom: 0;
198 }
199
200 /**
201 * **************
202 * Common Classes
203 * **************
204 */
205
206 .wcf-embed-checkout-form .woocommerce .blockUI.blockOverlay {
207 font-size: 15px;
208 }
209
210 .wcf-embed-checkout-form .woocommerce form .form-row.mt20 {
211 margin-top: 20px;
212 }
213
214 .wcf-embed-checkout-form .woocommerce form .form-row.woocommerce-invalid label {
215 color: var( --wcf-field-error-label-color ) !important;
216 }
217
218 .wcf-embed-checkout-form .woocommerce form .form-row.woocommerce-invalid .select2-container,
219 .wcf-embed-checkout-form .woocommerce form .form-row.woocommerce-invalid input.input-text,
220 .wcf-embed-checkout-form .woocommerce form .form-row.woocommerce-invalid select {
221 border-width: 1px;
222 border-color: var( --wcf-field-error-border-color );
223 }
224
225 .wcf-embed-checkout-form .woocommerce form .form-row.woocommerce-validated .select2-container,
226 .wcf-embed-checkout-form .woocommerce form .form-row.woocommerce-validated input.input-text,
227 .wcf-embed-checkout-form .woocommerce form .form-row.woocommerce-validated select {
228 border-width: 1px;
229 /*border-color: #69bf29;*/
230 }
231
232 .wcf-embed-checkout-form .select2-container--default.field-required .select2-selection--single,
233 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text.field-required,
234 .wcf-embed-checkout-form .woocommerce form .form-row textarea.input-text.field-required,
235 .wcf-embed-checkout-form .woocommerce #order_review .input-text.field-required {
236 border-color: var( --wcf-field-error-border-color );
237 }
238
239 .wcf-embed-checkout-form .woocommerce form .form-row input.field-validated {
240 border-right-width: 2px;
241 border-right-color: #69bf29;
242 }
243
244 /**
245 * ************
246 * Main Layout
247 * ************
248 */
249
250 .wcf-embed-checkout-form .wcf-checkout-header-image {
251 text-align: center;
252 }
253
254 /**
255 * ************************
256 * Radio Button & Checkbox
257 * ************************
258 */
259
260 .wcf-embed-checkout-form .woocommerce #payment .wc-braintree-save-label {
261 display: none;
262 }
263
264 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:checked + label,
265 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:not( :checked ) + label {
266 color: var( --wcf-payment-section-label-color );
267 padding: 0;
268 }
269
270 .wcf-embed-checkout-form .woocommerce .wcf-input-radio-field-wrapper .woocommerce-input-wrapper,
271 .wcf-embed-checkout-form .woocommerce .thwcfe-input-field-wrapper .woocommerce-input-wrapper {
272 display: block;
273 }
274
275 .wcf-embed-checkout-form .woocommerce .wcf-input-radio-field-wrapper input[type="radio"].input-radio {
276 float: right;
277 margin: 0 0 0 10px;
278 cursor: pointer;
279 }
280
281 .wcf-embed-checkout-form .woocommerce .wcf-input-radio-field-wrapper label.radio.input-radio {
282 margin: 15px 0;
283 cursor: pointer;
284 }
285
286 .wcf-embed-checkout-form .woocommerce .wcf-col2-set input[type="radio"],
287 .wcf-embed-checkout-form .woocommerce #payment input[type="radio"],
288 .wcf-embed-checkout-form .woocommerce #order_review input[type="radio"] {
289 border-radius: 50%;
290 margin-left: 4px;
291 line-height: 10px;
292 }
293
294 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout input[type="checkbox"]:checked::before,
295 .wcf-embed-checkout-form .woocommerce .woocommerce-billing-fields [type="checkbox"]:checked::before,
296 .wcf-embed-checkout-form .woocommerce #payment input[type="checkbox"]:checked::before,
297 .wcf-embed-checkout-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked::before,
298 .wcf-embed-checkout-form .woocommerce .woocommerce-account-fields input[type="checkbox"]:checked::before {
299 content: "\e600";
300 margin: 0;
301 color: var( --wcf-primary-color );
302 }
303
304 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout input[type="checkbox"],
305 .wcf-embed-checkout-form .woocommerce .woocommerce-billing-fields [type="checkbox"],
306 .wcf-embed-checkout-form .woocommerce #payment input[type="checkbox"],
307 .wcf-embed-checkout-form .woocommerce .woocommerce-shipping-fields [type="checkbox"],
308 .wcf-embed-checkout-form .woocommerce #payment input[type="radio"],
309 .wcf-embed-checkout-form .woocommerce .woocommerce-account-fields input[type="checkbox"],
310 .wcf-embed-checkout-form .woocommerce #order_review input[type="checkbox"],
311 .wcf-embed-checkout-form .woocommerce #order_review input[type="radio"],
312 .wcf-embed-checkout-form .woocommerce .wcf-col2-set input[type="radio"] {
313 border: 1px solid #b4b9be;
314 background: #fff;
315 color: #555;
316 clear: none;
317 cursor: pointer;
318 display: inline-block;
319 line-height: 0;
320 height: 16px;
321 margin: -2px 0 0 4px;
322 outline: 0;
323 padding: 0 !important;
324 text-align: center;
325 vertical-align: middle;
326 width: 16px;
327 min-width: 16px;
328 -webkit-appearance: none;
329 box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.1 );
330 transition: 0.05s border-color ease-in-out;
331 }
332
333 .wcf-embed-checkout-form .woocommerce .woocommerce-billing-fields [type="checkbox"]:focus,
334 .wcf-embed-checkout-form .woocommerce #payment input[type="checkbox"]:focus,
335 .wcf-embed-checkout-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:focus,
336 .wcf-embed-checkout-form .woocommerce #payment input[type="radio"]:focus,
337 .wcf-embed-checkout-form .woocommerce .woocommerce-account-fields input[type="checkbox"]:focus,
338 .wcf-embed-checkout-form .woocommerce .wcf-col2-set input[type="radio"]:focus,
339 .wcf-embed-checkout-form .woocommerce .wcf-product-option-wrap .wcf-qty-row div [type="radio"]:focus,
340 .wcf-embed-checkout-form .woocommerce .wcf-product-option-wrap .wcf-qty-row div [type="radio"]:not( :checked ):focus {
341 border-color: var( --wcf-primary-color );
342 box-shadow: 0 0 2px rgba( 241, 99, 52, 0.8 );
343 }
344
345 .wcf-embed-checkout-form .woocommerce #payment input[type="radio"]:checked::before,
346 .wcf-embed-checkout-form .woocommerce #order_review input[type="radio"]:checked::before,
347 .wcf-embed-checkout-form .woocommerce .wcf-col2-set input[type="radio"]:checked::before,
348 .wcf-embed-checkout-form .woocommerce .wcf-product-option-wrap .wcf-qty-row input[type="radio"]:checked::before {
349 background-color: var( --wcf-primary-color );
350 border-radius: 50px;
351 content: "\2022";
352 font-size: 24px;
353 height: 6px;
354 line-height: 16px;
355 margin: 4px;
356 text-indent: -9999px;
357 width: 6px;
358 }
359 .wcf-embed-checkout-form .woocommerce .woocommerce-billing-fields [type="checkbox"]:checked::before,
360 .wcf-embed-checkout-form .woocommerce #payment input[type="checkbox"]:checked::before,
361 .wcf-embed-checkout-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked::before,
362 .wcf-embed-checkout-form .woocommerce #payment input[type="radio"]:checked::before,
363 .wcf-embed-checkout-form .woocommerce .wcf-col2-set input[type="radio"]:checked::before,
364 .wcf-embed-checkout-form .woocommerce .woocommerce-account-fields input[type="checkbox"]:checked::before,
365 .wcf-embed-checkout-form .woocommerce #order_review input[type="checkbox"]:checked::before,
366 .wcf-embed-checkout-form .woocommerce #order_review input[type="radio"]:checked::before {
367 display: inline-block;
368 float: right;
369 font: normal normal 400 15px/1 cartflows-icon;
370 speak: none;
371 vertical-align: middle;
372 width: 6px;
373 -webkit-font-smoothing: antialiased;
374 -moz-osx-font-smoothing: grayscale;
375 }
376
377 .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods li input[type="checkbox"] {
378 min-width: 16px;
379 }
380
381 /* Added for pro support */
382 .wcf-embed-checkout-form .woocommerce .col2-set .col-1,
383 .wcf-embed-checkout-form .woocommerce .col2-set .col-2,
384 .wcf-embed-checkout-form .woocommerce-page .col2-set .col-1,
385 .wcf-embed-checkout-form .woocommerce-page .col2-set .col-2,
386 /* Added for pro support */
387 .wcf-embed-checkout-form .woocommerce .wcf-col2-set .wcf-col-1,
388 .wcf-embed-checkout-form .woocommerce .wcf-col2-set .wcf-col-2,
389 .wcf-embed-checkout-form .woocommerce-page .wcf-col2-set .wcf-col-1,
390 .wcf-embed-checkout-form .woocommerce-page .wcf-col2-set .wcf-col-2 {
391 float: none;
392 width: 100%;
393 max-width: 100%;
394 padding: 0;
395 border-radius: 0;
396 border: none;
397 border-color: none;
398 margin-bottom: 0;
399 }
400
401 .wcf-embed-checkout-form .woocommerce-billing-fields-custom > h3,
402 .wcf-embed-checkout-form .woocommerce-additional-fields > h3,
403 .wcf-embed-checkout-form .woocommerce-billing-fields > h3,
404 .wcf-embed-checkout-form #order_review_heading,
405 .wcf-embed-checkout-form .woocommerce #ship-to-different-address {
406 font-family: inherit;
407 font-weight: 600;
408 font-size: 20px;
409 /* text-transform: capitalize; */
410 margin: 0 0 25px 0;
411 padding: 0;
412 width: 100%;
413 color: var( --wcf-heading-color );
414 }
415
416 .wcf-embed-checkout-form .woocommerce-checkout #payment {
417 background: unset;
418 border-radius: 0;
419 }
420
421 .wcf-embed-checkout-form .woocommerce-checkout #payment .form-row {
422 margin: 0;
423 padding: 8px 0 0;
424 }
425
426 .wcf-embed-checkout-form .woocommerce-checkout #payment .form-row label.checkbox {
427 display: block;
428 margin-bottom: 1.1em;
429 }
430
431 .wcf-embed-checkout-form .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
432 float: none;
433 margin-right: 10px;
434 }
435
436 .wcf-embed-checkout-form .woocommerce-checkout #payment .payment_method_woocommerce_payments .testmode-info {
437 margin-bottom: 10px;
438 }
439 .wcf-embed-checkout-form .woocommerce-checkout #payment .payment_method_woocommerce_payments .testmode-info .js-woopayments-copy-test-number {
440 margin-top: -2px;
441 font-size: 14px !important;
442 font-weight: 400 !important;
443 }
444
445 .wcf-embed-checkout-form .woocommerce-checkout #payment div.payment_box .form-row {
446 margin: 0 0 0.5em;
447 }
448
449 .wcf-embed-checkout-form .woocommerce-checkout #payment fieldset .form-row .wcf-embed-checkout-form .woocommerce-checkout #payment fieldset p {
450 margin-bottom: 10px;
451 }
452
453 .wcf-embed-checkout-form .woocommerce-checkout #payment div.payment_box {
454 background-color: var( --wcf-payment-section-desc-bg-color );
455 color: var( --wcf-payment-section-desc-text-color );
456 font-family: inherit;
457 font-weight: inherit;
458 margin-bottom: 0.5em;
459 }
460
461 .wcf-embed-checkout-form #add_payment_method #payment div.payment_box::before,
462 .wcf-embed-checkout-form .woocommerce-cart #payment div.payment_box::before,
463 .wcf-embed-checkout-form .woocommerce-checkout #payment div.payment_box::before {
464 content: "";
465 display: block;
466 border: 1em solid;
467 border-left-color: transparent;
468 border-right-color: transparent;
469 border-top-color: transparent;
470 border-bottom-color: var( --wcf-payment-section-desc-bg-color );
471 position: absolute;
472 top: -0.75em;
473 right: 0;
474 margin: -1em 2em 0 0;
475 }
476
477 /* Fields */
478 .wcf-embed-checkout-form .select2-container--default .select2-selection--single {
479 display: block;
480 width: 100%;
481 min-height: 34px;
482 height: auto;
483 padding: 11px 12px;
484 font-size: 14px;
485 line-height: 1.42857143 !important;
486 color: var( --wcf-field-text-color );
487 background-color: var( --wcf-field-bg-color );
488 background-image: none;
489 border: 1px solid;
490 border-color: var( --wcf-field-border-color );
491 border-radius: 3px;
492 box-shadow: none;
493 outline: none;
494 }
495
496 .wcf-embed-checkout-form .select2-container--default .select2-selection--single .select2-selection__rendered {
497 color: var( --wcf-field-text-color );
498 line-height: 21px;
499 min-height: 20px;
500 overflow: visible;
501 padding: 0;
502 -js-display: flex;
503 display: flex;
504 align-items: center;
505 }
506
507 .cartflows_step-template .select2-container--default .select2-results__option--highlighted[aria-selected],
508 .cartflows_step-template .select2-container--default .select2-results__option--highlighted[data-selected] {
509 background-color: var( --wcf-primary-color );
510 }
511
512 .wcf-embed-checkout-form .select2-results__option[aria-selected],
513 .select2-results__option[data-selected] {
514 font-size: 14px;
515 }
516
517 .wcf-embed-checkout-form .select2-container--default .select2-selection--single .select2-selection__arrow {
518 height: 100%;
519 top: 2px;
520 left: 6px;
521 transform: none;
522 }
523
524 .select2-dropdown {
525 border: 1px solid var( --wcf-field-border-color );
526 }
527
528 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text,
529 .wcf-embed-checkout-form .woocommerce form .form-row textarea,
530 .wcf-embed-checkout-form .woocommerce form .form-row select,
531 .wcf-embed-checkout-form .woocommerce #order_review .input-text {
532 display: block;
533 width: 100%;
534 min-height: 34px;
535 padding: 11px 12px;
536 font-family: inherit;
537 font-weight: inherit;
538 font-size: 14px;
539 line-height: 1.42857143 !important;
540 color: var( --wcf-field-text-color );
541 background-color: var( --wcf-field-bg-color );
542 background-image: none;
543 border: 1px solid;
544 border-color: var( --wcf-field-border-color );
545 border-radius: 4px;
546 box-shadow: none;
547 height: auto;
548 }
549
550 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text::placeholder,
551 .wcf-embed-checkout-form .woocommerce form .form-row textarea::placeholder,
552 .wcf-embed-checkout-form .woocommerce form .form-row select::placeholder {
553 font-size: 14px;
554 line-height: 1.42857143 !important;
555 }
556
557 /* Below line is added because, 2022 theme adds the col2-set class in the order summary. */
558 .wcf-embed-checkout-form .woocommerce-checkout .wcf-order-wrap .col2-set,
559 .wcf-embed-checkout-form #order_review {
560 padding: 3px;
561 width: 100%;
562 }
563
564 .wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-message,
565 .wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-error {
566 padding: 0 1.5em 1.2em 1.5em;
567 background-color: transparent;
568 border: none;
569 margin: 0;
570 width: 100%;
571 }
572
573 .wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-error li {
574 list-style: none !important;
575 margin: 0;
576 }
577
578 .wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-message::before,
579 .wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-error::before {
580 top: 0;
581 right: 0;
582 }
583
584 .wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-message::before {
585 right: 0.1em;
586 top: 1px;
587 color: #52a400;
588 }
589
590 .wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-error::before {
591 top: 1px;
592 content: "\e016";
593 }
594
595 .wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field .woocommerce-error li {
596 margin: 0 8px 0 0;
597 }
598
599 .wcf-embed-checkout-form .woocommerce .wcf-custom-coupon-field input[type="text"] {
600 font-weight: 400;
601 }
602
603 .wcf-embed-checkout-form .wcf-custom-coupon-field {
604 clear: right;
605 -js-display: flex;
606 display: flex;
607 margin-bottom: 25px;
608 margin-top: 25px;
609 border-top: 1px solid #dcdcdc;
610 border-bottom: 1px solid #dcdcdc;
611 padding-top: 25px;
612 padding-bottom: 25px;
613 flex-wrap: wrap;
614 }
615
616 .wcf-embed-checkout-form .wcf-custom-coupon-field .wcf-coupon-col-1 {
617 width: 70%;
618 display: inline-block;
619 padding-left: 20px;
620 }
621
622 .wcf-embed-checkout-form .wcf-custom-coupon-field .wcf-coupon-col-2 {
623 width: 30%;
624 }
625
626 .wcf-embed-checkout-form input[type="text"]:focus,
627 .wcf-embed-checkout-form input[type="email"]:focus,
628 .wcf-embed-checkout-form input[type="password"]:focus,
629 .wcf-embed-checkout-form input[type="tel"]:focus,
630 .wcf-embed-checkout-form textarea:focus,
631 .wcf-embed-checkout-form .select2-container--open {
632 border-color: #b3b3b3;
633 box-shadow: none;
634 outline: none;
635 }
636
637 .wcf-embed-checkout-form button:focus {
638 outline: none;
639 outline-color: none;
640 outline-style: none;
641 outline-width: none;
642 }
643
644 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .form-row button,
645 .wcf-embed-checkout-form form.checkout_coupon .button {
646 display: block;
647 clear: both;
648 border: none;
649 font-size: 15px;
650 font-family: inherit;
651 font-weight: inherit;
652 background-color: var( --wcf-btn-bg-color );
653 color: var( --wcf-btn-text-color );
654 line-height: 9px;
655 padding: 18px;
656 margin-bottom: 10px;
657 width: 100%;
658 }
659
660 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
661 .wcf-embed-checkout-form .woocommerce #order_review button:not( .js-woopayments-copy-test-number ),
662 .wcf-embed-checkout-form .woocommerce #payment button:not( .js-woopayments-copy-test-number ),
663 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button {
664 border: 1px solid;
665 border-color: var( --wcf-btn-bg-color );
666 background-color: var( --wcf-btn-bg-color );
667 cursor: pointer;
668 font-family: inherit;
669 font-weight: inherit;
670 letter-spacing: 0.5px;
671 width: 100%;
672 padding: 16px 24px;
673 font-size: 16px;
674 line-height: 1.5;
675 border-radius: 4px;
676 color: var( --wcf-btn-text-color );
677 }
678
679 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small {
680 padding: 10px 6px;
681 height: 100%;
682 }
683
684 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small:hover,
685 .wcf-embed-checkout-form .woocommerce #payment button:not( .js-woopayments-copy-test-number ):hover,
686 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button:hover {
687 border-color: var( --wcf-btn-bg-hover-color );
688 background-color: var( --wcf-btn-bg-hover-color );
689 color: var( --wcf-btn-hover-text-color );
690 opacity: 0.9;
691 }
692
693 /**
694 * ***********************
695 * New checkout style
696 * ***********************
697 */
698
699 .wcf-embed-checkout-form .woocommerce-checkout {
700 color: var( --wcf-text-color );
701 display: inline-block;
702 text-align: inherit;
703 width: 100%;
704 }
705
706 .wcf-embed-checkout-form .woocommerce-checkout .col2-set,
707 .wcf-embed-checkout-form .woocommerce-checkout .wcf-col2-set {
708 display: inline-block;
709 width: 55%;
710 float: right;
711 padding-left: 40px;
712 margin: 20px 0 0;
713 }
714
715 /*Added for pro support */
716 .wcf-embed-checkout-form .woocommerce-checkout .col2-set .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
717 .wcf-embed-checkout-form .woocommerce-checkout .col2-set .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper,
718 /*Added for pro support */
719 .wcf-embed-checkout-form .woocommerce-checkout .wcf-col2-set .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
720 .wcf-embed-checkout-form .woocommerce-checkout .wcf-col2-set .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper {
721 margin: 0 -7px;
722 -js-display: flex;
723 display: flex;
724 display: -webkit-flex; /* Safari 6.1+, firefox, chrome */
725 flex-wrap: wrap;
726 -webkit-flex-wrap: wrap; /* Safari 6.1+, firefox, chrome*/
727 }
728
729 .wcf-embed-checkout-form .woocommerce-checkout .col2-set .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper,
730 .wcf-embed-checkout-form .woocommerce-checkout .wcf-col2-set .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper {
731 margin: 0 -7px;
732 }
733
734 .wcf-embed-checkout-form-two-column .woocommerce-checkout .wcf-order-wrap {
735 display: inline-block;
736 float: none;
737 width: 45%;
738 border: none;
739 background-color: inherit /*#F6F6F6*/;
740 padding: 0 10px;
741 border-radius: 3px;
742 }
743
744 .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading {
745 display: inline-block;
746 font-family: inherit;
747 font-weight: 600;
748 width: 100%;
749 margin: 20px 0 0;
750 padding: 3px 3px 20px;
751 border: none;
752 border-bottom: none;
753 }
754
755 .wcf-embed-checkout-form .woocommerce-checkout #payment {
756 background-color: inherit;
757 border: none;
758 /*border-top: 1px solid;*/
759 border-radius: 0;
760 /*border-color: #dcdcdc;*/
761 /*padding-top: 20px;*/
762 }
763
764 .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods {
765 margin: 1em 0 0;
766 background-color: var( --wcf-payment-section-bg-color );
767 padding: 15px;
768 }
769
770 .wcf-embed-checkout-form #add_payment_method #payment ul.payment_methods,
771 .wcf-embed-checkout-form .woocommerce-cart #payment ul.payment_methods,
772 .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods {
773 border: none;
774 }
775
776 .wcf-embed-checkout-form #payment ul.payment_methods li,
777 .wcf-embed-checkout-form #payment ul.payment_methods li:hover {
778 background-color: transparent;
779 }
780
781 .wcf-embed-checkout-form .woocommerce form .form-row {
782 display: block;
783 margin: 0 0 1.1em;
784 padding: 3px 7px;
785 position: relative;
786 }
787
788 .wcf-embed-checkout-form .woocommerce form .woocommerce-account-fields .form-row {
789 padding: 0;
790 }
791
792 .wcf-embed-checkout-form table.shop_table {
793 border: none;
794 border-bottom: 0;
795 background-color: inherit;
796 border-radius: 0;
797 font-family: inherit;
798 font-weight: inherit;
799 font-size: 0.95em;
800 margin: 0 0 25px 0;
801 border-collapse: collapse;
802 text-align: right;
803 }
804
805 .wcf-embed-checkout-form table.shop_table td strong.product-quantity {
806 font-weight: 400;
807 }
808
809 .wcf-embed-checkout-form table.shop_table #shipping_method {
810 margin: 0;
811 padding: 0;
812 list-style: none;
813 }
814 .wcf-embed-checkout-form table.shop_table #shipping_method .amount {
815 font-weight: 400;
816 }
817 .wcf-embed-checkout-form table.shop_table th {
818 color: var( --wcf-field-label-color );
819 border: none;
820 font-weight: 400;
821 padding: 9px 0;
822 line-height: 1.2em;
823 }
824 .wcf-embed-checkout-form table.shop_table tfoot tr:last-child .woocommerce-Price-amount {
825 font-size: 1em;
826 }
827
828 .wcf-embed-checkout-form table.shop_table td,
829 .wcf-embed-checkout-form table.shop_table th,
830 .wcf-embed-checkout-form table.shop_table td dl dt,
831 .wcf-embed-checkout-form table.shop_table td dl dd {
832 background-color: transparent;
833 border: none;
834 padding: 0.6em 0;
835 line-height: 1.4em;
836 }
837 .wcf-embed-checkout-form table.shop_table td dl dd p {
838 margin-top: 0;
839 }
840
841 .wcf-embed-checkout-form table.shop_table tbody th,
842 .wcf-embed-checkout-form table.shop_table tfoot td,
843 .wcf-embed-checkout-form table.shop_table tfoot th {
844 border: none;
845 display: table-cell;
846 font-weight: 400;
847 width: 50%;
848 }
849 .wcf-embed-checkout-form table.shop_table thead {
850 background-color: transparent;
851 }
852 .wcf-embed-checkout-form table.shop_table tbody {
853 border-top: 1px dashed #ccc;
854 border-bottom: 1px dashed #ccc;
855 }
856 .wcf-embed-checkout-form table.shop_table th.product-name,
857 .wcf-embed-checkout-form table.shop_table th.product-total {
858 font-weight: 600;
859 }
860 .wcf-embed-checkout-form table.shop_table tfoot tr.order-total:not( .recurring-total ) th,
861 .wcf-embed-checkout-form table.shop_table tfoot tr.order-total:not( .recurring-total ) td {
862 font-weight: 600;
863 border-top: 1px dashed #ccc;
864 }
865 .wcf-embed-checkout-form table.shop_table tfoot tr.recurring-totals th {
866 padding-top: 1.8em;
867 font-weight: 600;
868 }
869 .wcf-embed-checkout-form table.shop_table tfoot tr.recurring-totals th,
870 .wcf-embed-checkout-form table.shop_table tfoot tr.recurring-total th,
871 .wcf-embed-checkout-form table.shop_table tfoot tr.recurring-total td {
872 vertical-align: top;
873 }
874
875 .wcf-embed-checkout-form table.shop_table thead tr th:nth-child( 1 ),
876 .wcf-embed-checkout-form table.shop_table tbody tr td:nth-child( 1 ),
877 .wcf-embed-checkout-form table.shop_table tfoot tr th:nth-child( 1 ) {
878 width: 60%;
879 padding-left: 0 !important;
880 }
881
882 .wcf-embed-checkout-form table.shop_table thead tr th:nth-child( 2 ),
883 .wcf-embed-checkout-form table.shop_table tbody tr td:nth-child( 2 ),
884 .wcf-embed-checkout-form table.shop_table tfoot tr td:nth-child( 2 ) {
885 width: 30%;
886 padding-right: 10px;
887 }
888
889 .wcf-embed-checkout-form table.shop_table tbody tr.cart_item td.product-name {
890 -js-display: flex;
891 display: flex;
892 width: 100%;
893 align-items: center;
894 }
895
896 .wcf-embed-checkout-form .woocommerce form.woocommerce-form-login .form-row label,
897 .wcf-embed-checkout-form .woocommerce-checkout .form-row label {
898 color: var( --wcf-field-label-color );
899 font-size: 13px;
900 line-height: 1em;
901 letter-spacing: 0.3px;
902 font-family: inherit;
903 font-weight: inherit;
904 /* text-transform: capitalize; */
905 margin-bottom: 8px;
906 }
907
908 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li label {
909 color: var( --wcf-field-text-color ) !important;
910 }
911
912 .wcf-embed-checkout-form .woocommerce .woocommerce-billing-fields label,
913 .wcf-embed-checkout-form .woocommerce .woocommerce-shipping-fields label {
914 display: inherit;
915 }
916
917 .wcf-embed-checkout-form .woocommerce .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
918 line-height: 20px;
919 text-transform: none;
920 }
921
922 .wcf-embed-checkout-form #payment .woocommerce-privacy-policy-text p {
923 font-family: inherit;
924 font-weight: inherit;
925 font-size: 11px;
926 margin-top: 0;
927 text-align: justify;
928 }
929
930 .wcf-embed-checkout-form #payment .wc_payment_methods .payment_box p {
931 margin: 0;
932 }
933
934 .wcf-embed-checkout-form .woocommerce a {
935 color: var( --wcf-link-color );
936 background-color: transparent;
937 text-decoration: none;
938 }
939
940 .wcf-embed-checkout-form .woocommerce .woocommerce-info,
941 .wcf-embed-checkout-form .woocommerce .woocommerce-error,
942 .wcf-embed-checkout-form .woocommerce .woocommerce-message,
943 .wcf-embed-checkout-form .woocommerce .woocommerce-notices-wrapper .woocommerce-message,
944 .wcf-embed-checkout-form .woocommerce .woocommerce-NoticeGroup .woocommerce-message {
945 padding: 1em 2em 0.4em 2em;
946 border-top: none;
947 background-color: inherit;
948 font-size: 14px;
949 font-weight: 500;
950 text-align: right;
951 margin: 0;
952 }
953
954 .wcf-embed-checkout-form .woocommerce-info::before,
955 .wcf-embed-checkout-form .woocommerce-message::before {
956 right: 0.1em;
957 color: var( --wcf-primary-color );
958 }
959
960 .wcf-embed-checkout-form .woocommerce .woocommerce-error,
961 .wcf-embed-checkout-form .woocommerce .woocommerce-NoticeGroup .woocommerce-error,
962 .wcf-embed-checkout-form .woocommerce .woocommerce-notices-wrapper .woocommerce-error,
963 .wcf-embed-checkout-form .wcf-customer-info .wcf-customer-info__notice.wcf-notice {
964 background-color: #fff6f6;
965 border: dashed 1px #a00;
966 padding: 25px 25px 20px;
967 color: #a00;
968 margin: 1rem 0 1rem;
969 font-size: 14px;
970 width: 100%;
971 }
972
973 .wcf-embed-checkout-form .woocommerce .woocommerce-error::before {
974 content: "";
975 }
976
977 .wcf-embed-checkout-form .woocommerce-checkout #payment ul.payment_methods li:not( .woocommerce-notice )::before {
978 display: inline;
979 }
980
981 .wcf-embed-checkout-form .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
982 margin: 1em 0 1em;
983 }
984
985 .wcf-embed-checkout-form .woocommerce .woocommerce-error li {
986 list-style: disc inside !important;
987 margin: 0 0 8px;
988 }
989
990 .wcf-embed-checkout-form .woocommerce .woocommerce-error li strong {
991 font-weight: 400;
992 }
993
994 .wcf-embed-checkout-form .woocommerce form.checkout_coupon {
995 border: 1px solid #d3ced2;
996 padding: 30px 20px 20px;
997 margin: 2em 0;
998 text-align: right;
999 border-radius: 5px;
1000 }
1001
1002 .wcf-embed-checkout-form .woocommerce .checkout_coupon p {
1003 font-size: 14px;
1004 }
1005
1006 .wcf-embed-checkout-form .woocommerce .checkout_coupon p {
1007 font-family: inherit;
1008 font-weight: 500;
1009 margin-top: 0;
1010 margin-bottom: 10px;
1011 }
1012
1013 /* Move Shipping methods to main column */
1014
1015 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-table .woocommerce-shipping-totals.shipping th {
1016 display: none;
1017 }
1018
1019 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-methods-wrapper {
1020 margin: 0 0 15px 0;
1021 width: 55%;
1022 float: right;
1023 padding-left: 40px;
1024 }
1025
1026 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-methods-wrapper table {
1027 margin: 0;
1028 }
1029
1030 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options #shipping_method {
1031 padding: 0;
1032 margin: 0 0 0.5em 0;
1033 border: 1px solid #d6d7db;
1034 border-radius: 4px;
1035 }
1036
1037 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li {
1038 -js-display: flex;
1039 display: flex;
1040 align-items: center;
1041 gap: 8px;
1042 padding: 12px;
1043 margin: 0;
1044 }
1045
1046 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li label {
1047 color: #000;
1048 font-weight: 400;
1049 -js-display: flex;
1050 display: flex;
1051 align-items: center;
1052 gap: 10px;
1053 justify-content: space-between;
1054 width: 100%;
1055 }
1056
1057 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li label .woocommerce-Price-amount {
1058 font-weight: 400;
1059 }
1060
1061 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li:not( :last-child ) {
1062 border-bottom: 1px solid #d6d7db;
1063 }
1064
1065 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li input {
1066 vertical-align: middle;
1067 height: 18px;
1068 width: 19px;
1069 cursor: pointer;
1070 margin: 0;
1071 border: 1px solid #d1d5db;
1072 border-radius: 50%;
1073 line-height: 0;
1074 box-shadow: inset 0 1px 2px rgb( 0 0 0 / 10% );
1075 transition: 0.05s border-color ease-in-out;
1076 -webkit-appearance: none;
1077 padding: 0;
1078 }
1079
1080 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-method-options ul#shipping_method li input:checked::before {
1081 background-color: var( --wcf-primary-color );
1082 border-radius: 50px;
1083 content: "\2022";
1084 text-indent: -9999px;
1085 display: inline-block;
1086 font: normal normal 400 15px/1 cartflows-icon;
1087 vertical-align: middle;
1088 -webkit-font-smoothing: antialiased;
1089 margin: 5px;
1090 width: 6px;
1091 height: 6px;
1092 }
1093
1094 .wcf-embed-checkout-form .woocommerce #payment #place_order::before {
1095 display: inline-block !important;
1096 }
1097
1098 .wcf-embed-checkout-form-two-step .woocommerce-checkout .col2-set {
1099 margin-bottom: 0 !important;
1100 }
1101
1102 /* End Move Shipping methods to main column */
1103
1104 /**
1105 * ***********************************
1106 * Custom Width Classes
1107 * ***********************************
1108 */
1109
1110 .wcf-embed-checkout-form .woocommerce form .wcf-column-33 {
1111 width: 33.33%;
1112 }
1113
1114 .wcf-embed-checkout-form .woocommerce form .wcf-column-50 {
1115 width: 50%;
1116 }
1117
1118 .wcf-embed-checkout-form .woocommerce form .wcf-column-100 {
1119 width: 100%;
1120 margin-top: 0 !important;
1121 }
1122
1123 @media only screen and ( max-width: 768px ) {
1124 .wcf-embed-checkout-form .woocommerce form .wcf-column-33,
1125 .wcf-embed-checkout-form .woocommerce form .wcf-column-50 {
1126 width: 100%;
1127 }
1128 .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading {
1129 width: 100%;
1130 }
1131 .wcf-embed-checkout-form .woocommerce-checkout #order_review {
1132 width: 100%;
1133 }
1134 .wcf-embed-checkout-form .woocommerce-checkout .wcf-order-wrap {
1135 width: 100%;
1136 }
1137 .wcf-embed-checkout-form .woocommerce-checkout {
1138 display: block;
1139 }
1140 .wcf-embed-checkout-form .woocommerce .wcf-product-image .wcf-product-thumbnail {
1141 width: 30%;
1142 margin-left: 10px;
1143 }
1144 .wcf-embed-checkout-form .woocommerce .wcf-product-name {
1145 width: 70%;
1146 }
1147
1148 .wcf-embed-checkout-form .woocommerce .wcf-product-image img {
1149 width: 100%;
1150 height: 100%;
1151 }
1152
1153 .wcf-embed-checkout-form table.shop_table td strong.product-quantity {
1154 margin-left: 10px;
1155 }
1156
1157 .wcf-embed-checkout-form .woocommerce .product-name .wcf-remove-product {
1158 line-height: 1;
1159 }
1160
1161 .wcf-embed-checkout-form .woocommerce-checkout .col2-set,
1162 .wcf-embed-checkout-form .woocommerce-checkout .wcf-col2-set {
1163 display: block;
1164 width: 100%;
1165 padding-left: 0;
1166 margin: 20px 0 0;
1167 }
1168
1169 .wcf-embed-checkout-form form.checkout_coupon .button {
1170 font-size: 12px;
1171 }
1172
1173 .wcf-bump-order-field-wrap .wcf-bump-order-label {
1174 font-size: 16px;
1175 }
1176
1177 /* Added for pro support */
1178 .wcf-embed-checkout-form .woocommerce .col2-set .col-1,
1179 .wcf-embed-checkout-form .woocommerce .col2-set .col-2,
1180 .wcf-embed-checkout-form .woocommerce-page .col2-set .col-1,
1181 .wcf-embed-checkout-form .woocommerce-page .col2-set .col-2,
1182 /* Added for pro support */
1183 .wcf-embed-checkout-form .woocommerce .wcf-col2-set .wcf-col-1,
1184 .wcf-embed-checkout-form .woocommerce .wcf-col2-set .wcf-col-2,
1185 .wcf-embed-checkout-form .woocommerce-page .wcf-col2-set .wcf-col-1,
1186 .wcf-embed-checkout-form .woocommerce-page .wcf-col2-set .wcf-col-2,
1187 .wcf-embed-checkout-form .woocommerce .wcf-order-wrap,
1188 .wcf-embed-checkout-form .woocommerce-page .wcf-order-wrap {
1189 padding: 15px 18px;
1190 }
1191
1192 .wcf-embed-checkout-form .woocommerce form .form-row-first,
1193 .wcf-embed-checkout-form .woocommerce form .form-row-last,
1194 .wcf-embed-checkout-form .woocommerce-page form .form-row-first,
1195 .wcf-embed-checkout-form .woocommerce-page form .form-row-last {
1196 width: 100%;
1197 }
1198
1199 .wcf-embed-checkout-form .woocommerce-additional-fields > h3,
1200 .wcf-embed-checkout-form .woocommerce-billing-fields > h3,
1201 .wcf-embed-checkout-form #order_review_heading,
1202 .wcf-embed-checkout-form .woocommerce #ship-to-different-address,
1203 .wcf-embed-checkout-form .wcf-shipping-methods > h3 {
1204 font-size: 1em;
1205 }
1206
1207 /* Move Shipping methods to main column */
1208
1209 .wcf-customer-info-main-wrapper {
1210 width: 100% !important;
1211 padding-left: 0 !important;
1212 }
1213
1214 .wcf-shipping-methods {
1215 display: block;
1216 padding: 15px 18px;
1217 }
1218
1219 .wcf-modern-skin-two-column .wcf-shipping-methods,
1220 .wcf-embed-checkout-form-two-step .wcf-shipping-methods,
1221 .wcf-modern-skin-one-column .wcf-shipping-methods {
1222 padding: 0 !important;
1223 display: inline-block;
1224 }
1225
1226 .wcf-embed-checkout-form.wcf-embed-checkout-form-two-column .woocommerce form .wcf-shipping-methods-wrapper {
1227 width: 100%;
1228 float: right;
1229 padding: 15px 18px;
1230 }
1231 /* End Move Shipping methods to main column */
1232 }
1233
1234 /**
1235 * **********************
1236 * Divi Css Overrite
1237 * **********************
1238 */
1239
1240 #et-info-email::before,
1241 #et-info-phone::before,
1242 #et_search_icon::before,
1243 .comment-reply-link::after,
1244 .et-cart-info span::before,
1245 .et-pb-arrow-next::before,
1246 .et-pb-arrow-prev::before,
1247 .et-social-icon a::before,
1248 .et_audio_container .mejs-playpause-button button::before,
1249 .et_audio_container .mejs-volume-button button::before,
1250 .et_overlay::before,
1251 .et_password_protected_form .et_submit_button::after,
1252 .et_pb_button::after,
1253 .et_pb_contact_reset::after,
1254 .et_pb_contact_submit::after,
1255 .et_pb_font_icon::before,
1256 .et_pb_newsletter_button::after,
1257 .et_pb_pricing_table_button::after,
1258 .et_pb_promo_button::after,
1259 .et_pb_social_icon a.icon::before,
1260 .et_pb_testimonial::before,
1261 .et_pb_toggle_title::before,
1262 .form-submit .et_pb_button::after,
1263 .mobile_menu_bar::before,
1264 .woocommerce #content input.button.alt::after,
1265 .woocommerce #content input.button::after,
1266 .woocommerce #respond input#submit.alt::after,
1267 .woocommerce #respond input#submit::after,
1268 .woocommerce a.button.alt::after,
1269 .woocommerce button.button.alt::after,
1270 .woocommerce button.button::after,
1271 .woocommerce button.single_add_to_cart_button.button::after,
1272 .woocommerce input.button.alt::after,
1273 .woocommerce input.button::after,
1274 .woocommerce-page #content input.button.alt::after,
1275 .woocommerce-page #content input.button::after,
1276 .woocommerce-page #respond input#submit.alt::after,
1277 .woocommerce-page #respond input#submit::after,
1278 .woocommerce-page a.button.alt::after,
1279 .woocommerce-page a.button::after,
1280 .woocommerce-page button.button.alt::after,
1281 .woocommerce-page button.button::after,
1282 .woocommerce-page input.button.alt::after,
1283 .woocommerce-page input.button::after,
1284 a.et_pb_more_button::after {
1285 text-shadow: 0 0;
1286 font-family: none;
1287 font-weight: 400;
1288 font-style: normal;
1289 font-variant: normal;
1290 -webkit-font-smoothing: antialiased;
1291 -moz-osx-font-smoothing: grayscale;
1292 line-height: 1;
1293 text-transform: none;
1294 speak: none;
1295 }
1296
1297 .comment-reply-link:hover::after,
1298 .woocommerce #content input.button.alt:hover::after,
1299 .woocommerce #content input.button:hover::after,
1300 .woocommerce #respond input#submit.alt:hover::after,
1301 .woocommerce #respond input#submit:hover::after,
1302 .woocommerce a.button.alt:hover::after,
1303 .woocommerce a.button:hover::after,
1304 .woocommerce button.button.alt:hover::after,
1305 .woocommerce button.button:hover::after,
1306 .woocommerce input.button.alt:hover::after,
1307 .woocommerce input.button:hover::after,
1308 .woocommerce-page #content input.button.alt:hover::after,
1309 .woocommerce-page #content input.button:hover::after,
1310 .woocommerce-page #respond input#submit.alt:hover::after,
1311 .woocommerce-page #respond input#submit:hover::after,
1312 .woocommerce-page a.button.alt:hover::after,
1313 .woocommerce-page a.button:hover::after,
1314 .woocommerce-page button.button.alt:hover::after,
1315 .woocommerce-page button.button:hover::after,
1316 .woocommerce-page input.button.alt:hover::after,
1317 .woocommerce-page input.button:hover::after {
1318 opacity: 0;
1319 }
1320
1321 /**
1322 * **************************
1323 * Thrive Compatibility css
1324 * **************************
1325 */
1326
1327 .thrv_wrapper .wcf-embed-checkout-form div {
1328 box-sizing: border-box;
1329 }
1330
1331 /**
1332 * **************************************************************
1333 * Remove Product variaton CSS after few updates of CartFlows Pro
1334 * **************************************************************
1335 */
1336
1337 .wcf-embed-checkout-form-two-column .woocommerce .wcf-product-option-wrap.wcf-product-option-before-order {
1338 width: 45%;
1339 }
1340
1341 .wcf-embed-checkout-form-two-step .woocommerce.step-one .wcf-product-option-wrap.wcf-product-option-before-order {
1342 display: none;
1343 }
1344
1345 /**
1346 * **************************************************************
1347 * Remove Product variaton CSS after few updates of CartFlows Pro
1348 * **************************************************************/
1349 /**
1350
1351 * ********************
1352 * Fields Skins
1353 * ********************
1354 */
1355
1356 .wcf-embed-checkout-form.wcf-field-style-one .mt20 {
1357 margin-top: 0;
1358 }
1359
1360 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-form-login .form-row label:not( .checkbox ).woocommerce-form__label-for-checkbox {
1361 position: relative;
1362 margin: 0;
1363 }
1364
1365 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-billing-fields .form-row label:not( .checkbox ),
1366 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-shipping-fields .form-row label:not( .checkbox ),
1367 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-additional-fields .form-row label:not( .checkbox ),
1368 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-account-fields .form-row label:not( .checkbox ),
1369 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-form-login .form-row label:not( .checkbox ) {
1370 position: absolute;
1371 z-index: 999;
1372 margin-top: 19px;
1373 margin-right: 15px;
1374 transition: all 0.235s ease;
1375 overflow: hidden;
1376 white-space: nowrap;
1377 }
1378
1379 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-billing-fields .form-row.wcf-anim-label label:not( .checkbox ),
1380 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-shipping-fields .form-row.wcf-anim-label label:not( .checkbox ),
1381 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-additional-fields .form-row.wcf-anim-label label:not( .checkbox ),
1382 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-account-fields .form-row.wcf-anim-label label:not( .checkbox ),
1383 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-form-login .form-row.wcf-anim-label label:not( .checkbox ) {
1384 margin-top: 8px;
1385 font-size: 12px;
1386 }
1387
1388 /* Compatibility for the Astra Labels as placeholder */
1389 .ast-checkout-labels-as-placeholders .wcf-embed-checkout-form form #customer_details .form-row label {
1390 opacity: 1;
1391 position: relative;
1392 padding: 0;
1393 margin: 0 0 8px 0;
1394 line-height: 1em;
1395 }
1396
1397 .ast-checkout-labels-as-placeholders .wcf-embed-checkout-form.wcf-field-style-one form #customer_details .form-row label {
1398 position: absolute;
1399 margin-top: 19px;
1400 padding: 0 1.02em;
1401 opacity: 1;
1402 }
1403
1404 .ast-checkout-labels-as-placeholders .wcf-embed-checkout-form.wcf-field-style-one form #customer_details .form-row.wcf-anim-label label {
1405 margin-top: 8px;
1406 font-size: 12px;
1407 }
1408
1409 .ast-checkout-labels-as-placeholders .wcf-embed-checkout-form.wcf-field-style-one form #customer_details .woocommerce-account-fields .form-row label.woocommerce-form__label-for-checkbox {
1410 position: relative;
1411 margin: 0;
1412 padding: 0;
1413 }
1414
1415 /* Compatibility for the Astra Labels as placeholder */
1416
1417 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .form-row input[type="text"],
1418 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .form-row input[type="email"],
1419 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .form-row input[type="password"],
1420 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .form-row input[type="tel"],
1421 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .form-row textarea,
1422 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .form-row select,
1423 .wcf-embed-checkout-form.wcf-field-style-one .select2-container--default .select2-selection--single {
1424 padding: 25px 12px 5px;
1425 }
1426
1427 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-billing-fields .form-row.wcf-anim-label-fix label,
1428 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-shipping-fields .form-row.wcf-anim-label-fix label,
1429 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-account-fields .form-row.wcf-anim-label-fix label {
1430 position: relative;
1431 margin: 0;
1432 }
1433
1434 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-account-fields .form-row label.woocommerce-form__label-for-checkbox {
1435 position: relative;
1436 margin: 0;
1437 }
1438
1439 /**
1440 * ************************
1441 * Optimize Checkout fields
1442 * ************************
1443 */
1444
1445 .wcf-embed-checkout-form .woocommerce form .form-row.wcf-hide-field {
1446 -js-display: flex !important;
1447 display: flex !important;
1448 align-items: center;
1449 font-size: 13px;
1450 }
1451
1452 .wcf-embed-checkout-form .wcf-hide-field label,
1453 .wcf-embed-checkout-form .wcf-hide-field span {
1454 display: none !important;
1455 }
1456
1457 .wcf-embed-checkout-form .woocommerce .woocommerce-billing-fields .form-row.wcf-hide-field.mt20 {
1458 margin-top: 0;
1459 }
1460
1461 /**
1462 * **********************
1463 * One Column Layout
1464 * **********************
1465 */
1466
1467 .wcf-embed-checkout-form-one-column {
1468 background: inherit;
1469 width: 100%;
1470 margin: 0 auto;
1471 }
1472
1473 .wcf-embed-checkout-form-one-column .wcf-bump-order-wrap {
1474 float: none;
1475 }
1476
1477 .wcf-embed-checkout-form-one-column .woocommerce .col2-set,
1478 .wcf-embed-checkout-form-one-column .woocommerce form .wcf-shipping-methods-wrapper {
1479 display: block;
1480 margin-top: 10px;
1481 width: 100%;
1482 padding-left: 0;
1483 }
1484
1485 .wcf-embed-checkout-form-one-column .woocommerce .col2-set .col-1,
1486 .wcf-embed-checkout-form-one-column .woocommerce .col2-set .col-2,
1487 .wcf-embed-checkout-form-one-column .woocommerce-checkout .shop_table,
1488 .wcf-embed-checkout-form-one-column .woocommerce-checkout #order_review_heading,
1489 .wcf-embed-checkout-form-one-column .woocommerce-checkout #your_products_heading,
1490 .wcf-embed-checkout-form-one-column .woocommerce-checkout #payment,
1491 .wcf-embed-checkout-form-one-column .woocommerce form.checkout_coupon,
1492 .wcf-embed-checkout-form-one-column .woocommerce .wcf-order-wrap {
1493 width: 100%;
1494 }
1495
1496 .wcf-embed-checkout-form-one-column input[type="text"],
1497 .wcf-embed-checkout-form-one-column input[type="email"],
1498 .wcf-embed-checkout-form-one-column input[type="password"],
1499 .wcf-embed-checkout-form-one-column input[type="tel"],
1500 .wcf-embed-checkout-form-one-column textarea,
1501 .wcf-embed-checkout-form-one-column select {
1502 display: block;
1503 width: 100%;
1504 min-height: 40px;
1505 padding: 11px 12px;
1506 font-family: inherit;
1507 font-weight: inherit;
1508 font-size: 14px;
1509 line-height: 1.42857143;
1510 color: var( --wcf-field-text-color );
1511 background-color: var( --wcf-field-bg-color );
1512 background-image: none;
1513 border: 1px solid var( --wcf-field-border-color );
1514 border-radius: 3px;
1515 box-shadow: none;
1516 }
1517
1518 .wcf-embed-checkout-form-one-column .woocommerce-checkout #order_review_heading,
1519 .wcf-embed-checkout-form-one-column .woocommerce-checkout #your_products_heading {
1520 margin: 20px 0 0;
1521 }
1522
1523 .wcf-embed-checkout-form-one-column .woocommerce-checkout #your_products_heading {
1524 display: inline-block;
1525 font-family: inherit;
1526 font-weight: 600;
1527 font-size: 20px;
1528 width: 100%;
1529 padding: 0 5px 30px;
1530 border: none;
1531 border-bottom: none;
1532 }
1533
1534 .wcf-embed-checkout-form-one-column .woocommerce-checkout #order_review {
1535 width: 100%;
1536 }
1537
1538 .wcf-embed-checkout-form ::-webkit-input-placeholder {
1539 /* Chrome/Opera/Safari */
1540 color: var( --wcf-field-text-color );
1541 }
1542 .wcf-embed-checkout-form ::-moz-placeholder {
1543 /* Firefox 19+ */
1544 color: var( --wcf-field-text-color );
1545 }
1546 .wcf-embed-checkout-form :-ms-input-placeholder {
1547 /* IE 10+ */
1548 color: var( --wcf-field-text-color );
1549 }
1550 .wcf-embed-checkout-form :-moz-placeholder {
1551 /* Firefox 18- */
1552 color: var( --wcf-field-text-color );
1553 }
1554
1555 /**
1556 * **********************
1557 * Modern Checkout Layout
1558 * **********************
1559 */
1560
1561 .wcf-embed-checkout-form-modern-checkout {
1562 --wcf-primary-color: #f16334; /* Used. */
1563 --wcf-heading-color: #111; /* Used. */
1564 --wcf-btn-bg-color: var( --wcf-primary-color ); /* Used. */
1565 --wcf-btn-bg-hover-color: var( --wcf-primary-color ); /* Used. */
1566 --wcf-btn-text-color: #fff; /* Used. */
1567 --wcf-btn-hover-text-color: #fff; /* Used. */
1568 --wcf-text-color: #9ca3af; /* Used. */
1569 --wcf-link-color: var( --wcf-primary-color ); /* Used. */
1570 --wcf-field-label-color: var( --wcf-text-color ); /* Used. */
1571 --wcf-field-bg-color: #fff; /* Used. */
1572 --wcf-field-border-color: #d1d5db; /* Used */
1573 --wcf-field-text-color: #16110e; /* Used. */
1574 --wcf-field-error-label-color: #e11e00; /* Used */
1575 --wcf-field-error-border-color: #e11e00; /* Used */
1576 --wcf-field-error-color: #e2401c; /* Used. */
1577 --wcf-payment-section-label-color: #555;
1578 --wcf-payment-section-desc-text-color: #515151;
1579 --wcf-payment-section-desc-bg-color: #f9f9f9;
1580 --wcf-payment-section-bg-color: #fff;
1581 }
1582
1583 /* New Conditional checkout style */
1584 /* Customer Info, Billing, Shipping & Additional Fields. */
1585
1586 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout {
1587 -js-display: flex;
1588 display: flex;
1589 flex-wrap: wrap;
1590 }
1591
1592 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment .woocommerce-error,
1593 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .woocommerce-error,
1594 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .woocommerce-NoticeGroup .woocommerce-error,
1595 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .woocommerce-notices-wrapper .woocommerce-error,
1596 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info .wcf-customer-info__notice.wcf-notice {
1597 background-color: #fff5f5;
1598 border: solid 1px #f3d5d8;
1599 padding: 20px;
1600 color: #a10000;
1601 margin: 1rem 0 1rem;
1602 font-size: 14px;
1603 width: 100%;
1604 border-radius: 4px;
1605 font-weight: 400;
1606 }
1607
1608 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-custom-coupon-field .woocommerce-error {
1609 padding: 0 1.5em 1.2em 1.5em;
1610 background-color: transparent;
1611 border: none;
1612 margin: 0;
1613 width: 100%;
1614 }
1615
1616 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .woocommerce-error li {
1617 margin: 3px 0;
1618 }
1619
1620 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .woocommerce-NoticeGroup,
1621 #cpsw-payment-request-wrapper {
1622 flex: 1 0 100%;
1623 }
1624
1625 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #wc-stripe-express-checkout-element,
1626 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #wc-stripe-express-checkout-button-separator {
1627 flex: 1 0 100%;
1628 }
1629
1630 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper {
1631 width: 60%;
1632 padding: 0 0 0 45px;
1633 }
1634
1635 /* Right Column with background color */
1636 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-order-wrap {
1637 display: inline-block;
1638 float: none;
1639 width: 40%;
1640 padding: 0 15px 0 0;
1641 vertical-align: top;
1642 }
1643
1644 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-cartflows-review-order-wrapper {
1645 display: none;
1646 margin: 0 -20px;
1647 }
1648
1649 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle {
1650 display: none;
1651 padding: 20px;
1652 background-color: #f9fafb;
1653 border: 1px solid #d6d7db;
1654 border-right: none;
1655 border-left: none;
1656 color: #111;
1657 font-weight: 500;
1658 }
1659
1660 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle-button {
1661 margin-right: 4px;
1662 }
1663
1664 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle-button-wrap,
1665 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle-button {
1666 font-size: 15px;
1667 vertical-align: middle;
1668 line-height: 1.4em;
1669 }
1670 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-total {
1671 font-size: 18px;
1672 }
1673
1674 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle .cartflows-cheveron-up {
1675 display: none;
1676 }
1677
1678 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .woocommerce-checkout #order_review {
1679 position: sticky;
1680 top: 60px;
1681 padding: 0;
1682 }
1683
1684 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-col2-set,
1685 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-customer-info,
1686 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-payment-option-heading,
1687 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .woocommerce-checkout-payment,
1688 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-shipping-methods-wrapper {
1689 display: inline-block;
1690 width: 100%;
1691 padding-left: 0;
1692 margin: 0;
1693 }
1694
1695 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-billing-fields__customer-info-wrapper {
1696 margin: 0 -7px;
1697 }
1698
1699 /* Headings */
1700 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column #order_review_heading {
1701 position: sticky;
1702 top: 15px;
1703 }
1704 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout h3,
1705 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #ship-to-different-address,
1706 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #order_review_heading {
1707 font-size: 20px;
1708 font-weight: 500;
1709 color: var( --wcf-heading-color );
1710 padding: 0;
1711 margin: 22px 0 15px;
1712 }
1713
1714 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #ship-to-different-address {
1715 font-size: 15px;
1716 font-weight: 400;
1717 }
1718
1719 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #ship-to-different-address [type="checkbox"]:checked:before{
1720 font-size:13px;
1721 } */
1722
1723 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-shipping-fields label.checkbox {
1724 margin: 0;
1725 text-transform: none;
1726 }
1727 /* Headings End*/
1728
1729 /* Form Field Styling. */
1730
1731 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text,
1732 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea,
1733 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row select,
1734 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .input-text,
1735 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .select2-container--default .select2-selection--single {
1736 color: var( --wcf-field-text-color );
1737 border-color: var( --wcf-field-border-color );
1738 border-radius: 4px;
1739 font-size: 14px;
1740 padding: 15px 12px;
1741 line-height: 28px;
1742 outline: none;
1743 }
1744
1745 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .select2-container--default.field-required .select2-selection--single,
1746 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text.field-required,
1747 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea.input-text.field-required,
1748 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .input-text.field-required {
1749 border-color: var( --wcf-field-error-border-color );
1750 }
1751 .wcf-embed-checkout-form .woocommerce .wcf-field-required-error {
1752 color: var( --wcf-field-error-color );
1753 font-size: 12px;
1754 }
1755
1756 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
1757 font-size: 15px;
1758 } */
1759
1760 body.cartflows_step-template .select2-container--default .select2-search--dropdown .select2-search__field:focus {
1761 outline: none;
1762 }
1763
1764 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus,
1765 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus,
1766 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus {
1767 outline: none;
1768 border-color: var( --wcf-primary-color );
1769 box-shadow: 0 0 0 1px var( --wcf-primary-color );
1770 }
1771
1772 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row {
1773 margin: 0 0 10px;
1774 }
1775
1776 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form #billing_country_field {
1777 margin: 0 0 15px;
1778 }
1779
1780 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-customer-login-section .show-password-input,
1781 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .create-account .show-password-input {
1782 top: 15px;
1783 left: 12px;
1784 }
1785 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .create-account .show-password-input::after {
1786 margin: 0;
1787 }
1788
1789 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row.notes {
1790 margin-bottom: 0;
1791 }
1792
1793 .wcf-embed-checkout-form .woocommerce form .woocommerce-account-fields .form-row {
1794 padding: 3px 0;
1795 }
1796
1797 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout ::placeholder,
1798 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row label,
1799 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.address-field .select2-selection--single .select2-selection__placeholder {
1800 font-size: 13px;
1801 color: var( --wcf-field-label-color );
1802 letter-spacing: 0;
1803 }
1804
1805 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row input[type="text"],
1806 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row input[type="email"],
1807 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row input[type="password"],
1808 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row input[type="tel"],
1809 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row textarea,
1810 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row select,
1811 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce form .form-row .selection .select2-selection,
1812 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .woocommerce-billing-fields-custom .form-row input[type="email"] {
1813 padding: 22px 15px 8px;
1814 }
1815
1816 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .woocommerce-billing-fields-custom .form-row label:not( .checkbox ) {
1817 position: absolute;
1818 z-index: 999;
1819 margin-top: 19px;
1820 margin-right: 15px;
1821 transition: all 0.235s ease;
1822 overflow: hidden;
1823 white-space: nowrap;
1824 }
1825
1826 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-billing-fields-custom .form-row.wcf-anim-label label:not( .checkbox ) {
1827 margin-top: 8px;
1828 font-size: 12px;
1829 }
1830
1831 /* Form Field Styling End. */
1832
1833 /* Ship to different address checkbox, Stripe save payment checkbox */
1834 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-create-account-section [type="checkbox"],
1835 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .woocommerce-shipping-fields [type="checkbox"],
1836 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box.payment_method_stripe [type="checkbox"],
1837 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce input[type="checkbox"],
1838 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review input[type="checkbox"] {
1839 border-radius: 4px;
1840 height: 18px;
1841 margin: 0 0 4px 5px;
1842 padding: 0;
1843 width: 18px;
1844 min-width: 18px;
1845 }
1846
1847 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-create-account-section [type="checkbox"]:checked::before,
1848 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked::before,
1849 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box.payment_method_stripe [type="checkbox"]:checked::before,
1850 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce input[type="checkbox"]:checked::before,
1851 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review input[type="checkbox"]:checked::before {
1852 display: inline-block;
1853 font: normal normal 400 15px/1 cartflows-icon;
1854 vertical-align: middle;
1855 width: 100%;
1856 content: "\e600";
1857 margin: 1px 0;
1858 color: var( --wcf-primary-color );
1859 }
1860
1861 /* Ship to different address checkbox, Stripe save payment checkbox End. */
1862
1863 /* Order Table */
1864
1865 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table {
1866 margin-bottom: 0;
1867 padding: 15px 0 0 0;
1868 background-color: #fff;
1869 border: 1px solid #d4d4d4;
1870 border-collapse: collapse;
1871 border-radius: 4px;
1872 border-style: hidden;
1873 box-shadow: 0 0 0 1px #d6d7db;
1874 }
1875 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tbody {
1876 border-top: 1px solid #e5e7eb;
1877 border-bottom: 1px solid #e5e7eb;
1878 }
1879
1880 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .order-total {
1881 font-size: 1.2em;
1882 }
1883
1884 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th.product-name,
1885 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th.product-total {
1886 padding: 1em 1.2em 1em 1.2em;
1887 color: #555;
1888 font-size: 15px;
1889 font-weight: 500;
1890 }
1891
1892 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .cart_item:not( :first-child ) .product-name,
1893 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .cart_item:not( :first-child ) .product-total {
1894 padding-top: 0;
1895 }
1896
1897 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) th,
1898 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) td {
1899 border-top: 1px solid #e5e7eb;
1900 font-size: large;
1901 /* padding: 1em 1em 1em 1.2em; */
1902 }
1903
1904 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr:first-child td,
1905 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr:first-child th {
1906 padding: 1.5em 1.2em 1.5em 1.2em;
1907 }
1908
1909 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-discount th,
1910 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-subtotal th,
1911 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-totals th {
1912 font-weight: 500;
1913 }
1914
1915 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-discount,
1916 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-subtotal {
1917 border-bottom: 1px solid #e5e7eb;
1918 }
1919
1920 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table td,
1921 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th,
1922 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table td dl dt,
1923 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table td dl dd {
1924 background-color: transparent;
1925 border: none;
1926 color: #555;
1927 padding: 1.5em 1.2em 1.5em 1.2em;
1928 line-height: 1.4em;
1929 }
1930
1931 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-totals th,
1932 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-totals td {
1933 padding: 1.5em 1.2em 1.5em 1.2em;
1934 vertical-align: top;
1935 }
1936
1937 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-methods li {
1938 white-space: nowrap;
1939 }
1940
1941 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table ul#shipping_method li:last-child {
1942 margin-bottom: 0;
1943 }
1944
1945 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-methods li input {
1946 margin-top: 5px;
1947 }
1948
1949 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tr th:nth-child( 2 ),
1950 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tr td:nth-child( 2 ) {
1951 text-align: left;
1952 }
1953
1954 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tr.woocommerce-shipping-totals td:nth-child( 2 ) {
1955 text-align: left;
1956 padding-right: 0;
1957 }
1958
1959 .wcf-embed-checkout-form table.shop_table tr.woocommerce-shipping-totals .wcf-shipping-tooltip {
1960 position: relative;
1961 }
1962
1963 .wcf-embed-checkout-form table.shop_table tr.woocommerce-shipping-totals .wcf-shipping-tooltip:hover .wcf-tooltip-msg {
1964 display: block;
1965 }
1966
1967 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-shipping-methods-wrapper .wcf-shipping-error-msg {
1968 background-color: #fff5f5;
1969 border: solid 1px #f3d5d8;
1970 padding: 20px;
1971 color: #a10000;
1972 margin: 1rem 0 1rem;
1973 font-size: 14px;
1974 width: 100%;
1975 border-radius: 4px;
1976 font-weight: 400;
1977 }
1978 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .woocommerce-checkout-review-order-table .wcf-shipping-error-msg {
1979 color: #a10000;
1980 }
1981
1982 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-methods-wrapper .wcf-shipping-error-msg {
1983 display: block;
1984 background-color: #fff6f6;
1985 border: dashed 1px #a00;
1986 padding: 20px;
1987 color: #a00;
1988 margin: 1rem 0 1rem;
1989 font-size: 14px;
1990 font-weight: 500; /* Default Font Weight. */
1991 width: 100%;
1992 }
1993 .wcf-embed-checkout-form .woocommerce form .woocommerce-checkout-review-order-table .wcf-shipping-error-msg {
1994 color: #a00;
1995 }
1996
1997 .wcf-embed-checkout-form table.shop_table tr.woocommerce-shipping-totals .wcf-tooltip-msg {
1998 display: none;
1999 position: absolute;
2000 background-color: #333;
2001 color: #fff;
2002 min-width: 260px;
2003 padding: 8px 10px;
2004 border-radius: 4px;
2005 font-size: 12px;
2006 left: -15px;
2007 top: 25px;
2008 text-align: right;
2009 z-index: 1;
2010 }
2011
2012 .wcf-embed-checkout-form table.shop_table tr.woocommerce-shipping-totals .wcf-tooltip-msg::before {
2013 position: absolute;
2014 content: "";
2015 margin-right: -5px;
2016 border-width: 5px;
2017 border-style: solid;
2018 border-color: transparent transparent #444 transparent;
2019 top: -10px;
2020 left: 20px;
2021 }
2022
2023 /* Remove the bottom margin of last element of order summary table */
2024 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .woocommerce-checkout #order_review *:last-child {
2025 margin-bottom: 0;
2026 }
2027
2028 /* Order Table End */
2029
2030 /* Coupon code section */
2031 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field {
2032 clear: right;
2033 -js-display: flex;
2034 display: flex;
2035 /* margin: 0; */
2036 border-top: none;
2037 border-bottom: none;
2038 padding: 0;
2039 flex-wrap: wrap;
2040 }
2041
2042 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field.wcf-coupon-applied {
2043 padding-bottom: 0.8em;
2044 }
2045
2046 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field.wcf-coupon-applied .wcf-coupon-col-1,
2047 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field.wcf-coupon-applied .wcf-coupon-col-2 {
2048 display: none;
2049 }
2050
2051 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field a#wcf_optimized_wcf_custom_coupon_field {
2052 width: 100%;
2053 text-align: right;
2054 }
2055 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field a#wcf_optimized_wcf_custom_coupon_field .dashicons {
2056 display: none;
2057 }
2058
2059 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field .wcf-coupon-col-1 {
2060 padding-left: 15px;
2061 }
2062
2063 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review button.wcf-btn-small {
2064 transition: 0.1s ease-in-out;
2065 }
2066
2067 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field button.wcf-submit-coupon,
2068 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review button.wcf-btn-small,
2069 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field input.input-text {
2070 height: 100%;
2071 width: 100%;
2072 padding: 11px;
2073 font-size: 15px;
2074 border-radius: 4px;
2075 }
2076 /* Coupon code section End. */
2077
2078 /* Payment Method */
2079 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment ul.payment_methods {
2080 background: var( --wcf-payment-section-bg-color );
2081 padding: 0;
2082 margin: 0 0 0.5em 0;
2083 border: 1px solid #d6d7db;
2084 border-radius: 4px;
2085 }
2086
2087 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .form-row {
2088 padding: 15px 0 0;
2089 }
2090
2091 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #payment .woocommerce-privacy-policy-text p {
2092 font-size: 12px;
2093 }
2094
2095 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li:not( .woocommerce-info ) {
2096 padding: 15px 12px 0 12px;
2097 min-height: 40px;
2098 border-bottom: 1px solid #d6d7db;
2099 display: inline-table;
2100 width: 100%;
2101 /* margin-bottom: 15px; */
2102 }
2103 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li:first-child {
2104 border-radius: 4px 4px 0 0;
2105 }
2106 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li:last-child {
2107 border-bottom: 0;
2108 border-radius: 0 0 4px 4px;
2109 }
2110
2111 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li select {
2112 display: block;
2113 width: 100%;
2114 min-height: 34px;
2115 height: auto;
2116 padding: 11px 12px;
2117 font-size: 14px;
2118 line-height: 1.42857143 !important;
2119 color: var( --wcf-text-color );
2120 background-color: #fff;
2121 background-image: none;
2122 border: 1px solid;
2123 border-color: var( --wcf-field-border-color );
2124 border-radius: 4px;
2125 box-shadow: none;
2126 outline: none;
2127 }
2128
2129 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-bump-order-wrap.wcf-before-checkout .wcf-bump-order-field-wrap input[type="checkbox"],
2130 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-bump-order-wrap.wcf-after-customer .wcf-bump-order-field-wrap input[type="checkbox"],
2131 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-bump-order-wrap.wcf-after-order .wcf-bump-order-field-wrap input[type="checkbox"],
2132 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-product-option-wrap .wcf-qty-row div [type="checkbox"],
2133 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-product-option-wrap .wcf-qty-row input[type="radio"] {
2134 color: #d1d5db;
2135 }
2136
2137 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment .wc_payment_method > [type="radio"]:not( :checked ) {
2138 margin-bottom: 0;
2139 }
2140
2141 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment .wc_payment_method > [type="radio"]:not( :checked ) + label {
2142 vertical-align: top;
2143 margin-bottom: 12px;
2144 }
2145
2146 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment label {
2147 font-weight: 500;
2148 display: inline-block;
2149 width: calc( 100% - 10% );
2150 color: var( --wcf-payment-section-label-color );
2151 font-size: 15px;
2152 }
2153
2154 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box {
2155 margin: 15px -12px 0 0;
2156 border-top: 1px solid #e5e7eb;
2157 color: var( --wcf-payment-section-desc-text-color );
2158 background-color: var( --wcf-payment-section-desc-bg-color );
2159 padding: 20px;
2160 width: calc( 100% + 24px );
2161 }
2162
2163 /* Stripe Gateway Fields CSS */
2164 /* Inline form */
2165 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-cc,
2166 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-number,
2167 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-expiry,
2168 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-cvc {
2169 display: block;
2170 border: 1px solid #d1d5db;
2171 margin: 10px 0;
2172 padding: 0;
2173 background: #fff;
2174 cursor: text;
2175 border-radius: 4px;
2176 }
2177
2178 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-cc .__PrivateStripeElement,
2179 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-number .__PrivateStripeElement,
2180 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-expiry .__PrivateStripeElement,
2181 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-cvc .__PrivateStripeElement {
2182 margin-top: 0 !important;
2183 padding: 0.8em !important;
2184 }
2185
2186 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-number,
2187 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-expiry,
2188 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-cvc {
2189 margin-top: 5px;
2190 }
2191
2192 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form span + br {
2193 display: none;
2194 }
2195
2196 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-save-cards {
2197 margin-top: 0;
2198 padding: 8px 0;
2199 }
2200 /* Inline form */
2201
2202 /* Stripe Gateway Fields CSS */
2203
2204 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_box .clear {
2205 clear: both;
2206 }
2207
2208 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_box .clear::before,
2209 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_box .clear::after {
2210 content: none;
2211 }
2212
2213 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box ul {
2214 /* padding: 0; */
2215 margin: 10px 0;
2216 }
2217 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box ul.woocommerce-SavedPaymentMethods:empty {
2218 display: none;
2219 }
2220 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box .cpsw_stripe_element_payment_form {
2221 margin-top: -1rem;
2222 }
2223 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_method_woocommerce_payments .testmode-info {
2224 padding: 0 7px;
2225 }
2226 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box fieldset {
2227 border: none;
2228 padding: 0 !important;
2229 margin: 0;
2230 }
2231
2232 #wc-stripe-upe-form iframe #card-panel .p-Label,
2233 .p-Label {
2234 margin-bottom: 10px;
2235 }
2236
2237 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wc-stripe-elements-field {
2238 min-height: 40px;
2239 padding: 12px 10px 8px 10px;
2240 border-radius: 4px;
2241 }
2242
2243 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #stripe-exp-element {
2244 margin-left: 15px;
2245 }
2246
2247 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box::before {
2248 content: "";
2249 display: none;
2250 }
2251
2252 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #add_payment_method #payment .payment_method_paypal img,
2253 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-cart #payment .payment_method_paypal img,
2254 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_method_paypal img,
2255 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
2256 max-height: 40px;
2257 float: none;
2258 line-height: 1.4em;
2259 }
2260
2261 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .place-order {
2262 padding: 15px 0 0;
2263 }
2264 /* Payment Method End. */
2265
2266 /* Checkbox and Radio button */
2267 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment input[type="checkbox"],
2268 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment input[type="radio"] {
2269 height: 18px;
2270 margin: 0 0 0 7px;
2271 width: 18px;
2272 min-width: 18px;
2273 border-color: #d1d5db;
2274 vertical-align: text-top;
2275 }
2276
2277 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment .woocommerce-SavedPaymentMethods input[type="radio"] {
2278 margin-right: 0;
2279 }
2280
2281 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment input[type="radio"]:checked::before {
2282 margin: 5px;
2283 width: 6px;
2284 height: 6px;
2285 }
2286 /* Checkbox and Radio button End. */
2287
2288 /* Order review buttons */
2289 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment button:not( .js-woopayments-copy-test-number ) {
2290 line-height: 1.5;
2291 width: 100%;
2292 font-size: 18px;
2293 font-weight: 600;
2294 letter-spacing: 0;
2295 border-radius: 4px;
2296 padding: 12px 5px;
2297 transition: 0.1s ease-in-out;
2298 -js-display: inline-flex;
2299 display: inline-flex;
2300 align-items: center;
2301 justify-content: center;
2302 position: relative;
2303 }
2304
2305 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review button.wcf-btn-small {
2306 padding: 11px;
2307 font-size: 15px;
2308 } */
2309 /* Order review buttons End. */
2310
2311 /* Customer Info : Email */
2312 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .woocommerce-billing-fields-custom__field-wrapper p {
2313 padding: 0;
2314 margin-bottom: 0;
2315 }
2316
2317 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-customer-login-section {
2318 display: none;
2319 }
2320
2321 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-customer-info .wcf-show {
2322 display: block;
2323 }
2324
2325 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .woocommerce-billing-fields__customer-login-label {
2326 font-size: 14px;
2327 text-transform: none;
2328 }
2329
2330 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-customer-login-actions {
2331 -js-display: flex;
2332 display: flex;
2333 align-items: center;
2334 justify-content: space-between;
2335 padding: 3px 7px;
2336 margin: 0;
2337 }
2338
2339 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-customer-login-section__login-button {
2340 width: auto;
2341 padding: 8px 15px;
2342 color: #fff;
2343 }
2344
2345 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-customer-login-section__lost-password {
2346 padding: 5px 7px;
2347 margin-top: 3px;
2348 }
2349
2350 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-login-section-message {
2351 padding: 10px 7px;
2352 margin: 0;
2353 font-size: 14px;
2354 }
2355
2356 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-create-account-section {
2357 margin-top: 10px;
2358 }
2359
2360 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-create-account-section .woocommerce-password-strength {
2361 font-weight: 400;
2362 color: #111;
2363 font-size: 14px;
2364 padding: 5px 0.5em;
2365 }
2366
2367 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-create-account-section .short {
2368 background-color: #ffdbdf;
2369 border-color: #dd5c5c;
2370 }
2371
2372 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .woocommerce-billing-fields-custom h3 {
2373 -js-display: flex;
2374 display: flex;
2375 justify-content: space-between;
2376 align-items: center;
2377 }
2378 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-email-validation-block {
2379 font-size: 12px;
2380 display: block;
2381 margin-top: 5px;
2382 }
2383
2384 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-email-validation-block.success {
2385 color: #008000;
2386 }
2387
2388 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-email-validation-block.error {
2389 color: #e11e00;
2390 }
2391
2392 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-logged-in-customer-info {
2393 padding: 5px 7px;
2394 }
2395
2396 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-customer-info__notice a,
2397 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form #customer_details .woocommerce-account-fields {
2398 display: none;
2399 }
2400
2401 /* Customer Info : Email End. */
2402
2403 /* Order Review End. */
2404
2405 /* Responsive */
2406 @media only screen and ( max-width: 768px ) {
2407 /* Move Shipping methods to main column */
2408 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-methods {
2409 padding: 15px 18px;
2410 }
2411 .wcf-embed-checkout-form .woocommerce form .wcf-customer-info-main-wrapper {
2412 width: 100% !important;
2413 padding-left: 0 !important;
2414 }
2415 /* End Move Shipping methods to main column */
2416
2417 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce {
2418 padding: 0 20px;
2419 }
2420
2421 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-col2-set,
2422 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper,
2423 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-order-wrap {
2424 width: 100%;
2425 padding: 0;
2426 }
2427 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .woocommerce-billing-fields-custom h3 {
2428 display: block;
2429 }
2430
2431 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .woocommerce-billing-fields__customer-login-label {
2432 font-size: 12px;
2433 text-transform: none;
2434 margin-top: 10px;
2435 }
2436
2437 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .woocommerce-checkout {
2438 -js-display: flex;
2439 display: flex;
2440 flex-direction: column;
2441 text-align: inherit;
2442 width: 100%;
2443 padding: 0 0 18px;
2444 }
2445 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .woocommerce-NoticeGroup {
2446 order: 1;
2447 }
2448 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .wcf-order-wrap {
2449 order: 2;
2450 }
2451 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .wcf-customer-info-main-wrapper {
2452 order: 3;
2453 }
2454
2455 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #order_review .wcf-custom-coupon-field,
2456 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #order_review table.shop_table,
2457 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-cartflows-review-order-wrapper {
2458 display: none;
2459 }
2460
2461 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column #order_review .wcf-payment-option-heading,
2462 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column #order_review #payment {
2463 display: block;
2464 }
2465
2466 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #order_review_heading {
2467 display: none;
2468 font-size: 21px;
2469 padding: 0;
2470 position: relative;
2471 top: 0;
2472 text-transform: capitalize;
2473 }
2474
2475 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table {
2476 margin-bottom: 0;
2477 padding: 15px 0 0 0;
2478 background-color: #f9fafb;
2479 border-collapse: collapse;
2480 border-radius: 0;
2481 box-shadow: none;
2482 }
2483
2484 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field input.input-text {
2485 width: 100%;
2486 }
2487
2488 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field input.input-text:focus {
2489 border-color: var( --wcf-primary-color );
2490 box-shadow: 0 0 0 1px var( --wcf-primary-color );
2491 }
2492
2493 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table thead {
2494 visibility: hidden;
2495 }
2496
2497 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th.product-name,
2498 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th.product-total {
2499 padding: 0 !important;
2500 font-size: 0 !important;
2501 }
2502 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tbody {
2503 border-top: none;
2504 }
2505
2506 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tbody tr.cart_item:first-child td,
2507 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) th {
2508 border-top: 1px solid #d6d7db;
2509 } */
2510 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-discount,
2511 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-subtotal {
2512 border-bottom: none;
2513 }
2514
2515 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr:first-child td,
2516 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr:first-child th {
2517 padding: 1.5em 1.2em 1em 1.2em;
2518 }
2519
2520 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-totals th,
2521 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-totals td {
2522 padding: 1em 1.2em 1.5em 1.2em;
2523 vertical-align: top;
2524 }
2525 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper h3{
2526 margin: 10px ​0 20px;
2527 } */
2528
2529 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-col2-set {
2530 padding: 0;
2531 }
2532
2533 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle {
2534 -js-display: flex;
2535 display: flex;
2536 align-items: center;
2537 justify-content: space-between;
2538 margin: 0 -20px;
2539 }
2540
2541 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-collapsed-order-review-section.wcf-show .wcf-cartflows-review-order-wrapper {
2542 display: block !important;
2543 }
2544
2545 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-collapsed-order-review-section.wcf-show .cartflows-cheveron-down {
2546 display: none;
2547 }
2548
2549 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-collapsed-order-review-section.wcf-show .cartflows-cheveron-up {
2550 display: inline;
2551 }
2552
2553 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .col2-set .col-1,
2554 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .col2-set .col-2,
2555 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-page .col2-set .col-1,
2556 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-page .col2-set .col-2,
2557 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-col2-set .wcf-col-1,
2558 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-col2-set .wcf-col-2,
2559 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-page .wcf-col2-set .wcf-col-1,
2560 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-page .wcf-col2-set .wcf-col-2 {
2561 padding: 0;
2562 }
2563
2564 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #stripe-exp-element {
2565 margin-left: 0;
2566 }
2567 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #your_products_heading {
2568 margin-top: 0;
2569 }
2570 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row.notes {
2571 margin-bottom: 0;
2572 }
2573
2574 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field {
2575 background-color: #f9fafb;
2576 margin: 0 0 15px;
2577 padding: 0 20px 20px;
2578 }
2579 }
2580
2581 @media only screen and ( max-width: 480px ) {
2582 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field .wcf-coupon-col-1,
2583 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field .wcf-coupon-col-2 {
2584 width: 100%;
2585 padding-left: 0;
2586 }
2587 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field .wcf-coupon-col-1 {
2588 margin-bottom: 15px;
2589 }
2590 }
2591 /* Responsive End. */
2592 /* New Conditional checkout style End. */
2593
2594 /**
2595 * *********************
2596 * New loader for modern Checkout layout
2597 * ********************* */
2598 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .blockUI.blockOverlay {
2599 opacity: 1 !important;
2600 width: 99% !important;
2601 height: 99% !important;
2602 top: 2px !important;
2603 right: 2px !important;
2604 }
2605
2606 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce table.shop_table .blockUI.blockOverlay::before,
2607 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout-payment .blockUI.blockOverlay::before {
2608 background-repeat: no-repeat;
2609 top: -4px;
2610 background-position: center;
2611 right: -15px;
2612 background-size: cover;
2613 animation: none;
2614 height: 100%;
2615 width: 100%;
2616 margin: 0;
2617 transform: scale( 0.92 );
2618 }
2619 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce table.shop_table .blockUI.blockOverlay::before {
2620 background: url( "../images/order-review-skeleton.svg" ) right top;
2621 }
2622
2623 /* Payment loader */
2624 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout-payment .blockUI.blockOverlay {
2625 opacity: 1 !important;
2626 border: 1px solid #ddd !important;
2627 border-radius: 4px;
2628 }
2629
2630 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout-payment .blockUI.blockOverlay::before {
2631 background: url( "../images/cartflows-payment-section-loader.svg" ) right top;
2632 right: -5px;
2633 }
2634 /* Payment loader */
2635
2636 /**
2637 * *********************
2638 * New loader for modern Checkout layout
2639 * ********************* */
2640
2641 /**
2642 * **********************
2643 * Modern Checkout Layout
2644 * **********************
2645 */
2646
2647 /**
2648 * **********************************
2649 * Modern Checkout One-Column Layout
2650 * **********************************
2651 */
2652 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-one-column table.shop_table #shipping_method,
2653 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-one-column .wcf-customer-info-main-wrapper,
2654 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-one-column .woocommerce-checkout .wcf-order-wrap {
2655 width: 100%;
2656 padding: 0;
2657 }
2658
2659 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-one-column table.shop_table #shipping_method {
2660 text-align: left;
2661 }
2662
2663 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-one-column .wcf-custom-coupon-field {
2664 padding: 0;
2665 margin-bottom: 0;
2666 } */
2667 /**
2668 * **********************************
2669 * Modern Checkout One-Column Layout
2670 * **********************************
2671 */
2672
2673 :root > .wcf-field-modern-label {
2674 --wcf-text-color: #5f6061; /* Used. */
2675 --wcf-field-label-color: var( --wcf-text-color ); /* Used. */
2676 }
2677
2678 /* Modern Floating Style */
2679 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce #customer_details .form-row:not( .wcf-anim-hidden-label ).wcf-anim-label:has( .select2 .select2-selection__placeholder ) > label,
2680 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce #customer_details .form-row:not( .wcf-anim-hidden-label ):not( :has( input[type="checkbox"], input[type="radio"] ) ) label:not( .woocommerce-form__label-for-checkbox, .checkbox, .radio, .input-radio ) {
2681 -webkit-user-select: none;
2682 user-select: none;
2683 pointer-events: none;
2684 position: absolute;
2685 color: var( --wcf-field-label-color );
2686 transition: all 0.2s ease-out;
2687 font-size: 12px;
2688 font-weight: 300;
2689 margin: 8px 2px;
2690 padding: 0 11px;
2691 /* line-height: 28px; */
2692 opacity: 0;
2693 height: auto;
2694 width: auto;
2695 clip-path: none;
2696 clip: unset;
2697 }
2698
2699 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row input.input-text,
2700 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row textarea,
2701 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row select,
2702 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce #order_review .input-text {
2703 min-height: 47px;
2704 padding: 15px 12px;
2705 transition-delay: 0s, 0s;
2706 transition-duration: 0.2s, 0s;
2707 transition-property: all, width;
2708 transition-timing-function: ease-out, ease;
2709 }
2710
2711 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce #customer_details .form-row.wcf-anim-label:not( :has( input[type="checkbox"], input[type="radio"] ) ) label:not( .woocommerce-form__label-for-checkbox, .woocommerce-form__label-for-file, .radio ) {
2712 opacity: 1;
2713 z-index: 1000;
2714 }
2715
2716 /* THWCFE radio option labels — inline layout (Bug #2275) */
2717 .wcf-embed-checkout-form .woocommerce label.radio:not( .input-radio ) {
2718 display: inline;
2719 margin-left: 16px;
2720 }
2721
2722 .wcf-embed-checkout-form .woocommerce input[type="radio"].input-radio.thwcfe-input-field {
2723 margin-left: 4px;
2724 vertical-align: middle;
2725 }
2726
2727 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.wcf-anim-label input.input-text,
2728 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.wcf-anim-label select,
2729 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.wcf-anim-label textarea {
2730 padding: 1.65em 0.8em 0.5em;
2731 }
2732
2733 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.wcf-anim-label .select2-container--default .select2-selection--single:not( :has( .select2-selection__placeholder ) ) {
2734 padding: 1.6em 0.8em 0.5em;
2735 }
2736
2737 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.address-field .select2-selection--single .select2-selection__rendered {
2738 padding: 0;
2739 }
2740
2741 /* Placeholder */
2742 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row [placeholder]:focus::-webkit-input-placeholder {
2743 opacity: 1;
2744 line-height: inherit;
2745 }
2746 /* Modern Floating Style */
2747
2748 /* Google Places Dropdown CSS */
2749
2750 body .pac-container {
2751 background-color: #fff;
2752 position: absolute !important;
2753 z-index: 1000;
2754 border-radius: 2px;
2755 border: 1px solid var( --wcf-field-border-color );
2756 border-top: none;
2757 font-family: inherit;
2758 box-shadow: none;
2759 box-sizing: border-box;
2760 overflow: hidden;
2761 }
2762
2763 body .pac-logo::after,
2764 body .hdpi.pac-logo::after {
2765 content: none;
2766 display: none;
2767 background-image: none;
2768 }
2769
2770 body .pac-item {
2771 cursor: pointer;
2772 padding: 5px 15px;
2773 text-overflow: ellipsis;
2774 overflow: hidden;
2775 white-space: nowrap;
2776 line-height: 30px;
2777 text-align: right;
2778 border-top: 1px solid #e6e6e6;
2779 font-size: 11px;
2780 color: #515151;
2781 }
2782
2783 body .pac-item:hover {
2784 background-color: #fafafa;
2785 }
2786 body .pac-item-selected,
2787 body .pac-item-selected:hover {
2788 background-color: #ebf2fe;
2789 }
2790 body .pac-matched {
2791 font-weight: 700;
2792 }
2793 body .pac-item-query {
2794 font-size: 13px;
2795 padding-left: 3px;
2796 color: #000;
2797 }
2798
2799 body .pac-icon,
2800 body .hdpi .pac-icon {
2801 display: none;
2802 background-image: none;
2803 background-size: 0;
2804 }
2805
2806 body .pac-placeholder {
2807 color: #808080;
2808 }
2809 /* Google Places Dropdown CSS */
2810
2811 /* Checkout Plugin - Stripe for WooCommerce Smart Button box CSS */
2812 .wcf-embed-checkout-form #cpsw-payment-request-wrapper.checkout.cpsw-classic .cpsw-payment-request-button-wrapper {
2813 margin-top: 40px;
2814 }
2815
2816 .wcf-embed-checkout-form-two-step #cpsw-payment-request-wrapper.checkout.cpsw-classic .cpsw-payment-request-button-wrapper {
2817 margin-top: 10px;
2818 }
2819
2820 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #cpsw-payment-request-wrapper.checkout.cpsw-classic .cpsw-payment-request-button-wrapper {
2821 margin-top: 0;
2822 }
2823
2824 /* Checkout Plugin - Stripe for WooCommerce Smart Button box CSS */
2825
2826 /**
2827 * Mainly for Official - Stripe for WooCommerce Smart Button box & for rest of the gateways.
2828 *
2829 * The selector -payment-request-wrapper & -payment-request-button-separator remains the same for.
2830 * most of the payment gateways and they are pre-pended with payment gateway key.
2831 */
2832 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout [id*="-payment-request-wrapper"],
2833 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout [id*="-payment-request-button-separator"] {
2834 width: 100%;
2835 }
2836 /* Official - Stripe for WooCommerce Smart Button box CSS */
2837
2838 .shop_table tr.woocommerce-shipping-totals.shipping {
2839 display: none;
2840 visibility: hidden;
2841 }
2842
2843 .wcf-embed-checkout-form table.shop_table .wc_shipping_dpd_terminals {
2844 display: none;
2845 visibility: hidden;
2846 }
2847
2848 .wcf-embed-checkout-form-two-column .wcf-dpd-baltic-wrap {
2849 float: right;
2850 }
2851
2852 .wcf-dpd-baltic-wrap {
2853 position: relative;
2854 }
2855
2856 /**
2857 * ***********************************
2858 * Instant Checkout Layout Style Start
2859 * ***********************************
2860 */
2861
2862 .wcf-embed-checkout-form-instant-checkout .wcf-after-customer {
2863 margin: 20px 0;
2864 }
2865
2866 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout {
2867 --wcf-primary-color: #111;
2868 --wcf-text-color: #555;
2869 --wcf-heading-color: #111; /* Used. */
2870 --wcf-heading-font-weight: 500; /* Used. */
2871 --wcf-link-color: var( --wcf-primary-color ); /* Used. */
2872
2873 --wcf-ic-section-border-color: #d6d7db; /* Used. */
2874 --wcf-ic-right-column-bg-color: #fff; /* Used. */
2875 --wcf-ic-left-column-bg-color: #fff; /* Used. */
2876 --wcf-ic-shipping-shadow-color: #d6d7db; /* Used. */
2877 /* --wcf-ic-button-hover-color: #777; */
2878
2879 --wcf-btn-bg-color: var( --wcf-primary-color ); /* Used. */
2880 --wcf-btn-bg-hover-color: var( --wcf-primary-color ); /* Used. */
2881 --wcf-btn-text-color: #fff; /* Used. */
2882 --wcf-btn-hover-text-color: #fff; /* Used. */
2883
2884 --wcf-field-label-color: #707070; /* Used. */
2885 --wcf-field-min-height: "48px"; /* Used. */
2886 --wcf-field-bg-color: #fff; /* Used. */
2887 --wcf-field-border-color: #dedede; /* Used */
2888 --wcf-field-text-color: #555; /* Used. */
2889
2890 --wcf-field-error-label-color: #e11e00; /* Used */
2891 --wcf-field-error-border-color: #e11e00; /* Used */
2892 --wcf-field-error-color: #e2401c; /* Used. */
2893
2894 --wcf-payment-section-bg-color: #fff;
2895 --wcf-payment-section-desc-bg-color: #f9fafb;
2896 --wcf-payment-section-desc-text-color: #111;
2897 --wcf-payment-section-label-color: var( --wcf-text-color );
2898 }
2899 /** Start Radio Button Style */
2900
2901 /* Empty Cart Block design*/
2902
2903 .wcf-empty-cart-notice-block {
2904 margin-top: 2rem;
2905 }
2906 .wcf-empty-cart-message-container {
2907 max-width: 1140px;
2908 width: 100%;
2909 border: 1px solid #d1d5db;
2910 border-radius: 16px;
2911 margin: 0 auto;
2912 padding: 40px;
2913 }
2914 .wcf-empty-cart-message-container .wcf-empty-cart-wrapper {
2915 -js-display: flex;
2916 display: flex;
2917 flex-direction: column;
2918 align-items: center;
2919 text-align: center;
2920 gap: 20px;
2921 }
2922 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-heading,
2923 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-message,
2924 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-button {
2925 display: block;
2926 margin: 0 0 0 0;
2927 }
2928
2929 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-heading {
2930 color: #1f2937;
2931 font-size: 20px;
2932 font-weight: 600;
2933 line-height: 30px;
2934 text-align: center;
2935 margin-bottom: 6px;
2936 }
2937
2938 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-message {
2939 color: #6b7280;
2940 font-size: 14px;
2941 font-weight: 400;
2942 line-height: 20px;
2943 margin-bottom: 20px;
2944 text-align: center;
2945 }
2946
2947 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-button {
2948 background-color: var( --wcf-primary-color );
2949 color: #fff;
2950 padding: 9px 17px 9px 17px;
2951 border-radius: 6px;
2952 width: -moz-fit-content;
2953 width: fit-content;
2954 justify-content: center;
2955 margin: 15px auto 0 auto;
2956 text-decoration: none;
2957 }
2958
2959 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-button:hover {
2960 background-color: color-mix( in sRGB, var( --wcf-primary-color ) 80%, transparent );
2961 }
2962
2963 .wcf-empty-cart-message-container .wcf-empty-cart-icon {
2964 background: #fff;
2965 border-radius: 50px;
2966 -js-display: flex;
2967 display: flex;
2968 align-items: center;
2969 padding: 16px;
2970 }
2971 .wcf-empty-cart-message-container .wcf-empty-cart-icon svg {
2972 height: 35px;
2973 width: 35px;
2974 color: var( --wcf-primary-color );
2975 }
2976 /* Empty Cart Block design*/
2977
2978 /* page's background color */
2979
2980 body.cartflows-instant-checkout {
2981 background-color: #f5f5f5;
2982 }
2983
2984 body.cartflows-instant-checkout .main-header--wrapper {
2985 border-bottom: 1px solid #dedede;
2986 -js-display: flex;
2987 display: flex;
2988 justify-content: center;
2989 background-color: #fff;
2990 }
2991
2992 body.cartflows-instant-checkout .main-header--content {
2993 max-width: 1140px;
2994 width: 100%;
2995 /* margin: 0; */
2996 padding: 0.704rem 0;
2997 align-items: center;
2998 /* justify-content: space-between; */
2999 display: grid;
3000 grid-template-columns: minmax( min-content, calc( 50% + calc( calc( 60rem - 52rem ) / 2 ) ) ) 1fr;
3001 }
3002
3003 body.cartflows-instant-checkout .main-header--content .main-header--site-logo img {
3004 width: auto;
3005 }
3006
3007 body.cartflows-instant-checkout .main-header--content .main-header--site-title {
3008 font-size: 21px;
3009 font-weight: 500;
3010 text-transform: capitalize;
3011 margin: 8px 0;
3012 }
3013
3014 body.cartflows-instant-checkout .main-header--content .main-header--action {
3015 -js-display: flex;
3016 display: flex;
3017 justify-content: flex-end;
3018 align-items: center;
3019 }
3020
3021 body.cartflows-instant-checkout .main-header--content .main-header--action .main-header--action__cart-button {
3022 width: 24px;
3023 height: 24px;
3024 }
3025
3026 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-instant-checkout-wrapper {
3027 display: grid;
3028 grid-template-columns: minmax( min-content, calc( 50% + calc( calc( 60rem - 52rem ) / 2 ) ) ) 1fr;
3029 }
3030
3031 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-order-wrap #order_review_heading {
3032 display: none;
3033 }
3034
3035 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-instant-checkout-wrapper .wcf-customer-info-main-wrapper {
3036 -js-display: flex;
3037 display: flex;
3038 justify-content: flex-end;
3039 background-color: var( --wcf-ic-left-column-bg-color );
3040 border-left: 1px solid #dedede;
3041 block-size: 100%;
3042 width: 100%;
3043 padding: 0;
3044 align-items: flex-start;
3045 }
3046
3047 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout .wcf-col2-set,
3048 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout .wcf-customer-info,
3049 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout .wcf-payment-option-heading,
3050 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout .woocommerce-checkout-payment {
3051 display: inline-block;
3052 width: 100%;
3053 padding-left: 0;
3054 margin: 0;
3055 }
3056
3057 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-order-review-toggle {
3058 display: none;
3059 padding: 20px;
3060 background-color: #f9fafb;
3061 border: 1px solid #dedede;
3062 border-right: none;
3063 border-left: none;
3064 color: #111;
3065 font-weight: 500;
3066 }
3067
3068 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-order-review-toggle .cartflows-cheveron-up {
3069 display: none;
3070 }
3071
3072 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-order-review-toggle-button-wrap,
3073 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-order-review-toggle-button {
3074 font-size: 15px;
3075 vertical-align: middle;
3076 line-height: 1.4em;
3077 }
3078
3079 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-collapsed-order-review-section .wcf-order-review-total {
3080 font-size: 20px;
3081 font-weight: 500;
3082 }
3083
3084 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-order-review-toggle-button {
3085 margin-right: 4px;
3086 }
3087
3088 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-cartflows-review-order-wrapper {
3089 display: none;
3090 margin: 0 -20px;
3091 }
3092
3093 /* Hide the bottom-position collapsed order summary inside the left column on
3094 desktop/tablet. It is only relevant on mobile where the columns stack. */
3095 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-left-column .wcf-collapsed-order-review-section {
3096 display: none;
3097 }
3098
3099 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-instant-checkout-wrapper .wcf-ic-layout-right-column {
3100 display: block;
3101 background-color: var( --wcf-ic-right-column-bg-color );
3102 min-height: 100vh;
3103 }
3104
3105 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-create-account-section [type="checkbox"],
3106 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .woocommerce-shipping-fields [type="checkbox"],
3107 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box.payment_method_stripe [type="checkbox"],
3108 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce input[type="checkbox"],
3109 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #order_review input[type="checkbox"],
3110 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-bump-order-wrap.wcf-before-checkout .wcf-bump-order-field-wrap input[type="checkbox"],
3111 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-bump-order-wrap.wcf-after-customer .wcf-bump-order-field-wrap input[type="checkbox"] {
3112 border-radius: 4px;
3113 height: 18px;
3114 margin: 0 0 4px 5px;
3115 padding: 0;
3116 width: 18px;
3117 min-width: 18px;
3118 }
3119 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-create-account-section [type="checkbox"]:checked,
3120 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked,
3121 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box.payment_method_stripe [type="checkbox"]:checked,
3122 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce input[type="checkbox"]:checked,
3123 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #order_review input[type="checkbox"]:checked,
3124 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-bump-order-wrap.wcf-before-checkout .wcf-bump-order-field-wrap input[type="checkbox"]:checked,
3125 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-bump-order-wrap.wcf-after-customer .wcf-bump-order-field-wrap input[type="checkbox"]:checked {
3126 background-color: var( --wcf-primary-color );
3127 }
3128
3129 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-create-account-section [type="checkbox"]:checked::before,
3130 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked::before,
3131 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box.payment_method_stripe [type="checkbox"]:checked::before,
3132 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce input[type="checkbox"]:checked::before,
3133 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #order_review input[type="checkbox"]:checked::before,
3134 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-product-option-wrap .wcf-qty-row div [type="checkbox"]:checked::before,
3135 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-bump-order-wrap.wcf-before-checkout .wcf-bump-order-field-wrap input[type="checkbox"]:checked::before,
3136 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-bump-order-wrap.wcf-after-customer .wcf-bump-order-field-wrap input[type="checkbox"]:checked::before,
3137 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-bump-order-wrap.wcf-after-order .wcf-bump-order-field-wrap input[type="checkbox"]:checked::before {
3138 color: #fff;
3139 font-size: 12px;
3140 width: auto;
3141 margin: 2px;
3142 }
3143
3144 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-product-option-wrap .wcf-qty-row input[type="radio"],
3145 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li input,
3146 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="checkbox"],
3147 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="radio"] {
3148 height: 18px;
3149 margin: 2px 0 0 7px;
3150 width: 18px;
3151 min-width: 18px;
3152 border-color: #d1d5db;
3153 vertical-align: text-top;
3154 }
3155
3156 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="radio"]:checked::before,
3157 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #wcf-ic-shipping input[type="radio"]:checked::before {
3158 margin: 5px !important;
3159 }
3160
3161 /* Changed design of radio button only for instant checkout layout */
3162 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-product-option-wrap .wcf-qty-row input[type="radio"]:checked,
3163 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li input:checked,
3164 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="checkbox"]:checked,
3165 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="radio"]:checked {
3166 background-color: var( --wcf-primary-color );
3167 }
3168
3169 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #payment input[type="checkbox"]:checked::before {
3170 color: #fff;
3171 font-size: 12px;
3172 width: auto;
3173 margin: 2px;
3174 }
3175
3176 body.cartflows-instant-checkout .select2-container--default .select2-results__option--highlighted[aria-selected],
3177 body.cartflows-instant-checkout .select2-container--default .select2-results__option--highlighted[data-selected] {
3178 background-color: #111 !important;
3179 }
3180
3181 /* Changed design of radio button only for instant checkout layout */
3182 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-product-option-wrap .wcf-qty-row input[type="radio"]:checked::before,
3183 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li input:checked::before,
3184 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="radio"]:checked::before,
3185 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #wcf-shipping input[type="radio"]:checked::before,
3186 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #order_review input[type="radio"]:checked::before,
3187 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-col2-set input[type="radio"]:checked::before,
3188 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #wcf-ic-shipping input[type="radio"]:checked::before {
3189 background-color: #fff !important;
3190 border-radius: 50px;
3191 content: "\2022";
3192 font-size: 24px;
3193 height: 6px;
3194 line-height: 16px;
3195 margin: 5px;
3196 text-indent: -9999px;
3197 width: 6px;
3198 }
3199
3200 /**
3201 * *********************
3202 * New loader for Instant Checkout layout
3203 * ********************* */
3204 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table .blockUI.blockOverlay {
3205 opacity: 1 !important;
3206 width: 99% !important;
3207 height: 99% !important;
3208 top: 2px !important;
3209 right: 2px !important;
3210 }
3211
3212 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce table.shop_table .blockUI.blockOverlay::before,
3213 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout-payment .blockUI.blockOverlay::before {
3214 background-repeat: no-repeat;
3215 top: -4px;
3216 background-position: center;
3217 right: -15px;
3218 background-size: cover;
3219 animation: none;
3220 height: 100%;
3221 width: 100%;
3222 margin: 0;
3223 transform: scale( 0.92 );
3224 }
3225 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce table.shop_table .blockUI.blockOverlay::before {
3226 background: url( "../images/order-review-skeleton.svg" ) right top;
3227 }
3228
3229 /* Payment loader */
3230 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout-payment .blockUI.blockOverlay {
3231 opacity: 1 !important;
3232 border: 1px solid #ddd !important;
3233 border-radius: 4px;
3234 }
3235
3236 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout-payment .blockUI.blockOverlay::before {
3237 background: url( "../images/cartflows-payment-section-loader.svg" ) right top;
3238 right: -5px;
3239 }
3240 /* Payment loader */
3241
3242 /**
3243 * *********************
3244 * New loader for instant Checkout layout
3245 * ********************* */
3246
3247 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods {
3248 background: var( --wcf-payment-section-bg-color );
3249 padding: 0;
3250 margin: 0 0 0.5em 0;
3251 /* border: 1px solid #d6d7db; */
3252 border-radius: 4px;
3253 }
3254
3255 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:first-child,
3256 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #wcf-ic-shipping ul.woocommerce-shipping-methods > li:first-child {
3257 border-radius: 4px 4px 0 0;
3258 }
3259
3260 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:first-child,
3261 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #wcf-ic-shipping ul.woocommerce-shipping-methods > li:first-child,
3262 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:not( .woocommerce-info ):has( input[type="radio"]:checked ):first-child {
3263 border-top-right-radius: 4px;
3264 border-top-left-radius: 4px;
3265 }
3266
3267 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:last-child,
3268 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #wcf-ic-shipping ul.woocommerce-shipping-methods > li:last-child,
3269 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:not( .woocommerce-info ):has( input[type="radio"]:checked ):last-child {
3270 border-bottom-right-radius: 4px;
3271 border-bottom-left-radius: 4px;
3272 }
3273
3274 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:not( .woocommerce-info ):has( input[type="radio"][name="payment_method"]:checked ) {
3275 border: 1px solid var( --wcf-primary-color );
3276 }
3277 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:not( .woocommerce-info ):has( input[type="radio"]:checked ) div.payment_box {
3278 border-top: 1px solid var( --wcf-primary-color );
3279 border-top-right-radius: 0;
3280 border-top-left-radius: 0;
3281 border-bottom-right-radius: 4px;
3282 border-bottom-left-radius: 4px;
3283 }
3284 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods div.payment_box .wc-saved-payment-methods:not( :empty ) {
3285 padding-right: 0;
3286 margin-bottom: 10px;
3287 }
3288
3289 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:not( .woocommerce-info ) {
3290 padding: 12px 12px 0 12px;
3291 min-height: 40px;
3292 border: 1px solid #d6d7db;
3293 display: inline-table;
3294 width: 100%;
3295 /* margin-bottom: 15px; */
3296 border-bottom: none;
3297 }
3298 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment ul.payment_methods .cpsw_stripe_icons {
3299 float: left !important;
3300 margin-top: 5px;
3301 }
3302
3303 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment ul.payment_methods > li:last-child {
3304 border-bottom: 1px solid #d6d7db;
3305 }
3306
3307 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #payment label {
3308 font-weight: 500;
3309 display: inline-block;
3310 width: calc( 100% - 10% );
3311 color: var( --wcf-payment-section-label-color );
3312 font-size: 14px;
3313 }
3314
3315 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment .wc_payment_method > [type="radio"]:not( :checked ) + label,
3316 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #wcf-ic-shipping .woocommerce-shipping-methods > [type="radio"]:not( :checked ) + label {
3317 vertical-align: -webkit-baseline-middle;
3318 margin-bottom: 10px;
3319 }
3320
3321 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box {
3322 margin: 10px -12px 0 0;
3323 border-top: 1px solid #e5e7eb;
3324 color: var( --wcf-payment-section-desc-text-color );
3325 background-color: var( --wcf-payment-section-desc-bg-color );
3326 padding: 20px;
3327 width: calc( 100% + 24px );
3328 }
3329
3330 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box::before {
3331 content: "";
3332 display: none;
3333 }
3334
3335 /* Remove extra top spacing for CPSW Stripe element */
3336 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box .cpsw_stripe_element_payment_form {
3337 margin-top: -1rem;
3338 } */
3339
3340 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment .form-row {
3341 padding: 15px 0 0;
3342 }
3343 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #payment .woocommerce-privacy-policy-text p {
3344 font-size: 12px;
3345 }
3346
3347 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #payment button:not( .js-woopayments-copy-test-number ),
3348 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.coupon-field .wcf-custom-coupon-field button {
3349 line-height: 1.5;
3350 width: 100%;
3351 font-size: 18px;
3352 font-weight: 600;
3353 letter-spacing: 0;
3354 border-radius: 4px;
3355 padding: 12px 5px;
3356 transition: 0.1s ease-in-out;
3357 -js-display: inline-flex;
3358 display: inline-flex;
3359 align-items: center;
3360 justify-content: center;
3361 position: relative;
3362 }
3363 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout:not( .wcf-field-default ) .woocommerce form #order_review table.shop_table tfoot tr.coupon-field .wcf-custom-coupon-field button.wcf-btn-small {
3364 padding: 13px 6px;
3365 }
3366 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #payment button#place_order::before {
3367 top: -1px;
3368 }
3369
3370 /* Default border. */
3371 body.cartflows-instant-checkout #ast-scroll-top {
3372 display: none;
3373 }
3374
3375 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #ship-to-different-address,
3376 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #order_review_heading {
3377 font-size: 20px;
3378 font-weight: var( --wcf-heading-font-weight );
3379 color: var( --wcf-heading-color );
3380 padding: 0;
3381 margin: 10px 0 25px;
3382 }
3383
3384 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #ship-to-different-address {
3385 font-size: 15px;
3386 font-weight: 400;
3387 }
3388
3389 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-shipping-fields label.checkbox {
3390 margin: 0;
3391 text-transform: none;
3392 }
3393
3394 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-methods-wrapper {
3395 width: 100%;
3396 padding: 0;
3397 }
3398
3399 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options {
3400 padding: 0;
3401 background: #fff;
3402 }
3403
3404 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-methods-wrapper .wcf-shipping-error-msg {
3405 padding: 1em 1.5em 1em 1.5em;
3406 margin-top: 0;
3407 border: 1px solid var( --wcf-field-error-border-color );
3408 border-radius: 4px;
3409 color: var( --wcf-field-error-border-color );
3410 }
3411 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .woocommerce-checkout-review-order-table .wcf-shipping-error-msg {
3412 color: var( --wcf-field-error-border-color );
3413 }
3414
3415 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods li:has( input[type="radio"]:checked ), */
3416 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method {
3417 border: none;
3418 }
3419 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:first-child {
3420 border-bottom: 0;
3421 }
3422 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:not( :last-child ) {
3423 border: 1px solid var( --wcf-ic-section-border-color );
3424 border-bottom: 0;
3425 }
3426 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:last-child {
3427 border: 1px solid var( --wcf-ic-section-border-color );
3428 }
3429 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:has( input[type="radio"]:checked ) {
3430 border: 1px solid var( --wcf-primary-color );
3431 box-shadow: none;
3432 background-color: color-mix( in sRGB, var( --wcf-primary-color ) 10%, transparent );
3433 }
3434
3435 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:first-child,
3436 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:has( input[type="radio"]:checked ):first-child {
3437 border-top-right-radius: 4px;
3438 border-top-left-radius: 4px;
3439 }
3440
3441 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:last-child,
3442 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:has( input[type="radio"]:checked ):last-child {
3443 border-bottom-right-radius: 5px;
3444 border-bottom-left-radius: 5px;
3445 }
3446
3447 /* Remove the border if it has only one shipping method. */
3448 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method:has( > li:only-child ) {
3449 border: none;
3450 }
3451
3452 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:only-child {
3453 outline: none;
3454 border: 1px solid var( --wcf-primary-color );
3455 border-radius: 5px;
3456 }
3457
3458 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li label .woocommerce-Price-amount {
3459 font-weight: 400;
3460 color: #000;
3461 }
3462
3463 /**End Radio Button Style */
3464
3465 .wcf-instant-checkout-fees {
3466 padding: 10px;
3467 margin: 0 0 0.5em 0;
3468 border: 1px solid var( --wcf-ic-section-border-color );
3469 border-radius: 4px;
3470 }
3471
3472 .wcf-ic-tax-name,
3473 .wcf-ic-fees-name {
3474 font-weight: 500;
3475 }
3476
3477 div.wcf-instant-checkout-fees > div {
3478 padding: 5px;
3479 }
3480
3481 .wcf-embed-checkout-form-instant-checkout .woocommerce-NoticeGroup ul.woocommerce-error {
3482 padding: 2% 15% 1% 1%;
3483 background-color: #fff;
3484 }
3485
3486 /* .wcf-embed-checkout-form-instant-checkout .checkout .woocommerce-NoticeGroup {
3487 padding-left: 2%;
3488 padding-right: 2%;
3489 display: none;
3490 } */
3491
3492 button {
3493 cursor: pointer;
3494 }
3495
3496 .instant-checkout-batch {
3497 position: absolute;
3498 top: -10px;
3499 left: -10px;
3500 background-color: var( --wcf-btn-bg-color );
3501 color: #fff;
3502 width: 22px;
3503 height: 22px;
3504 border-radius: 50%;
3505 font-size: 11px;
3506 font-weight: 700;
3507 -js-display: flex;
3508 display: flex;
3509 justify-content: center;
3510 align-items: center;
3511 padding: 0;
3512 line-height: 1;
3513 }
3514
3515 .wcf-embed-checkout-form-instant-checkout strong.product-quantity {
3516 display: none;
3517 }
3518
3519 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout.wcf-modern-skin-two-column .woocommerce-checkout #order_review {
3520 position: sticky;
3521 top: 91px;
3522 padding: 0;
3523 }
3524
3525 .wcf-embed-checkout-form-instant-checkout .woocommerce {
3526 width: 100%;
3527 margin: 0 auto;
3528 }
3529
3530 .wcf-embed-checkout-form-instant-checkout .woocommerce .woocommerce-form-login-toggle {
3531 display: none !important;
3532 }
3533
3534 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-left-column {
3535 display: grid;
3536 width: 42rem;
3537 padding: 2.5rem;
3538 }
3539
3540 /* Notices CSS */
3541 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-ic-layout-left-column .woocommerce-notices-wrapper .woocommerce-message {
3542 padding: 1em 1.5em 1em 1.5em;
3543 margin-top: 0;
3544 }
3545
3546 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-ic-layout-left-column .woocommerce-notices-wrapper .woocommerce-error,
3547 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-ic-layout-left-column .woocommerce-NoticeGroup .woocommerce-message {
3548 padding: 1em 1.5em 1em 1.5em;
3549 margin-top: 0;
3550 border: 1px solid var( --wcf-field-error-border-color );
3551 border-radius: 4px;
3552 color: var( --wcf-field-error-border-color );
3553 }
3554 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-ic-layout-left-column .woocommerce-error li:last-child {
3555 margin-bottom: 0;
3556 }
3557 /* Notices CSS */
3558
3559 /* Instant Checkout Fields CSS */
3560
3561 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-billing-fields__customer-info-wrapper {
3562 margin: 0 -7px;
3563 }
3564
3565 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-email-validation-block {
3566 font-size: 12px;
3567 display: block;
3568 margin-top: 5px;
3569 }
3570
3571 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-email-validation-block.success {
3572 color: #008000;
3573 }
3574
3575 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-email-validation-block.error {
3576 color: #e11e00;
3577 }
3578
3579 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-logged-in-customer-info {
3580 padding: 5px 7px;
3581 }
3582
3583 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row {
3584 margin: 0 0 12px;
3585 }
3586 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .woocommerce-additional-fields .form-row:last-child {
3587 margin-bottom: 0;
3588 }
3589
3590 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.woocommerce-invalid-required-field .input-text {
3591 border-color: var( --wcf-field-error-border-color );
3592 }
3593
3594 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-customer-login-actions {
3595 -js-display: flex;
3596 display: flex;
3597 align-items: center;
3598 justify-content: space-between;
3599 padding: 3px 7px;
3600 margin: 0;
3601 }
3602
3603 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-customer-login-actions .wcf-customer-login-lost-password-url {
3604 font-size: 14px;
3605 }
3606
3607 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-customer-login-section__login-button {
3608 width: auto;
3609 padding: 8px 15px;
3610 color: #fff;
3611 }
3612
3613 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-customer-login-section .show-password-input,
3614 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .create-account .show-password-input {
3615 top: 20px;
3616 left: 12px;
3617 }
3618
3619 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row input.input-text,
3620 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row textarea,
3621 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row select,
3622 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .input-text,
3623 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .select2-container--default .select2-selection--single {
3624 color: var( --wcf-field-text-color );
3625 border-color: var( --wcf-field-border-color );
3626 border-radius: 5px;
3627 font-size: 14px;
3628 padding: 15px 11px;
3629 min-height: var( --wcf-field-min-height );
3630 outline: none;
3631 text-overflow: ellipsis;
3632 line-height: 21px !important;
3633 }
3634 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.wcf-anim-label .select2-container--default .select2-selection--single:not( :has( .select2-selection__placeholder ) ) {
3635 padding: 1.65em 0.8em 0.5em;
3636 -js-display: flex;
3637 display: flex;
3638 align-items: center;
3639 }
3640
3641 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-anim-label input.input-text,
3642 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-anim-label select,
3643 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-anim-label textarea {
3644 padding: 22px 11px 8px 15px;
3645 }
3646
3647 /* Hide the asterisk mark as a part of UI */
3648 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row .required {
3649 display: none;
3650 }
3651
3652 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
3653 font-size: 14px;
3654 }
3655
3656 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row input.input-text::placeholder,
3657 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row textarea::placeholder,
3658 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row select::placeholder {
3659 /* color: #707070; */
3660 color: var( --wcf-field-text-color );
3661 }
3662
3663 /* Instant Checkout Fields CSS */
3664
3665 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-left-column .woocommerce-billing-fields-custom h3,
3666 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-left-column h3 {
3667 color: var( --wcf-heading-color );
3668 font-weight: var( --wcf-heading-font-weight );
3669 text-transform: capitalize;
3670 margin: 22px 0 15px;
3671 font-size: 20px;
3672 }
3673
3674 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .woocommerce-billing-fields__customer-login-label {
3675 font-size: 14px;
3676 text-transform: none;
3677 }
3678
3679 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .woocommerce-billing-fields-custom h3 {
3680 -js-display: flex;
3681 display: flex;
3682 justify-content: space-between;
3683 align-items: center;
3684 }
3685
3686 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-left-column #customer_information_heading {
3687 margin-top: 0;
3688 }
3689
3690 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-right-column .wcf-order-wrap {
3691 display: block;
3692 max-width: 34rem;
3693 width: 100%;
3694 padding: 1.5rem;
3695 min-height: 400px;
3696 }
3697
3698 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-right-column .wcf-order-wrap #order_review {
3699 padding: 0;
3700 min-height: inherit;
3701 }
3702
3703 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-right-column .wcf-order-wrap {
3704 position: sticky;
3705 top: 0;
3706 align-self: flex-start;
3707 }
3708
3709 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table {
3710 display: block;
3711 margin-bottom: 0;
3712 padding: 1rem;
3713 background-color: var( --wcf-ic-right-column-bg-color ) !important;
3714 border: none !important;
3715 border-collapse: collapse;
3716 border-radius: 4px;
3717 border-style: hidden;
3718 box-shadow: none !important;
3719 }
3720
3721 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-right-column .wcf-bump-order-grid-wrap.wcf-after-order:empty {
3722 margin: 0;
3723 }
3724
3725 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-right-column .wcf-bump-order-grid-wrap.wcf-after-order:not( :empty ) {
3726 padding: 0 1rem;
3727 }
3728
3729 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table .blockUI.blockOverlay {
3730 width: 100% !important;
3731 height: 100% !important;
3732 top: 0 !important;
3733 right: 0 !important;
3734 }
3735
3736 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tbody tr.cart_item td,
3737 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.coupon-field td {
3738 padding: 0 0 2em 0;
3739 }
3740
3741 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tr th:nth-child( 2 ),
3742 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tr td:nth-child( 2 ) {
3743 text-align: left;
3744 }
3745
3746 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tr.cart-shipping td label {
3747 white-space: nowrap;
3748 }
3749
3750 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.coupon-field .wcf-custom-coupon-field .wcf-optimized-coupon-field {
3751 width: 100%;
3752 color: var( --wcf-field-label-color );
3753 }
3754
3755 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.coupon-field .wcf-custom-coupon-field {
3756 margin: 0;
3757 border: none;
3758 padding: 0;
3759 align-items: center;
3760 gap: 14px;
3761 flex-wrap: nowrap;
3762 }
3763 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-custom-coupon-field.wcf-coupon-applied .wcf-optimized-coupon-field,
3764 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-custom-coupon-field.wcf-coupon-applied .wcf-coupon-col-1,
3765 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-custom-coupon-field.wcf-coupon-applied .wcf-coupon-col-2 {
3766 display: none;
3767 }
3768
3769 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.coupon-field .wcf-custom-coupon-field .wcf-coupon-col-1 {
3770 padding: 0;
3771 }
3772
3773 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr th,
3774 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr td {
3775 padding: 0 0.2rem 0.7rem 0;
3776 font-weight: 400;
3777 color: #000;
3778 width: auto;
3779 }
3780
3781 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.order-total:not( .recurring-total ) th,
3782 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.order-total:not( .recurring-total ) td {
3783 font-size: 18px;
3784 font-weight: 500;
3785 padding: 0.5rem 0.2rem 0.7rem 0;
3786 }
3787
3788 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.order-total:not( .recurring-total ) td strong {
3789 font-weight: 500;
3790 }
3791
3792 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tbody tr.cart_item td.product-name {
3793 padding: 0;
3794 }
3795
3796 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce table.shop_table tbody tr.cart_item .wcf-product-image {
3797 height: auto;
3798 -js-display: flex;
3799 display: flex;
3800 vertical-align: middle;
3801 border-radius: 5px;
3802 align-items: center;
3803 gap: 0.8rem;
3804 width: 100%;
3805 }
3806
3807 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) th,
3808 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) td,
3809 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tfoot tr.cart-discount,
3810 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tfoot tr.cart-subtotal {
3811 border: none;
3812 }
3813
3814 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tbody {
3815 border: none !important;
3816 }
3817
3818 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row input.input-text:focus,
3819 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row textarea:focus,
3820 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus {
3821 outline: none;
3822 border-color: var( --wcf-primary-color );
3823 box-shadow: 0 0 0 1px var( --wcf-primary-color );
3824 }
3825
3826 /*Link color*/
3827 .wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-hide-field a {
3828 color: var( --wcf-link-color );
3829 background-color: transparent;
3830 font-weight: 400;
3831 text-decoration: none;
3832 -js-display: flex;
3833 display: flex;
3834 gap: 5px;
3835 align-items: center;
3836 }
3837 .wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-hide-field a .dashicons {
3838 height: auto;
3839 width: auto;
3840 }
3841 .wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-hide-field a .dashicons.dashicons-arrow-right::before {
3842 font-size: 13px;
3843 line-height: 1;
3844 border: 1px solid var( --wcf-link-color );
3845 border-radius: 50px;
3846 }
3847 /*Notice color*/
3848 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-info::before,
3849 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-message::before {
3850 color: var( --wcf-primary-color );
3851 }
3852
3853 /*Order review Image size*/
3854 .wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-product-image .wcf-product-thumbnail {
3855 position: relative;
3856 border-radius: 4px;
3857 width: 25%;
3858 margin: 0;
3859 }
3860
3861 .wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-product-image .wcf-product-thumbnail img {
3862 border: 1px solid #d6d6d6;
3863 object-fit: cover;
3864 }
3865
3866 /* Title */
3867 .wcf-ic-title h1 {
3868 color: var( --wcf-heading-color );
3869 }
3870 /* Title */
3871
3872 /* Breadcrumbs */
3873
3874 ul#wcf-ic-breadcrumbs {
3875 list-style: none;
3876 -js-display: flex;
3877 display: flex;
3878 padding-right: 0;
3879 margin: 0 0 2.5em 0;
3880 }
3881
3882 #wcf-ic-breadcrumbs .wcf-ic-breadcrumb-item {
3883 margin-left: 5px;
3884 margin-right: 5px;
3885 }
3886
3887 #wcf-ic-breadcrumbs .wcf-ic-breadcrumb-item a {
3888 text-decoration: none;
3889 color: var( --wcf-primary-color );
3890 }
3891
3892 #wcf-ic-breadcrumbs .wcf-ic-breadcrumb-item a:hover {
3893 text-decoration: underline;
3894 }
3895 /* Breadcrumbs */
3896
3897 /* Responsive */
3898
3899 /* Modible devices and some smaller tablets */
3900 @media only screen and ( max-width: 820px ) {
3901 .wcf-empty-cart-notice-block {
3902 padding: 0.704rem 1.5rem;
3903 }
3904 .wcf-empty-cart-message-container {
3905 padding: 30px;
3906 }
3907 .wcf-ic-layout-right-column .wcf-order-wrap {
3908 padding: 0;
3909 }
3910
3911 .wcf-bump-order-wrap.wcf-ob-column-100 .wcf-bump-order-offer-content-left {
3912 max-width: 100% !important;
3913 }
3914
3915 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce {
3916 padding: 0 20px;
3917 background-color: var( --wcf-ic-left-column-bg-color );
3918 width: 100%;
3919 }
3920
3921 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout .wcf-order-wrap {
3922 width: 100% !important;
3923 padding: 0;
3924 }
3925
3926 /* Instant Checkout */
3927
3928 body.cartflows-instant-checkout .main-header--content {
3929 max-width: 100%;
3930 width: 100%;
3931 padding: 0.704rem 2.4rem;
3932 }
3933
3934 body.cartflows-instant-checkout .main-header--content .main-header--site-logo {
3935 max-height: 100%;
3936 }
3937
3938 body.cartflows-instant-checkout .main-header--content .main-header--site-logo img {
3939 max-width: 45%;
3940 width: 100%;
3941 }
3942
3943 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-instant-checkout-wrapper {
3944 display: block;
3945 width: 100%;
3946 padding: 15px 0;
3947 }
3948
3949 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-instant-checkout-wrapper .wcf-customer-info-main-wrapper {
3950 border: none;
3951 display: block;
3952 block-size: auto;
3953 }
3954
3955 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-right-column {
3956 width: 100% !important;
3957 float: none;
3958 padding: 0 !important;
3959 min-height: max-content !important;
3960 }
3961 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-right-column .wcf-order-wrap {
3962 padding: 0;
3963 min-height: auto;
3964 background-color: #fff;
3965 max-width: 100%;
3966 }
3967 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-right-column .wcf-bump-order-grid-wrap.wcf-after-order:not( :empty ),
3968 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-right-column .wcf-bump-order-grid-wrap.wcf-after-order {
3969 margin-top: 0;
3970 padding: 0;
3971 }
3972 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-left-column {
3973 display: block;
3974 border: none;
3975 width: 100% !important;
3976 padding: 15px 0;
3977 background-color: var( --wcf-ic-left-column-bg-color );
3978 }
3979
3980 /* Reveal the bottom-position collapsed order summary on mobile. */
3981 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-left-column .wcf-collapsed-order-review-section {
3982 display: block;
3983 }
3984
3985 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-order-review-toggle {
3986 -js-display: flex;
3987 display: flex;
3988 align-items: center;
3989 justify-content: space-between;
3990 margin: 0 -20px;
3991 background-color: #f5f5f5;
3992 }
3993
3994 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section.wcf-show .cartflows-cheveron-down {
3995 display: none;
3996 }
3997 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section.wcf-show .cartflows-cheveron-up {
3998 display: inline;
3999 }
4000 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section.wcf-show .wcf-cartflows-review-order-wrapper {
4001 display: block;
4002 }
4003
4004 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-collapsed-order-review-section.wcf-show .wcf-order-review-toggle {
4005 border-bottom: none;
4006 }
4007
4008 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-cartflows-review-order-wrapper .wcf-custom-coupon-field {
4009 background-color: var( --wcf-ic-right-column-bg-color );
4010 flex-direction: column;
4011 gap: 15px;
4012 margin: 0 0 0;
4013 padding: 0 20px 20px;
4014 border: none;
4015 }
4016
4017 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section .wcf-custom-coupon-field .wcf-coupon-col-1,
4018 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section .wcf-custom-coupon-field .wcf-coupon-col-2 {
4019 width: 100%;
4020 padding-left: 0;
4021 }
4022
4023 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section .wcf-custom-coupon-field button.wcf-submit-coupon,
4024 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section .wcf-custom-coupon-field input.input-text {
4025 width: 100%;
4026 padding: 11px;
4027 }
4028
4029 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #order_review .wcf-custom-coupon-field,
4030 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #order_review table.shop_table,
4031 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-cartflows-review-order-wrapper {
4032 display: none;
4033 border-bottom: 1px solid #dedede;
4034 padding: 0;
4035 }
4036
4037 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table {
4038 padding: 1.2rem;
4039 }
4040
4041 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-right-column .wcf-order-wrap #order_review {
4042 padding: 0;
4043 min-height: unset;
4044 }
4045
4046 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .col2-set .col-1,
4047 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .col2-set .col-2,
4048 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-page .col2-set .col-1,
4049 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-page .col2-set .col-2,
4050 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-col2-set .wcf-col-1,
4051 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-col2-set .wcf-col-2,
4052 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-page .wcf-col2-set .wcf-col-1,
4053 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-page .wcf-col2-set .wcf-col-2,
4054 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-order-wrap,
4055 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-page .wcf-order-wrap {
4056 padding: 0;
4057 }
4058
4059 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .cpsw_stripe_icons {
4060 display: none;
4061 }
4062
4063 /* Instant Checkout */
4064 }
4065
4066 @media only screen and ( max-width: 480px ) {
4067 ul#wcf-ic-breadcrumbs {
4068 list-style: none;
4069 -js-display: flex;
4070 display: flex;
4071 padding-right: 0;
4072 margin: 0;
4073 }
4074 }
4075 /* Responsive End. */
4076
4077 .wcf-embed-checkout-form-instant-checkout #order_review_heading {
4078 display: none;
4079 }
4080 .wcf-embed-checkout-form-instant-checkout table.shop_table tbody {
4081 border-bottom: 1px solid #e5e7eb;
4082 }
4083 .wcf-embed-checkout-form-instant-checkout table.shop_table tfoot tr.cart-subtotal {
4084 border-bottom: 1px solid #e5e7eb;
4085 }
4086 .wcf-shipping-option-heading {
4087 width: 100%;
4088 }
4089 .wcf-embed-checkout-form-instant-checkout form.checkout.woocommerce-checkout {
4090 display: inline-block;
4091 margin: 0;
4092 }
4093 .wcf-shipping-option-heading {
4094 display: inline-block;
4095 }
4096 #wcf-ic-shipping ul#wcf-shipping_method {
4097 margin: 0;
4098 }
4099 .wcf-embed-checkout-form-instant-checkout table.shop_table thead {
4100 display: none;
4101 }
4102 h3#wcf_shipping_options_heading {
4103 margin-top: 0;
4104 }
4105
4106 #wcf-ic-shipping span.wcf-ic-shipping-package-name {
4107 display: none;
4108 }
4109
4110 .wcf-embed-checkout-form-instant-checkout.wcf-embed-checkout-form .woocommerce .wcf-product-image img {
4111 height: auto;
4112 }
4113
4114 /**
4115 * ***********************************
4116 * Instant Checkout Layout Style End
4117 * ***********************************
4118 */
4119
4120 /**
4121 * ***********************************
4122 * File Upload Field Styles
4123 * ***********************************
4124 */
4125 .wcf-embed-checkout-form .wcf-file-field-wrapper {
4126 width: 100%;
4127 }
4128
4129 .wcf-embed-checkout-form .wcf-file-input-wrapper {
4130 display: block;
4131 position: relative;
4132 }
4133
4134 .wcf-embed-checkout-form .wcf-checkout-file-input {
4135 width: 100%;
4136 padding: 10px;
4137 border: 1px dashed var( --wcf-field-border-color );
4138 border-radius: 4px;
4139 background-color: var( --wcf-field-bg-color );
4140 cursor: pointer;
4141 }
4142
4143 .wcf-embed-checkout-form .wcf-checkout-file-input:hover {
4144 border-color: var( --wcf-primary-color );
4145 }
4146
4147 .wcf-embed-checkout-form .wcf-file-input-wrapper.wcf-file-uploading .wcf-checkout-file-input {
4148 opacity: 0.5;
4149 pointer-events: none;
4150 }
4151
4152 .wcf-embed-checkout-form .wcf-file-preview {
4153 display: block;
4154 margin-top: 10px;
4155 }
4156
4157 .wcf-embed-checkout-form .wcf-file-preview-image {
4158 max-width: 100px;
4159 max-height: 100px;
4160 border-radius: 4px;
4161 border: 1px solid var( --wcf-field-border-color );
4162 margin-left: 10px;
4163 vertical-align: middle;
4164 }
4165
4166 .wcf-embed-checkout-form .wcf-file-name {
4167 display: inline-block;
4168 vertical-align: middle;
4169 font-size: 14px;
4170 color: var( --wcf-text-color );
4171 }
4172
4173 .wcf-embed-checkout-form .wcf-file-uploading-text {
4174 color: var( --wcf-text-color );
4175 font-style: italic;
4176 }
4177
4178 .wcf-embed-checkout-form .wcf-file-error {
4179 color: var( --wcf-field-error-color, #e2401c );
4180 font-size: 13px;
4181 display: block;
4182 margin-top: 5px;
4183 }
4184