PluginProbe
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce / 3.1.3
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce v3.1.3
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.1.3, at assets/css/checkout-template-rtl.css

4,190 lines 144.1 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 !important;
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 /* Official Stripe plugin Express Checkout — full width on Instant Checkout (left column is a grid container). */
1631 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #wc-stripe-express-checkout-element,
1632 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #wc-stripe-express-checkout-button-separator {
1633 width: 100%;
1634 }
1635
1636 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper {
1637 width: 60%;
1638 padding: 0 0 0 45px;
1639 }
1640
1641 /* Right Column with background color */
1642 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-order-wrap {
1643 display: inline-block;
1644 float: none;
1645 width: 40%;
1646 padding: 0 15px 0 0;
1647 vertical-align: top;
1648 }
1649
1650 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-cartflows-review-order-wrapper {
1651 display: none;
1652 margin: 0 -20px;
1653 }
1654
1655 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle {
1656 display: none;
1657 padding: 20px;
1658 background-color: #f9fafb;
1659 border: 1px solid #d6d7db;
1660 border-right: none;
1661 border-left: none;
1662 color: #111;
1663 font-weight: 500;
1664 }
1665
1666 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle-button {
1667 margin-right: 4px;
1668 }
1669
1670 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle-button-wrap,
1671 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle-button {
1672 font-size: 15px;
1673 vertical-align: middle;
1674 line-height: 1.4em;
1675 }
1676 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-total {
1677 font-size: 18px;
1678 }
1679
1680 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle .cartflows-cheveron-up {
1681 display: none;
1682 }
1683
1684 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .woocommerce-checkout #order_review {
1685 position: sticky;
1686 top: 60px;
1687 padding: 0;
1688 }
1689
1690 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-col2-set,
1691 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-customer-info,
1692 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-payment-option-heading,
1693 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .woocommerce-checkout-payment,
1694 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-shipping-methods-wrapper {
1695 display: inline-block;
1696 width: 100%;
1697 padding-left: 0;
1698 margin: 0;
1699 }
1700
1701 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-billing-fields__customer-info-wrapper {
1702 margin: 0 -7px;
1703 }
1704
1705 /* Headings */
1706 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column #order_review_heading {
1707 position: sticky;
1708 top: 15px;
1709 }
1710 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout h3,
1711 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #ship-to-different-address,
1712 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #order_review_heading {
1713 font-size: 20px;
1714 font-weight: 500;
1715 color: var( --wcf-heading-color );
1716 padding: 0;
1717 margin: 22px 0 15px;
1718 }
1719
1720 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #ship-to-different-address {
1721 font-size: 15px;
1722 font-weight: 400;
1723 }
1724
1725 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #ship-to-different-address [type="checkbox"]:checked:before{
1726 font-size:13px;
1727 } */
1728
1729 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-shipping-fields label.checkbox {
1730 margin: 0;
1731 text-transform: none;
1732 }
1733 /* Headings End*/
1734
1735 /* Form Field Styling. */
1736
1737 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text,
1738 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea,
1739 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row select,
1740 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .input-text,
1741 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .select2-container--default .select2-selection--single {
1742 color: var( --wcf-field-text-color );
1743 border-color: var( --wcf-field-border-color );
1744 border-radius: 4px;
1745 font-size: 14px;
1746 padding: 15px 12px;
1747 line-height: 28px;
1748 outline: none;
1749 }
1750
1751 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .select2-container--default.field-required .select2-selection--single,
1752 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text.field-required,
1753 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea.input-text.field-required,
1754 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .input-text.field-required {
1755 border-color: var( --wcf-field-error-border-color );
1756 }
1757 .wcf-embed-checkout-form .woocommerce .wcf-field-required-error {
1758 color: var( --wcf-field-error-color );
1759 font-size: 12px;
1760 }
1761
1762 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
1763 font-size: 15px;
1764 } */
1765
1766 body.cartflows_step-template .select2-container--default .select2-search--dropdown .select2-search__field:focus {
1767 outline: none;
1768 }
1769
1770 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus,
1771 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus,
1772 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus {
1773 outline: none;
1774 border-color: var( --wcf-primary-color );
1775 box-shadow: 0 0 0 1px var( --wcf-primary-color );
1776 }
1777
1778 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row {
1779 margin: 0 0 10px;
1780 }
1781
1782 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form #billing_country_field {
1783 margin: 0 0 15px;
1784 }
1785
1786 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-customer-login-section .show-password-input,
1787 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .create-account .show-password-input {
1788 top: 15px;
1789 left: 12px;
1790 }
1791 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .create-account .show-password-input::after {
1792 margin: 0;
1793 }
1794
1795 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row.notes {
1796 margin-bottom: 0;
1797 }
1798
1799 .wcf-embed-checkout-form .woocommerce form .woocommerce-account-fields .form-row {
1800 padding: 3px 0;
1801 }
1802
1803 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout ::placeholder,
1804 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row label,
1805 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.address-field .select2-selection--single .select2-selection__placeholder {
1806 font-size: 13px;
1807 color: var( --wcf-field-label-color );
1808 letter-spacing: 0;
1809 }
1810
1811 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row input[type="text"],
1812 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row input[type="email"],
1813 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row input[type="password"],
1814 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row input[type="tel"],
1815 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row textarea,
1816 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .form-row select,
1817 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce form .form-row .selection .select2-selection,
1818 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .woocommerce-billing-fields-custom .form-row input[type="email"] {
1819 padding: 22px 15px 8px;
1820 }
1821
1822 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-field-style-one .woocommerce .woocommerce-billing-fields-custom .form-row label:not( .checkbox ) {
1823 position: absolute;
1824 z-index: 999;
1825 margin-top: 19px;
1826 margin-right: 15px;
1827 transition: all 0.235s ease;
1828 overflow: hidden;
1829 white-space: nowrap;
1830 }
1831
1832 .wcf-embed-checkout-form.wcf-field-style-one .woocommerce .woocommerce-billing-fields-custom .form-row.wcf-anim-label label:not( .checkbox ) {
1833 margin-top: 8px;
1834 font-size: 12px;
1835 }
1836
1837 /* Form Field Styling End. */
1838
1839 /* Ship to different address checkbox, Stripe save payment checkbox */
1840 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-create-account-section [type="checkbox"],
1841 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .woocommerce-shipping-fields [type="checkbox"],
1842 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box.payment_method_stripe [type="checkbox"],
1843 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce input[type="checkbox"],
1844 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review input[type="checkbox"] {
1845 border-radius: 4px;
1846 height: 18px;
1847 margin: 0 0 4px 5px;
1848 padding: 0;
1849 width: 18px;
1850 min-width: 18px;
1851 }
1852
1853 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-create-account-section [type="checkbox"]:checked::before,
1854 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked::before,
1855 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box.payment_method_stripe [type="checkbox"]:checked::before,
1856 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce input[type="checkbox"]:checked::before,
1857 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review input[type="checkbox"]:checked::before {
1858 display: inline-block;
1859 font: normal normal 400 15px/1 cartflows-icon;
1860 vertical-align: middle;
1861 width: 100%;
1862 content: "\e600";
1863 margin: 1px 0;
1864 color: var( --wcf-primary-color );
1865 }
1866
1867 /* Ship to different address checkbox, Stripe save payment checkbox End. */
1868
1869 /* Order Table */
1870
1871 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table {
1872 margin-bottom: 0;
1873 padding: 15px 0 0 0;
1874 background-color: #fff;
1875 border: 1px solid #d4d4d4;
1876 border-collapse: collapse;
1877 border-radius: 4px;
1878 border-style: hidden;
1879 box-shadow: 0 0 0 1px #d6d7db;
1880 }
1881 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tbody {
1882 border-top: 1px solid #e5e7eb;
1883 border-bottom: 1px solid #e5e7eb;
1884 }
1885
1886 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .order-total {
1887 font-size: 1.2em;
1888 }
1889
1890 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th.product-name,
1891 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th.product-total {
1892 padding: 1em 1.2em 1em 1.2em;
1893 color: #555;
1894 font-size: 15px;
1895 font-weight: 500;
1896 }
1897
1898 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .cart_item:not( :first-child ) .product-name,
1899 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .cart_item:not( :first-child ) .product-total {
1900 padding-top: 0;
1901 }
1902
1903 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) th,
1904 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) td {
1905 border-top: 1px solid #e5e7eb;
1906 font-size: large;
1907 /* padding: 1em 1em 1em 1.2em; */
1908 }
1909
1910 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr:first-child td,
1911 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr:first-child th {
1912 padding: 1.5em 1.2em 1.5em 1.2em;
1913 }
1914
1915 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-discount th,
1916 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-subtotal th,
1917 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-totals th {
1918 font-weight: 500;
1919 }
1920
1921 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-discount,
1922 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-subtotal {
1923 border-bottom: 1px solid #e5e7eb;
1924 }
1925
1926 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table td,
1927 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th,
1928 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table td dl dt,
1929 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table td dl dd {
1930 background-color: transparent;
1931 border: none;
1932 color: #555;
1933 padding: 1.5em 1.2em 1.5em 1.2em;
1934 line-height: 1.4em;
1935 }
1936
1937 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-totals th,
1938 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-totals td {
1939 padding: 1.5em 1.2em 1.5em 1.2em;
1940 vertical-align: top;
1941 }
1942
1943 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-methods li {
1944 white-space: nowrap;
1945 }
1946
1947 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table ul#shipping_method li:last-child {
1948 margin-bottom: 0;
1949 }
1950
1951 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-methods li input {
1952 margin-top: 5px;
1953 }
1954
1955 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tr th:nth-child( 2 ),
1956 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tr td:nth-child( 2 ) {
1957 text-align: left;
1958 }
1959
1960 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tr.woocommerce-shipping-totals td:nth-child( 2 ) {
1961 text-align: left;
1962 padding-right: 0;
1963 }
1964
1965 .wcf-embed-checkout-form table.shop_table tr.woocommerce-shipping-totals .wcf-shipping-tooltip {
1966 position: relative;
1967 }
1968
1969 .wcf-embed-checkout-form table.shop_table tr.woocommerce-shipping-totals .wcf-shipping-tooltip:hover .wcf-tooltip-msg {
1970 display: block;
1971 }
1972
1973 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-shipping-methods-wrapper .wcf-shipping-error-msg {
1974 background-color: #fff5f5;
1975 border: solid 1px #f3d5d8;
1976 padding: 20px;
1977 color: #a10000;
1978 margin: 1rem 0 1rem;
1979 font-size: 14px;
1980 width: 100%;
1981 border-radius: 4px;
1982 font-weight: 400;
1983 }
1984 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .woocommerce-checkout-review-order-table .wcf-shipping-error-msg {
1985 color: #a10000;
1986 }
1987
1988 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-methods-wrapper .wcf-shipping-error-msg {
1989 display: block;
1990 background-color: #fff6f6;
1991 border: dashed 1px #a00;
1992 padding: 20px;
1993 color: #a00;
1994 margin: 1rem 0 1rem;
1995 font-size: 14px;
1996 font-weight: 500; /* Default Font Weight. */
1997 width: 100%;
1998 }
1999 .wcf-embed-checkout-form .woocommerce form .woocommerce-checkout-review-order-table .wcf-shipping-error-msg {
2000 color: #a00;
2001 }
2002
2003 .wcf-embed-checkout-form table.shop_table tr.woocommerce-shipping-totals .wcf-tooltip-msg {
2004 display: none;
2005 position: absolute;
2006 background-color: #333;
2007 color: #fff;
2008 min-width: 260px;
2009 padding: 8px 10px;
2010 border-radius: 4px;
2011 font-size: 12px;
2012 left: -15px;
2013 top: 25px;
2014 text-align: right;
2015 z-index: 1;
2016 }
2017
2018 .wcf-embed-checkout-form table.shop_table tr.woocommerce-shipping-totals .wcf-tooltip-msg::before {
2019 position: absolute;
2020 content: "";
2021 margin-right: -5px;
2022 border-width: 5px;
2023 border-style: solid;
2024 border-color: transparent transparent #444 transparent;
2025 top: -10px;
2026 left: 20px;
2027 }
2028
2029 /* Remove the bottom margin of last element of order summary table */
2030 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .woocommerce-checkout #order_review *:last-child {
2031 margin-bottom: 0;
2032 }
2033
2034 /* Order Table End */
2035
2036 /* Coupon code section */
2037 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field {
2038 clear: right;
2039 -js-display: flex;
2040 display: flex;
2041 /* margin: 0; */
2042 border-top: none;
2043 border-bottom: none;
2044 padding: 0;
2045 flex-wrap: wrap;
2046 }
2047
2048 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field.wcf-coupon-applied {
2049 padding-bottom: 0.8em;
2050 }
2051
2052 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field.wcf-coupon-applied .wcf-coupon-col-1,
2053 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field.wcf-coupon-applied .wcf-coupon-col-2 {
2054 display: none;
2055 }
2056
2057 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field a#wcf_optimized_wcf_custom_coupon_field {
2058 width: 100%;
2059 text-align: right;
2060 }
2061 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field a#wcf_optimized_wcf_custom_coupon_field .dashicons {
2062 display: none;
2063 }
2064
2065 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field .wcf-coupon-col-1 {
2066 padding-left: 15px;
2067 }
2068
2069 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review button.wcf-btn-small {
2070 transition: 0.1s ease-in-out;
2071 }
2072
2073 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field button.wcf-submit-coupon,
2074 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review button.wcf-btn-small,
2075 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field input.input-text {
2076 height: 100%;
2077 width: 100%;
2078 padding: 11px;
2079 font-size: 15px;
2080 border-radius: 4px;
2081 }
2082 /* Coupon code section End. */
2083
2084 /* Payment Method */
2085 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment ul.payment_methods {
2086 background: var( --wcf-payment-section-bg-color );
2087 padding: 0;
2088 margin: 0 0 0.5em 0;
2089 border: 1px solid #d6d7db;
2090 border-radius: 4px;
2091 }
2092
2093 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .form-row {
2094 padding: 15px 0 0;
2095 }
2096
2097 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #payment .woocommerce-privacy-policy-text p {
2098 font-size: 12px;
2099 }
2100
2101 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li:not( .woocommerce-info ) {
2102 padding: 15px 12px 0 12px;
2103 min-height: 40px;
2104 border-bottom: 1px solid #d6d7db;
2105 display: inline-table;
2106 width: 100%;
2107 /* margin-bottom: 15px; */
2108 }
2109 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li:first-child {
2110 border-radius: 4px 4px 0 0;
2111 }
2112 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li:last-child {
2113 border-bottom: 0;
2114 border-radius: 0 0 4px 4px;
2115 }
2116
2117 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li select {
2118 display: block;
2119 width: 100%;
2120 min-height: 34px;
2121 height: auto;
2122 padding: 11px 12px;
2123 font-size: 14px;
2124 line-height: 1.42857143 !important;
2125 color: var( --wcf-text-color );
2126 background-color: #fff;
2127 background-image: none;
2128 border: 1px solid;
2129 border-color: var( --wcf-field-border-color );
2130 border-radius: 4px;
2131 box-shadow: none;
2132 outline: none;
2133 }
2134
2135 .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"],
2136 .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"],
2137 .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"],
2138 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-product-option-wrap .wcf-qty-row div [type="checkbox"],
2139 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-product-option-wrap .wcf-qty-row input[type="radio"] {
2140 color: #d1d5db;
2141 }
2142
2143 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment .wc_payment_method > [type="radio"]:not( :checked ) {
2144 margin-bottom: 0;
2145 }
2146
2147 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment .wc_payment_method > [type="radio"]:not( :checked ) + label {
2148 vertical-align: top;
2149 margin-bottom: 12px;
2150 }
2151
2152 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment label {
2153 font-weight: 500;
2154 display: inline-block;
2155 width: calc( 100% - 10% );
2156 color: var( --wcf-payment-section-label-color );
2157 font-size: 15px;
2158 }
2159
2160 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box {
2161 margin: 15px -12px 0 0;
2162 border-top: 1px solid #e5e7eb;
2163 color: var( --wcf-payment-section-desc-text-color );
2164 background-color: var( --wcf-payment-section-desc-bg-color );
2165 padding: 20px;
2166 width: calc( 100% + 24px );
2167 }
2168
2169 /* Stripe Gateway Fields CSS */
2170 /* Inline form */
2171 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-cc,
2172 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-number,
2173 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-expiry,
2174 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-cvc {
2175 display: block;
2176 border: 1px solid #d1d5db;
2177 margin: 10px 0;
2178 padding: 0;
2179 background: #fff;
2180 cursor: text;
2181 border-radius: 4px;
2182 }
2183
2184 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-cc .__PrivateStripeElement,
2185 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-number .__PrivateStripeElement,
2186 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-expiry .__PrivateStripeElement,
2187 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-cvc .__PrivateStripeElement {
2188 margin-top: 0 !important;
2189 padding: 0.8em !important;
2190 }
2191
2192 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-number,
2193 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-expiry,
2194 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-cvc {
2195 margin-top: 5px;
2196 }
2197
2198 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form span + br {
2199 display: none;
2200 }
2201
2202 .wcf-embed-checkout-form .woocommerce-checkout #payment .cpsw-stripe-elements-form .cpsw-save-cards {
2203 margin-top: 0;
2204 padding: 8px 0;
2205 }
2206 /* Inline form */
2207
2208 /* Stripe Gateway Fields CSS */
2209
2210 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_box .clear {
2211 clear: both;
2212 }
2213
2214 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_box .clear::before,
2215 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_box .clear::after {
2216 content: none;
2217 }
2218
2219 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box ul {
2220 /* padding: 0; */
2221 margin: 10px 0;
2222 }
2223 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box ul.woocommerce-SavedPaymentMethods:empty {
2224 display: none;
2225 }
2226 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box .cpsw_stripe_element_payment_form {
2227 margin-top: -1rem;
2228 }
2229 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_method_woocommerce_payments .testmode-info {
2230 padding: 0 7px;
2231 }
2232 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box fieldset {
2233 border: none;
2234 padding: 0 !important;
2235 margin: 0;
2236 }
2237
2238 #wc-stripe-upe-form iframe #card-panel .p-Label,
2239 .p-Label {
2240 margin-bottom: 10px;
2241 }
2242
2243 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wc-stripe-elements-field {
2244 min-height: 40px;
2245 padding: 12px 10px 8px 10px;
2246 border-radius: 4px;
2247 }
2248
2249 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #stripe-exp-element {
2250 margin-left: 15px;
2251 }
2252
2253 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment div.payment_box::before {
2254 content: "";
2255 display: none;
2256 }
2257
2258 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #add_payment_method #payment .payment_method_paypal img,
2259 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-cart #payment .payment_method_paypal img,
2260 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_method_paypal img,
2261 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
2262 max-height: 40px;
2263 float: none;
2264 line-height: 1.4em;
2265 }
2266
2267 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .place-order {
2268 padding: 15px 0 0;
2269 }
2270 /* Payment Method End. */
2271
2272 /* Checkbox and Radio button */
2273 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment input[type="checkbox"],
2274 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment input[type="radio"] {
2275 height: 18px;
2276 margin: 0 0 0 7px;
2277 width: 18px;
2278 min-width: 18px;
2279 border-color: #d1d5db;
2280 vertical-align: text-top;
2281 }
2282
2283 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment .woocommerce-SavedPaymentMethods input[type="radio"] {
2284 margin-right: 0;
2285 }
2286
2287 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment input[type="radio"]:checked::before {
2288 margin: 5px;
2289 width: 6px;
2290 height: 6px;
2291 }
2292 /* Checkbox and Radio button End. */
2293
2294 /* Order review buttons */
2295 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #payment button:not( .js-woopayments-copy-test-number ) {
2296 line-height: 1.5;
2297 width: 100%;
2298 font-size: 18px;
2299 font-weight: 600;
2300 letter-spacing: 0;
2301 border-radius: 4px;
2302 padding: 12px 5px;
2303 transition: 0.1s ease-in-out;
2304 -js-display: inline-flex;
2305 display: inline-flex;
2306 align-items: center;
2307 justify-content: center;
2308 position: relative;
2309 }
2310
2311 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review button.wcf-btn-small {
2312 padding: 11px;
2313 font-size: 15px;
2314 } */
2315 /* Order review buttons End. */
2316
2317 /* Customer Info : Email */
2318 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .woocommerce-billing-fields-custom__field-wrapper p {
2319 padding: 0;
2320 margin-bottom: 0;
2321 }
2322
2323 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-customer-login-section {
2324 display: none;
2325 }
2326
2327 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-customer-info .wcf-show {
2328 display: block;
2329 }
2330
2331 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .woocommerce-billing-fields__customer-login-label {
2332 font-size: 14px;
2333 text-transform: none;
2334 }
2335
2336 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-customer-login-actions {
2337 -js-display: flex;
2338 display: flex;
2339 align-items: center;
2340 justify-content: space-between;
2341 padding: 3px 7px;
2342 margin: 0;
2343 }
2344
2345 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-customer-login-section__login-button {
2346 width: auto;
2347 padding: 8px 15px;
2348 color: #fff;
2349 }
2350
2351 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-customer-login-section__lost-password {
2352 padding: 5px 7px;
2353 margin-top: 3px;
2354 }
2355
2356 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-login-section-message {
2357 padding: 10px 7px;
2358 margin: 0;
2359 font-size: 14px;
2360 }
2361
2362 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-create-account-section {
2363 margin-top: 10px;
2364 }
2365
2366 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-create-account-section .woocommerce-password-strength {
2367 font-weight: 400;
2368 color: #111;
2369 font-size: 14px;
2370 padding: 5px 0.5em;
2371 }
2372
2373 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-create-account-section .short {
2374 background-color: #ffdbdf;
2375 border-color: #dd5c5c;
2376 }
2377
2378 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .woocommerce-billing-fields-custom h3 {
2379 -js-display: flex;
2380 display: flex;
2381 justify-content: space-between;
2382 align-items: center;
2383 }
2384 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-email-validation-block {
2385 font-size: 12px;
2386 display: block;
2387 margin-top: 5px;
2388 }
2389
2390 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-email-validation-block.success {
2391 color: #008000;
2392 }
2393
2394 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-email-validation-block.error {
2395 color: #e11e00;
2396 }
2397
2398 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-logged-in-customer-info {
2399 padding: 5px 7px;
2400 }
2401
2402 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .wcf-customer-info__notice a,
2403 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form #customer_details .woocommerce-account-fields {
2404 display: none;
2405 }
2406
2407 /* Customer Info : Email End. */
2408
2409 /* Order Review End. */
2410
2411 /* Responsive */
2412 @media only screen and ( max-width: 768px ) {
2413 /* Move Shipping methods to main column */
2414 .wcf-embed-checkout-form .woocommerce form .wcf-shipping-methods {
2415 padding: 15px 18px;
2416 }
2417 .wcf-embed-checkout-form .woocommerce form .wcf-customer-info-main-wrapper {
2418 width: 100% !important;
2419 padding-left: 0 !important;
2420 }
2421 /* End Move Shipping methods to main column */
2422
2423 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce {
2424 padding: 0 20px;
2425 }
2426
2427 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-col2-set,
2428 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper,
2429 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-order-wrap {
2430 width: 100%;
2431 padding: 0;
2432 }
2433 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .woocommerce-billing-fields-custom h3 {
2434 display: block;
2435 }
2436
2437 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .woocommerce-billing-fields__customer-login-label {
2438 font-size: 12px;
2439 text-transform: none;
2440 margin-top: 10px;
2441 }
2442
2443 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .woocommerce-checkout {
2444 -js-display: flex;
2445 display: flex;
2446 flex-direction: column;
2447 text-align: inherit;
2448 width: 100%;
2449 padding: 0 0 18px;
2450 }
2451 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .woocommerce-NoticeGroup {
2452 order: 1;
2453 }
2454 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .wcf-order-wrap {
2455 order: 2;
2456 }
2457 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column .wcf-customer-info-main-wrapper {
2458 order: 3;
2459 }
2460
2461 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #order_review .wcf-custom-coupon-field,
2462 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #order_review table.shop_table,
2463 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-cartflows-review-order-wrapper {
2464 display: none;
2465 }
2466
2467 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column #order_review .wcf-payment-option-heading,
2468 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-two-column #order_review #payment {
2469 display: block;
2470 }
2471
2472 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #order_review_heading {
2473 display: none;
2474 font-size: 21px;
2475 padding: 0;
2476 position: relative;
2477 top: 0;
2478 text-transform: capitalize;
2479 }
2480
2481 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table {
2482 margin-bottom: 0;
2483 padding: 15px 0 0 0;
2484 background-color: #f9fafb;
2485 border-collapse: collapse;
2486 border-radius: 0;
2487 box-shadow: none;
2488 }
2489
2490 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field input.input-text {
2491 width: 100%;
2492 }
2493
2494 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field input.input-text:focus {
2495 border-color: var( --wcf-primary-color );
2496 box-shadow: 0 0 0 1px var( --wcf-primary-color );
2497 }
2498
2499 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table thead {
2500 visibility: hidden;
2501 }
2502
2503 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th.product-name,
2504 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table th.product-total {
2505 padding: 0 !important;
2506 font-size: 0 !important;
2507 }
2508 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tbody {
2509 border-top: none;
2510 }
2511
2512 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tbody tr.cart_item:first-child td,
2513 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) th {
2514 border-top: 1px solid #d6d7db;
2515 } */
2516 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-discount,
2517 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr.cart-subtotal {
2518 border-bottom: none;
2519 }
2520
2521 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr:first-child td,
2522 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table tfoot tr:first-child th {
2523 padding: 1.5em 1.2em 1em 1.2em;
2524 }
2525
2526 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-totals th,
2527 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .woocommerce-shipping-totals td {
2528 padding: 1em 1.2em 1.5em 1.2em;
2529 vertical-align: top;
2530 }
2531 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper h3{
2532 margin: 10px ​0 20px;
2533 } */
2534
2535 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-col2-set {
2536 padding: 0;
2537 }
2538
2539 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-review-toggle {
2540 -js-display: flex;
2541 display: flex;
2542 align-items: center;
2543 justify-content: space-between;
2544 margin: 0 -20px;
2545 }
2546
2547 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-collapsed-order-review-section.wcf-show .wcf-cartflows-review-order-wrapper {
2548 display: block !important;
2549 }
2550
2551 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-collapsed-order-review-section.wcf-show .cartflows-cheveron-down {
2552 display: none;
2553 }
2554
2555 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-collapsed-order-review-section.wcf-show .cartflows-cheveron-up {
2556 display: inline;
2557 }
2558
2559 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .col2-set .col-1,
2560 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .col2-set .col-2,
2561 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-page .col2-set .col-1,
2562 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-page .col2-set .col-2,
2563 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-col2-set .wcf-col-1,
2564 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce .wcf-col2-set .wcf-col-2,
2565 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-page .wcf-col2-set .wcf-col-1,
2566 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-page .wcf-col2-set .wcf-col-2 {
2567 padding: 0;
2568 }
2569
2570 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout #stripe-exp-element {
2571 margin-left: 0;
2572 }
2573 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout #your_products_heading {
2574 margin-top: 0;
2575 }
2576 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row.notes {
2577 margin-bottom: 0;
2578 }
2579
2580 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field {
2581 background-color: #f9fafb;
2582 margin: 0 0 15px;
2583 padding: 0 20px 20px;
2584 }
2585 }
2586
2587 @media only screen and ( max-width: 480px ) {
2588 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field .wcf-coupon-col-1,
2589 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field .wcf-coupon-col-2 {
2590 width: 100%;
2591 padding-left: 0;
2592 }
2593 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-custom-coupon-field .wcf-coupon-col-1 {
2594 margin-bottom: 15px;
2595 }
2596 }
2597 /* Responsive End. */
2598 /* New Conditional checkout style End. */
2599
2600 /**
2601 * *********************
2602 * New loader for modern Checkout layout
2603 * ********************* */
2604 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout table.shop_table .blockUI.blockOverlay {
2605 opacity: 1 !important;
2606 width: 99% !important;
2607 height: 99% !important;
2608 top: 2px !important;
2609 right: 2px !important;
2610 }
2611
2612 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce table.shop_table .blockUI.blockOverlay::before,
2613 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout-payment .blockUI.blockOverlay::before {
2614 background-repeat: no-repeat;
2615 top: -4px;
2616 background-position: center;
2617 right: -15px;
2618 background-size: cover;
2619 animation: none;
2620 height: 100%;
2621 width: 100%;
2622 margin: 0;
2623 transform: scale( 0.92 );
2624 }
2625 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce table.shop_table .blockUI.blockOverlay::before {
2626 background: url( "../images/order-review-skeleton.svg" ) right top;
2627 }
2628
2629 /* Payment loader */
2630 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout-payment .blockUI.blockOverlay {
2631 opacity: 1 !important;
2632 border: 1px solid #ddd !important;
2633 border-radius: 4px;
2634 }
2635
2636 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout-payment .blockUI.blockOverlay::before {
2637 background: url( "../images/cartflows-payment-section-loader.svg" ) right top;
2638 right: -5px;
2639 }
2640 /* Payment loader */
2641
2642 /**
2643 * *********************
2644 * New loader for modern Checkout layout
2645 * ********************* */
2646
2647 /**
2648 * **********************
2649 * Modern Checkout Layout
2650 * **********************
2651 */
2652
2653 /**
2654 * **********************************
2655 * Modern Checkout One-Column Layout
2656 * **********************************
2657 */
2658 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-one-column table.shop_table #shipping_method,
2659 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-one-column .wcf-customer-info-main-wrapper,
2660 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-one-column .woocommerce-checkout .wcf-order-wrap {
2661 width: 100%;
2662 padding: 0;
2663 }
2664
2665 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-one-column table.shop_table #shipping_method {
2666 text-align: left;
2667 }
2668
2669 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-one-column .wcf-custom-coupon-field {
2670 padding: 0;
2671 margin-bottom: 0;
2672 } */
2673 /**
2674 * **********************************
2675 * Modern Checkout One-Column Layout
2676 * **********************************
2677 */
2678
2679 :root > .wcf-field-modern-label {
2680 --wcf-text-color: #5f6061; /* Used. */
2681 --wcf-field-label-color: var( --wcf-text-color ); /* Used. */
2682 }
2683
2684 /* Modern Floating Style */
2685 .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,
2686 .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 ) {
2687 -webkit-user-select: none;
2688 user-select: none;
2689 pointer-events: none;
2690 position: absolute;
2691 color: var( --wcf-field-label-color );
2692 transition: all 0.2s ease-out;
2693 font-size: 12px;
2694 font-weight: 300;
2695 margin: 8px 2px;
2696 padding: 0 11px;
2697 /* line-height: 28px; */
2698 opacity: 0;
2699 height: auto;
2700 width: auto;
2701 clip-path: none;
2702 clip: unset;
2703 }
2704
2705 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row input.input-text,
2706 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row textarea,
2707 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row select,
2708 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce #order_review .input-text {
2709 min-height: 47px;
2710 padding: 15px 12px;
2711 transition-delay: 0s, 0s;
2712 transition-duration: 0.2s, 0s;
2713 transition-property: all, width;
2714 transition-timing-function: ease-out, ease;
2715 }
2716
2717 .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 ) {
2718 opacity: 1;
2719 z-index: 1000;
2720 }
2721
2722 /* THWCFE radio option labels — inline layout (Bug #2275) */
2723 .wcf-embed-checkout-form .woocommerce label.radio:not( .input-radio ) {
2724 display: inline;
2725 margin-left: 16px;
2726 }
2727
2728 .wcf-embed-checkout-form .woocommerce input[type="radio"].input-radio.thwcfe-input-field {
2729 margin-left: 4px;
2730 vertical-align: middle;
2731 }
2732
2733 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.wcf-anim-label input.input-text,
2734 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.wcf-anim-label select,
2735 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.wcf-anim-label textarea {
2736 padding: 1.65em 0.8em 0.5em;
2737 }
2738
2739 .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 ) ) {
2740 padding: 1.6em 0.8em 0.5em;
2741 }
2742
2743 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row.address-field .select2-selection--single .select2-selection__rendered {
2744 padding: 0;
2745 }
2746
2747 /* Placeholder */
2748 .wcf-embed-checkout-form.wcf-field-modern-label .woocommerce .form-row [placeholder]:focus::-webkit-input-placeholder {
2749 opacity: 1;
2750 line-height: inherit;
2751 }
2752 /* Modern Floating Style */
2753
2754 /* Google Places Dropdown CSS */
2755
2756 body .pac-container {
2757 background-color: #fff;
2758 position: absolute !important;
2759 z-index: 1000;
2760 border-radius: 2px;
2761 border: 1px solid var( --wcf-field-border-color );
2762 border-top: none;
2763 font-family: inherit;
2764 box-shadow: none;
2765 box-sizing: border-box;
2766 overflow: hidden;
2767 }
2768
2769 body .pac-logo::after,
2770 body .hdpi.pac-logo::after {
2771 content: none;
2772 display: none;
2773 background-image: none;
2774 }
2775
2776 body .pac-item {
2777 cursor: pointer;
2778 padding: 5px 15px;
2779 text-overflow: ellipsis;
2780 overflow: hidden;
2781 white-space: nowrap;
2782 line-height: 30px;
2783 text-align: right;
2784 border-top: 1px solid #e6e6e6;
2785 font-size: 11px;
2786 color: #515151;
2787 }
2788
2789 body .pac-item:hover {
2790 background-color: #fafafa;
2791 }
2792 body .pac-item-selected,
2793 body .pac-item-selected:hover {
2794 background-color: #ebf2fe;
2795 }
2796 body .pac-matched {
2797 font-weight: 700;
2798 }
2799 body .pac-item-query {
2800 font-size: 13px;
2801 padding-left: 3px;
2802 color: #000;
2803 }
2804
2805 body .pac-icon,
2806 body .hdpi .pac-icon {
2807 display: none;
2808 background-image: none;
2809 background-size: 0;
2810 }
2811
2812 body .pac-placeholder {
2813 color: #808080;
2814 }
2815 /* Google Places Dropdown CSS */
2816
2817 /* Checkout Plugin - Stripe for WooCommerce Smart Button box CSS */
2818 .wcf-embed-checkout-form #cpsw-payment-request-wrapper.checkout.cpsw-classic .cpsw-payment-request-button-wrapper {
2819 margin-top: 40px;
2820 }
2821
2822 .wcf-embed-checkout-form-two-step #cpsw-payment-request-wrapper.checkout.cpsw-classic .cpsw-payment-request-button-wrapper {
2823 margin-top: 10px;
2824 }
2825
2826 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #cpsw-payment-request-wrapper.checkout.cpsw-classic .cpsw-payment-request-button-wrapper {
2827 margin-top: 0;
2828 }
2829
2830 /* Checkout Plugin - Stripe for WooCommerce Smart Button box CSS */
2831
2832 /**
2833 * Mainly for Official - Stripe for WooCommerce Smart Button box & for rest of the gateways.
2834 *
2835 * The selector -payment-request-wrapper & -payment-request-button-separator remains the same for.
2836 * most of the payment gateways and they are pre-pended with payment gateway key.
2837 */
2838 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout [id*="-payment-request-wrapper"],
2839 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout [id*="-payment-request-button-separator"] {
2840 width: 100%;
2841 }
2842 /* Official - Stripe for WooCommerce Smart Button box CSS */
2843
2844 .shop_table tr.woocommerce-shipping-totals.shipping {
2845 display: none;
2846 visibility: hidden;
2847 }
2848
2849 .wcf-embed-checkout-form table.shop_table .wc_shipping_dpd_terminals {
2850 display: none;
2851 visibility: hidden;
2852 }
2853
2854 .wcf-embed-checkout-form-two-column .wcf-dpd-baltic-wrap {
2855 float: right;
2856 }
2857
2858 .wcf-dpd-baltic-wrap {
2859 position: relative;
2860 }
2861
2862 /**
2863 * ***********************************
2864 * Instant Checkout Layout Style Start
2865 * ***********************************
2866 */
2867
2868 .wcf-embed-checkout-form-instant-checkout .wcf-after-customer {
2869 margin: 20px 0;
2870 }
2871
2872 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout {
2873 --wcf-primary-color: #111;
2874 --wcf-text-color: #555;
2875 --wcf-heading-color: #111; /* Used. */
2876 --wcf-heading-font-weight: 500; /* Used. */
2877 --wcf-link-color: var( --wcf-primary-color ); /* Used. */
2878
2879 --wcf-ic-section-border-color: #d6d7db; /* Used. */
2880 --wcf-ic-right-column-bg-color: #fff; /* Used. */
2881 --wcf-ic-left-column-bg-color: #fff; /* Used. */
2882 --wcf-ic-shipping-shadow-color: #d6d7db; /* Used. */
2883 /* --wcf-ic-button-hover-color: #777; */
2884
2885 --wcf-btn-bg-color: var( --wcf-primary-color ); /* Used. */
2886 --wcf-btn-bg-hover-color: var( --wcf-primary-color ); /* Used. */
2887 --wcf-btn-text-color: #fff; /* Used. */
2888 --wcf-btn-hover-text-color: #fff; /* Used. */
2889
2890 --wcf-field-label-color: #707070; /* Used. */
2891 --wcf-field-min-height: "48px"; /* Used. */
2892 --wcf-field-bg-color: #fff; /* Used. */
2893 --wcf-field-border-color: #dedede; /* Used */
2894 --wcf-field-text-color: #555; /* Used. */
2895
2896 --wcf-field-error-label-color: #e11e00; /* Used */
2897 --wcf-field-error-border-color: #e11e00; /* Used */
2898 --wcf-field-error-color: #e2401c; /* Used. */
2899
2900 --wcf-payment-section-bg-color: #fff;
2901 --wcf-payment-section-desc-bg-color: #f9fafb;
2902 --wcf-payment-section-desc-text-color: #111;
2903 --wcf-payment-section-label-color: var( --wcf-text-color );
2904 }
2905 /** Start Radio Button Style */
2906
2907 /* Empty Cart Block design*/
2908
2909 .wcf-empty-cart-notice-block {
2910 margin-top: 2rem;
2911 }
2912 .wcf-empty-cart-message-container {
2913 max-width: 1140px;
2914 width: 100%;
2915 border: 1px solid #d1d5db;
2916 border-radius: 16px;
2917 margin: 0 auto;
2918 padding: 40px;
2919 }
2920 .wcf-empty-cart-message-container .wcf-empty-cart-wrapper {
2921 -js-display: flex;
2922 display: flex;
2923 flex-direction: column;
2924 align-items: center;
2925 text-align: center;
2926 gap: 20px;
2927 }
2928 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-heading,
2929 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-message,
2930 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-button {
2931 display: block;
2932 margin: 0 0 0 0;
2933 }
2934
2935 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-heading {
2936 color: #1f2937;
2937 font-size: 20px;
2938 font-weight: 600;
2939 line-height: 30px;
2940 text-align: center;
2941 margin-bottom: 6px;
2942 }
2943
2944 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-message {
2945 color: #6b7280;
2946 font-size: 14px;
2947 font-weight: 400;
2948 line-height: 20px;
2949 margin-bottom: 20px;
2950 text-align: center;
2951 }
2952
2953 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-button {
2954 background-color: var( --wcf-primary-color );
2955 color: #fff;
2956 padding: 9px 17px 9px 17px;
2957 border-radius: 6px;
2958 width: -moz-fit-content;
2959 width: fit-content;
2960 justify-content: center;
2961 margin: 15px auto 0 auto;
2962 text-decoration: none;
2963 }
2964
2965 .wcf-empty-cart-message-container .wcf-empty-cart-content .wcf-empty-cart-button:hover {
2966 background-color: color-mix( in sRGB, var( --wcf-primary-color ) 80%, transparent );
2967 }
2968
2969 .wcf-empty-cart-message-container .wcf-empty-cart-icon {
2970 background: #fff;
2971 border-radius: 50px;
2972 -js-display: flex;
2973 display: flex;
2974 align-items: center;
2975 padding: 16px;
2976 }
2977 .wcf-empty-cart-message-container .wcf-empty-cart-icon svg {
2978 height: 35px;
2979 width: 35px;
2980 color: var( --wcf-primary-color );
2981 }
2982 /* Empty Cart Block design*/
2983
2984 /* page's background color */
2985
2986 body.cartflows-instant-checkout {
2987 background-color: #f5f5f5;
2988 }
2989
2990 body.cartflows-instant-checkout .main-header--wrapper {
2991 border-bottom: 1px solid #dedede;
2992 -js-display: flex;
2993 display: flex;
2994 justify-content: center;
2995 background-color: #fff;
2996 }
2997
2998 body.cartflows-instant-checkout .main-header--content {
2999 max-width: 1140px;
3000 width: 100%;
3001 /* margin: 0; */
3002 padding: 0.704rem 0;
3003 align-items: center;
3004 /* justify-content: space-between; */
3005 display: grid;
3006 grid-template-columns: minmax( min-content, calc( 50% + calc( calc( 60rem - 52rem ) / 2 ) ) ) 1fr;
3007 }
3008
3009 body.cartflows-instant-checkout .main-header--content .main-header--site-logo img {
3010 width: auto;
3011 }
3012
3013 body.cartflows-instant-checkout .main-header--content .main-header--site-title {
3014 font-size: 21px;
3015 font-weight: 500;
3016 text-transform: capitalize;
3017 margin: 8px 0;
3018 }
3019
3020 body.cartflows-instant-checkout .main-header--content .main-header--action {
3021 -js-display: flex;
3022 display: flex;
3023 justify-content: flex-end;
3024 align-items: center;
3025 }
3026
3027 body.cartflows-instant-checkout .main-header--content .main-header--action .main-header--action__cart-button {
3028 width: 24px;
3029 height: 24px;
3030 }
3031
3032 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-instant-checkout-wrapper {
3033 display: grid;
3034 grid-template-columns: minmax( min-content, calc( 50% + calc( calc( 60rem - 52rem ) / 2 ) ) ) 1fr;
3035 }
3036
3037 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-order-wrap #order_review_heading {
3038 display: none;
3039 }
3040
3041 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-instant-checkout-wrapper .wcf-customer-info-main-wrapper {
3042 -js-display: flex;
3043 display: flex;
3044 justify-content: flex-end;
3045 background-color: var( --wcf-ic-left-column-bg-color );
3046 border-left: 1px solid #dedede;
3047 block-size: 100%;
3048 width: 100%;
3049 padding: 0;
3050 align-items: flex-start;
3051 }
3052
3053 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout .wcf-col2-set,
3054 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout .wcf-customer-info,
3055 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout .wcf-payment-option-heading,
3056 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout .woocommerce-checkout-payment {
3057 display: inline-block;
3058 width: 100%;
3059 padding-left: 0;
3060 margin: 0;
3061 }
3062
3063 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-order-review-toggle {
3064 display: none;
3065 padding: 20px;
3066 background-color: #f9fafb;
3067 border: 1px solid #dedede;
3068 border-right: none;
3069 border-left: none;
3070 color: #111;
3071 font-weight: 500;
3072 }
3073
3074 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-order-review-toggle .cartflows-cheveron-up {
3075 display: none;
3076 }
3077
3078 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-order-review-toggle-button-wrap,
3079 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-order-review-toggle-button {
3080 font-size: 15px;
3081 vertical-align: middle;
3082 line-height: 1.4em;
3083 }
3084
3085 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-collapsed-order-review-section .wcf-order-review-total {
3086 font-size: 20px;
3087 font-weight: 500;
3088 }
3089
3090 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-order-review-toggle-button {
3091 margin-right: 4px;
3092 }
3093
3094 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-cartflows-review-order-wrapper {
3095 display: none;
3096 margin: 0 -20px;
3097 }
3098
3099 /* Hide the bottom-position collapsed order summary inside the left column on
3100 desktop/tablet. It is only relevant on mobile where the columns stack. */
3101 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-left-column .wcf-collapsed-order-review-section {
3102 display: none;
3103 }
3104
3105 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-instant-checkout-wrapper .wcf-ic-layout-right-column {
3106 display: block;
3107 background-color: var( --wcf-ic-right-column-bg-color );
3108 min-height: 100vh;
3109 }
3110
3111 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-create-account-section [type="checkbox"],
3112 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .woocommerce-shipping-fields [type="checkbox"],
3113 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box.payment_method_stripe [type="checkbox"],
3114 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce input[type="checkbox"],
3115 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #order_review input[type="checkbox"],
3116 .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"],
3117 .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"] {
3118 border-radius: 4px;
3119 height: 18px;
3120 margin: 0 0 4px 5px;
3121 padding: 0;
3122 width: 18px;
3123 min-width: 18px;
3124 }
3125 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-create-account-section [type="checkbox"]:checked,
3126 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked,
3127 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box.payment_method_stripe [type="checkbox"]:checked,
3128 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce input[type="checkbox"]:checked,
3129 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #order_review input[type="checkbox"]:checked,
3130 .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,
3131 .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 {
3132 background-color: var( --wcf-primary-color );
3133 }
3134
3135 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-create-account-section [type="checkbox"]:checked::before,
3136 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked::before,
3137 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box.payment_method_stripe [type="checkbox"]:checked::before,
3138 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce input[type="checkbox"]:checked::before,
3139 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #order_review input[type="checkbox"]:checked::before,
3140 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-product-option-wrap .wcf-qty-row div [type="checkbox"]:checked::before,
3141 .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,
3142 .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,
3143 .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 {
3144 color: #fff;
3145 font-size: 12px;
3146 width: auto;
3147 margin: 2px;
3148 }
3149
3150 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-product-option-wrap .wcf-qty-row input[type="radio"],
3151 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li input,
3152 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="checkbox"],
3153 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="radio"] {
3154 height: 18px;
3155 margin: 2px 0 0 7px;
3156 width: 18px;
3157 min-width: 18px;
3158 border-color: #d1d5db;
3159 vertical-align: text-top;
3160 }
3161
3162 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="radio"]:checked::before,
3163 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #wcf-ic-shipping input[type="radio"]:checked::before {
3164 margin: 5px !important;
3165 }
3166
3167 /* Changed design of radio button only for instant checkout layout */
3168 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-product-option-wrap .wcf-qty-row input[type="radio"]:checked,
3169 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li input:checked,
3170 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="checkbox"]:checked,
3171 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="radio"]:checked {
3172 background-color: var( --wcf-primary-color );
3173 }
3174
3175 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #payment input[type="checkbox"]:checked::before {
3176 color: #fff;
3177 font-size: 12px;
3178 width: auto;
3179 margin: 2px;
3180 }
3181
3182 body.cartflows-instant-checkout .select2-container--default .select2-results__option--highlighted[aria-selected],
3183 body.cartflows-instant-checkout .select2-container--default .select2-results__option--highlighted[data-selected] {
3184 background-color: #111 !important;
3185 }
3186
3187 /* Changed design of radio button only for instant checkout layout */
3188 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-product-option-wrap .wcf-qty-row input[type="radio"]:checked::before,
3189 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li input:checked::before,
3190 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment input[type="radio"]:checked::before,
3191 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #wcf-shipping input[type="radio"]:checked::before,
3192 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #order_review input[type="radio"]:checked::before,
3193 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-col2-set input[type="radio"]:checked::before,
3194 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #wcf-ic-shipping input[type="radio"]:checked::before {
3195 background-color: #fff !important;
3196 border-radius: 50px;
3197 content: "\2022";
3198 font-size: 24px;
3199 height: 6px;
3200 line-height: 16px;
3201 margin: 5px;
3202 text-indent: -9999px;
3203 width: 6px;
3204 }
3205
3206 /**
3207 * *********************
3208 * New loader for Instant Checkout layout
3209 * ********************* */
3210 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table .blockUI.blockOverlay {
3211 opacity: 1 !important;
3212 width: 99% !important;
3213 height: 99% !important;
3214 top: 2px !important;
3215 right: 2px !important;
3216 }
3217
3218 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce table.shop_table .blockUI.blockOverlay::before,
3219 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout-payment .blockUI.blockOverlay::before {
3220 background-repeat: no-repeat;
3221 top: -4px;
3222 background-position: center;
3223 right: -15px;
3224 background-size: cover;
3225 animation: none;
3226 height: 100%;
3227 width: 100%;
3228 margin: 0;
3229 transform: scale( 0.92 );
3230 }
3231 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce table.shop_table .blockUI.blockOverlay::before {
3232 background: url( "../images/order-review-skeleton.svg" ) right top;
3233 }
3234
3235 /* Payment loader */
3236 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout-payment .blockUI.blockOverlay {
3237 opacity: 1 !important;
3238 border: 1px solid #ddd !important;
3239 border-radius: 4px;
3240 }
3241
3242 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout-payment .blockUI.blockOverlay::before {
3243 background: url( "../images/cartflows-payment-section-loader.svg" ) right top;
3244 right: -5px;
3245 }
3246 /* Payment loader */
3247
3248 /**
3249 * *********************
3250 * New loader for instant Checkout layout
3251 * ********************* */
3252
3253 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods {
3254 background: var( --wcf-payment-section-bg-color );
3255 padding: 0;
3256 margin: 0 0 0.5em 0;
3257 /* border: 1px solid #d6d7db; */
3258 border-radius: 4px;
3259 }
3260
3261 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:first-child,
3262 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #wcf-ic-shipping ul.woocommerce-shipping-methods > li:first-child {
3263 border-radius: 4px 4px 0 0;
3264 }
3265
3266 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:first-child,
3267 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #wcf-ic-shipping ul.woocommerce-shipping-methods > li:first-child,
3268 .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 {
3269 border-top-right-radius: 4px;
3270 border-top-left-radius: 4px;
3271 }
3272
3273 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:last-child,
3274 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #wcf-ic-shipping ul.woocommerce-shipping-methods > li:last-child,
3275 .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 {
3276 border-bottom-right-radius: 4px;
3277 border-bottom-left-radius: 4px;
3278 }
3279
3280 .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 ) {
3281 border: 1px solid var( --wcf-primary-color );
3282 }
3283 .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 {
3284 border-top: 1px solid var( --wcf-primary-color );
3285 border-top-right-radius: 0;
3286 border-top-left-radius: 0;
3287 border-bottom-right-radius: 4px;
3288 border-bottom-left-radius: 4px;
3289 }
3290 .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 ) {
3291 padding-right: 0;
3292 margin-bottom: 10px;
3293 }
3294
3295 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods > li:not( .woocommerce-info ) {
3296 padding: 12px 12px 0 12px;
3297 min-height: 40px;
3298 border: 1px solid #d6d7db;
3299 display: inline-table;
3300 width: 100%;
3301 /* margin-bottom: 15px; */
3302 border-bottom: none;
3303 }
3304 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment ul.payment_methods .cpsw_stripe_icons {
3305 float: left !important;
3306 margin-top: 5px;
3307 }
3308
3309 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment ul.payment_methods > li:last-child {
3310 border-bottom: 1px solid #d6d7db;
3311 }
3312
3313 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #payment label {
3314 font-weight: 500;
3315 display: inline-block;
3316 width: calc( 100% - 10% );
3317 color: var( --wcf-payment-section-label-color );
3318 font-size: 14px;
3319 }
3320
3321 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #payment .wc_payment_method > [type="radio"]:not( :checked ) + label,
3322 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #wcf-ic-shipping .woocommerce-shipping-methods > [type="radio"]:not( :checked ) + label {
3323 vertical-align: -webkit-baseline-middle;
3324 margin-bottom: 10px;
3325 }
3326
3327 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box {
3328 margin: 10px -12px 0 0;
3329 border-top: 1px solid #e5e7eb;
3330 color: var( --wcf-payment-section-desc-text-color );
3331 background-color: var( --wcf-payment-section-desc-bg-color );
3332 padding: 20px;
3333 width: calc( 100% + 24px );
3334 }
3335
3336 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box::before {
3337 content: "";
3338 display: none;
3339 }
3340
3341 /* Remove extra top spacing for CPSW Stripe element */
3342 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment div.payment_box .cpsw_stripe_element_payment_form {
3343 margin-top: -1rem;
3344 } */
3345
3346 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment .form-row {
3347 padding: 15px 0 0;
3348 }
3349 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #payment .woocommerce-privacy-policy-text p {
3350 font-size: 12px;
3351 }
3352
3353 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #payment button:not( .js-woopayments-copy-test-number ),
3354 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.coupon-field .wcf-custom-coupon-field button {
3355 line-height: 1.5;
3356 width: 100%;
3357 font-size: 18px;
3358 font-weight: 600;
3359 letter-spacing: 0;
3360 border-radius: 4px;
3361 padding: 12px 5px;
3362 transition: 0.1s ease-in-out;
3363 -js-display: inline-flex;
3364 display: inline-flex;
3365 align-items: center;
3366 justify-content: center;
3367 position: relative;
3368 }
3369 .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 {
3370 padding: 13px 6px;
3371 }
3372 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #payment button#place_order::before {
3373 top: -1px;
3374 }
3375
3376 /* Default border. */
3377 body.cartflows-instant-checkout #ast-scroll-top {
3378 display: none;
3379 }
3380
3381 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #ship-to-different-address,
3382 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #order_review_heading {
3383 font-size: 20px;
3384 font-weight: var( --wcf-heading-font-weight );
3385 color: var( --wcf-heading-color );
3386 padding: 0;
3387 margin: 10px 0 25px;
3388 }
3389
3390 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form #ship-to-different-address {
3391 font-size: 15px;
3392 font-weight: 400;
3393 }
3394
3395 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-shipping-fields label.checkbox {
3396 margin: 0;
3397 text-transform: none;
3398 }
3399
3400 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-methods-wrapper {
3401 width: 100%;
3402 padding: 0;
3403 }
3404
3405 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options {
3406 padding: 0;
3407 background: #fff;
3408 }
3409
3410 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-methods-wrapper .wcf-shipping-error-msg {
3411 padding: 1em 1.5em 1em 1.5em;
3412 margin-top: 0;
3413 border: 1px solid var( --wcf-field-error-border-color );
3414 border-radius: 4px;
3415 color: var( --wcf-field-error-border-color );
3416 }
3417 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .woocommerce-checkout-review-order-table .wcf-shipping-error-msg {
3418 color: var( --wcf-field-error-border-color );
3419 }
3420
3421 /* .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout #payment ul.payment_methods li:has( input[type="radio"]:checked ), */
3422 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method {
3423 border: none;
3424 }
3425 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:first-child {
3426 border-bottom: 0;
3427 }
3428 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:not( :last-child ) {
3429 border: 1px solid var( --wcf-ic-section-border-color );
3430 border-bottom: 0;
3431 }
3432 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:last-child {
3433 border: 1px solid var( --wcf-ic-section-border-color );
3434 }
3435 .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 ) {
3436 border: 1px solid var( --wcf-primary-color );
3437 box-shadow: none;
3438 background-color: color-mix( in sRGB, var( --wcf-primary-color ) 10%, transparent );
3439 }
3440
3441 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:first-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 ):first-child {
3443 border-top-right-radius: 4px;
3444 border-top-left-radius: 4px;
3445 }
3446
3447 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:last-child,
3448 .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 {
3449 border-bottom-right-radius: 5px;
3450 border-bottom-left-radius: 5px;
3451 }
3452
3453 /* Remove the border if it has only one shipping method. */
3454 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method:has( > li:only-child ) {
3455 border: none;
3456 }
3457
3458 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li:only-child {
3459 outline: none;
3460 border: 1px solid var( --wcf-primary-color );
3461 border-radius: 5px;
3462 }
3463
3464 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-shipping-method-options ul#shipping_method li label .woocommerce-Price-amount {
3465 font-weight: 400;
3466 color: #000;
3467 }
3468
3469 /**End Radio Button Style */
3470
3471 .wcf-instant-checkout-fees {
3472 padding: 10px;
3473 margin: 0 0 0.5em 0;
3474 border: 1px solid var( --wcf-ic-section-border-color );
3475 border-radius: 4px;
3476 }
3477
3478 .wcf-ic-tax-name,
3479 .wcf-ic-fees-name {
3480 font-weight: 500;
3481 }
3482
3483 div.wcf-instant-checkout-fees > div {
3484 padding: 5px;
3485 }
3486
3487 .wcf-embed-checkout-form-instant-checkout .woocommerce-NoticeGroup ul.woocommerce-error {
3488 padding: 2% 15% 1% 1%;
3489 background-color: #fff;
3490 }
3491
3492 /* .wcf-embed-checkout-form-instant-checkout .checkout .woocommerce-NoticeGroup {
3493 padding-left: 2%;
3494 padding-right: 2%;
3495 display: none;
3496 } */
3497
3498 button {
3499 cursor: pointer;
3500 }
3501
3502 .instant-checkout-batch {
3503 position: absolute;
3504 top: -10px;
3505 left: -10px;
3506 background-color: var( --wcf-btn-bg-color );
3507 color: #fff;
3508 width: 22px;
3509 height: 22px;
3510 border-radius: 50%;
3511 font-size: 11px;
3512 font-weight: 700;
3513 -js-display: flex;
3514 display: flex;
3515 justify-content: center;
3516 align-items: center;
3517 padding: 0;
3518 line-height: 1;
3519 }
3520
3521 .wcf-embed-checkout-form-instant-checkout strong.product-quantity {
3522 display: none;
3523 }
3524
3525 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout.wcf-modern-skin-two-column .woocommerce-checkout #order_review {
3526 position: sticky;
3527 top: 91px;
3528 padding: 0;
3529 }
3530
3531 .wcf-embed-checkout-form-instant-checkout .woocommerce {
3532 width: 100%;
3533 margin: 0 auto;
3534 }
3535
3536 .wcf-embed-checkout-form-instant-checkout .woocommerce .woocommerce-form-login-toggle {
3537 display: none !important;
3538 }
3539
3540 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-left-column {
3541 display: grid;
3542 width: 42rem;
3543 padding: 2.5rem;
3544 }
3545
3546 /* Notices CSS */
3547 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-ic-layout-left-column .woocommerce-notices-wrapper .woocommerce-message {
3548 padding: 1em 1.5em 1em 1.5em;
3549 margin-top: 0;
3550 }
3551
3552 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-ic-layout-left-column .woocommerce-notices-wrapper .woocommerce-error,
3553 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-ic-layout-left-column .woocommerce-NoticeGroup .woocommerce-message {
3554 padding: 1em 1.5em 1em 1.5em;
3555 margin-top: 0;
3556 border: 1px solid var( --wcf-field-error-border-color );
3557 border-radius: 4px;
3558 color: var( --wcf-field-error-border-color );
3559 }
3560 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-ic-layout-left-column .woocommerce-error li:last-child {
3561 margin-bottom: 0;
3562 }
3563 /* Notices CSS */
3564
3565 /* Instant Checkout Fields CSS */
3566
3567 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-billing-fields__customer-info-wrapper {
3568 margin: 0 -7px;
3569 }
3570
3571 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-email-validation-block {
3572 font-size: 12px;
3573 display: block;
3574 margin-top: 5px;
3575 }
3576
3577 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-email-validation-block.success {
3578 color: #008000;
3579 }
3580
3581 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-email-validation-block.error {
3582 color: #e11e00;
3583 }
3584
3585 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-logged-in-customer-info {
3586 padding: 5px 7px;
3587 }
3588
3589 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row {
3590 margin: 0 0 12px;
3591 }
3592 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .woocommerce-additional-fields .form-row:last-child {
3593 margin-bottom: 0;
3594 }
3595
3596 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.woocommerce-invalid-required-field .input-text {
3597 border-color: var( --wcf-field-error-border-color );
3598 }
3599
3600 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-customer-login-actions {
3601 -js-display: flex;
3602 display: flex;
3603 align-items: center;
3604 justify-content: space-between;
3605 padding: 3px 7px;
3606 margin: 0;
3607 }
3608
3609 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-customer-login-actions .wcf-customer-login-lost-password-url {
3610 font-size: 14px;
3611 }
3612
3613 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-customer-login-section__login-button {
3614 width: auto;
3615 padding: 8px 15px;
3616 color: #fff;
3617 }
3618
3619 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-customer-login-section .show-password-input,
3620 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .create-account .show-password-input {
3621 top: 20px;
3622 left: 12px;
3623 }
3624
3625 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row input.input-text,
3626 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row textarea,
3627 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row select,
3628 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .input-text,
3629 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .select2-container--default .select2-selection--single {
3630 color: var( --wcf-field-text-color );
3631 border-color: var( --wcf-field-border-color );
3632 border-radius: 5px;
3633 font-size: 14px;
3634 padding: 15px 11px;
3635 min-height: var( --wcf-field-min-height );
3636 outline: none;
3637 text-overflow: ellipsis;
3638 line-height: 21px !important;
3639 }
3640 .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 ) ) {
3641 padding: 1.65em 0.8em 0.5em;
3642 -js-display: flex;
3643 display: flex;
3644 align-items: center;
3645 }
3646
3647 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-anim-label input.input-text,
3648 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-anim-label select,
3649 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-anim-label textarea {
3650 padding: 22px 11px 8px 15px;
3651 }
3652
3653 /* Hide the asterisk mark as a part of UI */
3654 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row .required {
3655 display: none;
3656 }
3657
3658 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
3659 font-size: 14px;
3660 }
3661
3662 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row input.input-text::placeholder,
3663 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row textarea::placeholder,
3664 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row select::placeholder {
3665 /* color: #707070; */
3666 color: var( --wcf-field-text-color );
3667 }
3668
3669 /* Instant Checkout Fields CSS */
3670
3671 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-left-column .woocommerce-billing-fields-custom h3,
3672 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-left-column h3 {
3673 color: var( --wcf-heading-color );
3674 font-weight: var( --wcf-heading-font-weight );
3675 text-transform: capitalize;
3676 margin: 22px 0 15px;
3677 font-size: 20px;
3678 }
3679
3680 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .woocommerce-billing-fields__customer-login-label {
3681 font-size: 14px;
3682 text-transform: none;
3683 }
3684
3685 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .woocommerce-billing-fields-custom h3 {
3686 -js-display: flex;
3687 display: flex;
3688 justify-content: space-between;
3689 align-items: center;
3690 }
3691
3692 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-left-column #customer_information_heading {
3693 margin-top: 0;
3694 }
3695
3696 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-right-column .wcf-order-wrap {
3697 display: block;
3698 max-width: 34rem;
3699 width: 100%;
3700 padding: 1.5rem;
3701 min-height: 400px;
3702 }
3703
3704 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-right-column .wcf-order-wrap #order_review {
3705 padding: 0;
3706 min-height: inherit;
3707 }
3708
3709 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-right-column .wcf-order-wrap {
3710 position: sticky;
3711 top: 0;
3712 align-self: flex-start;
3713 }
3714
3715 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table {
3716 display: block;
3717 margin-bottom: 0;
3718 padding: 1rem;
3719 background-color: var( --wcf-ic-right-column-bg-color ) !important;
3720 border: none !important;
3721 border-collapse: collapse;
3722 border-radius: 4px;
3723 border-style: hidden;
3724 box-shadow: none !important;
3725 }
3726
3727 .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 {
3728 margin: 0;
3729 }
3730
3731 .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 ) {
3732 padding: 0 1rem;
3733 }
3734
3735 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table .blockUI.blockOverlay {
3736 width: 100% !important;
3737 height: 100% !important;
3738 top: 0 !important;
3739 right: 0 !important;
3740 }
3741
3742 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tbody tr.cart_item td,
3743 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.coupon-field td {
3744 padding: 0 0 2em 0;
3745 }
3746
3747 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tr th:nth-child( 2 ),
3748 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tr td:nth-child( 2 ) {
3749 text-align: left;
3750 }
3751
3752 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tr.cart-shipping td label {
3753 white-space: nowrap;
3754 }
3755
3756 .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 {
3757 width: 100%;
3758 color: var( --wcf-field-label-color );
3759 }
3760
3761 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.coupon-field .wcf-custom-coupon-field {
3762 margin: 0;
3763 border: none;
3764 padding: 0;
3765 align-items: center;
3766 gap: 14px;
3767 flex-wrap: nowrap;
3768 }
3769 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-custom-coupon-field.wcf-coupon-applied .wcf-optimized-coupon-field,
3770 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-custom-coupon-field.wcf-coupon-applied .wcf-coupon-col-1,
3771 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-custom-coupon-field.wcf-coupon-applied .wcf-coupon-col-2 {
3772 display: none;
3773 }
3774
3775 .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 {
3776 padding: 0;
3777 }
3778
3779 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr th,
3780 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr td {
3781 padding: 0 0.2rem 0.7rem 0;
3782 font-weight: 400;
3783 color: #000;
3784 width: auto;
3785 }
3786
3787 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.order-total:not( .recurring-total ) th,
3788 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.order-total:not( .recurring-total ) td {
3789 font-size: 18px;
3790 font-weight: 500;
3791 padding: 0.5rem 0.2rem 0.7rem 0;
3792 }
3793
3794 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table tfoot tr.order-total:not( .recurring-total ) td strong {
3795 font-weight: 500;
3796 }
3797
3798 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tbody tr.cart_item td.product-name {
3799 padding: 0;
3800 }
3801
3802 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce table.shop_table tbody tr.cart_item .wcf-product-image {
3803 height: auto;
3804 -js-display: flex;
3805 display: flex;
3806 vertical-align: middle;
3807 border-radius: 5px;
3808 align-items: center;
3809 gap: 0.8rem;
3810 width: 100%;
3811 }
3812
3813 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) th,
3814 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tfoot tr.order-total:not( .recurring-total ) td,
3815 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tfoot tr.cart-discount,
3816 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tfoot tr.cart-subtotal {
3817 border: none;
3818 }
3819
3820 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout table.shop_table tbody {
3821 border: none !important;
3822 }
3823
3824 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row input.input-text:focus,
3825 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row textarea:focus,
3826 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus {
3827 outline: none;
3828 border-color: var( --wcf-primary-color );
3829 box-shadow: 0 0 0 1px var( --wcf-primary-color );
3830 }
3831
3832 /*Link color*/
3833 .wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-hide-field a {
3834 color: var( --wcf-link-color );
3835 background-color: transparent;
3836 font-weight: 400;
3837 text-decoration: none;
3838 -js-display: flex;
3839 display: flex;
3840 gap: 5px;
3841 align-items: center;
3842 }
3843 .wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-hide-field a .dashicons {
3844 height: auto;
3845 width: auto;
3846 }
3847 .wcf-embed-checkout-form-instant-checkout .woocommerce form .form-row.wcf-hide-field a .dashicons.dashicons-arrow-right::before {
3848 font-size: 13px;
3849 line-height: 1;
3850 border: 1px solid var( --wcf-link-color );
3851 border-radius: 50px;
3852 }
3853 /*Notice color*/
3854 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-info::before,
3855 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-message::before {
3856 color: var( --wcf-primary-color );
3857 }
3858
3859 /*Order review Image size*/
3860 .wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-product-image .wcf-product-thumbnail {
3861 position: relative;
3862 border-radius: 4px;
3863 width: 25%;
3864 margin: 0;
3865 }
3866
3867 .wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-product-image .wcf-product-thumbnail img {
3868 border: 1px solid #d6d6d6;
3869 object-fit: cover;
3870 }
3871
3872 /* Title */
3873 .wcf-ic-title h1 {
3874 color: var( --wcf-heading-color );
3875 }
3876 /* Title */
3877
3878 /* Breadcrumbs */
3879
3880 ul#wcf-ic-breadcrumbs {
3881 list-style: none;
3882 -js-display: flex;
3883 display: flex;
3884 padding-right: 0;
3885 margin: 0 0 2.5em 0;
3886 }
3887
3888 #wcf-ic-breadcrumbs .wcf-ic-breadcrumb-item {
3889 margin-left: 5px;
3890 margin-right: 5px;
3891 }
3892
3893 #wcf-ic-breadcrumbs .wcf-ic-breadcrumb-item a {
3894 text-decoration: none;
3895 color: var( --wcf-primary-color );
3896 }
3897
3898 #wcf-ic-breadcrumbs .wcf-ic-breadcrumb-item a:hover {
3899 text-decoration: underline;
3900 }
3901 /* Breadcrumbs */
3902
3903 /* Responsive */
3904
3905 /* Modible devices and some smaller tablets */
3906 @media only screen and ( max-width: 820px ) {
3907 .wcf-empty-cart-notice-block {
3908 padding: 0.704rem 1.5rem;
3909 }
3910 .wcf-empty-cart-message-container {
3911 padding: 30px;
3912 }
3913 .wcf-ic-layout-right-column .wcf-order-wrap {
3914 padding: 0;
3915 }
3916
3917 .wcf-bump-order-wrap.wcf-ob-column-100 .wcf-bump-order-offer-content-left {
3918 max-width: 100% !important;
3919 }
3920
3921 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce {
3922 padding: 0 20px;
3923 background-color: var( --wcf-ic-left-column-bg-color );
3924 width: 100%;
3925 }
3926
3927 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-checkout .wcf-order-wrap {
3928 width: 100% !important;
3929 padding: 0;
3930 }
3931
3932 /* Instant Checkout */
3933
3934 body.cartflows-instant-checkout .main-header--content {
3935 max-width: 100%;
3936 width: 100%;
3937 padding: 0.704rem 2.4rem;
3938 }
3939
3940 body.cartflows-instant-checkout .main-header--content .main-header--site-logo {
3941 max-height: 100%;
3942 }
3943
3944 body.cartflows-instant-checkout .main-header--content .main-header--site-logo img {
3945 max-width: 45%;
3946 width: 100%;
3947 }
3948
3949 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-instant-checkout-wrapper {
3950 display: block;
3951 width: 100%;
3952 padding: 15px 0;
3953 }
3954
3955 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-instant-checkout-wrapper .wcf-customer-info-main-wrapper {
3956 border: none;
3957 display: block;
3958 block-size: auto;
3959 }
3960
3961 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-right-column {
3962 width: 100% !important;
3963 float: none;
3964 padding: 0 !important;
3965 min-height: max-content !important;
3966 }
3967 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form .wcf-ic-layout-right-column .wcf-order-wrap {
3968 padding: 0;
3969 min-height: auto;
3970 background-color: #fff;
3971 max-width: 100%;
3972 }
3973 .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 ),
3974 .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 {
3975 margin-top: 0;
3976 padding: 0;
3977 }
3978 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-left-column {
3979 display: block;
3980 border: none;
3981 width: 100% !important;
3982 padding: 15px 0;
3983 background-color: var( --wcf-ic-left-column-bg-color );
3984 }
3985
3986 /* Reveal the bottom-position collapsed order summary on mobile. */
3987 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-left-column .wcf-collapsed-order-review-section {
3988 display: block;
3989 }
3990
3991 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-order-review-toggle {
3992 -js-display: flex;
3993 display: flex;
3994 align-items: center;
3995 justify-content: space-between;
3996 margin: 0 -20px;
3997 background-color: #f5f5f5;
3998 }
3999
4000 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section.wcf-show .cartflows-cheveron-down {
4001 display: none;
4002 }
4003 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section.wcf-show .cartflows-cheveron-up {
4004 display: inline;
4005 }
4006 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section.wcf-show .wcf-cartflows-review-order-wrapper {
4007 display: block;
4008 }
4009
4010 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-collapsed-order-review-section.wcf-show .wcf-order-review-toggle {
4011 border-bottom: none;
4012 }
4013
4014 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-cartflows-review-order-wrapper .wcf-custom-coupon-field {
4015 background-color: var( --wcf-ic-right-column-bg-color );
4016 flex-direction: column;
4017 gap: 15px;
4018 margin: 0 0 0;
4019 padding: 0 20px 20px;
4020 border: none;
4021 }
4022
4023 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section .wcf-custom-coupon-field .wcf-coupon-col-1,
4024 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section .wcf-custom-coupon-field .wcf-coupon-col-2 {
4025 width: 100%;
4026 padding-left: 0;
4027 }
4028
4029 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section .wcf-custom-coupon-field button.wcf-submit-coupon,
4030 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-collapsed-order-review-section .wcf-custom-coupon-field input.input-text {
4031 width: 100%;
4032 padding: 11px;
4033 }
4034
4035 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #order_review .wcf-custom-coupon-field,
4036 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout #order_review table.shop_table,
4037 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-cartflows-review-order-wrapper {
4038 display: none;
4039 border-bottom: 1px solid #dedede;
4040 padding: 0;
4041 }
4042
4043 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce form table.shop_table {
4044 padding: 1.2rem;
4045 }
4046
4047 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .wcf-ic-layout-right-column .wcf-order-wrap #order_review {
4048 padding: 0;
4049 min-height: unset;
4050 }
4051
4052 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .col2-set .col-1,
4053 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .col2-set .col-2,
4054 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-page .col2-set .col-1,
4055 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-page .col2-set .col-2,
4056 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-col2-set .wcf-col-1,
4057 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-col2-set .wcf-col-2,
4058 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-page .wcf-col2-set .wcf-col-1,
4059 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-page .wcf-col2-set .wcf-col-2,
4060 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-order-wrap,
4061 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce-page .wcf-order-wrap {
4062 padding: 0;
4063 }
4064
4065 .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .cpsw_stripe_icons {
4066 display: none;
4067 }
4068
4069 /* Instant Checkout */
4070 }
4071
4072 @media only screen and ( max-width: 480px ) {
4073 ul#wcf-ic-breadcrumbs {
4074 list-style: none;
4075 -js-display: flex;
4076 display: flex;
4077 padding-right: 0;
4078 margin: 0;
4079 }
4080 }
4081 /* Responsive End. */
4082
4083 .wcf-embed-checkout-form-instant-checkout #order_review_heading {
4084 display: none;
4085 }
4086 .wcf-embed-checkout-form-instant-checkout table.shop_table tbody {
4087 border-bottom: 1px solid #e5e7eb;
4088 }
4089 .wcf-embed-checkout-form-instant-checkout table.shop_table tfoot tr.cart-subtotal {
4090 border-bottom: 1px solid #e5e7eb;
4091 }
4092 .wcf-shipping-option-heading {
4093 width: 100%;
4094 }
4095 .wcf-embed-checkout-form-instant-checkout form.checkout.woocommerce-checkout {
4096 display: inline-block;
4097 margin: 0;
4098 }
4099 .wcf-shipping-option-heading {
4100 display: inline-block;
4101 }
4102 #wcf-ic-shipping ul#wcf-shipping_method {
4103 margin: 0;
4104 }
4105 .wcf-embed-checkout-form-instant-checkout table.shop_table thead {
4106 display: none;
4107 }
4108 h3#wcf_shipping_options_heading {
4109 margin-top: 0;
4110 }
4111
4112 #wcf-ic-shipping span.wcf-ic-shipping-package-name {
4113 display: none;
4114 }
4115
4116 .wcf-embed-checkout-form-instant-checkout.wcf-embed-checkout-form .woocommerce .wcf-product-image img {
4117 height: auto;
4118 }
4119
4120 /**
4121 * ***********************************
4122 * Instant Checkout Layout Style End
4123 * ***********************************
4124 */
4125
4126 /**
4127 * ***********************************
4128 * File Upload Field Styles
4129 * ***********************************
4130 */
4131 .wcf-embed-checkout-form .wcf-file-field-wrapper {
4132 width: 100%;
4133 }
4134
4135 .wcf-embed-checkout-form .wcf-file-input-wrapper {
4136 display: block;
4137 position: relative;
4138 }
4139
4140 .wcf-embed-checkout-form .wcf-checkout-file-input {
4141 width: 100%;
4142 padding: 10px;
4143 border: 1px dashed var( --wcf-field-border-color );
4144 border-radius: 4px;
4145 background-color: var( --wcf-field-bg-color );
4146 cursor: pointer;
4147 }
4148
4149 .wcf-embed-checkout-form .wcf-checkout-file-input:hover {
4150 border-color: var( --wcf-primary-color );
4151 }
4152
4153 .wcf-embed-checkout-form .wcf-file-input-wrapper.wcf-file-uploading .wcf-checkout-file-input {
4154 opacity: 0.5;
4155 pointer-events: none;
4156 }
4157
4158 .wcf-embed-checkout-form .wcf-file-preview {
4159 display: block;
4160 margin-top: 10px;
4161 }
4162
4163 .wcf-embed-checkout-form .wcf-file-preview-image {
4164 max-width: 100px;
4165 max-height: 100px;
4166 border-radius: 4px;
4167 border: 1px solid var( --wcf-field-border-color );
4168 margin-left: 10px;
4169 vertical-align: middle;
4170 }
4171
4172 .wcf-embed-checkout-form .wcf-file-name {
4173 display: inline-block;
4174 vertical-align: middle;
4175 font-size: 14px;
4176 color: var( --wcf-text-color );
4177 }
4178
4179 .wcf-embed-checkout-form .wcf-file-uploading-text {
4180 color: var( --wcf-text-color );
4181 font-style: italic;
4182 }
4183
4184 .wcf-embed-checkout-form .wcf-file-error {
4185 color: var( --wcf-field-error-color, #e2401c );
4186 font-size: 13px;
4187 display: block;
4188 margin-top: 5px;
4189 }
4190