PluginProbe
WPFunnels – Funnel Builder for WooCommerce with Checkout & One Click Upsell / 3.13.3
WPFunnels – Funnel Builder for WooCommerce with Checkout & One Click Upsell v3.13.3
3.13.3 3.13.2 3.13.1 3.13.0 3.12.13 3.12.12 3.12.11 3.12.10 3.12.9 3.12.8 3.12.7 3.12.6 3.12.5 3.12.4 3.12.3 3.12.1 3.12.2 3.12.0 3.11.1 3.11.0 3.10.9 3.10.8 3.10.7 3.10.6 2.8.16 All 261 releases
wpfunnels / public / assets / css / wpfnl-public.css

wpfnl-public.css in WPFunnels – Funnel Builder for WooCommerce with Checkout & One Click Upsell 3.13.3, at public/assets/css/wpfnl-public.css

9,231 lines 299.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 .wpfnl-orderbump_reset a,
3 .wpfnl-orderbump_reset p,
4 .wpfnl-orderbump_reset div {
5 font-size: 14px;
6 color: #7A8B9A;
7 font-weight: 400;
8 line-height: 1.4;
9 }
10
11 body.wpfunnel_steps-template {
12 padding: 0;
13 margin: 0;
14 }
15
16 body.wpfnl-theme-style-removed {
17 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
18 }
19
20 .wpfnl-container {
21 width: 100%;
22 max-width: 1280px;
23 margin: 0 auto;
24 padding: 0 15px;
25 }
26
27 .wpfnl-container-fluid {
28 width: 100%;
29 max-width: 100%;
30 padding: 0 15px;
31 }
32
33 .wpfnl-row {
34 margin-left: -15px;
35 margin-right: -15px;
36 }
37
38 .wpfnl-col {
39 padding: 0 15px;
40 }
41
42 .wpfunnel_steps-template figure {
43 margin: 0;
44 }
45
46 .wpfnl-checkout * {
47 padding: 0;
48 margin: 0;
49 box-sizing: border-box;
50 }
51 .wpfnl-checkout p {
52 -webkit-font-smoothing: antialiased;
53 -moz-osx-font-smoothing: grayscale;
54 line-height: 1.5;
55 }
56 .wpfnl-checkout h1, .wpfnl-checkout h2, .wpfnl-checkout h3, .wpfnl-checkout h4, .wpfnl-checkout h5, .wpfnl-checkout h6, .wpfnl-checkout p, .wpfnl-checkout figur, .wpfnl-checkout a {
57 margin: 0px;
58 text-transform: none;
59 }
60 .wpfnl-checkout h1, .wpfnl-checkout h2, .wpfnl-checkout h3, .wpfnl-checkout h4, .wpfnl-checkout h5, .wpfnl-checkout h6 {
61 font-weight: normal;
62 -webkit-font-variant-ligatures: common-ligatures;
63 font-variant-ligatures: common-ligatures;
64 }
65 .wpfnl-checkout table {
66 border-collapse: collapse;
67 border-spacing: 0;
68 }
69 .wpfnl-checkout small {
70 font-size: 80%;
71 }
72 .wpfnl-checkout sub,
73 .wpfnl-checkout sup {
74 position: relative;
75 font-size: 75%;
76 line-height: 0;
77 vertical-align: baseline;
78 }
79 .wpfnl-checkout sub {
80 bottom: -0.25em;
81 }
82 .wpfnl-checkout sup {
83 top: -0.5em;
84 }
85 .wpfnl-checkout img {
86 vertical-align: middle;
87 border-style: none;
88 display: block;
89 }
90 .wpfnl-checkout svg {
91 overflow: hidden;
92 vertical-align: middle;
93 display: block;
94 height: auto;
95 max-width: 100%;
96 }
97 .wpfnl-checkout del {
98 opacity: 1 !important;
99 }
100
101 .wpfunnel_steps-template-default .wpfnl-checkout input[type=text],
102 .wpfunnel_steps-template .wpfnl-checkout input[type=text],
103 .wpfunnel_steps-template-default .wpfnl-checkout input[type=email],
104 .wpfunnel_steps-template .wpfnl-checkout input[type=email],
105 .wpfunnel_steps-template-default .wpfnl-checkout input[type=password],
106 .wpfunnel_steps-template .wpfnl-checkout input[type=password],
107 .wpfunnel_steps-template-default .wpfnl-checkout input[type=number],
108 .wpfunnel_steps-template .wpfnl-checkout input[type=number],
109 .wpfunnel_steps-template-default .wpfnl-checkout input[type=tel],
110 .wpfunnel_steps-template .wpfnl-checkout input[type=tel],
111 .wpfunnel_steps-template-default .wpfnl-checkout input[type=date],
112 .wpfunnel_steps-template .wpfnl-checkout input[type=date],
113 .wpfunnel_steps-template-default .wpfnl-checkout input[type=month],
114 .wpfunnel_steps-template .wpfnl-checkout input[type=month],
115 .wpfunnel_steps-template-default .wpfnl-checkout input[type=week],
116 .wpfunnel_steps-template .wpfnl-checkout input[type=week],
117 .wpfunnel_steps-template-default .wpfnl-checkout input[type=time],
118 .wpfunnel_steps-template .wpfnl-checkout input[type=time],
119 .wpfunnel_steps-template-default .wpfnl-checkout input[type=datetime],
120 .wpfunnel_steps-template .wpfnl-checkout input[type=datetime],
121 .wpfunnel_steps-template-default .wpfnl-checkout select,
122 .wpfunnel_steps-template .wpfnl-checkout select,
123 .wpfunnel_steps-template-default .wpfnl-checkout textarea,
124 .wpfunnel_steps-template .wpfnl-checkout textarea {
125 border: 1px solid #E5E8F3;
126 outline: none;
127 padding: 11px 14px;
128 outline-offset: 0;
129 border-radius: 5px;
130 font-size: 16px;
131 background-color: #FFFFFF;
132 color: rgba(54, 59, 78, 0.8);
133 box-shadow: none;
134 letter-spacing: normal;
135 }
136 .wpfunnel_steps-template-default .wpfnl-checkout input[type=text]:focus,
137 .wpfunnel_steps-template .wpfnl-checkout input[type=text]:focus,
138 .wpfunnel_steps-template-default .wpfnl-checkout input[type=email]:focus,
139 .wpfunnel_steps-template .wpfnl-checkout input[type=email]:focus,
140 .wpfunnel_steps-template-default .wpfnl-checkout input[type=password]:focus,
141 .wpfunnel_steps-template .wpfnl-checkout input[type=password]:focus,
142 .wpfunnel_steps-template-default .wpfnl-checkout input[type=number]:focus,
143 .wpfunnel_steps-template .wpfnl-checkout input[type=number]:focus,
144 .wpfunnel_steps-template-default .wpfnl-checkout input[type=tel]:focus,
145 .wpfunnel_steps-template .wpfnl-checkout input[type=tel]:focus,
146 .wpfunnel_steps-template-default .wpfnl-checkout input[type=date]:focus,
147 .wpfunnel_steps-template .wpfnl-checkout input[type=date]:focus,
148 .wpfunnel_steps-template-default .wpfnl-checkout input[type=month]:focus,
149 .wpfunnel_steps-template .wpfnl-checkout input[type=month]:focus,
150 .wpfunnel_steps-template-default .wpfnl-checkout input[type=week]:focus,
151 .wpfunnel_steps-template .wpfnl-checkout input[type=week]:focus,
152 .wpfunnel_steps-template-default .wpfnl-checkout input[type=time]:focus,
153 .wpfunnel_steps-template .wpfnl-checkout input[type=time]:focus,
154 .wpfunnel_steps-template-default .wpfnl-checkout input[type=datetime]:focus,
155 .wpfunnel_steps-template .wpfnl-checkout input[type=datetime]:focus,
156 .wpfunnel_steps-template-default .wpfnl-checkout select:focus,
157 .wpfunnel_steps-template .wpfnl-checkout select:focus,
158 .wpfunnel_steps-template-default .wpfnl-checkout textarea:focus,
159 .wpfunnel_steps-template .wpfnl-checkout textarea:focus {
160 border-color: #6E42D3;
161 outline: none;
162 outline-offset: 0;
163 box-shadow: none;
164 }
165 .wpfunnel_steps-template-default .wpfnl-checkout select,
166 .wpfunnel_steps-template .wpfnl-checkout select {
167 padding: 8px 14px;
168 }
169 .wpfunnel_steps-template-default .wpfnl-checkout textarea,
170 .wpfunnel_steps-template .wpfnl-checkout textarea {
171 height: auto;
172 }
173
174 .wpfunnel_steps-template-default .wpfnl-checkout form .form-row input.input-text,
175 .wpfunnel_steps-template-default .wpfnl-checkout form .form-row textarea,
176 .wpfunnel_steps-template .wpfnl-checkout form .form-row input.input-text,
177 .wpfunnel_steps-template .wpfnl-checkout form .form-row textarea {
178 box-sizing: border-box;
179 width: 100%;
180 margin: 0;
181 outline: 0;
182 line-height: normal;
183 }
184 .wpfunnel_steps-template-default .wpfnl-checkout form .form-row-wide,
185 .wpfunnel_steps-template .wpfnl-checkout form .form-row-wide {
186 clear: both;
187 }
188 .wpfunnel_steps-template-default .wpfnl-checkout form .form-row-first,
189 .wpfunnel_steps-template .wpfnl-checkout form .form-row-first {
190 float: left;
191 }
192 .wpfunnel_steps-template-default .wpfnl-checkout form .form-row-last,
193 .wpfunnel_steps-template .wpfnl-checkout form .form-row-last {
194 float: right;
195 }
196 .wpfunnel_steps-template-default .wpfnl-checkout form .form-row textarea,
197 .wpfunnel_steps-template-default .wpfnl-checkout form .form-row select,
198 .wpfunnel_steps-template .wpfnl-checkout form .form-row textarea,
199 .wpfunnel_steps-template .wpfnl-checkout form .form-row select {
200 border-color: #E5E8F3 !important;
201 padding: 11px 14px;
202 border-radius: 5px;
203 }
204 .wpfunnel_steps-template-default #add_payment_method .checkout .col-2 .form-row-first,
205 .wpfunnel_steps-template-default .woocommerce-cart .checkout .col-2 .form-row-first,
206 .wpfunnel_steps-template-default .woocommerce-checkout .checkout .col-2 .form-row-first,
207 .wpfunnel_steps-template #add_payment_method .checkout .col-2 .form-row-first,
208 .wpfunnel_steps-template .woocommerce-cart .checkout .col-2 .form-row-first,
209 .wpfunnel_steps-template .woocommerce-checkout .checkout .col-2 .form-row-first {
210 clear: left;
211 }
212 .wpfunnel_steps-template-default .btn-default,
213 .wpfunnel_steps-template .btn-default {
214 transition: all 0.3s ease;
215 border: none;
216 border-radius: 5px;
217 font-weight: 700;
218 line-height: 1.2;
219 outline: none;
220 padding: 10px 20px;
221 text-decoration: none;
222 vertical-align: middle;
223 font-size: 15px;
224 display: inline-block;
225 cursor: pointer;
226 background-color: #6E42D3;
227 color: #fff;
228 text-transform: none;
229 letter-spacing: normal;
230 box-shadow: none;
231 text-shadow: none;
232 text-align: center;
233 }
234 .wpfunnel_steps-template-default .btn-default:hover,
235 .wpfunnel_steps-template .btn-default:hover {
236 background-color: #4C25A5;
237 color: #fff;
238 }
239 .wpfunnel_steps-template-default .wpfunnels_offer_button,
240 .wpfunnel_steps-template .wpfunnels_offer_button {
241 transition: all 0.3s ease;
242 border: none;
243 border-radius: 5px;
244 font-weight: 700;
245 line-height: 1.2;
246 outline: none;
247 padding: 10px 20px;
248 text-decoration: none;
249 vertical-align: middle;
250 font-size: 15px;
251 display: inline-block;
252 cursor: pointer;
253 background-color: #6E42D3;
254 color: #fff;
255 }
256 .wpfunnel_steps-template-default .wpfunnels_offer_button:hover,
257 .wpfunnel_steps-template .wpfunnels_offer_button:hover {
258 background-color: #4C25A5;
259 color: #fff;
260 }
261
262 .wpfnl-oxy-next-step-btn .wpfnl-loader {
263 position: relative;
264 top: 3px;
265 }
266
267 #wpfunnels_next_step_controller.elementor-button {
268 display: inline-flex;
269 flex-wrap: wrap;
270 align-items: center;
271 justify-content: center;
272 }
273
274 #wpfunnels_next_step_controller.wpfnl-has-subtitle {
275 flex-direction: column;
276 row-gap: 3px;
277 }
278
279 .et_divi_builder #et_builder_outer_content .et_pb_button.btn-optin.disabled,
280 #wpfunnels_next_step_controller.disabled {
281 pointer-events: none;
282 cursor: default;
283 opacity: 0.7;
284 }
285
286 .et-db #et-boc .et-l .et_pb_module input[type=text],
287 .et-db #et-boc .et-l .et_pb_module input[type=email],
288 .et-db #et-boc .et-l .et_pb_module input[type=url],
289 .et-db #et-boc .et-l .et_pb_module input[type=password],
290 .et-db #et-boc .et-l .et_pb_module input[type=search],
291 .et-db #et-boc .et-l .et_pb_module input[type=number],
292 .et-db #et-boc .et-l .et_pb_module input[type=tel],
293 .et-db #et-boc .et-l .et_pb_module input[type=range],
294 .et-db #et-boc .et-l .et_pb_module input[type=date],
295 .et-db #et-boc .et-l .et_pb_module input[type=month],
296 .et-db #et-boc .et-l .et_pb_module input[type=week],
297 .et-db #et-boc .et-l .et_pb_module input[type=time],
298 .et-db #et-boc .et-l .et_pb_module input[type=datetime],
299 .et-db #et-boc .et-l .et_pb_module input[type=datetime-local],
300 .et-db #et-boc .et-l .et_pb_module input[type=color],
301 .et-db #et-boc .et-l .et_pb_module select,
302 .et-db #et-boc .et-l .et_pb_module textarea {
303 border: 1px solid #E5E8F3 !important;
304 outline: none !important;
305 padding: 11px 14px !important;
306 outline-offset: 0;
307 border-radius: 5px;
308 font-size: 16px;
309 background: #FFFFFF;
310 color: rgba(54, 59, 78, 0.8);
311 box-shadow: none !important;
312 width: 100% !important;
313 }
314 .et-db #et-boc .et-l .et_pb_module input[type=text]:focus,
315 .et-db #et-boc .et-l .et_pb_module input[type=email]:focus,
316 .et-db #et-boc .et-l .et_pb_module input[type=url]:focus,
317 .et-db #et-boc .et-l .et_pb_module input[type=password]:focus,
318 .et-db #et-boc .et-l .et_pb_module input[type=search]:focus,
319 .et-db #et-boc .et-l .et_pb_module input[type=number]:focus,
320 .et-db #et-boc .et-l .et_pb_module input[type=tel]:focus,
321 .et-db #et-boc .et-l .et_pb_module input[type=range]:focus,
322 .et-db #et-boc .et-l .et_pb_module input[type=date]:focus,
323 .et-db #et-boc .et-l .et_pb_module input[type=month]:focus,
324 .et-db #et-boc .et-l .et_pb_module input[type=week]:focus,
325 .et-db #et-boc .et-l .et_pb_module input[type=time]:focus,
326 .et-db #et-boc .et-l .et_pb_module input[type=datetime]:focus,
327 .et-db #et-boc .et-l .et_pb_module input[type=datetime-local]:focus,
328 .et-db #et-boc .et-l .et_pb_module input[type=color]:focus,
329 .et-db #et-boc .et-l .et_pb_module select:focus,
330 .et-db #et-boc .et-l .et_pb_module textarea:focus {
331 border-color: #E5E8F3 !important;
332 outline: none !important;
333 outline-offset: 0;
334 box-shadow: none !important;
335 }
336 .et-db #et-boc .et-l .et_pb_module select {
337 padding: 8px 14px;
338 }
339 .et-db #et-boc .et-l .et_pb_module textarea {
340 height: auto;
341 }
342
343 .wpfnl-checkout .select2-container .select2-selection--single {
344 height: auto;
345 }
346 .wpfnl-checkout .select2-container .select2-selection--single .select2-selection__rendered {
347 line-height: normal;
348 padding: 11px 14px;
349 }
350 .wpfnl-checkout .select2-container .select2-selection--single .select2-selection__rendered:focus {
351 outline: none;
352 }
353 .wpfnl-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
354 height: 100%;
355 right: 8px;
356 }
357 .wpfnl-checkout .select2-container--default .select2-selection--single {
358 border: 1px solid #E5E8F3;
359 border-radius: 5px;
360 font-size: 16px;
361 padding: 0;
362 }
363 .wpfnl-checkout .select2-container--default .select2-search--dropdown .select2-search__field {
364 border-color: #E5E8F3;
365 }
366 .wpfnl-checkout .select2-container--focus .select2-selection {
367 border-color: #E5E8F3;
368 outline: none;
369 padding: 0;
370 }
371 .wpfnl-checkout .select2-dropdown {
372 border: 1px solid #aaa;
373 border-radius: 5px;
374 }
375 .wpfnl-checkout .select2-search--dropdown {
376 padding: 12px;
377 }
378 .wpfnl-checkout .select2-container--default .select2-results > .select2-results__options {
379 max-height: 190px;
380 }
381 .wpfnl-checkout .select2-container .select2-results__option {
382 padding: 6px 14px;
383 font-size: 16px;
384 line-height: normal;
385 }
386 .wpfnl-checkout .select2-container .select2-results__option:focus {
387 outline: none;
388 }
389
390 .select2-results__options .select2-results__option {
391 padding: 3px 12px;
392 }
393
394 .wpfnl-loader {
395 border: 2px solid #8265c5;
396 border-radius: 50%;
397 border-top: 2px solid #fff;
398 width: 13px;
399 height: 13px;
400 animation: spin 0.7s linear infinite;
401 display: none;
402 margin-left: 4px;
403 }
404
405 @-webkit-keyframes spin {
406 0% {
407 -webkit-transform: rotate(0deg);
408 }
409 100% {
410 -webkit-transform: rotate(360deg);
411 }
412 }
413 @keyframes spin {
414 0% {
415 transform: rotate(0deg);
416 }
417 100% {
418 transform: rotate(360deg);
419 }
420 }
421 .wpfnl-alert {
422 color: #383d41;
423 text-transform: capitalize;
424 font-size: 13px;
425 font-weight: 500;
426 border-radius: 3px;
427 cursor: default;
428 display: none;
429 }
430 .wpfnl-alert.box {
431 background-color: #e2e3e5;
432 padding: 6px 12px;
433 border: 1px solid #d6d8db;
434 }
435 .wpfnl-alert.wpfnl-success {
436 color: #269c41;
437 }
438 .wpfnl-alert.wpfnl-success.box {
439 background-color: #d4edda;
440 border-color: #c3e6cb;
441 }
442 .wpfnl-alert.wpfnl-error {
443 color: #d63342;
444 }
445 .wpfnl-alert.wpfnl-error.box {
446 background-color: #f8d7da;
447 border-color: #f5c6cb;
448 }
449 .wpfnl-alert.wpfnl-warn {
450 color: #856404;
451 }
452 .wpfnl-alert.wpfnl-warn.box {
453 background-color: #fff3cd;
454 border-color: #ffeeba;
455 }
456
457 #wpadminbar .wpf-admin-bar-edit-funnel-menu-item .ab-item {
458 display: flex;
459 align-items: center;
460 }
461
462 .wpfunnel_steps-template .wpfnl-checkout form .form-row input#billing_address_1 {
463 background-repeat: no-repeat;
464 background-position: calc(100% - 10px) center;
465 background-size: 20px 20px;
466 }
467
468 .wpfnl-checkbox input[type=checkbox] {
469 display: none;
470 }
471 .wpfnl-checkbox.no-title label {
472 height: 14px;
473 }
474 .wpfnl-checkbox label {
475 font-size: 12px;
476 line-height: 14px;
477 font-weight: 400;
478 color: #7A8B9A;
479 position: relative;
480 padding-left: 29px;
481 display: inline-block;
482 text-transform: capitalize;
483 cursor: pointer;
484 }
485 .wpfnl-checkbox label:before {
486 content: "";
487 position: absolute;
488 left: 0;
489 top: -3px;
490 width: 18px;
491 height: 18px;
492 border-radius: 4px;
493 border: 1px solid #E5E8F3;
494 background-color: #f6f6f8;
495 transition: all 0.3s ease;
496 }
497 .wpfnl-checkbox label:after {
498 content: "";
499 position: absolute;
500 left: 5px;
501 top: 3px;
502 width: 9px;
503 height: 4px;
504 transform: rotate(-45deg);
505 border-bottom: 2px solid #fff;
506 border-left: 2px solid #fff;
507 transition: all 0.3s ease;
508 opacity: 0;
509 visibility: hidden;
510 }
511 .wpfnl-checkbox input[type=checkbox]:checked + label::before {
512 background-color: #6E42D3;
513 border-color: #6E42D3;
514 }
515 .wpfnl-checkbox input[type=checkbox]:checked + label::after {
516 opacity: 1;
517 visibility: visible;
518 }
519
520 .wpfnl-radiobtn input[type=radio] {
521 display: none;
522 }
523 .wpfnl-radiobtn.no-title label {
524 height: 16px;
525 }
526 .wpfnl-radiobtn label {
527 font-size: 12px;
528 line-height: 14px;
529 font-weight: 400;
530 color: #7A8B9A;
531 position: relative;
532 padding-left: 29px;
533 display: inline-block;
534 text-transform: capitalize;
535 cursor: pointer;
536 }
537 .wpfnl-radiobtn label::before {
538 content: "";
539 position: absolute;
540 left: 0;
541 top: -3px;
542 width: 18px;
543 height: 18px;
544 border-radius: 100%;
545 background: #F7F7FA;
546 border: 1px solid #E5E8F3;
547 transition: all 0.3s ease;
548 }
549 .wpfnl-radiobtn label::after {
550 content: "";
551 position: absolute;
552 left: 5px;
553 top: 2px;
554 width: 10px;
555 height: 10px;
556 border-radius: 100%;
557 background: #6E42D3;
558 transform: scale(0);
559 transition: all 0.3s ease;
560 }
561 .wpfnl-radiobtn input[type=radio]:checked + label::before {
562 border-color: #6E42D3;
563 }
564 .wpfnl-radiobtn input[type=radio]:checked + label::after {
565 transform: scale(1);
566 }
567
568 .wpfnl-checkout .woocommerce-error,
569 .wpfnl-checkout .woocommerce-info,
570 .wpfnl-checkout .woocommerce-message {
571 margin-bottom: 1rem;
572 padding: 10px 15px;
573 }
574 .wpfnl-checkout .woocommerce-error li,
575 .wpfnl-checkout .woocommerce-info li,
576 .wpfnl-checkout .woocommerce-message li {
577 line-height: 1.3;
578 }
579 .wpfnl-checkout .woocommerce-error:before,
580 .wpfnl-checkout .woocommerce-info:before,
581 .wpfnl-checkout .woocommerce-message:before {
582 display: none;
583 }
584 .wpfnl-checkout .subtotal-text-for-mobile {
585 display: none;
586 }
587 .wpfnl-checkout .wpfnl-multistep-wizard {
588 display: none;
589 }
590 .wpfnl-checkout .wpfnl-multistep-navigation {
591 display: none;
592 }
593 .wpfnl-checkout .wcml_currency_switcher {
594 width: 100% !important;
595 }
596 .wpfnl-checkout .woocommerce-NoticeGroup {
597 width: 100%;
598 }
599 .wpfnl-checkout .woocommerce-form-login-toggle .woocommerce-info,
600 .wpfnl-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
601 font-size: 16px;
602 color: #363B4E;
603 background: #F7F7FA;
604 border-radius: 10px;
605 padding: 15px 20px;
606 margin-bottom: 0 !important;
607 border: 1px solid #E5E8F3;
608 }
609 .wpfnl-checkout .woocommerce-form-login-toggle .woocommerce-info::before,
610 .wpfnl-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
611 display: none;
612 }
613 .wpfnl-checkout .woocommerce-form-login-toggle .woocommerce-info a,
614 .wpfnl-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
615 color: #6E42D3;
616 text-decoration: underline;
617 opacity: 1;
618 }
619 .wpfnl-checkout .woocommerce-form-login-toggle.show-form .woocommerce-info,
620 .wpfnl-checkout .woocommerce-form-coupon-toggle.show-form .woocommerce-info {
621 border-radius: 10px 10px 0px 0px;
622 }
623 .wpfnl-checkout .woocommerce-form-login.login,
624 .wpfnl-checkout .checkout_coupon.woocommerce-form-coupon {
625 margin: -1px 0 0;
626 border: 1px solid #E5E8F3;
627 background: #fff;
628 border-radius: 0 0 10px 10px;
629 width: 100%;
630 max-width: 100%;
631 padding: 20px;
632 }
633 .wpfnl-checkout .woocommerce-form-login.login > p,
634 .wpfnl-checkout .checkout_coupon.woocommerce-form-coupon > p {
635 font-size: 16px;
636 line-height: 1.3;
637 margin-bottom: 10px;
638 }
639 .wpfnl-checkout .woocommerce-form-login.login .form-row,
640 .wpfnl-checkout .checkout_coupon.woocommerce-form-coupon .form-row {
641 margin-bottom: 0;
642 }
643 .wpfnl-checkout .woocommerce-form-login.login button[type=submit],
644 .wpfnl-checkout .checkout_coupon.woocommerce-form-coupon button[type=submit] {
645 padding: 13px 25px;
646 background-color: #6E42D3;
647 font-weight: 400;
648 border-radius: 4px;
649 color: #fff;
650 }
651 .wpfnl-checkout .woocommerce-billing-fields {
652 margin-top: 0;
653 margin-bottom: 0;
654 }
655 .wpfnl-checkout .woocommerce-checkout-review-order #order_review_heading,
656 .wpfnl-checkout .woocommerce-billing-fields > h3,
657 .wpfnl-checkout .woocommerce-additional-fields > h3,
658 .wpfnl-checkout .woocommerce-shipping-fields .shipping-field-title,
659 .wpfnl-checkout .woocommerce-shipping-fields > #ship-to-different-address,
660 .wpfnl-checkout .wpfnl-customer-info-section #customer_information_heading,
661 .wpfnl-checkout .wpfnl-checkout-variable-product .variable-product-title {
662 background: #F7F7FA;
663 color: #363B4E;
664 box-sizing: border-box;
665 border-radius: 10px 10px 0px 0px;
666 margin: 0;
667 font-size: 22px;
668 line-height: 1.2;
669 font-weight: 500;
670 padding: 15px 20px;
671 border: 1px solid #E5E8F3;
672 float: none !important;
673 display: block;
674 width: 100% !important;
675 }
676 .wpfnl-checkout .woocommerce-shipping-fields .shipping_address,
677 .wpfnl-checkout .woocommerce-additional-fields__field-wrapper,
678 .wpfnl-checkout .wpfnl-customer-info-section .woocommerce-billing-fields__customer-info-wrapper,
679 .wpfnl-checkout .woocommerce-billing-fields__field-wrapper {
680 background: #fff;
681 padding: 16px 20px 20px;
682 border: 1px solid #E5E8F3;
683 border-radius: 0 0 10px 10px;
684 margin-bottom: 20px;
685 }
686 .wpfnl-checkout .woocommerce-additional-fields__field-wrapper {
687 margin-top: -1px;
688 }
689 .wpfnl-checkout .woocommerce-additional-fields__field-wrapper.extra-field {
690 border-radius: 10px;
691 }
692 .wpfnl-checkout .wpfnl-checkout-variable-product {
693 margin-top: 20px;
694 }
695 .wpfnl-checkout .woocommerce-shipping-fields .shipping_address {
696 border-radius: 0;
697 margin-bottom: 0;
698 }
699 .wpfnl-checkout .woocommerce form .form-row {
700 padding: 0;
701 margin: 0 0 19px;
702 position: relative;
703 }
704 .wpfnl-checkout .woocommerce form .form-row:last-child {
705 margin: 0;
706 }
707 .wpfnl-checkout .woocommerce .form-row label {
708 font-size: 16px;
709 line-height: 1.2;
710 margin-bottom: 8px;
711 color: #363B4E;
712 }
713 .wpfnl-checkout .woocommerce .form-row .field-required {
714 color: #a00;
715 font-size: 13px;
716 font-style: italic;
717 text-transform: capitalize;
718 display: block;
719 margin-top: 2px;
720 font-weight: 400;
721 }
722 .wpfnl-checkout #cl_gdpr_message > span {
723 font-size: 12px;
724 }
725 .wpfnl-checkout .form-row .select2-container {
726 width: 100% !important;
727 }
728 .wpfnl-checkout .wpfnl-form-row.field-radio .woocommerce-input-wrapper input[type=radio] {
729 display: none;
730 }
731 .wpfnl-checkout .wpfnl-form-row.field-radio .woocommerce-input-wrapper label.radio {
732 display: inline-block;
733 position: relative;
734 font-size: 16px;
735 line-height: 1.2;
736 position: relative;
737 padding-left: 28px;
738 cursor: pointer;
739 margin: 0 24px 0 0;
740 }
741 .wpfnl-checkout .wpfnl-form-row.field-radio .woocommerce-input-wrapper label.radio:last-child {
742 margin-right: 0;
743 }
744 .wpfnl-checkout .wpfnl-form-row.field-radio .woocommerce-input-wrapper label.radio:before {
745 content: "";
746 position: absolute;
747 top: 2px;
748 left: 0;
749 width: 18px;
750 height: 18px;
751 border: 2px solid #72737e;
752 border-radius: 50px;
753 transition: all 0.3s ease;
754 }
755 .wpfnl-checkout .wpfnl-form-row.field-radio .woocommerce-input-wrapper label.radio:after {
756 content: "";
757 position: absolute;
758 top: 7px;
759 left: 5px;
760 width: 8px;
761 height: 8px;
762 background: #72737e;
763 border-radius: 50px;
764 opacity: 0;
765 transform: scale(0);
766 transition: all 0.3s ease;
767 }
768 .wpfnl-checkout .wpfnl-form-row.field-radio .woocommerce-input-wrapper input[type=radio]:checked + label.radio:before {
769 border-color: #6E42D3;
770 }
771 .wpfnl-checkout .wpfnl-form-row.field-radio .woocommerce-input-wrapper input[type=radio]:checked + label.radio:after {
772 background-color: #6E42D3;
773 opacity: 1;
774 transform: scale(1);
775 }
776 .wpfnl-checkout .wpfnl-form-row.field-checkbox .woocommerce-input-wrapper input[type=checkbox] {
777 border: 2px solid #72737e;
778 border-radius: 3px;
779 width: 18px;
780 height: 18px;
781 display: inline-block;
782 -webkit-appearance: none;
783 -moz-appearance: none;
784 position: relative;
785 }
786 .wpfnl-checkout .wpfnl-form-row.field-checkbox .woocommerce-input-wrapper input[type=checkbox]:focus {
787 outline: none;
788 outline-offset: 0;
789 }
790 .wpfnl-checkout .wpfnl-form-row.field-checkbox .woocommerce-input-wrapper input[type=checkbox]:after {
791 content: "";
792 display: block;
793 position: absolute;
794 top: 1px;
795 left: 4px;
796 width: 7px;
797 height: 11px;
798 background: transparent;
799 border-radius: 2px;
800 opacity: 0;
801 transform: rotate(45deg) skewX(15deg);
802 transition: all 0.3s ease;
803 border: 3px solid #fff;
804 border-left: none;
805 border-top: none;
806 }
807 .wpfnl-checkout .wpfnl-form-row.field-checkbox .woocommerce-input-wrapper input[type=checkbox]:checked {
808 background-color: #6E42D3;
809 border-color: #6E42D3;
810 }
811 .wpfnl-checkout .wpfnl-form-row.field-checkbox .woocommerce-input-wrapper input[type=checkbox]:checked:after {
812 opacity: 1;
813 }
814 .wpfnl-checkout .wpfnl-form-row.field-checkbox.woocommerce-invalid input[type=checkbox] {
815 border-color: #a00;
816 }
817 .wpfnl-checkout .woocommerce-password-strength {
818 padding: 5px;
819 text-align: center;
820 margin-top: 6px;
821 border-radius: 5px;
822 }
823 .wpfnl-checkout table.woocommerce-checkout-review-order-table {
824 background: #fff;
825 border: 1px solid #E5E8F3;
826 border-top: none !important;
827 border-radius: 0 0 10px 10px;
828 margin: 0 0 20px;
829 }
830 .wpfnl-checkout table.woocommerce-checkout-review-order-table th,
831 .wpfnl-checkout table.woocommerce-checkout-review-order-table td {
832 border: none;
833 border-top: 1px solid #E5E8F3;
834 text-align: left;
835 font-size: 16px;
836 color: #363B4E;
837 padding: 14px 12px !important;
838 background: transparent;
839 }
840 .wpfnl-checkout table.woocommerce-checkout-review-order-table th.product-name,
841 .wpfnl-checkout table.woocommerce-checkout-review-order-table td.product-name {
842 padding-left: 12px;
843 width: calc(100% - 180px);
844 }
845 .wpfnl-checkout table.woocommerce-checkout-review-order-table th.product-total,
846 .wpfnl-checkout table.woocommerce-checkout-review-order-table td.product-total {
847 padding-right: 12px;
848 width: 180px;
849 }
850 .wpfnl-checkout table.woocommerce-checkout-review-order-table th:last-child,
851 .wpfnl-checkout table.woocommerce-checkout-review-order-table td:last-child {
852 width: 110px;
853 text-align: right;
854 }
855 .wpfnl-checkout table.woocommerce-checkout-review-order-table .product-name .product-thumbnail {
856 position: relative;
857 width: 64px;
858 height: 64px;
859 }
860 .wpfnl-checkout table.woocommerce-checkout-review-order-table .product-name .product-thumbnail img {
861 width: 100%;
862 height: 100%;
863 object-fit: cover;
864 border-radius: 10px;
865 }
866 .wpfnl-checkout table.woocommerce-checkout-review-order-table .product-name .product-thumbnail .product-quantity {
867 background: #0639FF;
868 width: 20px;
869 height: 20px;
870 color: #FFF;
871 font-size: 12px;
872 font-weight: 400;
873 line-height: 1;
874 display: flex;
875 align-items: center;
876 justify-content: center;
877 border-radius: 10px;
878 position: absolute;
879 right: -8px;
880 top: -8px;
881 }
882 .wpfnl-checkout table.woocommerce-checkout-review-order-table .product-name .product-name-text {
883 color: #1A241A;
884 font-size: 16px;
885 font-weight: 500;
886 line-height: 1.3;
887 display: -webkit-box;
888 -webkit-line-clamp: 2;
889 -webkit-box-orient: vertical;
890 overflow: hidden;
891 }
892 .wpfnl-checkout table.woocommerce-checkout-review-order-table .product-name .quantity-selct-wrapper {
893 border-radius: 6px;
894 border: 1px solid #D1D5DC;
895 display: inline-flex;
896 margin-top: 6px;
897 }
898 .wpfnl-checkout table.woocommerce-checkout-review-order-table .product-name .quantity-selct-wrapper > button {
899 border: none;
900 background: none;
901 padding: 5px 8px;
902 cursor: pointer;
903 }
904 .wpfnl-checkout table.woocommerce-checkout-review-order-table .product-name input {
905 height: 28px;
906 width: 32px;
907 padding: 7px;
908 line-height: 1;
909 margin: 0;
910 border: 1px solid #D1D5DC;
911 border-top: none;
912 border-bottom: none;
913 border-radius: 0;
914 color: #1A241A;
915 font-size: 14px;
916 text-align: center;
917 }
918 .wpfnl-checkout table.woocommerce-checkout-review-order-table .product-name input:focus {
919 border-color: #D1D5DC;
920 }
921 .wpfnl-checkout table.woocommerce-checkout-review-order-table .product-name input::-webkit-inner-spin-button {
922 display: none;
923 }
924 .wpfnl-checkout table.woocommerce-checkout-review-order-table.has-product-images .product-name-wrapper {
925 display: flex;
926 flex-flow: row wrap;
927 align-items: center;
928 gap: 16px;
929 row-gap: 7px;
930 }
931 .wpfnl-checkout table.woocommerce-checkout-review-order-table.has-product-images .product-name-text-wrapper {
932 width: calc(100% - 80px);
933 }
934 .wpfnl-checkout table.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td {
935 font-size: 16px;
936 font-weight: 600;
937 }
938 .wpfnl-checkout table.woocommerce-checkout-review-order-table tfoot td:last-child {
939 text-align: right;
940 width: 110px;
941 }
942 .wpfnl-checkout table.woocommerce-checkout-review-order-table tfoot td strong {
943 font-weight: 700;
944 }
945 .wpfnl-checkout .woocommerce-shipping-methods input[type=radio] {
946 display: none;
947 }
948 .wpfnl-checkout .woocommerce-shipping-methods li label {
949 font-size: 16px;
950 line-height: 1.2;
951 position: relative;
952 padding-left: 28px;
953 cursor: pointer;
954 }
955 .wpfnl-checkout .woocommerce-shipping-methods li label:before {
956 content: "";
957 position: absolute;
958 top: 3px;
959 left: 0;
960 width: 18px;
961 height: 18px;
962 border: 2px solid #72737e;
963 border-radius: 50px;
964 transition: all 0.3s ease;
965 box-sizing: border-box;
966 }
967 .wpfnl-checkout .woocommerce-shipping-methods li label:after {
968 content: "";
969 position: absolute;
970 top: 8px;
971 left: 5px;
972 width: 8px;
973 height: 8px;
974 background: #72737e;
975 border-radius: 50px;
976 opacity: 0;
977 transform: scale(0);
978 transition: all 0.3s ease;
979 }
980 .wpfnl-checkout .woocommerce-shipping-methods li input[type=radio]:checked + label:before {
981 border-color: #6E42D3;
982 }
983 .wpfnl-checkout .woocommerce-shipping-methods li input[type=radio]:checked + label:after {
984 background-color: #6E42D3;
985 opacity: 1;
986 transform: scale(1);
987 }
988 .wpfnl-checkout .woocommerce-shipping-methods li input[type=hidden] + label {
989 padding-left: 0;
990 }
991 .wpfnl-checkout .woocommerce-shipping-methods li input[type=hidden] + label:after,
992 .wpfnl-checkout .woocommerce-shipping-methods li input[type=hidden] + label:before {
993 display: none;
994 }
995 .wpfnl-checkout .woocommerce-checkout #payment {
996 background: #ffffff;
997 border-radius: 10px;
998 border: 1px solid #E5E8F3;
999 padding: 0;
1000 }
1001 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li,
1002 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li {
1003 border-bottom: 1px solid #E5E8F3;
1004 padding: 18px 0 14px;
1005 line-height: 1;
1006 background: transparent;
1007 }
1008 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > input[type=radio],
1009 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > input[type=radio] {
1010 display: none;
1011 }
1012 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label,
1013 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label {
1014 font-size: 16px;
1015 position: relative;
1016 cursor: pointer;
1017 padding: 0 0 0 30px;
1018 width: 100%;
1019 display: block;
1020 line-height: 1.2;
1021 min-height: 14px;
1022 margin: 0;
1023 background: none !important;
1024 }
1025 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label img,
1026 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label img {
1027 width: 50px;
1028 float: right;
1029 }
1030 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label a,
1031 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label a {
1032 line-height: 1;
1033 position: relative;
1034 top: 7px;
1035 }
1036 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label:before,
1037 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label:before {
1038 content: "" !important;
1039 position: absolute;
1040 top: 0;
1041 left: 0;
1042 width: 18px;
1043 height: 18px;
1044 border: 2px solid #72737e;
1045 border-radius: 50px;
1046 transition: all 0.3s ease;
1047 box-sizing: border-box;
1048 }
1049 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label:after,
1050 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label:after {
1051 content: "" !important;
1052 position: absolute;
1053 top: 5px;
1054 left: 5px;
1055 width: 8px;
1056 height: 8px;
1057 background: #72737e;
1058 border-radius: 50px;
1059 opacity: 0;
1060 transform: scale(0);
1061 transition: all 0.3s ease;
1062 }
1063 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > input[type=radio]:checked + label:before,
1064 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > input[type=radio]:checked + label:before {
1065 border-color: #6E42D3;
1066 }
1067 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > input[type=radio]:checked + label:after,
1068 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > input[type=radio]:checked + label:after {
1069 background-color: #6E42D3;
1070 opacity: 1;
1071 transform: scale(1);
1072 }
1073 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li .payment_method_authorize_net_cim_credit_card > .form-row > input[type=radio],
1074 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li .payment_method_authorize_net_cim_credit_card > .form-row > input[type=radio] {
1075 display: none;
1076 }
1077 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li .payment_method_authorize_net_cim_credit_card > .form-row > label,
1078 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li .payment_method_authorize_net_cim_credit_card > .form-row > label {
1079 font-size: 16px;
1080 position: relative;
1081 cursor: pointer;
1082 padding: 0 0 0 30px;
1083 width: 100%;
1084 display: block;
1085 line-height: 1.2;
1086 min-height: 14px;
1087 margin: 0;
1088 }
1089 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li .payment_method_authorize_net_cim_credit_card > .form-row > label:before,
1090 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li .payment_method_authorize_net_cim_credit_card > .form-row > label:before {
1091 content: "";
1092 position: absolute;
1093 top: 0;
1094 left: 0;
1095 width: 18px;
1096 height: 18px;
1097 border: 2px solid #72737e;
1098 border-radius: 50px;
1099 transition: all 0.3s ease;
1100 }
1101 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li .payment_method_authorize_net_cim_credit_card > .form-row > label:after,
1102 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li .payment_method_authorize_net_cim_credit_card > .form-row > label:after {
1103 content: "";
1104 position: absolute;
1105 top: 5px;
1106 left: 5px;
1107 width: 8px;
1108 height: 8px;
1109 background: #72737e;
1110 border-radius: 50px;
1111 opacity: 0;
1112 transform: scale(0);
1113 transition: all 0.3s ease;
1114 }
1115 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li .payment_method_authorize_net_cim_credit_card > .form-row > input[type=radio]:checked + label:before,
1116 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li .payment_method_authorize_net_cim_credit_card > .form-row > input[type=radio]:checked + label:before {
1117 border-color: #6E42D3;
1118 }
1119 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li .payment_method_authorize_net_cim_credit_card > .form-row > input[type=radio]:checked + label:after,
1120 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li .payment_method_authorize_net_cim_credit_card > .form-row > input[type=radio]:checked + label:after {
1121 background-color: #6E42D3;
1122 opacity: 1;
1123 transform: scale(1);
1124 }
1125 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods .woocommerce-notice.woocommerce-notice--info.woocommerce-info,
1126 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods .woocommerce-notice.woocommerce-notice--info.woocommerce-info {
1127 font-size: 15px;
1128 line-height: 1.5 !important;
1129 letter-spacing: 0;
1130 font-weight: 400;
1131 }
1132 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew #wc-stripe-new-payment-method {
1133 display: none;
1134 }
1135 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > label {
1136 font-size: 16px;
1137 line-height: 1.2;
1138 position: relative;
1139 cursor: pointer;
1140 padding-left: 30px;
1141 width: 100%;
1142 display: block !important;
1143 min-height: 14px;
1144 }
1145 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > label svg {
1146 position: absolute;
1147 left: 0;
1148 top: 0;
1149 }
1150 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > label rect {
1151 transition: all 0.3s ease;
1152 }
1153 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > label path {
1154 opacity: 0;
1155 visibility: hidden;
1156 transition: all 0.3s ease;
1157 }
1158 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > input[type=checkbox]:checked + label rect {
1159 stroke: #6E42D3;
1160 fill: #6E42D3;
1161 }
1162 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > input[type=checkbox]:checked + label svg path {
1163 opacity: 1;
1164 visibility: visible;
1165 }
1166 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods {
1167 padding: 10px 20px 10px 20px;
1168 border-bottom: none;
1169 }
1170 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods .stripe-source-errors {
1171 width: 100%;
1172 }
1173 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods .stripe-source-errors .woocommerce-error {
1174 margin-bottom: 10px;
1175 }
1176 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods .stripe-source-errors .woocommerce-error::before {
1177 display: none;
1178 }
1179 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods .stripe-source-errors .woocommerce-error li {
1180 padding: 10px ​12px !important;
1181 }
1182 .wpfnl-checkout .woocommerce-checkout #payment div.payment_box {
1183 margin-bottom: 0;
1184 margin-top: 16px;
1185 padding: 10px 15px;
1186 color: rgba(54, 59, 78, 0.8);
1187 background: #F5F5FF;
1188 border-radius: 10px;
1189 font-size: 16px;
1190 }
1191 .wpfnl-checkout .woocommerce-checkout #payment div.payment_box:before {
1192 border: 9px solid #F5F5FF;
1193 border-right-color: transparent;
1194 border-left-color: transparent;
1195 border-top-color: transparent;
1196 top: -18px;
1197 left: 20px;
1198 margin: 0;
1199 }
1200 .wpfnl-checkout .woocommerce-checkout #payment ul.wc-saved-payment-methods li {
1201 padding-left: 0;
1202 padding-right: 0;
1203 margin-bottom: 0 !important;
1204 }
1205 .wpfnl-checkout .woocommerce-checkout #payment ul.wc-saved-payment-methods li:last-child {
1206 border-bottom: none;
1207 }
1208 .wpfnl-checkout .woocommerce-checkout #payment ul.wc-saved-payment-methods li label:before {
1209 top: 0;
1210 }
1211 .wpfnl-checkout .woocommerce-checkout #payment ul.wc-saved-payment-methods li label:after {
1212 top: 5px;
1213 }
1214 .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form {
1215 display: flex;
1216 flex-flow: row wrap;
1217 }
1218 .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form #wcpay-card-element {
1219 width: 100%;
1220 }
1221 .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row {
1222 padding: 0;
1223 width: 100%;
1224 }
1225 .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row.form-row-first {
1226 width: 50%;
1227 padding-right: 10px;
1228 }
1229 .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row.form-row-last {
1230 width: 50%;
1231 padding-left: 10px;
1232 }
1233 .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row label {
1234 padding-left: 0;
1235 }
1236 .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row label::before, .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row label::after {
1237 display: none;
1238 }
1239 .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row .wc-stripe-elements-field,
1240 .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row .wc-stripe-iban-element-field {
1241 border: 1px solid #E5E8F3;
1242 margin: 5px 0 0;
1243 padding: 13px 15px 12px;
1244 background-color: #fff;
1245 outline: 0;
1246 border-radius: 5px;
1247 }
1248 .wpfnl-checkout .woocommerce-checkout #payment fieldset {
1249 border: none;
1250 }
1251 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-privacy-policy-text p {
1252 font-size: 16px;
1253 }
1254 .wpfnl-checkout .woocommerce-checkout #payment #place_order {
1255 float: none;
1256 display: flex;
1257 align-items: center;
1258 justify-content: center;
1259 gap: 8px;
1260 background: #6E42D3;
1261 border-radius: 6px;
1262 color: #fff;
1263 font-weight: 600;
1264 font-size: 16px;
1265 text-transform: uppercase;
1266 padding: 15px 22px;
1267 margin-top: 20px;
1268 width: 100%;
1269 }
1270 .wpfnl-checkout .woocommerce-checkout #payment #place_order span {
1271 color: inherit;
1272 }
1273 .wpfnl-checkout .woocommerce-checkout #payment #place_order .wpfnl-place-order-icon {
1274 display: inline-flex;
1275 align-items: center;
1276 justify-content: center;
1277 line-height: 1;
1278 }
1279 .wpfnl-checkout .woocommerce-checkout #payment #place_order .wpfnl-place-order-icon svg {
1280 display: block;
1281 width: 1em;
1282 height: 1em;
1283 }
1284 .wpfnl-checkout .checkout-order-review-wrapper {
1285 position: relative;
1286 }
1287 .wpfnl-checkout #mailpoet_woocommerce_checkout_optin_field .woocommerce-form__label {
1288 display: block;
1289 position: relative;
1290 padding-left: 30px;
1291 min-height: 14px;
1292 }
1293 .wpfnl-checkout #mailpoet_woocommerce_checkout_optin_field #mailpoet_woocommerce_checkout_optin {
1294 display: inline-block;
1295 margin: initial;
1296 text-align: inherit;
1297 vertical-align: inherit;
1298 width: 18px;
1299 height: 18px;
1300 border: 2px solid #72737e;
1301 border-radius: 3px;
1302 position: absolute;
1303 top: 3px;
1304 left: 0;
1305 outline: none;
1306 }
1307 .wpfnl-checkout #mailpoet_woocommerce_checkout_optin_field #mailpoet_woocommerce_checkout_optin:checked {
1308 background-color: #6E42D3;
1309 border-color: #6E42D3;
1310 }
1311 .wpfnl-checkout #mailpoet_woocommerce_checkout_optin_field #mailpoet_woocommerce_checkout_optin:after {
1312 left: 4px;
1313 top: 1px;
1314 width: 7px;
1315 height: 11px;
1316 border-color: #fff;
1317 border-radius: 2px;
1318 }
1319 .wpfnl-checkout .wpfnl-instant-checkout-step {
1320 padding: 22px 0;
1321 border-bottom: 1px solid #E5E8F3;
1322 margin-bottom: 30px;
1323 }
1324 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-steps-list {
1325 display: flex;
1326 align-items: center;
1327 justify-content: center;
1328 list-style: none;
1329 margin: 0;
1330 padding: 0;
1331 gap: 16px;
1332 }
1333 @media (max-width: 520px) {
1334 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-steps-list {
1335 gap: 8px;
1336 }
1337 }
1338 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-item {
1339 display: flex;
1340 align-items: center;
1341 gap: 8px;
1342 color: #8c93a8;
1343 font-size: 15px;
1344 font-weight: 400;
1345 }
1346 @media (max-width: 520px) {
1347 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-item {
1348 font-size: 14px;
1349 }
1350 }
1351 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-item:not(:first-child)::before {
1352 content: "";
1353 display: block;
1354 width: 60px;
1355 height: 1px;
1356 background: #d8dce8;
1357 margin-right: 8px;
1358 }
1359 @media (max-width: 520px) {
1360 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-item:not(:first-child)::before {
1361 width: 20px;
1362 margin-right: 2px;
1363 }
1364 }
1365 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-item.active {
1366 color: #363B4E;
1367 font-weight: 600;
1368 }
1369 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-item.active .wpfnl-instant-checkout-step-radio {
1370 border-color: #6E42D3;
1371 }
1372 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-item.active .wpfnl-instant-checkout-step-radio::after {
1373 opacity: 1;
1374 transform: translate(-50%, -50%) scale(1);
1375 }
1376 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-radio {
1377 display: inline-block;
1378 width: 20px;
1379 height: 20px;
1380 border: 2px solid #d8dce8;
1381 border-radius: 50%;
1382 position: relative;
1383 flex-shrink: 0;
1384 }
1385 @media (max-width: 520px) {
1386 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-radio {
1387 width: 16px;
1388 height: 16px;
1389 }
1390 }
1391 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-radio::after {
1392 content: "";
1393 position: absolute;
1394 top: 50%;
1395 left: 50%;
1396 width: 8px;
1397 height: 8px;
1398 background: #6E42D3;
1399 border-radius: 50%;
1400 transform: translate(-50%, -50%) scale(0);
1401 opacity: 0;
1402 transition: opacity 0.2s ease, transform 0.2s ease;
1403 }
1404 @media (max-width: 520px) {
1405 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-radio::after {
1406 width: 6px;
1407 height: 6px;
1408 }
1409 }
1410 .wpfnl-checkout .wpfnl-instant-checkout-step .wpfnl-instant-checkout-step-label {
1411 white-space: nowrap;
1412 }
1413 .wpfnl-checkout .wpfnl-mobile-order-summary-toggle {
1414 display: none;
1415 padding: 10px 14px;
1416 background: #f8f8f8;
1417 cursor: pointer;
1418 border: 1px solid #e2e8f0;
1419 border-radius: 10px;
1420 font-weight: 600;
1421 color: #1e293b;
1422 align-items: center;
1423 justify-content: space-between;
1424 margin-bottom: 20px;
1425 }
1426 .wpfnl-checkout .wpfnl-mobile-order-summary-toggle .wpfnl-mos-text {
1427 color: #1A241A;
1428 font-size: 16px;
1429 }
1430 .wpfnl-checkout .wpfnl-mobile-order-summary-toggle .wpfnl-mos-icon {
1431 transition: transform 0.3s ease;
1432 font-size: 12px;
1433 }
1434 .wpfnl-checkout .wpfnl-mobile-order-summary-toggle.active-toggle {
1435 border-bottom: none;
1436 border-radius: 10px 10px 0 0;
1437 margin-bottom: 0;
1438 }
1439
1440 .wpfunnel_steps-template .creator-lms-order-review-table-wrapper .creator-lms-course-thumbnail {
1441 width: 60px;
1442 }
1443 .wpfunnel_steps-template .creator-lms-order-review-table-wrapper table .creator-lms-course-info-wrapper .creator-lms-course-thumbnail img {
1444 width: 60px;
1445 }
1446 .wpfunnel_steps-template .creator-lms-order-review-table-wrapper table .creator-lms-course-info-wrapper .creator-lms-course-title {
1447 width: calc(100% - 72px);
1448 }
1449 .wpfunnel_steps-template .creator-lms-order-review-table-wrapper table th:first-child,
1450 .wpfunnel_steps-template .creator-lms-order-review-table-wrapper table td:first-child {
1451 width: 160px;
1452 }
1453 .wpfunnel_steps-template .wpfnl-lms-offer-checkout-modal-inner {
1454 max-width: 1170px;
1455 }
1456 .wpfunnel_steps-template .creator-lms-checkout-coupon {
1457 text-align: left;
1458 }
1459 .wpfunnel_steps-template .creator-lms-checkout-coupon .apply-coupon-btn {
1460 text-align: center;
1461 }
1462
1463 .wpfnl-checkout.floating-label #customer_details .form-row:not(.create-account) input.input-text:not(#billing_address_2, #shipping_address_2), .wpfnl-checkout.floating-label form.woocommerce-form-login .form-row-last input.input-text:not(#billing_address_2, #shipping_address_2),
1464 .wpfnl-checkout.floating-label form.woocommerce-form-login .form-row-first input.input-text:not(#billing_address_2, #shipping_address_2),
1465 .wpfnl-checkout.floating-label #customer_details .form-row:not(.create-account) textarea,
1466 .wpfnl-checkout.floating-label form.woocommerce-form-login .form-row-last textarea,
1467 .wpfnl-checkout.floating-label form.woocommerce-form-login .form-row-first textarea {
1468 padding: 21px 14px 5px;
1469 font-size: 15px;
1470 }
1471 .wpfnl-checkout.floating-label #customer_details .form-row:not(.create-account) .show-password-input, .wpfnl-checkout.floating-label form.woocommerce-form-login .form-row-last .show-password-input,
1472 .wpfnl-checkout.floating-label form.woocommerce-form-login .form-row-first .show-password-input {
1473 right: 0.7em;
1474 top: 0.7em;
1475 }
1476 .wpfnl-checkout.floating-label #customer_details .form-row:not(.create-account) > label, .wpfnl-checkout.floating-label form.woocommerce-form-login .form-row-last > label,
1477 .wpfnl-checkout.floating-label form.woocommerce-form-login .form-row-first > label {
1478 position: absolute;
1479 left: 15px;
1480 top: 50%;
1481 transform: translateY(-50%);
1482 transition: all 0.3s ease-in-out;
1483 margin: 0;
1484 z-index: 1;
1485 width: calc(100% - 40px);
1486 background: #fff;
1487 line-height: 2;
1488 }
1489 .wpfnl-checkout.floating-label #customer_details .form-row:not(.create-account) > label.floated, .wpfnl-checkout.floating-label form.woocommerce-form-login .form-row-last > label.floated,
1490 .wpfnl-checkout.floating-label form.woocommerce-form-login .form-row-first > label.floated {
1491 top: 5px;
1492 transform: translateY(0);
1493 font-size: 12px;
1494 line-height: 1;
1495 }
1496 .wpfnl-checkout.floating-label #customer_details .select2-container .select2-selection--single .select2-selection__rendered {
1497 padding: 21px 14px 5px;
1498 font-size: 15px;
1499 }
1500 .wpfnl-checkout.floating-label .required-field-appended {
1501 margin-bottom: 33px !important;
1502 }
1503 .wpfnl-checkout.floating-label .required-field-appended span.field-required {
1504 position: absolute;
1505 bottom: -18px;
1506 left: 0;
1507 line-height: 1;
1508 margin-top: 0 !important;
1509 }
1510 .wpfnl-checkout.floating-label .required-field-appended .select2-container + span.field-required {
1511 bottom: -23px;
1512 }
1513
1514 .et-db #et-boc .et-l .et_pb_module .wpfnl-checkout.floating-label #customer_details .form-row:not(.create-account) > label {
1515 background: transparent;
1516 transition: all 0.3s ease-in-out;
1517 }
1518
1519 .wpfnl-checkout .woocommerce form.woocommerce-checkout {
1520 display: flex;
1521 flex-flow: row wrap;
1522 align-items: flex-start;
1523 margin-top: 20px;
1524 }
1525
1526 .wpfnl-checkout .woocommerce form > * {
1527 width: 100%;
1528 }
1529
1530 .wpfnl-checkout .woocommerce form wc-order-attribution-inputs {
1531 width: auto;
1532 }
1533
1534 .wpfnl-checkout .woocommerce-checkout .woocommerce-shipping-fields {
1535 margin: 0;
1536 }
1537
1538 .wpfnl-checkout .woocommerce-checkout .woocommerce-additional-fields {
1539 margin-top: 0;
1540 }
1541
1542 .wpfnl-checkout .woocommerce .col2-set,
1543 .woocommerce-page .wpfnl-checkout .col2-set {
1544 width: 50%;
1545 padding-right: 10px;
1546 margin-right: 0;
1547 float: none;
1548 }
1549
1550 .wpfnl-checkout .woocommerce .woocommerce-checkout-review-order {
1551 width: 50%;
1552 padding-left: 10px;
1553 }
1554 .wpfnl-checkout .woocommerce .woocommerce-checkout-review-order .wd-table-wrapper {
1555 overflow-x: inherit;
1556 margin-bottom: 0;
1557 padding: 0;
1558 background-color: transparent;
1559 box-shadow: none;
1560 }
1561
1562 .wpfnl-checkout .wpfnl-checkout-form-one-column .woocommerce .col2-set,
1563 .wpfnl-checkout.wpfnl-col-1 .woocommerce .col2-set,
1564 .woocommerce-page .wpfnl-checkout.wpfnl-col-1 .col2-set {
1565 float: none;
1566 width: 100%;
1567 margin: 0;
1568 max-width: 100%;
1569 padding: 0;
1570 flex: inherit;
1571 }
1572
1573 .wpfnl-checkout .wpfnl-checkout-form-one-column .woocommerce .woocommerce-checkout-review-order,
1574 .wpfnl-checkout.wpfnl-col-1 .woocommerce .woocommerce-checkout-review-order {
1575 width: 100%;
1576 padding-left: 0;
1577 }
1578
1579 .wpfnl-checkout .woocommerce .col2-set .col-1,
1580 .woocommerce-page .wpfnl-checkout .col2-set .col-1 {
1581 float: none;
1582 width: 100%;
1583 margin-bottom: 0;
1584 max-width: 100%;
1585 padding: 0;
1586 flex: inherit;
1587 }
1588
1589 .wpfnl-checkout .woocommerce .col2-set .col-2,
1590 .woocommerce-page .wpfnl-checkout .col2-set .col-2 {
1591 float: none;
1592 width: 100%;
1593 flex: inherit;
1594 padding: 0;
1595 max-width: 100%;
1596 margin-bottom: 20px;
1597 }
1598
1599 .wpfnl-checkout .woocommerce form .form-row-first,
1600 .wpfnl-checkout .woocommerce form .form-row-last,
1601 .woocommerce-page .wpfnl-checkout form .form-row-first,
1602 .woocommerce-page .wpfnl-checkout form .form-row-last {
1603 width: 49%;
1604 }
1605
1606 .wpfnl-checkout #ship-to-different-address label {
1607 font-weight: 300;
1608 cursor: pointer;
1609 width: 100%;
1610 }
1611
1612 .wpfnl-checkout #ship-to-different-address label input[type=checkbox] {
1613 display: none;
1614 }
1615
1616 .wpfnl-checkout #ship-to-different-address label span {
1617 position: relative;
1618 display: block;
1619 text-align: left;
1620 padding-right: 45px;
1621 font-size: 20px;
1622 font-weight: 500;
1623 text-transform: initial;
1624 }
1625
1626 .wpfnl-checkout #ship-to-different-address label span:before {
1627 content: "";
1628 display: block;
1629 height: 16px;
1630 width: 30px;
1631 border: 2px solid #bbb;
1632 background: #bbb;
1633 border-radius: 13rem;
1634 box-sizing: content-box;
1635 -webkit-transition: all ease-in-out 0.3s;
1636 transition: all ease-in-out 0.3s;
1637 position: absolute;
1638 top: 4px;
1639 right: 0;
1640 }
1641
1642 .wpfnl-checkout #ship-to-different-address label span:after {
1643 content: "";
1644 display: block;
1645 width: 14px;
1646 height: 14px;
1647 background: #fff;
1648 position: absolute;
1649 top: 7px;
1650 right: 17px;
1651 border-radius: 13rem;
1652 -webkit-transition: all ease-in-out 0.3s;
1653 transition: all ease-in-out 0.3s;
1654 }
1655
1656 .wpfnl-checkout #ship-to-different-address label input[type=checkbox]:checked + span:before {
1657 background: #6E42D3;
1658 border-color: #6E42D3;
1659 }
1660
1661 .wpfnl-checkout #ship-to-different-address label input[type=checkbox]:checked + span:after {
1662 right: 3px;
1663 }
1664
1665 .wpfnl-checkout .wpfnl-checkout-variable-product {
1666 width: 100%;
1667 min-width: 240px;
1668 background: #fff;
1669 margin-bottom: 20px;
1670 border: 1px solid #E5E8F3;
1671 border-radius: 10px 10px 0px 0px;
1672 }
1673 .wpfnl-checkout .wpfnl-checkout-variable-product .variable-product-title {
1674 border: none;
1675 }
1676 .wpfnl-checkout .wpfnl-checkout-variable-product .product-title {
1677 font-weight: 500;
1678 font-size: 16px;
1679 line-height: 1.18;
1680 color: #363B4E;
1681 padding: 10px 20px;
1682 border-top: 1px solid #E5E8F3;
1683 }
1684 .wpfnl-checkout .wpfnl-checkout-variable-product .offer-product-single-variation {
1685 display: flex;
1686 align-items: center;
1687 flex-flow: row wrap;
1688 padding: 10px 20px;
1689 border-top: 1px solid #E5E8F3;
1690 }
1691 .wpfnl-checkout .wpfnl-checkout-variable-product .offer-product-single-variation .variation-attr-name {
1692 font-size: 16px;
1693 color: #363B4E;
1694 width: 120px;
1695 padding-right: 10px;
1696 }
1697 .wpfnl-checkout .wpfnl-checkout-variable-product .variation-attr-value.value {
1698 display: inline-block;
1699 position: relative;
1700 width: calc(100% - 120px);
1701 }
1702 .wpfnl-checkout .wpfnl-checkout-variable-product .variation-attr-value.value:before {
1703 content: "";
1704 position: absolute;
1705 right: 10px;
1706 top: 15px;
1707 width: 7px;
1708 height: 7px;
1709 border: 1px solid #787878;
1710 transform: rotate(45deg);
1711 border-top: none;
1712 border-left: none;
1713 }
1714 .wpfnl-checkout .wpfnl-checkout-variable-product .variation-attr-value.value select {
1715 font-size: 16px;
1716 height: 40px;
1717 width: 100%;
1718 line-height: 1;
1719 padding: 7px 26px 7px 10px;
1720 -webkit-appearance: none;
1721 appearance: none;
1722 }
1723 .wpfnl-checkout .wpfnl-checkout-variable-product .reset_variations {
1724 font-weight: 600;
1725 font-size: 12px;
1726 text-align: right;
1727 margin-right: 15px;
1728 }
1729 .wpfnl-checkout .wpfnl-checkout-variable-product .reset_variations[style*="visibility: hidden"] {
1730 display: none;
1731 }
1732 .wpfnl-checkout .wpfnl-checkout-variable-product .reset_variations[style*="visibility: visible"] {
1733 display: block;
1734 margin-bottom: 10px;
1735 }
1736 .wpfnl-checkout .wpfnl-checkout-variable-product table th,
1737 .wpfnl-checkout .wpfnl-checkout-variable-product table td {
1738 font-size: 16px;
1739 color: #363B4E;
1740 padding: 10px 20px;
1741 border: 1px solid #E5E8F3;
1742 border-left: none;
1743 border-right: none;
1744 vertical-align: middle;
1745 }
1746 .wpfnl-checkout .wpfnl-checkout-variable-product table th input,
1747 .wpfnl-checkout .wpfnl-checkout-variable-product table td input {
1748 height: 40px;
1749 width: 57px;
1750 padding: 7px;
1751 line-height: 1;
1752 margin: 0;
1753 }
1754 .wpfnl-checkout .wpfnl-checkout-variable-product table .wpfnl-varition-qty {
1755 width: 148px;
1756 }
1757 .wpfnl-checkout .wpfnl-checkout-variable-product table .variation-attr-name {
1758 font-size: 16px;
1759 width: 130px;
1760 padding-right: 10px;
1761 text-transform: capitalize;
1762 }
1763 .wpfnl-checkout .wpfnl-checkout-variable-product table td .wpfnl-cart-update {
1764 background: #6E42D3;
1765 color: #fff;
1766 border-radius: 5px;
1767 font-weight: 500;
1768 font-size: 16px;
1769 text-transform: capitalize;
1770 width: 142px;
1771 position: relative;
1772 top: -2px;
1773 border: 1px solid #6E42D3;
1774 margin-left: 10px;
1775 }
1776 .wpfnl-checkout .wpfnl-checkout-variable-product table td .wpfnl-cart-update.no-quantity {
1777 margin-left: 0;
1778 }
1779 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-quantity {
1780 width: 90px;
1781 text-align: center;
1782 }
1783 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-price {
1784 width: 90px;
1785 text-align: center;
1786 }
1787 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title {
1788 text-align: left;
1789 }
1790 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title label {
1791 display: block;
1792 margin-bottom: 0;
1793 }
1794 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .form-row,
1795 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title p {
1796 margin: 0;
1797 }
1798 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper input[type=radio] {
1799 display: none;
1800 }
1801 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper label.radio {
1802 position: relative;
1803 margin-bottom: 0;
1804 cursor: pointer;
1805 padding-left: 28px;
1806 color: #72737e;
1807 font-weight: 500;
1808 transition: all 0.3s ease;
1809 line-height: 1.2;
1810 }
1811 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper label.radio:before {
1812 content: "";
1813 position: absolute;
1814 top: 2px;
1815 left: 0;
1816 width: 18px;
1817 height: 18px;
1818 border: 2px solid #72737e;
1819 border-radius: 50px;
1820 transition: all 0.3s ease;
1821 }
1822 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper label.radio:after {
1823 content: "";
1824 position: absolute;
1825 top: 7px;
1826 left: 5px;
1827 width: 8px;
1828 height: 8px;
1829 background: #72737e;
1830 border-radius: 50px;
1831 opacity: 0;
1832 transform: scale(0);
1833 transition: all 0.3s ease;
1834 }
1835 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper input[type=radio]:checked + label.radio {
1836 color: #363c42;
1837 }
1838 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper input[type=radio]:checked + label.radio:before {
1839 border-color: #6E42D3;
1840 }
1841 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper input[type=radio]:checked + label.radio:after {
1842 background-color: #6E42D3;
1843 opacity: 1;
1844 transform: scale(1);
1845 }
1846 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper input[type=checkbox] {
1847 display: none;
1848 }
1849 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper .checkbox-title {
1850 display: block;
1851 position: relative;
1852 margin-bottom: 0;
1853 cursor: pointer;
1854 padding-left: 28px;
1855 color: #72737e;
1856 font-weight: 500;
1857 transition: all 0.3s ease;
1858 line-height: 1.2;
1859 font-size: 16px;
1860 min-width: 210px;
1861 }
1862 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper .checkbox-title:before {
1863 content: "";
1864 position: absolute;
1865 top: 2px;
1866 left: 0;
1867 width: 18px;
1868 height: 18px;
1869 border: 2px solid #72737e;
1870 border-radius: 3px;
1871 transition: all 0.3s ease;
1872 }
1873 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper .checkbox-title:after {
1874 content: "";
1875 position: absolute;
1876 top: 4px;
1877 left: 6px;
1878 width: 7px;
1879 height: 11px;
1880 background: transparent;
1881 border-radius: 2px;
1882 opacity: 0;
1883 transform: rotate(45deg) skewX(15deg);
1884 transition: all 0.3s ease;
1885 border: 3px solid #fff;
1886 border-left: none;
1887 border-top: none;
1888 }
1889 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper input[type=checkbox]:checked + .checkbox-title {
1890 color: #363c42;
1891 }
1892 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper input[type=checkbox]:checked + .checkbox-title:before {
1893 border-color: #6E42D3;
1894 background-color: #6E42D3;
1895 }
1896 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper input[type=checkbox]:checked + .checkbox-title:after {
1897 opacity: 1;
1898 }
1899
1900 .wpfnl-checkout-stock-message {
1901 display: flex;
1902 flex-flow: row wrap;
1903 align-items: center;
1904 }
1905
1906 .wpfnl-checkout-stock-message h4 {
1907 padding-left: 20px;
1908 }
1909
1910 .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
1911 margin-top: 10px;
1912 display: block !important;
1913 }
1914 .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox input[type=checkbox] {
1915 display: none !important;
1916 }
1917 .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {
1918 position: relative;
1919 line-height: 1.3;
1920 font-size: 16px;
1921 color: #363B4E;
1922 padding-left: 30px;
1923 cursor: pointer;
1924 display: inline-block;
1925 }
1926 .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text svg {
1927 position: absolute;
1928 left: 0;
1929 top: -1px;
1930 }
1931 @media (max-width: 575px) {
1932 .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text svg {
1933 top: 2px;
1934 }
1935 }
1936 .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text rect {
1937 transition: all 0.3s ease;
1938 }
1939 .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text path {
1940 opacity: 0;
1941 visibility: hidden;
1942 transition: all 0.3s ease;
1943 }
1944 .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox input[type=checkbox]:checked + .woocommerce-terms-and-conditions-checkbox-text svg rect {
1945 fill: #6E42D3;
1946 stroke: #6E42D3;
1947 }
1948 .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox input[type=checkbox]:checked + .woocommerce-terms-and-conditions-checkbox-text svg path {
1949 opacity: 1;
1950 visibility: visible;
1951 }
1952
1953 .wpfnl-checkout .woocommerce-account-fields {
1954 background: #fff;
1955 padding: 16px 20px;
1956 border: 1px solid #E5E8F3;
1957 border-radius: 10px;
1958 margin-bottom: 20px;
1959 }
1960 .wpfnl-checkout .woocommerce-account-fields p.create-account.form-row,
1961 .wpfnl-checkout .woocommerce-account-fields .form-row:last-child {
1962 margin-bottom: 0;
1963 }
1964 .wpfnl-checkout .woocommerce-account-fields div.create-account {
1965 margin-top: 10px;
1966 }
1967 .wpfnl-checkout .woocommerce-account-fields .woocommerce-form__label-for-checkbox {
1968 margin-top: 10px;
1969 display: block !important;
1970 }
1971 .wpfnl-checkout .woocommerce-account-fields .woocommerce-form__label-for-checkbox input[type=checkbox] {
1972 display: none !important;
1973 }
1974 .wpfnl-checkout .woocommerce-account-fields .woocommerce-form__label-for-checkbox > span {
1975 position: relative;
1976 line-height: 1.3;
1977 font-size: 16px;
1978 color: #363B4E;
1979 padding-left: 26px;
1980 cursor: pointer;
1981 display: inline-block;
1982 }
1983 .wpfnl-checkout .woocommerce-account-fields .woocommerce-form__label-for-checkbox > span:before {
1984 content: "";
1985 position: absolute;
1986 left: 0;
1987 top: 3px;
1988 width: 18px;
1989 height: 18px;
1990 border-radius: 4px;
1991 border: 2px solid #72737e;
1992 background-color: transparent;
1993 transition: all 0.3s ease;
1994 }
1995 .wpfnl-checkout .woocommerce-account-fields .woocommerce-form__label-for-checkbox > span:after {
1996 content: "";
1997 position: absolute;
1998 top: 5px;
1999 left: 6px;
2000 width: 7px;
2001 height: 11px;
2002 background: transparent;
2003 border-radius: 2px;
2004 opacity: 0;
2005 transform: rotate(45deg) skewX(10deg);
2006 transition: all 0.3s ease;
2007 border: 3px solid #fff;
2008 border-left: none;
2009 border-top: none;
2010 }
2011 .wpfnl-checkout .woocommerce-account-fields .woocommerce-form__label-for-checkbox input[type=checkbox]:checked + span::before {
2012 background-color: #6E42D3;
2013 border-color: #6E42D3;
2014 }
2015 .wpfnl-checkout .woocommerce-account-fields .woocommerce-form__label-for-checkbox input[type=checkbox]:checked + span::after {
2016 opacity: 1;
2017 }
2018 .wpfnl-checkout .wpfnl-billing-same-as-shipping {
2019 margin-top: 10px;
2020 margin-bottom: 20px;
2021 display: block;
2022 }
2023 .wpfnl-checkout .wpfnl-billing-same-as-shipping label.woocommerce-form__label-for-checkbox {
2024 display: block !important;
2025 cursor: pointer;
2026 margin: 0;
2027 }
2028 .wpfnl-checkout .wpfnl-billing-same-as-shipping label.woocommerce-form__label-for-checkbox input[type=checkbox] {
2029 display: none !important;
2030 }
2031 .wpfnl-checkout .wpfnl-billing-same-as-shipping label.woocommerce-form__label-for-checkbox .checkbox-text {
2032 display: flex;
2033 align-items: center;
2034 gap: 10px;
2035 font-size: 15px;
2036 line-height: 1.3;
2037 font-weight: 500;
2038 }
2039 .wpfnl-checkout .wpfnl-billing-same-as-shipping label.woocommerce-form__label-for-checkbox .checkbox-text svg {
2040 width: 20px;
2041 height: auto;
2042 display: block;
2043 }
2044 .wpfnl-checkout .wpfnl-billing-same-as-shipping label.woocommerce-form__label-for-checkbox .checkbox-text .check-rect {
2045 transition: all 0.3s ease;
2046 }
2047 .wpfnl-checkout .wpfnl-billing-same-as-shipping label.woocommerce-form__label-for-checkbox .checkbox-text .check-tick {
2048 opacity: 0;
2049 visibility: hidden;
2050 transition: all 0.3s ease;
2051 }
2052 .wpfnl-checkout .wpfnl-billing-same-as-shipping label.woocommerce-form__label-for-checkbox input[type=checkbox]:checked + .checkbox-text .check-rect {
2053 fill: #6E42D3;
2054 stroke: #6E42D3;
2055 }
2056 .wpfnl-checkout .wpfnl-billing-same-as-shipping label.woocommerce-form__label-for-checkbox input[type=checkbox]:checked + .checkbox-text .check-tick {
2057 opacity: 1;
2058 visibility: visible;
2059 }
2060
2061 .et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce form .place-order {
2062 padding: 1em !important;
2063 }
2064
2065 .et_divi_builder #et_builder_outer_content .wpfnl-checkout.wpfnl-modern-checkout .woocommerce form .place-order {
2066 padding: 0 !important;
2067 margin: 0 !important;
2068 }
2069
2070 .et_divi_builder #et_builder_outer_content .wpfnl_next_step_button {
2071 display: inline-block;
2072 }
2073
2074 .wpfnl-checkout .woocommerce-form-login-toggle {
2075 margin-bottom: 10px;
2076 }
2077 .wpfnl-checkout .woocommerce-form-login.login {
2078 margin-top: 10px;
2079 margin-bottom: 10px;
2080 border-radius: 10px;
2081 padding: 20px 20px 8px;
2082 }
2083 .wpfnl-checkout .woocommerce-form-login.login p.form-row {
2084 margin-bottom: 20px;
2085 }
2086 .wpfnl-checkout .woocommerce-form-login.login .woocommerce-form-login__rememberme {
2087 margin-bottom: 0;
2088 margin-top: 11px;
2089 }
2090 .wpfnl-checkout .woocommerce-form-login.login .woocommerce-form-login__rememberme input[type=checkbox] {
2091 display: none !important;
2092 }
2093 .wpfnl-checkout .woocommerce-form-login.login .woocommerce-form-login__rememberme > span {
2094 position: relative;
2095 line-height: 1.3;
2096 font-size: 16px;
2097 color: #363B4E;
2098 padding-left: 26px;
2099 cursor: pointer;
2100 display: inline-flex;
2101 align-items: center;
2102 gap: 10px;
2103 }
2104 .wpfnl-checkout .woocommerce-form-login.login .woocommerce-form-login__rememberme > span rect {
2105 transition: all 0.3s ease;
2106 }
2107 .wpfnl-checkout .woocommerce-form-login.login .woocommerce-form-login__rememberme > span path {
2108 opacity: 0;
2109 visibility: hidden;
2110 transition: all 0.3s ease;
2111 }
2112 .wpfnl-checkout .woocommerce-form-login.login .woocommerce-form-login__rememberme input[type=checkbox]:checked + span svg rect {
2113 fill: #6E42D3;
2114 stroke: #6E42D3;
2115 }
2116 .wpfnl-checkout .woocommerce-form-login.login .woocommerce-form-login__rememberme input[type=checkbox]:checked + span svg path {
2117 opacity: 1;
2118 visibility: visible;
2119 }
2120
2121 .oxy-wpf-checkout {
2122 width: 100%;
2123 }
2124
2125 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout #ship-to-different-address label span,
2126 body.rtl .wpfnl-checkout #ship-to-different-address label span {
2127 text-align: right;
2128 }
2129 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout table.woocommerce-checkout-review-order-table th,
2130 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout table.woocommerce-checkout-review-order-table td,
2131 body.rtl .wpfnl-checkout table.woocommerce-checkout-review-order-table th,
2132 body.rtl .wpfnl-checkout table.woocommerce-checkout-review-order-table td {
2133 text-align: right;
2134 }
2135 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-shipping-methods li label,
2136 body.rtl .wpfnl-checkout .woocommerce-shipping-methods li label {
2137 padding-right: 28px;
2138 padding-left: 0;
2139 }
2140 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-shipping-methods li label:before,
2141 body.rtl .wpfnl-checkout .woocommerce-shipping-methods li label:before {
2142 left: inherit;
2143 right: 0;
2144 }
2145 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-shipping-methods li label:after,
2146 body.rtl .wpfnl-checkout .woocommerce-shipping-methods li label:after {
2147 left: inherit;
2148 right: 5px;
2149 }
2150 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label,
2151 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label,
2152 body.rtl .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label,
2153 body.rtl .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label {
2154 padding: 0 30px 0 0;
2155 text-align: right;
2156 }
2157 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label:before,
2158 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label:before,
2159 body.rtl .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label:before,
2160 body.rtl .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label:before {
2161 left: inherit;
2162 right: 0;
2163 }
2164 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label:after,
2165 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label:after,
2166 body.rtl .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label:after,
2167 body.rtl .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label:after {
2168 right: 5px;
2169 left: inherit;
2170 }
2171 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label img,
2172 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label img,
2173 body.rtl .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label img,
2174 body.rtl .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label img {
2175 float: left;
2176 }
2177 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment div.payment_box:before,
2178 body.rtl .wpfnl-checkout .woocommerce-checkout #payment div.payment_box:before {
2179 right: 20px;
2180 left: inherit;
2181 }
2182 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row.form-row-last,
2183 body.rtl .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row.form-row-last {
2184 padding-left: 0;
2185 padding-right: 10px;
2186 }
2187 body.rtl.et_divi_builder #et_builder_outer_content #add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand,
2188 body.rtl.et_divi_builder #et_builder_outer_content .woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand,
2189 body.rtl #add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand,
2190 body.rtl .woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand {
2191 right: inherit;
2192 left: 10px;
2193 }
2194 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > label,
2195 body.rtl .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > label {
2196 padding-left: inherit;
2197 padding-right: 30px;
2198 }
2199 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > label:before,
2200 body.rtl .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > label:before {
2201 left: inherit;
2202 right: 0;
2203 }
2204 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > label:after,
2205 body.rtl .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > label:after {
2206 left: inherit;
2207 right: 6px;
2208 }
2209 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce .woocommerce-checkout-review-order,
2210 body.rtl .wpfnl-checkout .woocommerce .woocommerce-checkout-review-order {
2211 padding-left: 0;
2212 padding-right: 10px;
2213 }
2214 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce .col2-set, body.rtl.et_divi_builder #et_builder_outer_content .woocommerce-page .wpfnl-checkout .col2-set,
2215 body.rtl .wpfnl-checkout .woocommerce .col2-set,
2216 body.rtl .woocommerce-page .wpfnl-checkout .col2-set {
2217 padding-right: 0;
2218 padding-left: 10px;
2219 }
2220 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .wpfnl-checkout-form-one-column .woocommerce .col2-set,
2221 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout.wpfnl-col-1 .woocommerce .col2-set,
2222 body.rtl.et_divi_builder #et_builder_outer_content .woocommerce-page .wpfnl-checkout.wpfnl-col-1 .col2-set,
2223 body.rtl .wpfnl-checkout .wpfnl-checkout-form-one-column .woocommerce .col2-set,
2224 body.rtl .wpfnl-checkout.wpfnl-col-1 .woocommerce .col2-set,
2225 body.rtl .woocommerce-page .wpfnl-checkout.wpfnl-col-1 .col2-set {
2226 padding: 0;
2227 }
2228 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-navigation,
2229 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-multistep .wpfnl-multistep-navigation,
2230 body.rtl .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-navigation,
2231 body.rtl .wpfnl-multistep .wpfnl-multistep-navigation {
2232 justify-content: flex-start;
2233 }
2234 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right,
2235 body.rtl .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right {
2236 margin-left: 0;
2237 margin-right: 30px;
2238 }
2239 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-left .express-shipping-table table td,
2240 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-left .express-shipping-table table th,
2241 body.rtl .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-left .express-shipping-table table td,
2242 body.rtl .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-left .express-shipping-table table th {
2243 text-align: right;
2244 }
2245 body.rtl.et_divi_builder #et_builder_outer_content .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text,
2246 body.rtl .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {
2247 padding-left: 0;
2248 padding-right: 0;
2249 }
2250
2251 .wpfnl-place-order-add-overlay {
2252 position: relative;
2253 z-index: 1;
2254 }
2255 .wpfnl-place-order-add-overlay::before {
2256 content: "";
2257 position: absolute;
2258 width: 100%;
2259 height: calc(100% - 20px);
2260 background: none;
2261 bottom: 0;
2262 left: 0;
2263 z-index: 2;
2264 cursor: pointer;
2265 }
2266
2267 @media only screen and (max-width: 991px) {
2268 .wpfnl-checkout .woocommerce form.woocommerce-checkout {
2269 display: block;
2270 }
2271 .wpfnl-checkout .woocommerce .col2-set,
2272 .woocommerce-page .wpfnl-checkout .col2-set {
2273 width: 100%;
2274 padding-right: 0;
2275 }
2276 .wpfnl-checkout .woocommerce .woocommerce-checkout-review-order {
2277 width: 100%;
2278 padding-left: 0;
2279 }
2280 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce .col2-set,
2281 body.rtl.et_divi_builder #et_builder_outer_content .woocommerce-page .wpfnl-checkout .col2-set,
2282 body.rtl .wpfnl-checkout .woocommerce .col2-set,
2283 body.rtl .woocommerce-page .wpfnl-checkout .col2-set {
2284 padding-left: 0;
2285 }
2286 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce .woocommerce-checkout-review-order,
2287 body.rtl .wpfnl-checkout .woocommerce .woocommerce-checkout-review-order {
2288 padding-right: 0;
2289 }
2290 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right,
2291 body.rtl .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right {
2292 margin-right: 0;
2293 }
2294 }
2295 @media only screen and (max-width: 783px) {
2296 .wpfnl-checkout .woocommerce-checkout-review-order #order_review_heading {
2297 display: none;
2298 }
2299 .wpfnl-checkout .wpfnl-mobile-order-summary-toggle {
2300 display: flex;
2301 }
2302 .wpfnl-checkout table.woocommerce-checkout-review-order-table {
2303 display: none;
2304 }
2305 }
2306 @media only screen and (max-width: 575px) {
2307 .wpfnl-checkout .woocommerce-checkout-review-order #order_review_heading,
2308 .wpfnl-checkout .woocommerce-billing-fields > h3,
2309 .wpfnl-checkout .woocommerce-additional-fields > h3,
2310 .wpfnl-checkout .woocommerce-shipping-fields > #ship-to-different-address,
2311 .wpfnl-checkout .wpfnl-customer-info-section #customer_information_heading,
2312 .wpfnl-checkout .wpfnl-checkout-variable-product .variable-product-title {
2313 font-size: 18px;
2314 padding: 10px 13px;
2315 }
2316 .wpfnl-checkout #ship-to-different-address label span {
2317 font-size: 18px;
2318 }
2319 .wpfnl-checkout #ship-to-different-address label span:before {
2320 top: -1px;
2321 }
2322 .wpfnl-checkout #ship-to-different-address label span:after {
2323 top: 2px;
2324 }
2325 .wpfnl-checkout .woocommerce form .form-row-first,
2326 .wpfnl-checkout .woocommerce form .form-row-last,
2327 .woocommerce-page .wpfnl-checkout form .form-row-first,
2328 .woocommerce-page .wpfnl-checkout form .form-row-last {
2329 width: 100%;
2330 }
2331 .wpfnl-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
2332 line-height: 1.3;
2333 }
2334 .wpfnl-checkout .checkout_coupon.woocommerce-form-coupon .form-row {
2335 margin-bottom: 0;
2336 float: none;
2337 width: 100%;
2338 }
2339 .wpfnl-checkout .checkout_coupon.woocommerce-form-coupon button[type=submit] {
2340 margin-top: 10px;
2341 }
2342 .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row.form-row-first {
2343 width: 100%;
2344 padding-right: 0;
2345 }
2346 .wpfnl-checkout .woocommerce-checkout #payment .wc-credit-card-form div.form-row.form-row-last {
2347 width: 100%;
2348 padding-left: 0;
2349 }
2350 .wpfnl-checkout .wpfnl-checkout-variable-product .offer-product-single-variation .variation-attr-name {
2351 width: 100px;
2352 }
2353 .wpfnl-checkout .wpfnl-checkout-variable-product .variation-attr-value.value {
2354 width: calc(100% - 100px);
2355 }
2356 .wpfnl-checkout .wpfnl-checkout-variable-product .product-title {
2357 font-size: 14px;
2358 }
2359 .wpfnl-checkout .wpfnl-checkout-variable-product .offer-product-single-variation .variation-attr-name {
2360 font-size: 14px;
2361 }
2362 .wpfnl-checkout .wpfnl-checkout-variable-product .offer-product-single-variation {
2363 padding: 8px 12px;
2364 }
2365 .wpfnl-checkout .wpfnl-checkout-variable-product .variation-attr-value.value select {
2366 height: 35px;
2367 font-size: 14px;
2368 }
2369 .wpfnl-checkout .wpfnl-checkout-variable-product .variation-attr-value.value:before {
2370 top: 12px;
2371 }
2372 .wpfnl-checkout table.woocommerce-checkout-review-order-table {
2373 border-top: 1px solid #E5E8F3 !important;
2374 }
2375 .wpfnl-checkout table.woocommerce-checkout-review-order-table tr {
2376 display: flex;
2377 flex-wrap: nowrap;
2378 justify-content: space-between;
2379 border-bottom: 1px solid #E5E8F3 !important;
2380 }
2381 .wpfnl-checkout table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping td {
2382 text-align: right;
2383 }
2384 .wpfnl-checkout table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.shipping td .woocommerce-shipping-methods {
2385 min-width: auto;
2386 }
2387 .wpfnl-checkout table.woocommerce-checkout-review-order-table th, .wpfnl-checkout table.woocommerce-checkout-review-order-table td {
2388 border: none !important;
2389 width: auto !important;
2390 min-width: auto !important;
2391 max-width: 100%;
2392 padding: 5px 10px !important;
2393 word-break: break-all;
2394 font-size: 14px;
2395 }
2396 .wpfnl-checkout table.woocommerce-checkout-review-order-table th::before, .wpfnl-checkout table.woocommerce-checkout-review-order-table td::before {
2397 display: none;
2398 }
2399 .wpfnl-checkout table.woocommerce-checkout-review-order-table th.product-total, .wpfnl-checkout table.woocommerce-checkout-review-order-table td.product-total {
2400 text-align: right;
2401 width: auto !important;
2402 min-width: max-content !important;
2403 }
2404 .wpfnl-checkout table.woocommerce-checkout-review-order-table thead {
2405 display: block;
2406 min-width: 100%;
2407 max-width: 100%;
2408 }
2409 .wpfnl-checkout table.woocommerce-checkout-review-order-table thead tr th {
2410 width: 100% !important;
2411 text-align: center;
2412 }
2413 .wpfnl-checkout table.woocommerce-checkout-review-order-table thead tr th.product-total {
2414 display: none;
2415 }
2416 .wpfnl-checkout table.woocommerce-checkout-review-order-table thead tr th .subtotal-text-for-mobile {
2417 display: inline-block;
2418 }
2419 .wpfnl-checkout table.woocommerce-checkout-review-order-table tbody, .wpfnl-checkout table.woocommerce-checkout-review-order-table tfoot {
2420 display: block;
2421 min-width: 100%;
2422 max-width: 100%;
2423 }
2424 .wpfnl-checkout table.woocommerce-checkout-review-order-table tfoot tr:last-child {
2425 border-bottom: none;
2426 }
2427 .wpfnl-checkout .woocommerce-shipping-methods li label {
2428 font-size: 14px;
2429 }
2430 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods {
2431 padding: 10px 14px 10px 14px;
2432 }
2433 }
2434 @media only screen and (max-width: 450px) {
2435 .wpfnl-checkout .wpfnl-checkout-variable-product table {
2436 display: block;
2437 overflow-x: auto;
2438 -webkit-overflow-scrolling: touch;
2439 }
2440 .wpfnl-checkout table.woocommerce-checkout-review-order-table {
2441 display: block;
2442 overflow-x: auto;
2443 -webkit-overflow-scrolling: touch;
2444 }
2445 .wpfnl-checkout .wpfnl-checkout-variable-product table .product-title .woocommerce-input-wrapper label.radio {
2446 min-width: 210px;
2447 }
2448 .wpfnl-checkout table.woocommerce-checkout-review-order-table th:first-child,
2449 .wpfnl-checkout table.woocommerce-checkout-review-order-table td:first-child {
2450 min-width: 200px;
2451 }
2452 .wpfnl-checkout .woocommerce-shipping-methods {
2453 min-width: 150px;
2454 }
2455 }
2456 .wpfunnel_steps-template .thrv_wrapper div {
2457 box-sizing: border-box !important;
2458 }
2459
2460 .wpfunnel_steps-template #tve_editor .woocommerce-checkout * {
2461 white-space: normal;
2462 }
2463
2464 .wpfnl-thankyou-wrapper section {
2465 padding: 0;
2466 }
2467 .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details {
2468 display: flex;
2469 flex-flow: row wrap;
2470 background: #FFFFFF;
2471 border: 1px solid #E5E8F3;
2472 border-radius: 0 0 10px 10px;
2473 margin-bottom: 20px;
2474 }
2475 .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details::after, .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details::before {
2476 display: none;
2477 }
2478 .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details + p {
2479 margin-bottom: 20px;
2480 font-size: 16px;
2481 color: #363B4E;
2482 }
2483 .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details li {
2484 margin: 0;
2485 list-style: none;
2486 border-right: 1px solid #E5E8F3;
2487 line-height: normal;
2488 padding: 14px 20px;
2489 font-size: 14px;
2490 float: none;
2491 color: #363B4E;
2492 flex: 1;
2493 }
2494 .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details li:last-child {
2495 border-right: none;
2496 }
2497 .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details li strong {
2498 display: block;
2499 margin-top: 6px;
2500 color: #363B4E;
2501 font-weight: 500;
2502 font-size: 16px;
2503 }
2504 .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-column__title,
2505 .wpfnl-thankyou-wrapper .woocommerce-order-details__title,
2506 .wpfnl-thankyou-wrapper .woocommerce-notice.woocommerce-thankyou-order-received {
2507 background: #F7F7FA;
2508 color: #363B4E;
2509 box-sizing: border-box;
2510 border-radius: 10px 10px 0px 0px;
2511 margin: 0;
2512 font-size: 22px;
2513 line-height: 1.3;
2514 font-weight: 500;
2515 padding: 15px 20px;
2516 border: 1px solid #E5E8F3;
2517 border-bottom: none;
2518 float: none !important;
2519 display: block;
2520 }
2521 .wpfnl-thankyou-wrapper .woocommerce-order-details {
2522 margin-bottom: 20px;
2523 }
2524 .wpfnl-thankyou-wrapper .woocommerce-order-details .woocommerce-table--order-details {
2525 background: #fff;
2526 border: 1px solid #E5E8F3;
2527 border-radius: 0 0 10px 10px;
2528 border-collapse: collapse;
2529 }
2530 .wpfnl-thankyou-wrapper .woocommerce-order-details .woocommerce-table--order-details th,
2531 .wpfnl-thankyou-wrapper .woocommerce-order-details .woocommerce-table--order-details td {
2532 border: none;
2533 border-bottom: 1px solid #E5E8F3;
2534 text-align: left;
2535 font-size: 16px;
2536 color: #363B4E;
2537 padding: 14px 12px;
2538 background-color: transparent;
2539 }
2540 .wpfnl-thankyou-wrapper .woocommerce-order-details .woocommerce-table--order-details th:first-child,
2541 .wpfnl-thankyou-wrapper .woocommerce-order-details .woocommerce-table--order-details td:first-child {
2542 padding-left: 20px;
2543 width: 60%;
2544 }
2545 .wpfnl-thankyou-wrapper .woocommerce-order-details .woocommerce-table--order-details th:last-child,
2546 .wpfnl-thankyou-wrapper .woocommerce-order-details .woocommerce-table--order-details td:last-child {
2547 padding-right: 20px;
2548 width: 40%;
2549 }
2550 .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses {
2551 display: flex;
2552 flex-flow: row wrap;
2553 }
2554 .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column {
2555 width: 50%;
2556 margin: 0;
2557 }
2558 .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-1 {
2559 padding-right: 10px;
2560 }
2561 .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-2 {
2562 padding-left: 10px;
2563 }
2564 .wpfnl-thankyou-wrapper .woocommerce-customer-details address {
2565 font-size: 16px;
2566 line-height: 1.5;
2567 margin: 0;
2568 padding: 15px 20px;
2569 border: 1px solid #E5E8F3;
2570 background: #fff;
2571 border-radius: 0 0 10px 10px;
2572 height: calc(100% - 60px);
2573 }
2574 .wpfnl-thankyou-wrapper .woocommerce-customer-details address p:last-child {
2575 margin-bottom: 0;
2576 }
2577 .wpfnl-thankyou-wrapper .woocommerce-bacs-bank-details .wc-bacs-bank-details-heading {
2578 color: #363B4E;
2579 box-sizing: border-box;
2580 margin: 0 0 13px;
2581 font-size: 22px;
2582 line-height: 1.3;
2583 font-weight: 500;
2584 }
2585 .wpfnl-thankyou-wrapper .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
2586 background: #F7F7FA;
2587 color: #363B4E;
2588 box-sizing: border-box;
2589 border-radius: 10px 10px 0px 0px;
2590 margin: 0;
2591 font-size: 22px;
2592 line-height: 1.3;
2593 font-weight: 500;
2594 padding: 15px 20px;
2595 border: 1px solid #E5E8F3;
2596 border-bottom: none;
2597 float: none !important;
2598 display: block;
2599 }
2600 .wpfnl-thankyou-wrapper .woocommerce-bacs-bank-details .wc-bacs-bank-details {
2601 display: flex;
2602 flex-flow: row wrap;
2603 background: #FFFFFF;
2604 border: 1px solid #E5E8F3;
2605 border-radius: 0 0 10px 10px;
2606 margin-bottom: 20px;
2607 }
2608 .wpfnl-thankyou-wrapper .woocommerce-bacs-bank-details .wc-bacs-bank-details li {
2609 margin: 0;
2610 list-style: none;
2611 border-right: 1px solid #E5E8F3;
2612 line-height: normal;
2613 padding: 14px 20px;
2614 font-size: 14px;
2615 float: none;
2616 color: #363B4E;
2617 flex: 1;
2618 }
2619 .wpfnl-thankyou-wrapper .woocommerce-bacs-bank-details .wc-bacs-bank-details li strong {
2620 display: block;
2621 margin-top: 6px;
2622 color: #363B4E;
2623 font-weight: 500;
2624 font-size: 16px;
2625 }
2626
2627 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-thankyou-wrapper .woocommerce-order-details .woocommerce-table--order-details th,
2628 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-thankyou-wrapper .woocommerce-order-details .woocommerce-table--order-details td,
2629 body.rtl .wpfnl-thankyou-wrapper .woocommerce-order-details .woocommerce-table--order-details th,
2630 body.rtl .wpfnl-thankyou-wrapper .woocommerce-order-details .woocommerce-table--order-details td {
2631 text-align: right;
2632 }
2633 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-2,
2634 body.rtl .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-2 {
2635 padding-left: 0;
2636 padding-right: 10px;
2637 }
2638 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-1,
2639 body.rtl .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-1 {
2640 padding-right: 0;
2641 padding-left: 10px;
2642 }
2643
2644 /* ---order-overview on/off */
2645 .wpfnl-elementor-display-order-overview-off .woocommerce-thankyou-order-details {
2646 display: none !important;
2647 }
2648
2649 .wpfnl-elementor-display-order-overview-on .woocommerce-thankyou-order-details {
2650 display: flex !important;
2651 }
2652
2653 /* ---order-details on/off */
2654 .wpfnl-elementor-display-order-details-off .woocommerce-order-details {
2655 display: none !important;
2656 }
2657
2658 .wpfnl-elementor-display-order-details-on .woocommerce-order-details {
2659 display: block !important;
2660 }
2661
2662 /* ---billing address on/off */
2663 .wpfnl-elementor-display-billing-address-off .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-1 {
2664 display: none !important;
2665 }
2666
2667 .wpfnl-elementor-display-billing-address-off .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-2 {
2668 padding-left: 0 !important;
2669 }
2670
2671 .wpfnl-elementor-display-billing-address-on .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-1 {
2672 display: block !important;
2673 }
2674
2675 .wpfnl-elementor-display-billing-address-on .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-2 {
2676 padding-left: 10px !important;
2677 }
2678
2679 /* ---shipping address on/off */
2680 .wpfnl-elementor-display-shipping-address-off .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-2 {
2681 display: none !important;
2682 }
2683
2684 .wpfnl-elementor-display-shipping-address-off .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-1 {
2685 padding-right: 0 !important;
2686 }
2687
2688 .wpfnl-elementor-display-shipping-address-on .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-2 {
2689 display: block !important;
2690 }
2691
2692 .wpfnl-elementor-display-shipping-address-on .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-1 {
2693 padding-right: 10px !important;
2694 }
2695
2696 .wpfnl-elementor-display-shipping-address-off.wpfnl-elementor-display-billing-address-off .woocommerce-customer-details {
2697 display: none !important;
2698 }
2699
2700 @media only screen and (max-width: 991px) {
2701 .wpfnl-thankyou-wrapper .woocommerce-bacs-bank-details .wc-bacs-bank-details li,
2702 .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details li {
2703 flex: inherit;
2704 }
2705 .wpfnl-thankyou-wrapper .woocommerce-bacs-bank-details .wc-bacs-bank-details li,
2706 .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details li {
2707 flex: inherit;
2708 width: 33.3333333333%;
2709 border-right: 1px solid #E5E8F3;
2710 border-bottom: 1px solid #E5E8F3;
2711 }
2712 .wpfnl-thankyou-wrapper .woocommerce-bacs-bank-details .wc-bacs-bank-details li:last-child,
2713 .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details li:last-child {
2714 border-right: 1px solid #E5E8F3;
2715 }
2716 }
2717 @media only screen and (max-width: 575px) {
2718 .wpfnl-thankyou-wrapper .woocommerce-bacs-bank-details .wc-bacs-bank-details li,
2719 .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details li {
2720 width: 100%;
2721 padding: 12px 14px;
2722 }
2723 .wpfnl-thankyou-wrapper .woocommerce-bacs-bank-details .wc-bacs-bank-details li strong,
2724 .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details li strong {
2725 word-break: break-all;
2726 line-height: 1;
2727 }
2728 .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses {
2729 display: block;
2730 }
2731 .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column {
2732 padding: 0 !important;
2733 width: 100%;
2734 }
2735 .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-1 {
2736 margin-bottom: 20px;
2737 }
2738 }
2739 .wpfnl-upsell-btn-wrapper {
2740 display: flex;
2741 flex-flow: column;
2742 align-items: flex-start;
2743 }
2744 .wpfnl-upsell-btn-wrapper button {
2745 display: flex;
2746 flex-flow: row;
2747 align-items: center;
2748 }
2749 .wpfnl-upsell-btn-wrapper button .wpfnl-loader {
2750 margin-left: 8px;
2751 border-color: #fff;
2752 border-top-color: transparent;
2753 width: 14px;
2754 height: 14px;
2755 }
2756 .wpfnl-upsell-btn-wrapper .wpfnl-alert {
2757 margin-top: 5px;
2758 }
2759 .wpfnl-upsell-btn-wrapper .wpfnl-alert.box {
2760 margin-top: 7px;
2761 }
2762
2763 #et-boc .et-l #wpfnl-offerbtn-wrapper,
2764 #wpfnl-offerbtn-wrapper {
2765 width: 100%;
2766 }
2767 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-product-variation-title,
2768 #wpfnl-offerbtn-wrapper .wpfnl-product-variation-title {
2769 font-weight: 700;
2770 font-size: 20px;
2771 line-height: 1.1;
2772 color: #363B4C;
2773 margin: 0 0 13px 0;
2774 border: none;
2775 box-shadow: none;
2776 }
2777 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-product-variation,
2778 #wpfnl-offerbtn-wrapper .wpfnl-product-variation {
2779 position: relative;
2780 }
2781 #et-boc .et-l #wpfnl-offerbtn-wrapper .has-variation-product,
2782 #wpfnl-offerbtn-wrapper .has-variation-product {
2783 border: 1px solid #F8F8FF;
2784 border-radius: 10px;
2785 padding: 4px 24px 24px;
2786 }
2787 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-variation-wrapper,
2788 #wpfnl-offerbtn-wrapper .offer-variation-wrapper {
2789 display: flex;
2790 flex-flow: row wrap;
2791 width: 100%;
2792 margin-bottom: 10px;
2793 position: relative;
2794 }
2795 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-variation-wrapper .offer-product-single-variation,
2796 #wpfnl-offerbtn-wrapper .offer-variation-wrapper .offer-product-single-variation {
2797 margin-right: 15px;
2798 margin-top: 15px;
2799 width: calc(50% - 8px);
2800 }
2801 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-variation-wrapper .offer-product-single-variation:nth-child(even),
2802 #wpfnl-offerbtn-wrapper .offer-variation-wrapper .offer-product-single-variation:nth-child(even) {
2803 margin-right: 0;
2804 }
2805 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-variation-wrapper .offer-product-single-variation .variation-attr-name,
2806 #wpfnl-offerbtn-wrapper .offer-variation-wrapper .offer-product-single-variation .variation-attr-name {
2807 font-size: 16px;
2808 line-height: 1.3;
2809 color: #363B4C;
2810 text-transform: capitalize;
2811 margin-bottom: 6px;
2812 text-align: left;
2813 font-weight: 500;
2814 }
2815 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-variation-wrapper .offer-product-single-variation .variation-attr-value,
2816 #wpfnl-offerbtn-wrapper .offer-variation-wrapper .offer-product-single-variation .variation-attr-value {
2817 position: relative;
2818 }
2819 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-variation-wrapper .offer-product-single-variation select,
2820 #wpfnl-offerbtn-wrapper .offer-variation-wrapper .offer-product-single-variation select {
2821 width: 100%;
2822 height: auto;
2823 -webkit-appearance: auto;
2824 appearance: auto;
2825 padding: 10px 14px;
2826 color: #85868F;
2827 border: 1px solid #E5E8F3;
2828 border-radius: 5px;
2829 font-size: 16px;
2830 background: #FFFFFF;
2831 outline: none;
2832 box-shadow: none;
2833 }
2834 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-variation-wrapper .wpfnl-select-variation,
2835 #wpfnl-offerbtn-wrapper .offer-variation-wrapper .wpfnl-select-variation {
2836 display: block;
2837 width: 100%;
2838 font-size: 16px;
2839 font-weight: 500;
2840 color: #ee5f5a;
2841 margin-bottom: 5px;
2842 }
2843 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-variation-wrapper .reset_variations,
2844 #wpfnl-offerbtn-wrapper .offer-variation-wrapper .reset_variations {
2845 line-height: 1;
2846 font-size: 13px;
2847 font-weight: 500;
2848 color: #000000;
2849 text-transform: capitalize;
2850 padding: 7px 5px;
2851 text-align: center;
2852 width: 100%;
2853 margin-top: 15px;
2854 border-radius: 5px;
2855 font-style: italic;
2856 }
2857 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-variation-wrapper .reset_variations[style*="visibility: hidden"],
2858 #wpfnl-offerbtn-wrapper .offer-variation-wrapper .reset_variations[style*="visibility: hidden"] {
2859 display: none;
2860 }
2861 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-variation-wrapper .reset_variations[style*="visibility: visible"],
2862 #wpfnl-offerbtn-wrapper .offer-variation-wrapper .reset_variations[style*="visibility: visible"] {
2863 display: block;
2864 }
2865 #et-boc .et-l #wpfnl-offerbtn-wrapper .variations select,
2866 #wpfnl-offerbtn-wrapper .variations select {
2867 height: auto !important;
2868 }
2869 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper,
2870 #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper {
2871 display: flex;
2872 flex-flow: row wrap;
2873 align-items: center;
2874 justify-content: flex-start;
2875 gap: 10px;
2876 }
2877 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-right,
2878 #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-right {
2879 flex-direction: row-reverse;
2880 justify-content: flex-end;
2881 }
2882 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-top,
2883 #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-top {
2884 flex-direction: column;
2885 align-items: flex-start;
2886 }
2887 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-bottom,
2888 #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-bottom {
2889 flex-direction: column-reverse;
2890 align-items: flex-start;
2891 }
2892 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price,
2893 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price {
2894 display: inline-flex;
2895 align-items: center;
2896 flex-flow: row-reverse;
2897 }
2898 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price bdi,
2899 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price bdi {
2900 color: #000000;
2901 font-weight: 700;
2902 font-size: 32px;
2903 line-height: 1.18;
2904 text-decoration: none;
2905 }
2906 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price del,
2907 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price del {
2908 margin-left: 6px !important;
2909 margin-right: 8px;
2910 }
2911 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price del bdi,
2912 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price del bdi {
2913 font-weight: 500;
2914 font-size: 20px;
2915 line-height: 1.1;
2916 color: rgba(54, 59, 76, 0.8);
2917 }
2918 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price ins,
2919 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price ins {
2920 text-decoration: none;
2921 }
2922 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-btn-loader,
2923 #wpfnl-offerbtn-wrapper .offer-btn-loader {
2924 display: block;
2925 background: rgba(0, 0, 0, 0.2117647059);
2926 width: calc(100% + 20px);
2927 height: 100%;
2928 position: absolute;
2929 top: 8px;
2930 left: -10px;
2931 border-radius: 10px;
2932 z-index: 2;
2933 display: none;
2934 }
2935 #et-boc .et-l #wpfnl-offerbtn-wrapper .offer-btn-loader:before,
2936 #wpfnl-offerbtn-wrapper .offer-btn-loader:before {
2937 content: "";
2938 position: absolute;
2939 left: 50%;
2940 top: 50%;
2941 width: 40px;
2942 height: 40px;
2943 margin-top: -20px;
2944 margin-left: -20px;
2945 border: 3px solid #353535;
2946 border-radius: 100%;
2947 transform: translate(-50%, -50%);
2948 border-top-color: #fff;
2949 animation: spin 0.7s linear infinite;
2950 }
2951
2952 #et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper {
2953 display: flex;
2954 flex-flow: row wrap;
2955 align-items: center;
2956 }
2957
2958 .wp-block-wpfnl-offer-btn-center #wpfnl-offerbtn-wrapper,
2959 .elementor-align-center #wpfnl-offerbtn-wrapper {
2960 margin: 0 auto;
2961 }
2962 .wp-block-wpfnl-offer-btn-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper,
2963 .elementor-align-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper {
2964 justify-content: center;
2965 }
2966 .wp-block-wpfnl-offer-btn-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-top,
2967 .elementor-align-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-top {
2968 align-items: center;
2969 }
2970 .wp-block-wpfnl-offer-btn-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-right,
2971 .elementor-align-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-right {
2972 align-items: flex-end;
2973 }
2974 .wp-block-wpfnl-offer-btn-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-bottom,
2975 .elementor-align-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-bottom {
2976 align-items: center;
2977 }
2978
2979 .wp-block-wpfnl-offer-btn-center #wpfnl-offerbtn-wrapper .wpfnl-product-variation-title {
2980 text-align: center;
2981 }
2982
2983 .oxy-offer-button-center {
2984 text-align: center !important;
2985 }
2986 .oxy-offer-button-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper {
2987 justify-content: center;
2988 }
2989 .oxy-offer-button-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-top {
2990 align-items: center;
2991 }
2992 .oxy-offer-button-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-right {
2993 align-items: flex-end;
2994 }
2995 .oxy-offer-button-center #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-bottom {
2996 align-items: center;
2997 }
2998
2999 .wp-block-wpfnl-offer-btn-right #wpfnl-offerbtn-wrapper,
3000 .elementor-align-right #wpfnl-offerbtn-wrapper {
3001 margin-left: auto;
3002 margin-right: 0;
3003 }
3004 .wp-block-wpfnl-offer-btn-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper,
3005 .elementor-align-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper {
3006 justify-content: flex-end;
3007 }
3008 .wp-block-wpfnl-offer-btn-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-top,
3009 .elementor-align-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-top {
3010 align-items: flex-end;
3011 }
3012 .wp-block-wpfnl-offer-btn-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-right,
3013 .elementor-align-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-right {
3014 justify-content: flex-start;
3015 }
3016 .wp-block-wpfnl-offer-btn-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-bottom,
3017 .elementor-align-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-bottom {
3018 align-items: flex-end;
3019 }
3020
3021 .wp-block-wpfnl-offer-btn-right #wpfnl-offerbtn-wrapper .wpfnl-product-variation-title {
3022 text-align: right;
3023 }
3024
3025 .oxy-offer-button-right {
3026 text-align: right !important;
3027 }
3028 .oxy-offer-button-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper {
3029 justify-content: flex-end;
3030 }
3031 .oxy-offer-button-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-top {
3032 align-items: flex-end;
3033 }
3034 .oxy-offer-button-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-right {
3035 justify-content: flex-start;
3036 }
3037 .oxy-offer-button-right #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper.price-bottom {
3038 align-items: flex-end;
3039 }
3040
3041 .wpfnl-bump-order-content {
3042 background: #f7f7f7;
3043 margin: 20px 0;
3044 }
3045
3046 .woocommerce-checkout-review-order > .wpfnl-bump-order-content,
3047 .woocommerce > .wpfnl-bump-order-content {
3048 margin-top: 0;
3049 }
3050
3051 .wpfnl-content-container {
3052 display: flex;
3053 flex-flow: row wrap;
3054 align-items: center;
3055 }
3056
3057 .wpfnl-bump-order-offer-content-left {
3058 width: 40%;
3059 }
3060 .wpfnl-bump-order-offer-content-left img {
3061 display: block;
3062 }
3063
3064 .wpfnl-bump-order-offer-content-right {
3065 width: 60%;
3066 padding: 30px;
3067 }
3068 .wpfnl-bump-order-offer-content-right .wpfnl-bump-order-field-wrap {
3069 margin-bottom: 15px;
3070 }
3071 .wpfnl-bump-order-offer-content-right .wpfnl-bump-order-offer-title {
3072 font-weight: 700;
3073 font-size: 24px;
3074 margin-bottom: 15px;
3075 }
3076 .wpfnl-bump-order-offer-content-right .wpfnl-bump-order-desc {
3077 font-size: 18px;
3078 line-height: 1.5;
3079 }
3080
3081 .wpfnl-bump-order-content.vertical .wpfnl-content-container {
3082 display: block;
3083 }
3084 .wpfnl-bump-order-content.vertical .wpfnl-bump-order-offer-content-left {
3085 width: 100%;
3086 }
3087 .wpfnl-bump-order-content.vertical .wpfnl-bump-order-offer-content-right {
3088 width: 100%;
3089 padding: 20px;
3090 }
3091
3092 .wpfnl-order-bump-wrapper .wpfnl-bump-order-label {
3093 margin-left: 5px;
3094 }
3095
3096 .wpfnl-order-bump-wrapper .wpfnl-product-title {
3097 margin: 10px 0 0;
3098 }
3099
3100 .wpfnl-order-bump-wrapper .wpfnl-product-description {
3101 margin-top: 8px;
3102 margin-bottom: 15px;
3103 }
3104
3105 /* ---vertical layout--- */
3106 .wpfnl-order-bump-wrapper.vertical .wpfnl-content-container {
3107 display: block;
3108 }
3109
3110 .wpfnl-order-bump-wrapper.vertical .wpfnl-content-container .wpfnl-bump-order-offer-content-left {
3111 width: 100%;
3112 }
3113
3114 .wpfnl-order-bump-wrapper.vertical .wpfnl-content-container .wpfnl-bump-order-offer-content-right {
3115 width: 100%;
3116 padding: 20px;
3117 }
3118
3119 .wpfnl-order-bump__popup-wrapper {
3120 position: fixed;
3121 z-index: 999;
3122 right: 50%;
3123 top: -100%;
3124 width: 100%;
3125 max-width: 1160px;
3126 padding: 0 20px;
3127 border-radius: 11px;
3128 transition: all 0.9s cubic-bezier(0.77, 0.2, 0.28, 0.88);
3129 transform: translateX(50%);
3130 }
3131 .wpfnl-order-bump__popup-wrapper.show {
3132 top: 30px;
3133 }
3134 .wpfnl-order-bump__popup-wrapper .close-order-bump {
3135 height: 28px;
3136 width: 28px;
3137 display: flex;
3138 flex-flow: column;
3139 align-items: center;
3140 justify-content: center;
3141 border-radius: 100%;
3142 cursor: pointer;
3143 position: absolute;
3144 right: 27px;
3145 top: 4px;
3146 opacity: 0.6;
3147 z-index: 1;
3148 }
3149 .wpfnl-order-bump__popup-wrapper .close-order-bump:hover {
3150 opacity: 1;
3151 }
3152 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-wrapper {
3153 position: relative;
3154 background-color: #FAFAFF;
3155 display: flex;
3156 flex-flow: row wrap;
3157 align-items: center;
3158 justify-content: space-between;
3159 padding: 10px 50px 18px 20px;
3160 box-shadow: 0 26px 20px 0px rgba(0, 0, 0, 0.1019607843);
3161 }
3162 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-wrapper .oderbump-loader {
3163 border-radius: 0;
3164 }
3165 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-left {
3166 width: 55%;
3167 padding-right: 15px;
3168 display: flex;
3169 flex-flow: row wrap;
3170 align-items: center;
3171 }
3172 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-left .wpfnl-order-bump__image-area {
3173 position: relative;
3174 }
3175 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-left .wpfnl-order-bump__content-area {
3176 width: calc(100% - 120px);
3177 padding-left: 20px;
3178 }
3179 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-left .order-bump__product-title {
3180 color: #171719;
3181 margin: 0 0 10px 0;
3182 font-size: 20px;
3183 font-weight: 700;
3184 }
3185 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-left .order-bump__product-detail {
3186 margin: 0;
3187 font-size: 15px;
3188 color: #777777;
3189 overflow: hidden;
3190 text-overflow: ellipsis;
3191 display: -webkit-box;
3192 -webkit-line-clamp: 2;
3193 -webkit-box-orient: vertical;
3194 }
3195 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-left .order-bump__product-price {
3196 margin: 7px 0 0 0;
3197 color: #4d4d4e;
3198 font-size: 15px;
3199 font-weight: 700;
3200 }
3201 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-right {
3202 max-width: 45%;
3203 position: relative;
3204 }
3205 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__button input[type=checkbox] {
3206 display: none;
3207 }
3208 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__button label {
3209 font-size: 15px;
3210 color: #171719;
3211 font-weight: 500;
3212 cursor: pointer;
3213 transition: all 0.3s ease;
3214 display: inline-block;
3215 }
3216 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__button.mobile-btn {
3217 display: none;
3218 }
3219 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__button .wpfnl-bump-order-label {
3220 position: relative;
3221 padding-left: 28px;
3222 }
3223 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__button .wpfnl-bump-order-label:before {
3224 content: "";
3225 position: absolute;
3226 left: 0;
3227 top: 0;
3228 width: 20px;
3229 height: 20px;
3230 border: 1px solid #6E42D2;
3231 border-radius: 4px;
3232 background: #fafaff;
3233 }
3234 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__button .wpfnl-bump-order-label:after {
3235 content: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgOCA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yLjg5NCA4YS44NDMuODQzIDAgMDEtLjY0Ny0uMzA1TC4yMDUgNS4yNTJhLjg4OC44ODggMCAwMS4wOTItMS4yMy44MzYuODM2IDAgMDExLjIuMDk0bDEuMzM2IDEuNTk3TDcuMDUzLjQ5NWMuNjUzLS45MzggMS4zMzctLjQxOS42OC41MjRMMy41ODcgNy42MzVBLjg0Ni44NDYgMCAwMTIuODk0IDh6Ii8+PC9zdmc+);
3236 position: absolute;
3237 left: 5px;
3238 top: 0px;
3239 width: 10px;
3240 height: 10px;
3241 opacity: 0;
3242 transition: all 0.3s ease;
3243 }
3244 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__button input[type=checkbox]:checked + .wpfnl-bump-order-label:after {
3245 opacity: 1;
3246 }
3247 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__image-area img {
3248 height: 120px;
3249 display: block;
3250 position: relative;
3251 }
3252
3253 @media only screen and (max-width: 767px) {
3254 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-wrapper {
3255 display: block;
3256 }
3257 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-left {
3258 width: 100%;
3259 padding-right: 0;
3260 }
3261 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-right {
3262 max-width: 100%;
3263 }
3264 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__button {
3265 margin-top: 10px;
3266 }
3267 }
3268 @media only screen and (max-width: 575px) {
3269 .wpfnl-order-bump__popup-wrapper .close-order-bump {
3270 height: 24px;
3271 width: 24px;
3272 right: 10px;
3273 top: -10px;
3274 border: 1px solid #7A8B9A;
3275 background: #fafaff;
3276 }
3277 .wpfnl-order-bump__popup-wrapper .close-order-bump svg {
3278 width: 10px;
3279 height: 10px;
3280 }
3281 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-left .order-bump__product-title {
3282 font-size: 17px;
3283 }
3284 }
3285 @media only screen and (max-width: 470px) {
3286 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-wrapper {
3287 padding: 18px 20px 18px 20px;
3288 }
3289 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-left {
3290 display: block;
3291 }
3292 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__content-left .wpfnl-order-bump__content-area {
3293 width: 100%;
3294 padding-left: 0;
3295 text-align: center;
3296 }
3297 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__image-area img {
3298 margin: 0 auto 12px;
3299 }
3300 .wpfnl-order-bump__popup-wrapper .wpfnl-order-bump__button {
3301 text-align: center;
3302 }
3303 }
3304 .funnel-landing-block {
3305 border-radius: 5px;
3306 color: white;
3307 padding: 0.5em;
3308 text-decoration: none;
3309 }
3310
3311 .wpfnl-button-subtitle {
3312 display: block;
3313 text-align: center;
3314 margin-top: 10px;
3315 font-size: 14px;
3316 line-height: 1.2;
3317 }
3318
3319 .wpfnl-has-subtitle .bricks-button {
3320 display: inline-flex;
3321 flex-flow: column;
3322 align-items: center;
3323 gap: 0;
3324 justify-content: center;
3325 }
3326 .wpfnl-has-subtitle .bricks-button .icon-wrapper {
3327 display: inline-flex;
3328 align-items: center;
3329 gap: 10px;
3330 justify-content: center;
3331 line-height: 1.3;
3332 }
3333 .wpfnl-has-subtitle .bricks-button small {
3334 display: block;
3335 line-height: 1.1;
3336 letter-spacing: normal;
3337 text-decoration: none;
3338 }
3339
3340 .wpfnl-animation {
3341 opacity: 0;
3342 transition: none;
3343 }
3344
3345 .bricks-editor-active,
3346 .bricks-editor-active .wpfnl-animation {
3347 opacity: 1;
3348 }
3349
3350 .wpfnl-animation.wpfnl-animated {
3351 opacity: 1;
3352 animation-duration: 0.8s;
3353 animation-fill-mode: both;
3354 }
3355
3356 @keyframes wpfnl-fadeIn {
3357 from {
3358 opacity: 0;
3359 }
3360 to {
3361 opacity: 1;
3362 }
3363 }
3364 @keyframes wpfnl-fadeInUp {
3365 from {
3366 opacity: 0;
3367 transform: translateY(30px);
3368 }
3369 to {
3370 opacity: 1;
3371 transform: translateY(0);
3372 }
3373 }
3374 @keyframes wpfnl-fadeInDown {
3375 from {
3376 opacity: 0;
3377 transform: translateY(-30px);
3378 }
3379 to {
3380 opacity: 1;
3381 transform: translateY(0);
3382 }
3383 }
3384 @keyframes wpfnl-fadeInLeft {
3385 from {
3386 opacity: 0;
3387 transform: translateX(-30px);
3388 }
3389 to {
3390 opacity: 1;
3391 transform: translateX(0);
3392 }
3393 }
3394 @keyframes wpfnl-fadeInRight {
3395 from {
3396 opacity: 0;
3397 transform: translateX(30px);
3398 }
3399 to {
3400 opacity: 1;
3401 transform: translateX(0);
3402 }
3403 }
3404 @keyframes wpfnl-zoomIn {
3405 from {
3406 opacity: 0;
3407 transform: scale(0.6);
3408 }
3409 to {
3410 opacity: 1;
3411 transform: scale(1);
3412 }
3413 }
3414 @keyframes wpfnl-zoomInUp {
3415 from {
3416 opacity: 0;
3417 transform: scale(0.6) translateY(30px);
3418 }
3419 to {
3420 opacity: 1;
3421 transform: scale(1) translateY(0);
3422 }
3423 }
3424 @keyframes wpfnl-bounceIn {
3425 0% {
3426 opacity: 0;
3427 transform: scale(0.3);
3428 }
3429 50% {
3430 opacity: 1;
3431 transform: scale(1.05);
3432 }
3433 70% {
3434 transform: scale(0.9);
3435 }
3436 100% {
3437 opacity: 1;
3438 transform: scale(1);
3439 }
3440 }
3441 @keyframes wpfnl-bounceInUp {
3442 0% {
3443 opacity: 0;
3444 transform: translateY(60px);
3445 }
3446 60% {
3447 opacity: 1;
3448 transform: translateY(-10px);
3449 }
3450 80% {
3451 transform: translateY(5px);
3452 }
3453 100% {
3454 opacity: 1;
3455 transform: translateY(0);
3456 }
3457 }
3458 @keyframes wpfnl-slideInUp {
3459 from {
3460 opacity: 0;
3461 transform: translateY(50px);
3462 }
3463 to {
3464 opacity: 1;
3465 transform: translateY(0);
3466 }
3467 }
3468 @keyframes wpfnl-slideInLeft {
3469 from {
3470 opacity: 0;
3471 transform: translateX(-50px);
3472 }
3473 to {
3474 opacity: 1;
3475 transform: translateX(0);
3476 }
3477 }
3478 @keyframes wpfnl-slideInRight {
3479 from {
3480 opacity: 0;
3481 transform: translateX(50px);
3482 }
3483 to {
3484 opacity: 1;
3485 transform: translateX(0);
3486 }
3487 }
3488 @keyframes wpfnl-flipInX {
3489 from {
3490 opacity: 0;
3491 transform: perspective(400px) rotateX(90deg);
3492 }
3493 to {
3494 opacity: 1;
3495 transform: perspective(400px) rotateX(0);
3496 }
3497 }
3498 @keyframes wpfnl-flipInY {
3499 from {
3500 opacity: 0;
3501 transform: perspective(400px) rotateY(90deg);
3502 }
3503 to {
3504 opacity: 1;
3505 transform: perspective(400px) rotateY(0);
3506 }
3507 }
3508 @keyframes wpfnl-pulse {
3509 0%, 100% {
3510 opacity: 1;
3511 transform: scale(1);
3512 }
3513 50% {
3514 transform: scale(1.06);
3515 }
3516 }
3517 @keyframes wpfnl-tada {
3518 0% {
3519 transform: scale(1);
3520 }
3521 10%, 20% {
3522 transform: scale(0.9) rotate(-3deg);
3523 }
3524 30%, 50%, 70%, 90% {
3525 transform: scale(1.1) rotate(3deg);
3526 }
3527 40%, 60%, 80% {
3528 transform: scale(1.1) rotate(-3deg);
3529 }
3530 100% {
3531 transform: scale(1) rotate(0);
3532 }
3533 }
3534 @keyframes wpfnl-wobble {
3535 0% {
3536 transform: translateX(0);
3537 }
3538 15% {
3539 transform: translateX(-10px) rotate(-5deg);
3540 }
3541 30% {
3542 transform: translateX(8px) rotate(3deg);
3543 }
3544 45% {
3545 transform: translateX(-6px) rotate(-3deg);
3546 }
3547 60% {
3548 transform: translateX(4px) rotate(2deg);
3549 }
3550 75% {
3551 transform: translateX(-2px) rotate(-1deg);
3552 }
3553 100% {
3554 transform: translateX(0);
3555 }
3556 }
3557 .wpfnl-animation.wpfnl-animated.fadeIn {
3558 animation-name: wpfnl-fadeIn;
3559 }
3560 .wpfnl-animation.wpfnl-animated.fadeInUp {
3561 animation-name: wpfnl-fadeInUp;
3562 }
3563 .wpfnl-animation.wpfnl-animated.fadeInDown {
3564 animation-name: wpfnl-fadeInDown;
3565 }
3566 .wpfnl-animation.wpfnl-animated.fadeInLeft {
3567 animation-name: wpfnl-fadeInLeft;
3568 }
3569 .wpfnl-animation.wpfnl-animated.fadeInRight {
3570 animation-name: wpfnl-fadeInRight;
3571 }
3572 .wpfnl-animation.wpfnl-animated.zoomIn {
3573 animation-name: wpfnl-zoomIn;
3574 }
3575 .wpfnl-animation.wpfnl-animated.zoomInUp {
3576 animation-name: wpfnl-zoomInUp;
3577 }
3578 .wpfnl-animation.wpfnl-animated.bounceIn {
3579 animation-name: wpfnl-bounceIn;
3580 }
3581 .wpfnl-animation.wpfnl-animated.bounceInUp {
3582 animation-name: wpfnl-bounceInUp;
3583 }
3584 .wpfnl-animation.wpfnl-animated.slideInUp {
3585 animation-name: wpfnl-slideInUp;
3586 }
3587 .wpfnl-animation.wpfnl-animated.slideInLeft {
3588 animation-name: wpfnl-slideInLeft;
3589 }
3590 .wpfnl-animation.wpfnl-animated.slideInRight {
3591 animation-name: wpfnl-slideInRight;
3592 }
3593 .wpfnl-animation.wpfnl-animated.flipInX {
3594 animation-name: wpfnl-flipInX;
3595 }
3596 .wpfnl-animation.wpfnl-animated.flipInY {
3597 animation-name: wpfnl-flipInY;
3598 }
3599 .wpfnl-animation.wpfnl-animated.pulse {
3600 animation-name: wpfnl-pulse;
3601 }
3602 .wpfnl-animation.wpfnl-animated.tada {
3603 animation-name: wpfnl-tada;
3604 }
3605 .wpfnl-animation.wpfnl-animated.wobble {
3606 animation-name: wpfnl-wobble;
3607 }
3608
3609 @media (min-width: 1200px) {
3610 .wpfnl-hide-desktop {
3611 display: none !important;
3612 }
3613 }
3614 @media (min-width: 768px) and (max-width: 1199px) {
3615 .wpfnl-hide-tablet {
3616 display: none !important;
3617 }
3618 }
3619 @media (max-width: 767px) {
3620 .wpfnl-hide-mobile {
3621 display: none !important;
3622 }
3623 }
3624 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard,
3625 .wpfnl-multistep .wpfnl-multistep-wizard {
3626 display: flex;
3627 flex-flow: row wrap;
3628 position: relative;
3629 margin-bottom: 40px;
3630 list-style: none !important;
3631 padding: 0 !important;
3632 }
3633 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard:before,
3634 .wpfnl-multistep .wpfnl-multistep-wizard:before {
3635 content: "";
3636 position: absolute;
3637 top: 24px;
3638 left: 0;
3639 width: 100%;
3640 height: 2px;
3641 background: #eee;
3642 z-index: 0;
3643 }
3644 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard > li,
3645 .wpfnl-multistep .wpfnl-multistep-wizard > li {
3646 flex: 1;
3647 text-align: center;
3648 }
3649 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard > li:before,
3650 .wpfnl-multistep .wpfnl-multistep-wizard > li:before {
3651 content: "";
3652 position: absolute;
3653 top: 24px;
3654 left: 0;
3655 width: 100%;
3656 height: 2px;
3657 background: transparent;
3658 }
3659 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard > li.completed:before, .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard > li.current:before,
3660 .wpfnl-multistep .wpfnl-multistep-wizard > li.completed:before,
3661 .wpfnl-multistep .wpfnl-multistep-wizard > li.current:before {
3662 background: #6E42D3;
3663 }
3664 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard li,
3665 .wpfnl-multistep .wpfnl-multistep-wizard li {
3666 position: relative;
3667 z-index: 1;
3668 }
3669 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard li button,
3670 .wpfnl-multistep .wpfnl-multistep-wizard li button {
3671 color: #363B4E !important;
3672 background: transparent !important;
3673 border: none;
3674 box-shadow: none;
3675 outline: none;
3676 border-radius: 0;
3677 padding: 0;
3678 margin: 0;
3679 box-sizing: border-box;
3680 font-weight: 700;
3681 text-decoration: none;
3682 position: relative;
3683 z-index: 2;
3684 }
3685 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard li button:focus,
3686 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard li button:hover,
3687 .wpfnl-multistep .wpfnl-multistep-wizard li button:focus,
3688 .wpfnl-multistep .wpfnl-multistep-wizard li button:hover {
3689 color: #363B4E !important;
3690 background: transparent !important;
3691 border: none;
3692 box-shadow: none;
3693 outline: none;
3694 border-radius: 0;
3695 }
3696 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard li .step-icon,
3697 .wpfnl-multistep .wpfnl-multistep-wizard li .step-icon {
3698 width: 50px;
3699 height: 50px;
3700 border: 4px solid #ffffff;
3701 display: flex;
3702 flex-flow: column;
3703 align-items: center;
3704 justify-content: center;
3705 margin: 0 auto 10px;
3706 border-radius: 50%;
3707 background: #e8e8ed;
3708 box-shadow: 0 4px 9px rgba(34, 34, 34, 0.231372549);
3709 }
3710 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard li .step-title,
3711 .wpfnl-multistep .wpfnl-multistep-wizard li .step-title {
3712 color: #363B4E;
3713 margin: 0;
3714 padding: 0 10px;
3715 font-size: 18px;
3716 line-height: 1.2;
3717 font-weight: 500;
3718 display: block;
3719 }
3720 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard li.completed .step-icon, .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard li.current .step-icon,
3721 .wpfnl-multistep .wpfnl-multistep-wizard li.completed .step-icon,
3722 .wpfnl-multistep .wpfnl-multistep-wizard li.current .step-icon {
3723 border-color: #6E42D3;
3724 background: #6E42D3;
3725 }
3726 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard li.completed .step-icon path, .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard li.current .step-icon path,
3727 .wpfnl-multistep .wpfnl-multistep-wizard li.completed .step-icon path,
3728 .wpfnl-multistep .wpfnl-multistep-wizard li.current .step-icon path {
3729 fill: #fff;
3730 }
3731 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-navigation,
3732 .wpfnl-multistep .wpfnl-multistep-navigation {
3733 display: flex;
3734 flex-flow: row wrap;
3735 justify-content: flex-end;
3736 margin-top: 30px;
3737 }
3738 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-navigation button[type=button],
3739 .wpfnl-multistep .wpfnl-multistep-navigation button[type=button] {
3740 padding: 14px 25px;
3741 font-weight: 600;
3742 font-size: 16px;
3743 min-width: 120px;
3744 background: #6E42D3;
3745 color: #fff;
3746 border-radius: 6px;
3747 margin: 0 0 0 15px;
3748 box-sizing: border-box;
3749 box-shadow: none;
3750 outline: none;
3751 border: none;
3752 height: auto;
3753 text-align: center;
3754 display: block;
3755 }
3756 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-navigation button[type=button]:disabled,
3757 .wpfnl-multistep .wpfnl-multistep-navigation button[type=button]:disabled {
3758 opacity: 0.5;
3759 cursor: not-allowed;
3760 user-select: none;
3761 }
3762 .wpfnl-checkout-form-wpfnl-multistep .woocommerce-form-coupon-toggle,
3763 .wpfnl-multistep .woocommerce-form-coupon-toggle {
3764 display: none;
3765 }
3766
3767 .wpfnl-multistep.wpfnl-2-step .woocommerce #wpfnl_checkout_shipping {
3768 display: block;
3769 }
3770
3771 .wpfnl-checkout-form-wpfnl-multistep .woocommerce #customer_details.col2-set,
3772 .wpfnl-multistep .woocommerce #customer_details.col2-set {
3773 width: 100% !important;
3774 padding-right: 0;
3775 margin: 0 !important;
3776 float: none !important;
3777 display: block;
3778 }
3779
3780 .woocommerce-page.woocommerce-checkout .wpfnl-checkout-form-wpfnl-multistep form #order_review,
3781 .wpfnl-checkout-form-wpfnl-multistep .woocommerce #order_review,
3782 .woocommerce-page.woocommerce-checkout .wpfnl-multistep form #order_review,
3783 .wpfnl-multistep .woocommerce #order_review {
3784 width: 100% !important;
3785 padding-left: 0;
3786 display: none;
3787 float: none !important;
3788 }
3789
3790 .wpfnl-checkout-form-wpfnl-multistep .user-not-logedin #wpfnl_checkout_billing,
3791 .wpfnl-multistep.wpfnl-2-step .user-not-logedin #wpfnl_checkout_billing,
3792 .wpfnl-multistep .user-not-logedin #wpfnl_checkout_billing {
3793 display: none;
3794 }
3795
3796 .wpfnl-checkout-form-wpfnl-multistep .woocommerce #wpfnl_checkout_shipping,
3797 .wpfnl-multistep.wpfnl-2-step .user-not-logedin #wpfnl_checkout_shipping,
3798 .wpfnl-multistep .woocommerce #wpfnl_checkout_shipping {
3799 display: none;
3800 }
3801
3802 @media only screen and (max-width: 575px) {
3803 .wpfnl-checkout-form-wpfnl-multistep .wpfnl-multistep-wizard li .step-title,
3804 .wpfnl-multistep .wpfnl-multistep-wizard li .step-title {
3805 font-size: 15px;
3806 }
3807 }
3808 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper {
3809 display: flex;
3810 flex-flow: row wrap;
3811 align-items: flex-start;
3812 }
3813 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-left {
3814 width: 60%;
3815 }
3816 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-left .express-shipping-table {
3817 margin-bottom: 20px;
3818 background: #ffffff;
3819 border-radius: 10px;
3820 border: 1px solid #E5E8F3;
3821 }
3822 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-left .express-shipping-table table td, .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-left .express-shipping-table table th {
3823 border: none;
3824 text-align: left;
3825 padding: 10px 15px;
3826 white-space: initial;
3827 }
3828 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-left .express-shipping-table table th {
3829 width: 110px;
3830 border-right: 1px solid #E5E8F3;
3831 vertical-align: middle;
3832 }
3833 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right {
3834 margin-left: 30px;
3835 padding: 30px;
3836 width: calc(40% - 30px);
3837 position: sticky;
3838 top: 0;
3839 background: #f7f7f7;
3840 }
3841 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right .woocommerce-NoticeGroup {
3842 display: none;
3843 position: absolute;
3844 opacity: 0;
3845 visibility: hidden;
3846 }
3847 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right .responsive-table {
3848 display: block;
3849 width: 100%;
3850 overflow-x: auto;
3851 -webkit-overflow-scrolling: touch;
3852 }
3853 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right form.woocommerce-checkout {
3854 display: block;
3855 margin-top: 0;
3856 }
3857 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right #order_review_heading,
3858 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right #order_review {
3859 background: #F7F7FA;
3860 color: #363B4E;
3861 box-sizing: border-box;
3862 border-radius: 10px 10px 0px 0px;
3863 margin: 0;
3864 font-size: 22px;
3865 line-height: 1.2;
3866 font-weight: 500;
3867 padding: 15px 20px;
3868 border: 1px solid #E5E8F3;
3869 border-bottom: none;
3870 float: none;
3871 display: block;
3872 width: 100%;
3873 }
3874 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right .woocommerce-checkout-review-order-table thead:first-child tr:first-child th {
3875 border-top: none;
3876 }
3877 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right table.woocommerce-checkout-review-order-table {
3878 margin: 0;
3879 }
3880
3881 @media only screen and (max-width: 991px) {
3882 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper {
3883 flex-flow: column-reverse;
3884 }
3885 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-left {
3886 width: 100%;
3887 }
3888 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right {
3889 margin-left: 0;
3890 padding: 0;
3891 width: 100%;
3892 position: relative;
3893 top: 0;
3894 background: transparent;
3895 margin-bottom: 30px;
3896 }
3897 }
3898 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-wrapper {
3899 display: grid;
3900 grid-template-columns: minmax(0, 1fr) minmax(500px, 420px);
3901 grid-template-areas: "left right";
3902 align-items: flex-start;
3903 border-radius: 20px;
3904 background: #FFF;
3905 }
3906 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left,
3907 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-right {
3908 min-width: 0;
3909 }
3910 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left {
3911 grid-area: left;
3912 padding: 40px;
3913 border-right: 1px solid #E5E7EB;
3914 }
3915 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left form.woocommerce-checkout {
3916 display: block;
3917 margin-top: 0;
3918 }
3919 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left #wc-stripe-express-checkout-element {
3920 margin-top: 0 !important;
3921 border-radius: 10px;
3922 border: 1px solid #E5E7EB;
3923 padding: 22px 24px;
3924 gap: 16px;
3925 }
3926 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left #wc-stripe-express-checkout-button-separator {
3927 margin-bottom: 20px;
3928 margin-top: 20px !important;
3929 font-size: 14px;
3930 font-weight: 600;
3931 line-height: 1;
3932 }
3933 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left .wpfnl-customer-shipping {
3934 border: 1px solid #E5E7EB;
3935 border-radius: 10px;
3936 padding: 21px 24px 24px;
3937 margin-bottom: 24px;
3938 }
3939 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left .wpfnl-customer-shipping .wpfnl-shipping-methods-title {
3940 color: #1a241a;
3941 font-size: 20px;
3942 line-height: 1.2;
3943 font-weight: 500;
3944 margin-bottom: 18px;
3945 }
3946 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left .wpfnl-customer-shipping ul#shipping_method li {
3947 line-height: 1;
3948 }
3949 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left .wpfnl-customer-shipping ul#shipping_method li:last-child {
3950 margin-bottom: 0;
3951 }
3952 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-right {
3953 grid-area: right;
3954 padding: 30px;
3955 border-left: 1px solid #e5e7eb;
3956 margin-left: -1px;
3957 }
3958 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-section--customer-information {
3959 margin-bottom: 24px;
3960 }
3961 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-section--customer-information .wpfnl-logged-in-customer-info {
3962 font-size: 14px;
3963 }
3964 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields,
3965 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields,
3966 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields {
3967 border: 1px solid #E5E7EB;
3968 border-radius: 10px;
3969 padding: 21px 24px 24px;
3970 }
3971 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom,
3972 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields,
3973 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields,
3974 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields {
3975 margin-bottom: 24px;
3976 }
3977 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom:before, .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom:after,
3978 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields:before,
3979 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields:after,
3980 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields:before,
3981 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields:after,
3982 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields:before,
3983 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields:after {
3984 display: none;
3985 }
3986 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row,
3987 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row,
3988 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row,
3989 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row {
3990 margin: 0;
3991 width: 100%;
3992 }
3993 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row > label,
3994 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row > label,
3995 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row > label,
3996 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row > label {
3997 margin-bottom: 8px;
3998 color: #686B7D;
3999 font-size: 16px;
4000 font-weight: 500;
4001 line-height: 1;
4002 }
4003 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row input[type=text],
4004 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row input[type=email],
4005 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row input[type=password],
4006 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row input[type=number],
4007 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row input[type=tel],
4008 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row input[type=date],
4009 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row input[type=month],
4010 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row input[type=week],
4011 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row input[type=time],
4012 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row input[type=datetime],
4013 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row select,
4014 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row input.input-text,
4015 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row textarea,
4016 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row input[type=text],
4017 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row input[type=email],
4018 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row input[type=password],
4019 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row input[type=number],
4020 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row input[type=tel],
4021 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row input[type=date],
4022 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row input[type=month],
4023 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row input[type=week],
4024 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row input[type=time],
4025 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row input[type=datetime],
4026 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row select,
4027 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row input.input-text,
4028 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row textarea,
4029 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row input[type=text],
4030 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row input[type=email],
4031 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row input[type=password],
4032 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row input[type=number],
4033 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row input[type=tel],
4034 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row input[type=date],
4035 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row input[type=month],
4036 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row input[type=week],
4037 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row input[type=time],
4038 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row input[type=datetime],
4039 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row select,
4040 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row input.input-text,
4041 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row textarea,
4042 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row input[type=text],
4043 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row input[type=email],
4044 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row input[type=password],
4045 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row input[type=number],
4046 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row input[type=tel],
4047 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row input[type=date],
4048 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row input[type=month],
4049 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row input[type=week],
4050 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row input[type=time],
4051 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row input[type=datetime],
4052 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row select,
4053 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row input.input-text,
4054 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row textarea {
4055 font-size: 14px;
4056 font-weight: 500;
4057 border-radius: 8px;
4058 border: 1px solid rgba(0, 0, 0, 0);
4059 background: #F3F3F5;
4060 padding: 10px 15px;
4061 color: #0A0A0A;
4062 }
4063 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .select2-container .select2-selection--single .select2-selection__rendered,
4064 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .select2-container .select2-selection--single .select2-selection__rendered,
4065 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .select2-container .select2-selection--single .select2-selection__rendered,
4066 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .select2-container .select2-selection--single .select2-selection__rendered {
4067 padding: 10px 15px;
4068 font-size: 14px;
4069 color: #0A0A0A;
4070 font-weight: 500;
4071 }
4072 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .select2-container--default .select2-selection--single,
4073 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .select2-container--default .select2-selection--single,
4074 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .select2-container--default .select2-selection--single,
4075 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .select2-container--default .select2-selection--single {
4076 color: #0A0A0A;
4077 font-size: 14px;
4078 font-weight: 500;
4079 border: 1px solid rgba(0, 0, 0, 0);
4080 border-radius: 8px;
4081 font-size: 16px;
4082 padding: 0;
4083 background: #F3F3F5;
4084 }
4085 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .select2-container--focus .select2-selection,
4086 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .select2-container--focus .select2-selection,
4087 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .select2-container--focus .select2-selection,
4088 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .select2-container--focus .select2-selection {
4089 border-color: rgba(0, 0, 0, 0);
4090 outline: none;
4091 background: #F3F3F5;
4092 }
4093 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .iti__country-container,
4094 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .iti__country-container,
4095 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .iti__country-container,
4096 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .iti__country-container {
4097 left: 7px;
4098 }
4099 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .iti .iti__selected-dial-code,
4100 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .iti .iti__selected-dial-code,
4101 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .iti .iti__selected-dial-code,
4102 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .iti .iti__selected-dial-code {
4103 font-size: 14px;
4104 font-weight: 500;
4105 }
4106 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .iti__selected-country-primary,
4107 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .iti__selected-country-primary,
4108 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .iti__selected-country-primary,
4109 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .iti__selected-country-primary {
4110 gap: 6px;
4111 cursor: pointer;
4112 }
4113 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .iti__selected-country-primary:focus, .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .iti__selected-country-primary:hover,
4114 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .iti__selected-country-primary:focus,
4115 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .iti__selected-country-primary:hover,
4116 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .iti__selected-country-primary:focus,
4117 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .iti__selected-country-primary:hover,
4118 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .iti__selected-country-primary:focus,
4119 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .iti__selected-country-primary:hover {
4120 background-color: transparent !important;
4121 }
4122 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .iti__arrow,
4123 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .iti__arrow,
4124 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .iti__arrow,
4125 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .iti__arrow {
4126 margin: 0;
4127 }
4128 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .iti__tel-input,
4129 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .iti__tel-input,
4130 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .iti__tel-input,
4131 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .iti__tel-input {
4132 padding-left: 89px !important;
4133 }
4134 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .iti__dropdown-content,
4135 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .iti__dropdown-content,
4136 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .iti__dropdown-content,
4137 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .iti__dropdown-content {
4138 max-width: unset !important;
4139 }
4140 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields-custom .form-row .iti__country-list .iti__country-name,
4141 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row .iti__country-list .iti__country-name,
4142 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row .iti__country-list .iti__country-name,
4143 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row .iti__country-list .iti__country-name {
4144 font-size: 14px;
4145 line-height: 1;
4146 font-weight: 500;
4147 }
4148 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout-review-order #order_review_heading,
4149 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields > h3,
4150 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields > h3,
4151 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields > #ship-to-different-address,
4152 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields .shipping-field-title,
4153 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-checkout-variable-product .variable-product-title {
4154 background: transparent;
4155 color: #1A241A;
4156 border-radius: 0;
4157 font-size: 20px;
4158 padding: 0;
4159 border: none;
4160 margin-bottom: 25px;
4161 }
4162 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields #ship-to-different-address {
4163 margin-bottom: 0;
4164 }
4165 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields #ship-to-different-address label span {
4166 padding-left: 30px;
4167 padding-right: 0;
4168 color: #686B7D;
4169 font-size: 16px;
4170 font-style: normal;
4171 font-weight: 500;
4172 line-height: 18px;
4173 }
4174 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields #ship-to-different-address label span:before {
4175 width: 18px;
4176 height: 18px;
4177 right: inherit;
4178 left: 0;
4179 top: -1px;
4180 border-radius: 4px;
4181 border: 1px solid rgba(0, 0, 0, 0.1);
4182 background: #F3F3F5;
4183 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
4184 }
4185 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields #ship-to-different-address label span:after {
4186 top: 2px;
4187 left: 3px;
4188 right: inherit;
4189 background-color: transparent;
4190 background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQwNjlfMzQ0KSI+CjxwYXRoIGQ9Ik0zLjA1NTY2IDcuMzMzMzlMNi4xMTEyMiAxMC4zODg5TDEyLjIyMjMgNC4yNzc4MyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQwNjlfMzQ0Ij4KPHJlY3Qgd2lkdGg9IjE0LjY2NjciIGhlaWdodD0iMTQuNjY2NyIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
4191 background-size: contain;
4192 background-repeat: no-repeat;
4193 opacity: 0;
4194 }
4195 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields #ship-to-different-address label input[type=checkbox]:checked + span:after {
4196 opacity: 1;
4197 right: inherit;
4198 }
4199 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields .shipping_address {
4200 background: transparent;
4201 margin-top: 25px;
4202 border: 1px solid #E5E7EB;
4203 border-radius: 10px;
4204 padding: 21px 24px 24px;
4205 }
4206 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields__field-wrapper,
4207 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper {
4208 background: transparent;
4209 padding: 0;
4210 border: none;
4211 border-radius: 0;
4212 margin-bottom: 0;
4213 }
4214 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper,
4215 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper {
4216 display: flex;
4217 flex-flow: row wrap;
4218 gap: 16px;
4219 }
4220 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_phone_field,
4221 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field,
4222 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_state_field,
4223 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_city_field,
4224 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field,
4225 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field,
4226 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_phone_field,
4227 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_postcode_field,
4228 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_state_field,
4229 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_city_field,
4230 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_last_name_field,
4231 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_first_name_field,
4232 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_phone_field,
4233 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_postcode_field,
4234 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_state_field,
4235 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_city_field,
4236 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_last_name_field,
4237 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_first_name_field,
4238 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field,
4239 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_postcode_field,
4240 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_state_field,
4241 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_city_field,
4242 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
4243 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_first_name_field {
4244 width: calc(50% - 8px);
4245 }
4246 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary {
4247 margin-bottom: 20px;
4248 }
4249 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-section {
4250 border: 1px solid #E5E7EB;
4251 border-radius: 10px;
4252 padding: 21px 24px;
4253 }
4254 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-section #customer_information_heading,
4255 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-section .wpfnl-modern-section__title {
4256 color: #1A241A;
4257 font-size: 20px;
4258 font-weight: 500;
4259 line-height: 1.2;
4260 margin-bottom: 10px;
4261 }
4262 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment {
4263 background: transparent;
4264 border-radius: 0;
4265 border: none;
4266 padding: 0;
4267 }
4268 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment ul.payment_methods {
4269 padding: 0;
4270 display: flex;
4271 flex-direction: column;
4272 gap: 12px;
4273 }
4274 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment ul.payment_methods:before, .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment ul.payment_methods:after {
4275 display: none;
4276 }
4277 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li,
4278 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li {
4279 padding: 13px 16px;
4280 border: 1px solid #E5E7EB;
4281 border-radius: 8px;
4282 }
4283 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment div.form-row {
4284 padding: 1em 0 0;
4285 }
4286 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label,
4287 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li > label {
4288 color: #1A241A;
4289 }
4290 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label::before,
4291 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li > label::before {
4292 box-sizing: border-box;
4293 }
4294 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label img,
4295 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment ul.payment_methods > li > label img {
4296 width: 30px;
4297 height: auto;
4298 display: block;
4299 margin: 0;
4300 }
4301 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment div.payment_box {
4302 color: #686B7D;
4303 border-radius: 6px;
4304 font-size: 14px;
4305 margin-top: 10px;
4306 }
4307 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment div.payment_box::before {
4308 opacity: 0;
4309 }
4310 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods {
4311 margin: 0px 0 12px;
4312 }
4313 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods li:last-child {
4314 border-bottom: 1px solid #E5E7EB;
4315 }
4316 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment .woocommerce-privacy-policy-text p {
4317 font-size: 14px;
4318 color: #1A241A;
4319 }
4320 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment p.testmode-info {
4321 margin-bottom: 10px;
4322 }
4323 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment .woocommerce-no-available-payment-methods-message {
4324 font-size: 15px;
4325 }
4326 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment #place_order {
4327 border-radius: 10px;
4328 border: none;
4329 cursor: pointer;
4330 }
4331 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment #place_order span {
4332 color: #fff;
4333 }
4334 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment div#ppcp-recaptcha-v2-container {
4335 margin: 0 !important;
4336 }
4337 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary #order_review_heading {
4338 color: #1A241A;
4339 font-size: 20px;
4340 font-weight: 500;
4341 line-height: 1.2;
4342 margin-bottom: 25px;
4343 display: none;
4344 }
4345 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .woocommerce-checkout-review-order {
4346 width: 100%;
4347 padding-left: 0;
4348 }
4349 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table {
4350 border: none;
4351 border-radius: 0;
4352 transition: none;
4353 }
4354 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table th,
4355 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table td {
4356 border-color: #E5E7EB;
4357 }
4358 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table thead {
4359 display: none;
4360 }
4361 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tbody td {
4362 border: none;
4363 }
4364 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tbody td:first-child {
4365 padding-left: 0 !important;
4366 }
4367 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tbody td:last-child {
4368 text-align: right;
4369 padding-right: 0 !important;
4370 width: 110px;
4371 }
4372 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tbody td .woocommerce-Price-amount.amount {
4373 color: #1A241A;
4374 font-size: 16px;
4375 font-weight: 400;
4376 line-height: 1;
4377 }
4378 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot th {
4379 color: #686B7D;
4380 font-size: 16px;
4381 font-weight: 400;
4382 line-height: 1.2;
4383 }
4384 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot th:first-child {
4385 padding-left: 0 !important;
4386 }
4387 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot td {
4388 color: #1A241A;
4389 font-size: 16px;
4390 line-height: 1.2;
4391 font-weight: 400;
4392 }
4393 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot td:first-child {
4394 padding-left: 0 !important;
4395 }
4396 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot td:last-child {
4397 text-align: right;
4398 padding-right: 0 !important;
4399 }
4400 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot .cart-subtotal + tr th, .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot .cart-subtotal + tr td {
4401 padding-top: 0 !important;
4402 border-top: 0;
4403 }
4404 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot .order-total th {
4405 color: #1A241A;
4406 font-size: 20px;
4407 font-weight: 500;
4408 line-height: 1.1;
4409 }
4410 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot .order-total td .amount {
4411 color: #0639FF;
4412 font-size: 20px;
4413 font-weight: 600;
4414 line-height: 1.2;
4415 }
4416 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-coupon-toggle-wrapper {
4417 margin: 20px 0 0;
4418 }
4419 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-coupon-toggle-wrapper .wpfnl-coupon-toggle-notice {
4420 color: #686B7D;
4421 font-size: 14px;
4422 font-weight: 500;
4423 line-height: 1.4;
4424 }
4425 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-coupon-toggle-wrapper .wpfnl-coupon-toggle-link {
4426 color: #0639FF;
4427 font-weight: 600;
4428 text-decoration: none;
4429 margin-left: 4px;
4430 cursor: pointer;
4431 }
4432 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-coupon-toggle-wrapper .wpfnl-coupon-toggle-link:hover {
4433 text-decoration: underline;
4434 }
4435 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-custom-coupon-field {
4436 display: flex;
4437 align-items: stretch;
4438 gap: 10px;
4439 margin: 20px 0;
4440 }
4441 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-custom-coupon-field.wpfnl-coupon-collapsible {
4442 margin-top: 12px;
4443 }
4444 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-custom-coupon-field .wpfnl-coupon-col-1 {
4445 flex: 1;
4446 min-width: 0;
4447 }
4448 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-custom-coupon-field .wpfnl-coupon-col-2 {
4449 flex-shrink: 0;
4450 }
4451 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-custom-coupon-field .wpfnl-coupon-code-input {
4452 width: 100%;
4453 height: 100%;
4454 font-size: 14px;
4455 font-weight: 500;
4456 border-radius: 8px;
4457 border: 1px solid rgba(0, 0, 0, 0);
4458 background: #F3F3F5;
4459 padding: 12px 15px;
4460 color: #0A0A0A;
4461 }
4462 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-custom-coupon-field .wpfnl-coupon-code-input::placeholder {
4463 color: #9CA3AF;
4464 }
4465 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-custom-coupon-field .wpfnl-coupon-code-input:focus {
4466 outline: none;
4467 border-color: #0639FF;
4468 }
4469 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-custom-coupon-field .wpfnl-submit-coupon {
4470 height: 100%;
4471 white-space: nowrap;
4472 font-size: 14px;
4473 font-weight: 600;
4474 color: #1A241A;
4475 background: #F3F3F5;
4476 border: 1px solid #E5E7EB;
4477 border-radius: 8px;
4478 padding: 12px 20px;
4479 cursor: pointer;
4480 transition: background 0.2s ease;
4481 }
4482 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary .wpfnl-custom-coupon-field .wpfnl-submit-coupon:hover {
4483 background: #E5E7EB;
4484 }
4485 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-instant-checkout-step {
4486 display: none;
4487 }
4488 .wpfnl-checkout.wpfnl-modern-one-column .wpfnl-instant-checkout-step {
4489 padding: 22px 0 0;
4490 border-bottom: none;
4491 }
4492 .wpfnl-checkout.wpfnl-modern-one-column .wpfnl-modern-checkout-wrapper {
4493 grid-template-columns: 1fr;
4494 grid-template-areas: unset;
4495 }
4496 .wpfnl-checkout.wpfnl-modern-one-column .wpfnl-modern-checkout-left {
4497 grid-area: unset;
4498 border-right: 0;
4499 }
4500 .wpfnl-checkout.wpfnl-modern-one-column .wpfnl-modern-checkout-right {
4501 grid-area: unset;
4502 border-left: 0;
4503 }
4504 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-nav {
4505 margin-bottom: 40px;
4506 }
4507 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-nav .wpfnl-modern-multistep-nav-steps {
4508 display: flex;
4509 align-items: center;
4510 gap: 10px;
4511 list-style: none;
4512 margin: 0;
4513 padding: 0;
4514 }
4515 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-nav .wpfnl-modern-multistep-nav-step {
4516 display: flex;
4517 align-items: center;
4518 }
4519 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-nav .wpfnl-modern-multistep-nav-step-btn {
4520 background: none;
4521 border: none;
4522 padding: 0;
4523 cursor: pointer;
4524 color: rgba(254, 126, 109, 0.4);
4525 font-size: 18px;
4526 font-weight: 500;
4527 line-height: 1;
4528 transition: color 0.2s ease;
4529 }
4530 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-nav .wpfnl-modern-multistep-nav-step-btn:focus-visible {
4531 outline: 2px solid #0639FF;
4532 outline-offset: 3px;
4533 border-radius: 3px;
4534 }
4535 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-nav .wpfnl-modern-multistep-nav-step-btn:hover {
4536 color: #FE7E6D;
4537 }
4538 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-nav .wpfnl-modern-multistep-nav-step.completed .wpfnl-modern-multistep-nav-step-btn,
4539 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-nav .wpfnl-modern-multistep-nav-step.active .wpfnl-modern-multistep-nav-step-btn {
4540 color: #FE7E6D;
4541 }
4542 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-nav .wpfnl-modern-multistep-nav-sep {
4543 display: flex;
4544 align-items: center;
4545 color: #D1D5DB;
4546 flex-shrink: 0;
4547 }
4548 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-navigation .next-step-btn {
4549 color: #FFF;
4550 text-align: center;
4551 font-size: 18px;
4552 font-weight: 500;
4553 line-height: 1.2;
4554 text-transform: capitalize;
4555 border-radius: 10px;
4556 background-color: #FE7E6D;
4557 cursor: pointer;
4558 border: none;
4559 padding: 14px 21px;
4560 display: block;
4561 width: 100%;
4562 transition: all 0.3s ease;
4563 }
4564 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-navigation .next-step-btn:hover {
4565 background-color: #ee6a59;
4566 }
4567 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-navigation .next-step-btn:disabled {
4568 opacity: 0.6;
4569 cursor: not-allowed;
4570 user-select: none;
4571 }
4572 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-navigation .next-step-btn:focus {
4573 outline: 2px solid #f9c0b8;
4574 outline-offset: 2px;
4575 }
4576 .wpfnl-checkout.wpfnl-modern-multistep .money-back-guarantee-text {
4577 color: #1A241A;
4578 font-size: 15px;
4579 font-weight: 500;
4580 line-height: 1.4;
4581 display: flex;
4582 align-items: center;
4583 gap: 4px;
4584 justify-content: center;
4585 margin-top: 20px;
4586 }
4587 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-billing-same-as-shipping {
4588 display: none;
4589 }
4590 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-shipping-fields {
4591 display: none;
4592 }
4593 .wpfnl-checkout.wpfnl-modern-multistep .woocommerce-additional-fields {
4594 display: none;
4595 }
4596 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-section--payment {
4597 display: none;
4598 }
4599
4600 @media only screen and (max-width: 1399px) {
4601 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-wrapper {
4602 grid-template-columns: minmax(0, 1fr) minmax(450px, 420px);
4603 }
4604 .wpfnl-checkout.wpfnl-modern-one-column .wpfnl-modern-checkout-wrapper {
4605 grid-template-columns: 1fr;
4606 grid-template-areas: unset;
4607 }
4608 }
4609 @media only screen and (max-width: 1199px) {
4610 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-wrapper {
4611 grid-template-columns: minmax(0, 1fr) minmax(380px, 400px);
4612 }
4613 .wpfnl-checkout.wpfnl-modern-one-column .wpfnl-modern-checkout-wrapper {
4614 grid-template-columns: 1fr;
4615 grid-template-areas: unset;
4616 }
4617 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left {
4618 padding: 20px;
4619 }
4620 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-right {
4621 padding: 20px;
4622 }
4623 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left #wc-stripe-express-checkout-element {
4624 padding: 18px 20px;
4625 }
4626 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left .wpfnl-customer-shipping {
4627 padding: 15px 20px;
4628 }
4629 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-section {
4630 padding: 15px 20px;
4631 }
4632 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields,
4633 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields {
4634 padding: 16px 20px 20px;
4635 }
4636 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields .shipping_address {
4637 padding: 18px 20px 20px;
4638 }
4639 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields .form-row > label,
4640 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-shipping-fields .form-row > label,
4641 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields .form-row > label {
4642 font-size: 14px;
4643 }
4644 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > label,
4645 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > label {
4646 font-size: 14px;
4647 padding: 0px 0 0 26px;
4648 line-height: 1.3;
4649 }
4650 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tbody .product-name-text {
4651 color: #1A241A;
4652 font-size: 14px;
4653 }
4654 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tbody td .woocommerce-Price-amount.amount {
4655 font-size: 14px;
4656 }
4657 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot th {
4658 font-size: 14px;
4659 }
4660 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot td {
4661 font-size: 14px;
4662 }
4663 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot .order-total th {
4664 font-size: 16px;
4665 }
4666 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot .order-total td .amount {
4667 font-size: 16px;
4668 }
4669 }
4670 @media only screen and (max-width: 991px) {
4671 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-wrapper {
4672 grid-template-columns: 1fr;
4673 gap: 10px;
4674 grid-template-areas: "right" "left";
4675 border-radius: 12px;
4676 }
4677 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left {
4678 border-right: none;
4679 }
4680 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-right {
4681 position: relative;
4682 padding-bottom: 0;
4683 border-left: none;
4684 margin-left: 0;
4685 }
4686 .wpfnl-checkout.wpfnl-modern-one-column .wpfnl-modern-checkout-right {
4687 position: relative;
4688 padding-bottom: 20px;
4689 }
4690 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary {
4691 margin-bottom: 0;
4692 }
4693 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-nav {
4694 margin-bottom: 24px;
4695 }
4696 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-testimonial-section {
4697 display: none;
4698 }
4699 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-testimonial-benefits {
4700 display: none;
4701 }
4702 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table {
4703 padding-top: 20px;
4704 margin: 0;
4705 }
4706 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-nav .wpfnl-modern-multistep-nav-step-btn {
4707 font-size: 15px;
4708 }
4709 .wpfnl-checkout.wpfnl-modern-multistep .wpfnl-modern-multistep-navigation .next-step-btn {
4710 font-size: 15px;
4711 border-radius: 8px;
4712 padding: 10px 15px;
4713 }
4714 .wpfnl-checkout.wpfnl-modern-multistep .money-back-guarantee-text {
4715 font-size: 14px;
4716 margin-top: 10px;
4717 }
4718 }
4719 @media only screen and (max-width: 783px) {
4720 .wpfnl-express-checkout .wpfnl-express-checkout-wrapper .wpfnl-express-checkout-right #order_review_heading {
4721 display: none;
4722 }
4723 }
4724 @media only screen and (max-width: 575px) {
4725 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_phone_field,
4726 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field,
4727 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_state_field,
4728 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_city_field,
4729 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field,
4730 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field,
4731 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_phone_field,
4732 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_postcode_field,
4733 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_state_field,
4734 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_city_field,
4735 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_last_name_field,
4736 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields__field-wrapper #billing_first_name_field,
4737 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_phone_field,
4738 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_postcode_field,
4739 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_state_field,
4740 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_city_field,
4741 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_last_name_field,
4742 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #shipping_first_name_field,
4743 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field,
4744 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_postcode_field,
4745 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_state_field,
4746 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_city_field,
4747 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
4748 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields__field-wrapper #billing_first_name_field {
4749 width: 100%;
4750 }
4751 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left .wpfnl-customer-shipping .wpfnl-shipping-methods-title {
4752 font-size: 18px;
4753 }
4754 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left .wpfnl-customer-shipping {
4755 padding: 12px 14px 14px;
4756 }
4757 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-section {
4758 padding: 12px 14px;
4759 }
4760 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-section--payment {
4761 padding: 0;
4762 border: none;
4763 border-radius: 0;
4764 }
4765 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-checkout-left #wc-stripe-express-checkout-element {
4766 padding: 12px 14px;
4767 }
4768 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields,
4769 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-fields {
4770 padding: 12px 14px 14px;
4771 }
4772 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields .shipping_address {
4773 padding: 12px 14px 14px;
4774 }
4775 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout-review-order #order_review_heading,
4776 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-billing-fields > h3,
4777 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-additional-fields > h3,
4778 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields > #ship-to-different-address,
4779 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields .shipping-field-title,
4780 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-checkout-variable-product .variable-product-title {
4781 font-size: 18px;
4782 margin-bottom: 16px;
4783 }
4784 .wpfnl-checkout .woocommerce-shipping-fields .shipping-field-title,
4785 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields > #ship-to-different-address {
4786 margin-bottom: 0;
4787 }
4788 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-section #customer_information_heading,
4789 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-section .wpfnl-modern-section__title {
4790 font-size: 18px;
4791 margin-bottom: 6px;
4792 }
4793 .wpfnl-checkout .woocommerce-shipping-fields .shipping-field-title,
4794 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields > #ship-to-different-address label span {
4795 font-size: 18px;
4796 }
4797 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-billing-same-as-shipping.form-row {
4798 margin-bottom: 20px;
4799 padding: 12px 16px;
4800 background: #F9FAFB;
4801 border: 1px solid #E5E7EB;
4802 border-radius: 8px;
4803 }
4804 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-shipping-fields .shipping_address {
4805 margin-top: 16px;
4806 }
4807 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tbody,
4808 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tfoot {
4809 display: table;
4810 }
4811 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table {
4812 border-top: none !important;
4813 }
4814 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tr {
4815 border-bottom: none !important;
4816 display: table-row;
4817 }
4818 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tr.cart-subtotal td,
4819 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tr.cart-subtotal th {
4820 border-top: 1px solid #E5E7EB !important;
4821 }
4822 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tr.order-total td,
4823 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table tr.order-total th {
4824 border-top: 1px solid #E5E7EB !important;
4825 }
4826 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table th,
4827 .wpfnl-checkout.wpfnl-modern-checkout .wpfnl-modern-order-summary table.woocommerce-checkout-review-order-table td {
4828 padding: 10px 10px !important;
4829 word-break: unset;
4830 }
4831 .wpfnl-checkout.wpfnl-modern-checkout .woocommerce-checkout #payment #place_order {
4832 font-size: 14px;
4833 }
4834 .wpfnl-checkout.wpfnl-modern-checkout #payment .woocommerce-SavedPaymentMethods-saveNew > label {
4835 font-size: 14px;
4836 }
4837 }
4838 .wpfnl-optin-form.clickto-expand-optin {
4839 display: none;
4840 }
4841 .wpfnl-optin-form .wpfnl-optin-form-group {
4842 width: 100%;
4843 margin-bottom: 12px;
4844 }
4845 .wpfnl-optin-form .wpfnl-optin-form-group:last-child {
4846 margin-bottom: 0;
4847 }
4848 .wpfnl-optin-form .wpfnl-optin-form-group > label {
4849 display: block;
4850 font-weight: 500;
4851 font-size: 15px;
4852 line-height: 1.33;
4853 color: #363B4E;
4854 margin-bottom: 7px;
4855 text-align: left;
4856 }
4857 .wpfnl-optin-form .wpfnl-optin-form-group .required-mark {
4858 color: #df1010;
4859 }
4860 .wpfnl-optin-form .wpfnl-optin-form-group .input-wrapper {
4861 display: block;
4862 position: relative;
4863 }
4864 .wpfnl-optin-form .wpfnl-optin-form-group .input-wrapper .field-icon {
4865 position: absolute;
4866 top: 50%;
4867 right: 16px;
4868 line-height: 1;
4869 transform: translateY(-50%);
4870 }
4871 .wpfnl-optin-form .wpfnl-optin-form-group textarea,
4872 .wpfnl-optin-form .wpfnl-optin-form-group input[type=text],
4873 .wpfnl-optin-form .wpfnl-optin-form-group input[type=email] {
4874 width: 100%;
4875 background-image: none !important;
4876 border: 1px solid #DFE1E8;
4877 margin: 0;
4878 font-size: 15px;
4879 line-height: 1.33;
4880 color: #7A8B9A;
4881 padding: 11px 40px 11px 14px;
4882 border-radius: 5px;
4883 background: #FFFFFF;
4884 }
4885 .wpfnl-optin-form .wpfnl-optin-form-group .btn-optin {
4886 background-color: #6E42D3;
4887 color: #fff;
4888 text-align: center;
4889 padding: 12px 20px 13px;
4890 line-height: 1.3 !important;
4891 display: inline-flex;
4892 align-items: center;
4893 justify-content: center;
4894 cursor: pointer;
4895 border: none;
4896 }
4897 .wpfnl-optin-form .wpfnl-optin-form-group .btn-optin:hover {
4898 background-color: #4C25A5;
4899 }
4900 .wpfnl-optin-form .wpfnl-optin-form-group .btn-optin .wpfnl-loader {
4901 position: relative;
4902 top: 2px;
4903 }
4904 .wpfnl-optin-form .wpfnl-optin-form-group .btn-optin[disabled] {
4905 opacity: 0.7;
4906 cursor: not-allowed;
4907 }
4908 .wpfnl-optin-form .wpfnl-optin-form-group.user-registration-checkbox, .wpfnl-optin-form .wpfnl-optin-form-group.acceptance-checkbox {
4909 margin-bottom: 20px;
4910 }
4911 .wpfnl-optin-form .wpfnl-optin-form-group.user-registration-checkbox input[type=checkbox], .wpfnl-optin-form .wpfnl-optin-form-group.acceptance-checkbox input[type=checkbox] {
4912 position: absolute;
4913 opacity: 0;
4914 z-index: 0;
4915 }
4916 .wpfnl-optin-form .wpfnl-optin-form-group.user-registration-checkbox > label, .wpfnl-optin-form .wpfnl-optin-form-group.acceptance-checkbox > label {
4917 font-size: 15px;
4918 line-height: 1.33;
4919 color: #7A8B9A;
4920 padding: 0 0 0 26px;
4921 margin: 0;
4922 position: relative;
4923 cursor: pointer;
4924 z-index: 1;
4925 }
4926 .wpfnl-optin-form .wpfnl-optin-form-group.user-registration-checkbox > label .check-box, .wpfnl-optin-form .wpfnl-optin-form-group.acceptance-checkbox > label .check-box {
4927 content: "";
4928 position: absolute;
4929 left: 0;
4930 top: 1px;
4931 width: 18px;
4932 height: 18px;
4933 border-radius: 4px;
4934 border: 2px solid #72737e;
4935 background-color: transparent;
4936 transition: all 0.3s ease;
4937 }
4938 .wpfnl-optin-form .wpfnl-optin-form-group.user-registration-checkbox > label p, .wpfnl-optin-form .wpfnl-optin-form-group.acceptance-checkbox > label p {
4939 display: inline-block;
4940 padding: 0 !important;
4941 margin: 0 !important;
4942 line-height: 1 !important;
4943 }
4944 .wpfnl-optin-form .wpfnl-optin-form-group.user-registration-checkbox > label .check-box::after, .wpfnl-optin-form .wpfnl-optin-form-group.acceptance-checkbox > label .check-box::after {
4945 content: "";
4946 position: absolute;
4947 top: calc(50% + 1px);
4948 left: calc(50% - 4px);
4949 width: 7px;
4950 height: 11px;
4951 background: transparent;
4952 border-radius: 2px;
4953 opacity: 0;
4954 transform: rotate(45deg) skewX(10deg) translate(-50%, -50%);
4955 transition: all 0.3s ease;
4956 border: 3px solid #fff;
4957 border-left: none;
4958 border-top: none;
4959 }
4960 .wpfnl-optin-form .wpfnl-optin-form-group.user-registration-checkbox input[type=checkbox]:checked + label .check-box, .wpfnl-optin-form .wpfnl-optin-form-group.acceptance-checkbox input[type=checkbox]:checked + label .check-box {
4961 background-color: #6E42D3;
4962 border-color: #6E42D3;
4963 }
4964 .wpfnl-optin-form .wpfnl-optin-form-group.user-registration-checkbox input[type=checkbox]:checked + label .check-box::after, .wpfnl-optin-form .wpfnl-optin-form-group.acceptance-checkbox input[type=checkbox]:checked + label .check-box::after {
4965 opacity: 1;
4966 }
4967 .wpfnl-optin-form .wpfnl-optin-form-group.submit.align-left {
4968 text-align: left;
4969 }
4970 .wpfnl-optin-form .wpfnl-optin-form-group.submit.align-center {
4971 text-align: center;
4972 }
4973 .wpfnl-optin-form .wpfnl-optin-form-group.submit.align-right {
4974 text-align: right;
4975 }
4976 .wpfnl-optin-form .wpfnl-optin-form-group.submit.align-justify .btn-optin {
4977 width: 100%;
4978 }
4979 .wpfnl-optin-form .wpfnl-optin-form-group.submit.align-justify .btn-optin .elementor-button-text {
4980 flex-grow: inherit;
4981 }
4982 .wpfnl-optin-form .response {
4983 text-transform: capitalize;
4984 font-size: 13px;
4985 font-weight: 500;
4986 border-radius: 3px;
4987 cursor: default;
4988 }
4989
4990 .wpfnl-optin-clickto-expand.align-center {
4991 text-align: center;
4992 }
4993 .wpfnl-optin-clickto-expand.align-right {
4994 text-align: right;
4995 }
4996 .wpfnl-optin-clickto-expand.align-justify .clickto-expand-btn {
4997 width: 100%;
4998 }
4999 .wpfnl-optin-clickto-expand.align-justify .clickto-expand-btn .elementor-button-text {
5000 flex-grow: initial;
5001 }
5002
5003 .wpfunnels-block-next-step-button:after,
5004 .wpfnl-gutenberg-optin-form-wrapper .submit button:after {
5005 content: "";
5006 border: 2px solid #8265c5;
5007 border-radius: 50%;
5008 border-top: 2px solid #fff;
5009 width: 13px;
5010 height: 13px;
5011 animation: spin 0.7s linear infinite;
5012 display: none;
5013 margin-left: 5px;
5014 position: relative;
5015 top: 1px;
5016 }
5017
5018 .wpfunnels-block-next-step-button.show-loader:after,
5019 .wpfnl-gutenberg-optin-form-wrapper .submit button.show-loader:after {
5020 display: inline-block;
5021 }
5022
5023 .et-db #et-boc .et-l .et_pb_button.wpfnl_next_step_button.show-loader:after {
5024 opacity: 1;
5025 visibility: visible;
5026 content: "" !important;
5027 border: 2px solid #8265c5;
5028 border-radius: 50%;
5029 border-top: 2px solid #fff;
5030 width: 13px;
5031 height: 13px;
5032 animation: spin 0.7s linear infinite;
5033 display: inline-block !important;
5034 margin-left: 8px !important;
5035 position: relative !important;
5036 top: 3px;
5037 }
5038
5039 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style1 {
5040 display: flex;
5041 flex-flow: row wrap;
5042 }
5043 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style1 .wpfnl-optin-form-group:nth-child(1) {
5044 width: 50%;
5045 padding-right: 10px;
5046 }
5047 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style1 .wpfnl-optin-form-group:nth-child(2) {
5048 width: 50%;
5049 padding-left: 10px;
5050 }
5051 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style1 .wpfnl-optin-form-group:nth-child(3) {
5052 width: 50%;
5053 padding-right: 10px;
5054 }
5055 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style1 .wpfnl-optin-form-group:nth-child(4) {
5056 width: 50%;
5057 padding-left: 10px;
5058 }
5059 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style1 .wpfnl-optin-form-group.message {
5060 width: 100%;
5061 padding: 0;
5062 }
5063 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style1 .wpfnl-optin-form-group.user-registration-checkbox,
5064 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style1 .wpfnl-optin-form-group.acceptance-checkbox {
5065 width: 100%;
5066 padding: 0;
5067 }
5068 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style1 .btn-optin {
5069 background-color: #EE8134;
5070 }
5071 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style1 .btn-optin:hover {
5072 background-color: #d76515;
5073 }
5074 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style2 .wpfnl-optin-form-group.submit {
5075 text-align: right;
5076 }
5077 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style2 .wpfnl-optin-form-group.submit.align-left {
5078 text-align: left;
5079 }
5080 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style2 .wpfnl-optin-form-group.submit.align-center {
5081 text-align: center;
5082 }
5083 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style2 .wpfnl-optin-form-group.submit.align-right {
5084 text-align: right;
5085 }
5086 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style2 .wpfnl-optin-form-group.submit.align-justify .btn-optin {
5087 width: 100%;
5088 }
5089 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style2 .wpfnl-optin-form-group.submit.align-justify .btn-optin .elementor-button-text {
5090 flex-grow: inherit;
5091 }
5092 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style2 .btn-optin {
5093 background-color: #EE8134;
5094 width: auto;
5095 }
5096 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style2 .btn-optin:hover {
5097 background-color: #d76515;
5098 }
5099 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style3 .wpfnl-optin-form-group.user-registration-checkbox input[type=checkbox]:checked + label .check-box,
5100 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style3 .wpfnl-optin-form-group.acceptance-checkbox input[type=checkbox]:checked + label .check-box {
5101 background-color: #00D057;
5102 border-color: #00D057;
5103 }
5104 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style3 .wpfnl-optin-form-group.user-registration-checkbox label a,
5105 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style3 .wpfnl-optin-form-group.acceptance-checkbox label a {
5106 color: #EE8134;
5107 }
5108 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style3 .btn-optin {
5109 background-color: #EE8134;
5110 width: 100%;
5111 }
5112 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style3 .btn-optin:hover {
5113 background-color: #d76515;
5114 }
5115 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style4 .btn-optin {
5116 border-radius: 50px;
5117 width: 100%;
5118 }
5119
5120 @media only screen and (max-width: 767px) {
5121 .wpfnl-optin-form .wpfnl-optin-form-wrapper.form-style1 .wpfnl-optin-form-group {
5122 padding: 0 !important;
5123 width: 100% !important;
5124 }
5125 }
5126 .wpfnl-bricks-optin-form-wrapper {
5127 width: 100%;
5128 }
5129
5130 .submit-button-wrapper .clickto-expand-btn {
5131 color: #fff;
5132 }
5133
5134 .theme-bricks .brxe-wpfnl_checkout {
5135 width: 100%;
5136 }
5137 .theme-bricks .wpfnl-checkout #ship-to-different-address label input[type=checkbox] {
5138 display: none !important;
5139 }
5140 .theme-bricks .wpfnl-checkout .woocommerce #payment #place_order {
5141 transition: all 0.3s ease;
5142 }
5143 .theme-bricks .woocommerce-checkout #customer_details {
5144 float: none;
5145 margin-right: 0;
5146 width: 50%;
5147 }
5148 .theme-bricks .woocommerce-checkout #order_review {
5149 border: none;
5150 float: none;
5151 width: 50%;
5152 }
5153 .theme-bricks .wpfnl-checkout .wpfnl-checkout-form-one-column .woocommerce #customer_details,
5154 .theme-bricks .wpfnl-checkout.wpfnl-col-1 .woocommerce #customer_details,
5155 .theme-bricks .woocommerce-page .wpfnl-checkout.wpfnl-col-1 #customer_details {
5156 width: 100%;
5157 margin: 0;
5158 max-width: 100%;
5159 padding: 0;
5160 flex: inherit;
5161 }
5162 .theme-bricks .wpfnl-checkout.wpfnl-col-1 .woocommerce #order_review {
5163 width: 100%;
5164 padding-left: 0;
5165 }
5166 .theme-bricks .wpfnl-checkout .woocommerce-checkout #payment div.payment_box:before {
5167 background: transparent;
5168 }
5169
5170 .wpfnl-lms-checkout .lms-checkout-header {
5171 background: #F7F7FA;
5172 border: 1px solid #F2F3F8;
5173 border-radius: 10px 10px 0px 0px;
5174 padding: 18px 30px 19px;
5175 }
5176 .wpfnl-lms-checkout .lms-checkout-header h4 {
5177 font-weight: 600;
5178 font-size: 18px;
5179 line-height: 1.2;
5180 color: #000000;
5181 }
5182 .wpfnl-lms-checkout .lms-checkout-body {
5183 background: #FFFFFF;
5184 border: 1px solid #F2F3F8;
5185 border-radius: 0px 0px 10px 10px;
5186 padding: 26px 30px 30px;
5187 margin: -1px 0 0 0;
5188 display: flex;
5189 flex-flow: row wrap;
5190 }
5191 .wpfnl-lms-checkout .lms-checkout-body .course-image {
5192 width: 21%;
5193 min-height: 190px;
5194 }
5195 .wpfnl-lms-checkout .lms-checkout-body .course-image img {
5196 border-radius: 15px;
5197 height: 100%;
5198 width: 100%;
5199 object-fit: cover;
5200 }
5201 .wpfnl-lms-checkout .lms-checkout-body .course-content {
5202 width: 79%;
5203 padding-left: 5.5%;
5204 }
5205 .wpfnl-lms-checkout .lms-checkout-body .course-title {
5206 font-weight: 700;
5207 font-size: 18px;
5208 line-height: 1.3;
5209 color: #373B4C;
5210 margin-bottom: 13px;
5211 }
5212 .wpfnl-lms-checkout .lms-checkout-body .course-title .no-of-lesson {
5213 position: relative;
5214 display: block;
5215 font-weight: 400;
5216 font-size: 14px;
5217 line-height: 1.2;
5218 color: #656976;
5219 }
5220 .wpfnl-lms-checkout .lms-checkout-body .lms-single-block {
5221 margin-bottom: 17px;
5222 }
5223 .wpfnl-lms-checkout .lms-checkout-body .lms-single-block:last-child {
5224 margin-bottom: 0;
5225 }
5226 .wpfnl-lms-checkout .lms-checkout-body .lms-single-block .lms-block-title {
5227 font-weight: 600;
5228 font-size: 16px;
5229 line-height: 1.25;
5230 color: #373B4C;
5231 margin-bottom: 3px;
5232 }
5233 .wpfnl-lms-checkout .lms-checkout-body .lms-single-block .course-description {
5234 font-weight: 400;
5235 font-size: 14px;
5236 line-height: 1.5;
5237 color: #656976;
5238 display: -webkit-box;
5239 -webkit-line-clamp: 2;
5240 -webkit-box-orient: vertical;
5241 overflow: hidden;
5242 }
5243 .wpfnl-lms-checkout .lms-checkout-body .lms-single-block .course-plan {
5244 font-weight: 500;
5245 font-size: 16px;
5246 line-height: 1.4;
5247 color: #656976;
5248 }
5249 .wpfnl-lms-checkout .lms-checkout-body .lms-single-block .course-plan .primary-color {
5250 color: #6E42D3;
5251 }
5252 .wpfnl-lms-checkout .lms-checkout-body .lms-single-block .course-plan small {
5253 font-weight: 400;
5254 }
5255 .wpfnl-lms-checkout .lms-checkout-footer {
5256 display: flex;
5257 flex-flow: row wrap;
5258 align-items: center;
5259 justify-content: flex-end;
5260 padding: 15px 0;
5261 }
5262 .wpfnl-lms-checkout .lms-checkout-footer .footer-title {
5263 font-weight: 600;
5264 font-size: 16px;
5265 line-height: 1.3;
5266 color: #373B4C;
5267 margin: 0;
5268 padding: 0;
5269 }
5270 .wpfnl-lms-checkout .lms-checkout-footer .footer-price {
5271 color: #6E42D3;
5272 margin-left: 40px;
5273 display: inline-block;
5274 }
5275 .wpfnl-lms-checkout .lms-checkout-footer .learndash_checkout_buttons {
5276 margin: 0;
5277 }
5278 .wpfnl-lms-checkout .lms-checkout-footer .btn-default,
5279 .wpfnl-lms-checkout .lms-checkout-footer .ld-login-button,
5280 .wpfnl-lms-checkout .lms-checkout-footer #btn-join,
5281 .wpfnl-lms-checkout .lms-checkout-footer .btn-join {
5282 border-radius: 5px;
5283 background-color: #6E42D3;
5284 color: #FFFFFF;
5285 font-size: 16px;
5286 line-height: 1.3;
5287 padding: 15px 47px;
5288 margin-left: 50px;
5289 font-weight: 600;
5290 outline: none;
5291 box-shadow: none;
5292 width: auto;
5293 }
5294 .wpfnl-lms-checkout .lms-checkout-footer .wpfnl-lms-access-course-message {
5295 width: 100%;
5296 text-align: right;
5297 font-size: 16px;
5298 line-height: 1.3;
5299 font-weight: 600;
5300 margin-top: 8px;
5301 color: #373B4C;
5302 }
5303
5304 .jq-dropdown.jq-dropdown-tip {
5305 margin-top: 37px;
5306 }
5307
5308 .jq-dropdown .jq-dropdown-menu {
5309 padding: 6px;
5310 border-radius: 6px;
5311 }
5312
5313 @media only screen and (max-width: 991px) {
5314 .wpfnl-lms-checkout .lms-checkout-body .course-image {
5315 width: 30%;
5316 }
5317 .wpfnl-lms-checkout .lms-checkout-body .course-content {
5318 width: 70%;
5319 padding-left: 24px;
5320 }
5321 }
5322 @media only screen and (max-width: 767px) {
5323 .wpfnl-lms-checkout .lms-checkout-header {
5324 padding: 14px 15px 13px;
5325 }
5326 .wpfnl-lms-checkout .lms-checkout-body {
5327 display: block;
5328 padding: 15px;
5329 }
5330 .wpfnl-lms-checkout .lms-checkout-body .course-image img {
5331 border-radius: 10px;
5332 height: inherit;
5333 width: auto;
5334 object-fit: inherit;
5335 }
5336 .wpfnl-lms-checkout .lms-checkout-body .course-image {
5337 width: 100%;
5338 }
5339 .wpfnl-lms-checkout .lms-checkout-body .course-content {
5340 width: 100%;
5341 padding-left: 0;
5342 margin-top: 16px;
5343 }
5344 .wpfnl-lms-checkout .lms-checkout-footer .footer-price {
5345 margin-left: 23px;
5346 }
5347 .wpfnl-lms-checkout .lms-checkout-footer .btn-default,
5348 .wpfnl-lms-checkout .lms-checkout-footer .ld-login-button,
5349 .wpfnl-lms-checkout .lms-checkout-footer .btn-join {
5350 padding: 11px 25px;
5351 margin-left: 20px;
5352 }
5353 }
5354 @media only screen and (max-width: 575px) {
5355 .wpfnl-lms-checkout .lms-checkout-body .lms-single-block .course-plan {
5356 font-size: 14px;
5357 line-height: 1.3;
5358 }
5359 }
5360 @media only screen and (max-width: 450px) {
5361 .wpfnl-lms-checkout .lms-checkout-footer {
5362 display: block;
5363 }
5364 .wpfnl-lms-checkout .lms-checkout-footer .btn-default,
5365 .wpfnl-lms-checkout .lms-checkout-footer .ld-login-button,
5366 .wpfnl-lms-checkout .lms-checkout-footer .btn-join {
5367 margin-left: 0;
5368 margin-top: 7px;
5369 }
5370 }
5371 .lms-order-details .order-details-title {
5372 font-weight: 600;
5373 font-size: 16px;
5374 line-height: 1.3;
5375 color: #656976;
5376 margin-bottom: 18px;
5377 }
5378 .lms-order-details .order-details-title span {
5379 color: #000000;
5380 font-size: 18px;
5381 }
5382 .lms-order-details .order-details-table {
5383 background: #ffffff;
5384 border: 1px solid #F2F3F8;
5385 border-radius: 10px;
5386 }
5387 .lms-order-details .order-details-table .order-item {
5388 padding: 18px 30px;
5389 display: flex;
5390 flex-flow: row wrap;
5391 align-items: center;
5392 justify-content: space-between;
5393 border-bottom: 1px solid #F2F3F8;
5394 }
5395 .lms-order-details .order-details-table .order-item:last-child {
5396 border-bottom: 0;
5397 }
5398 .lms-order-details .order-details-table .order-item > span {
5399 font-weight: 500;
5400 font-size: 16px;
5401 line-height: 1.25;
5402 color: #656976;
5403 text-transform: capitalize;
5404 }
5405 .lms-order-details .order-details-table .order-item .course-name {
5406 width: calc(100% - 130px);
5407 padding-right: 20px;
5408 }
5409 .lms-order-details .order-details-table .order-item .price-total {
5410 width: 130px;
5411 }
5412 .lms-order-details .order-details-table .order-tbl-header {
5413 background: #F7F7FA;
5414 padding: 18px 30px;
5415 border-radius: 10px 10px 0 0;
5416 }
5417 .lms-order-details .order-details-table .order-tbl-header > span {
5418 font-weight: 500;
5419 font-size: 18px;
5420 line-height: 1.3;
5421 color: #363B4E;
5422 }
5423 .lms-order-details .order-details-table .course-info > span {
5424 font-weight: 600;
5425 font-size: 18px;
5426 line-height: 1.3;
5427 color: #363B4E;
5428 }
5429 .lms-order-details .order-details-table .course-info > span span {
5430 display: block;
5431 }
5432 .lms-order-details .order-details-table .course-info > span a {
5433 font-weight: 600;
5434 font-size: 14px;
5435 line-height: 1.4;
5436 text-decoration-line: underline;
5437 color: #6E42D3;
5438 }
5439 .lms-order-details .order-details-table .course-info > span a:hover {
5440 text-decoration: none;
5441 }
5442 .lms-order-details .order-details-table-footer .footer-list {
5443 display: flex;
5444 flex-flow: row wrap;
5445 align-items: center;
5446 justify-content: flex-end;
5447 padding: 18px 30px;
5448 }
5449 .lms-order-details .order-details-table-footer .footer-list span {
5450 font-weight: 600;
5451 font-size: 14px;
5452 line-height: 1.5;
5453 color: #000000;
5454 }
5455 .lms-order-details .order-details-table-footer .footer-list .total-title {
5456 width: 210px;
5457 display: block;
5458 padding-right: 20px;
5459 }
5460 .lms-order-details .order-details-table-footer .footer-list .total-price {
5461 width: 130px;
5462 }
5463
5464 @media only screen and (max-width: 575px) {
5465 .lms-order-details .order-details-table .order-tbl-header {
5466 padding: 12px 15px;
5467 }
5468 .lms-order-details .order-details-table .order-tbl-header span {
5469 font-size: 16px;
5470 }
5471 .lms-order-details .order-details-table .order-item {
5472 padding: 12px 15px;
5473 }
5474 .lms-order-details .order-details-table .order-item .price-total {
5475 width: 100px;
5476 }
5477 .lms-order-details .order-details-table .order-item .course-name {
5478 width: calc(100% - 100px);
5479 padding-right: 15px;
5480 }
5481 .lms-order-details .order-details-table .course-info > span {
5482 font-size: 16px;
5483 }
5484 .lms-order-details .order-details-table .course-info > span span {
5485 margin-right: 4px;
5486 }
5487 .lms-order-details .order-details-table-footer .footer-list {
5488 padding: 12px 15px;
5489 }
5490 .lms-order-details .order-details-table-footer .footer-list .total-title {
5491 width: 180px;
5492 padding-right: 15px;
5493 }
5494 .lms-order-details .order-details-table-footer .footer-list .total-price {
5495 width: 100px;
5496 }
5497 }
5498 .wpfnl-order-bump__template .template-preview-wrapper .description p {
5499 margin-bottom: 10px;
5500 }
5501 .wpfnl-order-bump__template .template-preview-wrapper .description p:last-child {
5502 margin-bottom: 0;
5503 }
5504 .wpfnl-order-bump__template .template-preview-wrapper .description ul li {
5505 list-style: disc;
5506 }
5507 .wpfnl-order-bump__template .template-preview-wrapper .description ol li {
5508 list-style: decimal;
5509 }
5510 .wpfnl-order-bump__template .template-preview-wrapper .description ol,
5511 .wpfnl-order-bump__template .template-preview-wrapper .description ul {
5512 padding-left: 20px;
5513 margin-bottom: 10px;
5514 }
5515 .wpfnl-order-bump__template .template-preview-wrapper .description ol:last-child,
5516 .wpfnl-order-bump__template .template-preview-wrapper .description ul:last-child {
5517 margin-bottom: 0;
5518 }
5519
5520 .ob-modal {
5521 position: fixed;
5522 top: 0;
5523 left: 0;
5524 right: 0;
5525 bottom: 0;
5526 background: rgba(0, 0, 0, 0.6);
5527 display: flex;
5528 justify-content: center;
5529 align-items: center;
5530 z-index: 9999;
5531 }
5532 .ob-modal .ob-modal-content {
5533 background: #fff;
5534 padding: 20px;
5535 border-radius: 10px;
5536 width: 90%;
5537 max-width: 775px;
5538 position: relative;
5539 max-height: 70%;
5540 overflow: auto;
5541 }
5542 .ob-modal .ob-modal-content .ob-close {
5543 position: absolute;
5544 top: 8px;
5545 right: 10px;
5546 font-size: 24px;
5547 cursor: pointer;
5548 background: #fff;
5549 width: 30px;
5550 height: 30px;
5551 display: flex;
5552 align-items: center;
5553 justify-content: center;
5554 border-radius: 50%;
5555 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
5556 }
5557 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .is-layout-flex {
5558 flex-wrap: nowrap;
5559 }
5560 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form {
5561 width: 100%;
5562 }
5563 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .variations {
5564 width: 100%;
5565 border: none;
5566 }
5567 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .variations td,
5568 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .variations th {
5569 border: 0;
5570 padding: 0;
5571 text-align: left;
5572 }
5573 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .variations .label {
5574 font-weight: 700;
5575 padding-right: 1em;
5576 }
5577 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .variations .value {
5578 padding-bottom: 15px;
5579 }
5580 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .variations tbody tr {
5581 display: flex;
5582 flex-direction: column;
5583 }
5584 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .variations tbody tr td label {
5585 font-family: "Inter";
5586 font-size: 14px;
5587 color: #323231;
5588 font-weight: 600;
5589 margin-bottom: 5px;
5590 display: inline-block;
5591 }
5592 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .variations tbody tr td select {
5593 width: 100%;
5594 padding: 10px;
5595 border-radius: 5px;
5596 border: 1px solid #e0e0e0;
5597 font-family: "Inter";
5598 font-size: 14px;
5599 color: #323231;
5600 cursor: pointer;
5601 }
5602 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .variations tbody tr td .reset_variations {
5603 display: none !important;
5604 }
5605 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .reset_variations {
5606 visibility: hidden;
5607 font-size: 0.83em;
5608 margin-left: 1em;
5609 }
5610 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .single_variation_wrap .woocommerce-variation .woocommerce-variation-price {
5611 display: none !important;
5612 }
5613 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {
5614 display: none !important;
5615 }
5616 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button {
5617 width: 100%;
5618 padding: 12px;
5619 border-radius: 5px;
5620 border: 1px solid #e0e0e0;
5621 font-family: "Inter";
5622 font-size: 16px;
5623 color: #ffffff;
5624 cursor: pointer;
5625 background: #6e42d3;
5626 font-weight: 500;
5627 text-transform: uppercase;
5628 }
5629 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .description p {
5630 margin-top: 0;
5631 font-family: "Inter";
5632 font-size: 14px;
5633 line-height: 1.6;
5634 color: #323231;
5635 }
5636 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .description .description-label {
5637 font-family: "Inter";
5638 font-size: 14px;
5639 color: #323231;
5640 font-weight: 600;
5641 margin-bottom: 5px;
5642 display: inline-block;
5643 }
5644 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .variations_form .price {
5645 font-family: "Inter";
5646 font-size: 16px;
5647 line-height: 1.6;
5648 font-weight: 700;
5649 color: #323231;
5650 }
5651 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .woocommerce-product-gallery {
5652 width: 100%;
5653 }
5654 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
5655 display: none;
5656 }
5657 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .woocommerce-product-gallery .flex-control-thumbs {
5658 display: flex;
5659 flex-wrap: wrap;
5660 justify-content: start;
5661 margin: 0 -5px;
5662 padding: 0;
5663 list-style: none;
5664 }
5665 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .woocommerce-product-gallery .flex-control-thumbs li {
5666 flex: 0 0 25%;
5667 padding: 0 5px;
5668 box-sizing: border-box;
5669 margin-bottom: 10px;
5670 }
5671 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .woocommerce-product-gallery .flex-control-thumbs img {
5672 cursor: pointer;
5673 width: 100%;
5674 opacity: 0.5;
5675 }
5676 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
5677 opacity: 1;
5678 }
5679 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .woocommerce-product-gallery__wrapper {
5680 margin-bottom: 1em;
5681 }
5682 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .woocommerce-product-gallery__image {
5683 transition: opacity 0.4s ease-in-out;
5684 }
5685 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .woocommerce-product-gallery__image img {
5686 width: 100%;
5687 height: auto;
5688 max-width: 100%;
5689 }
5690 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .wp-block-columns {
5691 margin-bottom: 0;
5692 }
5693 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .wp-block-columns.is-layout-flex {
5694 gap: 30px !important;
5695 }
5696 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .wp-block-column {
5697 flex-basis: 50%;
5698 max-width: 50%;
5699 }
5700 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .wp-block-column:first-child {
5701 padding-left: 0;
5702 }
5703 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .wp-block-column:last-child {
5704 padding-right: 0;
5705 }
5706 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .product_title {
5707 font-family: "Inter";
5708 font-size: 28px;
5709 color: #323231;
5710 font-weight: 600;
5711 }
5712 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .summary {
5713 width: 100%;
5714 padding-left: 0;
5715 }
5716
5717 @media (max-width: 991px) {
5718 .ob-modal .ob-modal-content {
5719 max-width: 70%;
5720 width: 100%;
5721 }
5722 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .wp-block-column {
5723 width: 100%;
5724 float: none;
5725 padding-left: 0;
5726 padding-right: 0;
5727 flex-basis: 100%;
5728 max-width: 100%;
5729 }
5730 }
5731 @media (max-width: 767px) {
5732 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .product_title {
5733 font-size: 24px;
5734 }
5735 .ob-modal .ob-modal-content .wpfnl-variable-product-modal-content .product_title .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button {
5736 font-size: 15px;
5737 padding: 10px;
5738 }
5739 }
5740 .wpfnl-order-bump__template-style1 {
5741 background-color: #f7f7f7;
5742 border-radius: 12px;
5743 position: relative;
5744 margin: 20px 0;
5745 }
5746 .wpfnl-order-bump__template-style1 .template-preview-wrapper {
5747 padding: 20px;
5748 display: flex;
5749 flex-flow: row wrap;
5750 align-items: flex-start;
5751 }
5752 .wpfnl-order-bump__template-style1 .template-preview-wrapper .template-img {
5753 width: 150px;
5754 height: 150px;
5755 background-color: #F2F2F8;
5756 border-radius: 10px;
5757 position: relative;
5758 background-repeat: no-repeat;
5759 background-position: center center;
5760 background-size: cover;
5761 object-fit: cover;
5762 }
5763 .wpfnl-order-bump__template-style1 .template-preview-wrapper .for-mobile {
5764 display: none;
5765 border-radius: 10px;
5766 }
5767 .wpfnl-order-bump__template-style1 .template-preview-wrapper .template-content {
5768 width: calc(100% - 160px);
5769 padding-left: 20px;
5770 }
5771 .wpfnl-order-bump__template-style1 .template-preview-wrapper .template-title {
5772 font-weight: 500;
5773 font-size: 14px;
5774 line-height: 16px;
5775 color: #363B4E;
5776 margin: 0 0 9px 0;
5777 }
5778 .wpfnl-order-bump__template-style1 .template-preview-wrapper .subtitle {
5779 font-weight: 500;
5780 font-size: 14px;
5781 line-height: 16px;
5782 color: #6E42D3;
5783 margin-bottom: 14px;
5784 }
5785 .wpfnl-order-bump__template-style1 .template-preview-wrapper .description li,
5786 .wpfnl-order-bump__template-style1 .template-preview-wrapper .description span,
5787 .wpfnl-order-bump__template-style1 .template-preview-wrapper .description p,
5788 .wpfnl-order-bump__template-style1 .template-preview-wrapper .description {
5789 font-size: 13px;
5790 line-height: 20px;
5791 color: #7A8B9A;
5792 margin: 0;
5793 }
5794 .wpfnl-order-bump__template-style1 .template-preview-wrapper .product-price {
5795 display: inline-block;
5796 font-weight: 500;
5797 font-size: 13px;
5798 line-height: 15px;
5799 color: #EE8134;
5800 margin-left: auto;
5801 margin-top: 10px;
5802 }
5803 .wpfnl-order-bump__template-style1 .template-preview-wrapper .product-price span {
5804 font-size: 13px;
5805 line-height: 15px;
5806 color: #EE8134;
5807 font-weight: 500;
5808 }
5809 .wpfnl-order-bump__template-style1 .template-preview-wrapper .product-price ins {
5810 text-decoration: none;
5811 background: transparent;
5812 }
5813 .wpfnl-order-bump__template-style1 .product-options .option-selector {
5814 color: #F34D01;
5815 cursor: pointer;
5816 font-weight: 500;
5817 font-size: 14px;
5818 line-height: 18px;
5819 margin-top: 10px;
5820 }
5821 .wpfnl-order-bump__template-style1 .offer-checkbox {
5822 background-color: #6E42D3;
5823 padding: 12px 20px 12px;
5824 border-radius: 0 0 10px 10px;
5825 box-shadow: 0 -1px 2px 0 rgba(190, 190, 215, 0.29);
5826 }
5827 .wpfnl-order-bump__template-style1 .offer-checkbox .wpfnl-checkbox {
5828 display: block;
5829 line-height: 1;
5830 }
5831 .wpfnl-order-bump__template-style1 .offer-checkbox .wpfnl-checkbox label {
5832 font-weight: 500;
5833 font-size: 15px;
5834 line-height: 18px;
5835 color: #d9d9d9;
5836 padding: 0 0 0 26px;
5837 margin: 0;
5838 border: 0;
5839 }
5840 .wpfnl-order-bump__template-style1 .offer-checkbox .wpfnl-checkbox label:before {
5841 top: 1px;
5842 border: none;
5843 }
5844 .wpfnl-order-bump__template-style1 .offer-checkbox .wpfnl-checkbox label:after {
5845 left: 4px;
5846 top: 6px;
5847 width: 10px;
5848 height: 6px;
5849 border-bottom-color: #6E42D3;
5850 border-left-color: #6E42D3;
5851 }
5852 .wpfnl-order-bump__template-style1 .offer-checkbox .wpfnl-checkbox input[type=checkbox]:checked + label::before {
5853 background-color: #fff;
5854 border-color: #ffffff;
5855 }
5856
5857 .oderbump-loader {
5858 position: absolute;
5859 top: 0;
5860 left: 0;
5861 width: 100%;
5862 height: 100%;
5863 z-index: 6;
5864 background: rgba(34, 34, 34, 0.2);
5865 border-radius: 10px;
5866 display: none;
5867 flex-flow: column;
5868 align-items: center;
5869 justify-content: center;
5870 }
5871 .oderbump-loader .wpfnl-loader {
5872 border-color: #ffffff;
5873 border-top-color: #6E42D3;
5874 border-width: 2px;
5875 display: block;
5876 width: 40px;
5877 height: 40px;
5878 }
5879
5880 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style1 .template-preview-wrapper .template-content,
5881 body.rtl .wpfnl-order-bump__template-style1 .template-preview-wrapper .template-content {
5882 padding-right: 20px;
5883 padding-left: 0;
5884 }
5885 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style1 .offer-checkbox .wpfnl-checkbox label,
5886 body.rtl .wpfnl-order-bump__template-style1 .offer-checkbox .wpfnl-checkbox label {
5887 padding: 0 26px 0 0;
5888 }
5889 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style1 .offer-checkbox .wpfnl-checkbox label:before,
5890 body.rtl .wpfnl-order-bump__template-style1 .offer-checkbox .wpfnl-checkbox label:before {
5891 left: inherit;
5892 right: 0;
5893 }
5894 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style1 .offer-checkbox .wpfnl-checkbox label:after,
5895 body.rtl .wpfnl-order-bump__template-style1 .offer-checkbox .wpfnl-checkbox label:after {
5896 left: inherit;
5897 right: 4px;
5898 }
5899
5900 @media only screen and (max-width: 460px) {
5901 .wpfnl-order-bump__template-style1 .template-preview-wrapper {
5902 padding: 15px;
5903 display: block;
5904 }
5905 .wpfnl-order-bump__template-style1 .template-preview-wrapper .template-img {
5906 width: auto;
5907 height: auto;
5908 background-image: none !important;
5909 }
5910 .wpfnl-order-bump__template-style1 .template-preview-wrapper .for-mobile {
5911 display: block;
5912 border-radius: 10px;
5913 margin-bottom: 16px;
5914 }
5915 .wpfnl-order-bump__template-style1 .template-preview-wrapper .template-content {
5916 width: 100%;
5917 padding-left: 0;
5918 }
5919 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style1 .template-preview-wrapper .template-content,
5920 body.rtl .wpfnl-order-bump__template-style1 .template-preview-wrapper .template-content {
5921 padding-right: 0;
5922 }
5923 .wpfnl-order-bump__template-style1 .offer-checkbox {
5924 padding: 9px 15px 13px;
5925 }
5926 }
5927 .wpfnl-order-bump__template-style2 {
5928 border-radius: 10px;
5929 position: relative;
5930 margin: 20px 0;
5931 background-color: #f7f7f7;
5932 }
5933 .wpfnl-order-bump__template-style2 .template-preview-wrapper {
5934 padding: 20px 15px;
5935 display: flex;
5936 flex-flow: row wrap;
5937 align-items: flex-start;
5938 border: 1px dashed #6E42D3;
5939 border-radius: 0 0 10px 10px;
5940 border-top: none;
5941 }
5942 .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-img {
5943 width: 150px;
5944 height: 150px;
5945 background-color: #F2F2F8;
5946 border-radius: 10px;
5947 position: relative;
5948 background-repeat: no-repeat;
5949 background-position: center center;
5950 background-size: cover;
5951 object-fit: cover;
5952 }
5953 .wpfnl-order-bump__template-style2 .template-preview-wrapper .for-mobile {
5954 display: none;
5955 border-radius: 10px;
5956 }
5957 .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-content {
5958 width: calc(100% - 150px);
5959 padding-left: 20px;
5960 }
5961 .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-content .product-options .option-selector {
5962 color: #F34D01;
5963 cursor: pointer;
5964 font-weight: 500;
5965 font-size: 14px;
5966 line-height: 18px;
5967 margin-top: 10px;
5968 }
5969 .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-title {
5970 font-weight: 500;
5971 font-size: 14px;
5972 line-height: 16px;
5973 color: #363B4E;
5974 margin: 0 0 9px 0;
5975 }
5976 .wpfnl-order-bump__template-style2 .template-preview-wrapper .subtitle {
5977 font-weight: 500;
5978 font-size: 14px;
5979 line-height: 16px;
5980 color: #6E42D3;
5981 margin-bottom: 14px;
5982 }
5983 .wpfnl-order-bump__template-style2 .template-preview-wrapper .description li,
5984 .wpfnl-order-bump__template-style2 .template-preview-wrapper .description span,
5985 .wpfnl-order-bump__template-style2 .template-preview-wrapper .description p,
5986 .wpfnl-order-bump__template-style2 .template-preview-wrapper .description {
5987 font-size: 13px;
5988 line-height: 20px;
5989 color: #7A8B9A;
5990 margin: 0;
5991 }
5992 @keyframes moveArrow {
5993 0%, 100% {
5994 transform: translateX(-8px);
5995 opacity: 1;
5996 }
5997 50%, 90% {
5998 transform: translateX(15px);
5999 opacity: 0;
6000 }
6001 99% {
6002 transform: translateX(-8px);
6003 opacity: 0;
6004 }
6005 }
6006 .wpfnl-order-bump__template-style2 .offer-checkbox {
6007 background-color: #6E42D3;
6008 padding: 8px 15px;
6009 border-radius: 10px 10px 0 0;
6010 display: flex;
6011 flex-flow: row wrap;
6012 align-items: flex-start;
6013 border: 1px dashed #6e42d3;
6014 }
6015 .wpfnl-order-bump__template-style2 .offer-checkbox .option-selector {
6016 color: #F34D01;
6017 cursor: pointer;
6018 font-weight: 500;
6019 font-size: 15px;
6020 line-height: 18px;
6021 }
6022 .wpfnl-order-bump__template-style2 .offer-checkbox .nav-arrow {
6023 display: inherit;
6024 line-height: normal;
6025 position: relative;
6026 top: 2px;
6027 margin-right: 10px;
6028 animation: moveArrow 1s linear infinite;
6029 }
6030 .wpfnl-order-bump__template-style2 .offer-checkbox .wpfnl-checkbox {
6031 line-height: normal;
6032 display: inherit;
6033 width: calc(100% - 130px);
6034 }
6035 .wpfnl-order-bump__template-style2 .offer-checkbox .wpfnl-checkbox label {
6036 font-weight: 500;
6037 color: #d9d9d9;
6038 padding: 0 0 0 20px;
6039 font-size: 12px;
6040 line-height: 14px;
6041 margin: 0;
6042 }
6043 .wpfnl-order-bump__template-style2 .offer-checkbox .wpfnl-checkbox label:before {
6044 top: 2px;
6045 border: none;
6046 width: 12px;
6047 height: 12px;
6048 }
6049 .wpfnl-order-bump__template-style2 .offer-checkbox .wpfnl-checkbox label:after {
6050 left: 2px;
6051 top: 5px;
6052 width: 8px;
6053 height: 5px;
6054 border-bottom-color: #6E42D3;
6055 border-left-color: #6E42D3;
6056 }
6057 .wpfnl-order-bump__template-style2 .offer-checkbox .wpfnl-checkbox input[type=checkbox]:checked + label::before {
6058 background-color: #fff;
6059 border-color: #ffffff;
6060 }
6061 .wpfnl-order-bump__template-style2 .offer-checkbox .product-price {
6062 display: inline-block;
6063 font-weight: 500;
6064 font-size: 12px;
6065 line-height: 14px;
6066 color: #EE8134;
6067 margin-left: auto;
6068 }
6069 .wpfnl-order-bump__template-style2 .offer-checkbox .product-price span {
6070 font-size: 12px;
6071 line-height: 14px;
6072 color: #EE8134;
6073 font-weight: 500;
6074 line-height: normal;
6075 }
6076 .wpfnl-order-bump__template-style2 .offer-checkbox .product-price ins {
6077 text-decoration: none;
6078 background: transparent;
6079 }
6080
6081 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-content,
6082 body.rtl .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-content {
6083 padding-right: 20px;
6084 padding-left: 0;
6085 }
6086 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style2 .offer-checkbox .wpfnl-checkbox label,
6087 body.rtl .wpfnl-order-bump__template-style2 .offer-checkbox .wpfnl-checkbox label {
6088 padding: 0 26px 0 0;
6089 }
6090 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style2 .offer-checkbox .wpfnl-checkbox label:before,
6091 body.rtl .wpfnl-order-bump__template-style2 .offer-checkbox .wpfnl-checkbox label:before {
6092 left: inherit;
6093 right: 0;
6094 }
6095 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style2 .offer-checkbox .wpfnl-checkbox label:after,
6096 body.rtl .wpfnl-order-bump__template-style2 .offer-checkbox .wpfnl-checkbox label:after {
6097 left: inherit;
6098 right: 2px;
6099 }
6100 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style2 .offer-checkbox .nav-arrow,
6101 body.rtl .wpfnl-order-bump__template-style2 .offer-checkbox .nav-arrow {
6102 margin-left: 10px;
6103 margin-right: 0;
6104 transform: rotate(-180deg);
6105 }
6106 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style2 .offer-checkbox .product-price,
6107 body.rtl .wpfnl-order-bump__template-style2 .offer-checkbox .product-price {
6108 margin-left: 0;
6109 margin-right: auto;
6110 }
6111
6112 @media only screen and (max-width: 460px) {
6113 .wpfnl-order-bump__template-style2 .template-preview-wrapper {
6114 padding: 15px;
6115 display: block;
6116 }
6117 .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-img {
6118 width: auto;
6119 height: auto;
6120 background-image: none !important;
6121 }
6122 .wpfnl-order-bump__template-style2 .template-preview-wrapper .for-mobile {
6123 display: block;
6124 border-radius: 10px;
6125 margin-bottom: 16px;
6126 }
6127 .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-content {
6128 width: 100%;
6129 padding-left: 0;
6130 }
6131 .wpfnl-order-bump__template-style2 .offer-checkbox {
6132 padding: 9px 15px 13px;
6133 }
6134 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-content,
6135 body.rtl .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-content {
6136 padding-right: 0;
6137 }
6138 }
6139 .wpfnl-order-bump__template-style3 {
6140 border-radius: 10px;
6141 position: relative;
6142 margin: 20px 0;
6143 }
6144 .wpfnl-order-bump__template-style3 .template-preview-wrapper {
6145 padding: 20px 15px;
6146 border: 1px solid #6E42D3;
6147 border-radius: 10px;
6148 }
6149 .wpfnl-order-bump__template-style3 .template-preview-wrapper .template-img {
6150 width: 150px;
6151 height: 150px;
6152 background-color: #F2F2F8;
6153 border-radius: 10px;
6154 position: relative;
6155 background-repeat: no-repeat;
6156 background-position: center center;
6157 background-size: cover;
6158 object-fit: cover;
6159 }
6160 .wpfnl-order-bump__template-style3 .template-preview-wrapper .for-mobile {
6161 display: none;
6162 border-radius: 10px;
6163 }
6164 .wpfnl-order-bump__template-style3 .template-preview-wrapper .template-content {
6165 width: 100%;
6166 margin-top: 12px;
6167 }
6168 .wpfnl-order-bump__template-style3 .template-preview-wrapper .template-content .option-selector {
6169 color: #F34D01;
6170 cursor: pointer;
6171 font-weight: 500;
6172 font-size: 14px;
6173 line-height: 18px;
6174 margin-top: 10px;
6175 }
6176 .wpfnl-order-bump__template-style3 .template-preview-wrapper .product-price {
6177 font-weight: 500;
6178 font-size: 18px;
6179 line-height: 1.2;
6180 margin-bottom: 15px;
6181 display: block;
6182 color: #EE8134;
6183 }
6184 .wpfnl-order-bump__template-style3 .template-preview-wrapper .product-price del {
6185 color: #7A8B9A;
6186 }
6187 .wpfnl-order-bump__template-style3 .template-preview-wrapper .product-price ins {
6188 text-decoration: none;
6189 }
6190 .wpfnl-order-bump__template-style3 .template-preview-wrapper .template-title {
6191 font-weight: 500;
6192 margin: 0 0 9px 0;
6193 font-size: 16px;
6194 line-height: 1.3;
6195 color: #363B4E;
6196 }
6197 .wpfnl-order-bump__template-style3 .template-preview-wrapper .subtitle {
6198 font-weight: 500;
6199 font-size: 14px;
6200 line-height: 16px;
6201 color: #6E42D3;
6202 margin-bottom: 14px;
6203 }
6204 .wpfnl-order-bump__template-style3 .template-preview-wrapper .description li,
6205 .wpfnl-order-bump__template-style3 .template-preview-wrapper .description span,
6206 .wpfnl-order-bump__template-style3 .template-preview-wrapper .description p,
6207 .wpfnl-order-bump__template-style3 .template-preview-wrapper .description {
6208 font-size: 13px;
6209 line-height: 20px;
6210 color: #7A8B9A;
6211 margin: 0;
6212 }
6213 .wpfnl-order-bump__template-style3 .offer-checkbox {
6214 display: flex;
6215 flex-flow: row wrap;
6216 align-items: flex-start;
6217 }
6218 .wpfnl-order-bump__template-style3 .offer-checkbox .wpfnl-checkbox {
6219 line-height: normal;
6220 display: inherit;
6221 width: calc(100% - 60px);
6222 }
6223 .wpfnl-order-bump__template-style3 .offer-checkbox .wpfnl-checkbox label {
6224 font-weight: 600;
6225 color: #363B4E;
6226 padding-left: 28px;
6227 font-size: 14px;
6228 line-height: 14px;
6229 margin: 0;
6230 }
6231 .wpfnl-order-bump__template-style3 .offer-checkbox .wpfnl-checkbox label:before {
6232 top: -1px;
6233 border: none;
6234 width: 18px;
6235 height: 18px;
6236 background-color: #c0c0c3;
6237 }
6238 .wpfnl-order-bump__template-style3 .offer-checkbox .wpfnl-checkbox label:after {
6239 left: 4px;
6240 top: 4px;
6241 width: 10px;
6242 height: 6px;
6243 border-bottom-color: #ffffff;
6244 border-left-color: #ffffff;
6245 }
6246 .wpfnl-order-bump__template-style3 .offer-checkbox .product-price {
6247 display: inline-block;
6248 font-weight: 500;
6249 font-size: 13px;
6250 line-height: 15px;
6251 color: #EE8134;
6252 margin-left: auto;
6253 }
6254 .wpfnl-order-bump__template-style3 .offer-checkbox .product-price del {
6255 margin-right: 2px;
6256 }
6257
6258 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style3 .offer-checkbox .wpfnl-checkbox label,
6259 body.rtl .wpfnl-order-bump__template-style3 .offer-checkbox .wpfnl-checkbox label {
6260 padding-left: 0;
6261 padding-right: 28px;
6262 }
6263 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style3 .offer-checkbox .wpfnl-checkbox label:before,
6264 body.rtl .wpfnl-order-bump__template-style3 .offer-checkbox .wpfnl-checkbox label:before {
6265 left: inherit;
6266 right: 0;
6267 }
6268 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style3 .offer-checkbox .wpfnl-checkbox label:after,
6269 body.rtl .wpfnl-order-bump__template-style3 .offer-checkbox .wpfnl-checkbox label:after {
6270 right: 4px;
6271 top: 4px;
6272 }
6273
6274 .wpfnl-order-bump__template-style4 {
6275 background-color: #f7f7f7;
6276 border-radius: 10px;
6277 position: relative;
6278 margin: 20px 0;
6279 }
6280 .wpfnl-order-bump__template-style4 .template-preview-wrapper {
6281 padding: 20px;
6282 display: flex;
6283 flex-flow: row wrap;
6284 align-items: center;
6285 }
6286 .wpfnl-order-bump__template-style4 .template-preview-wrapper .template-img {
6287 width: 70px;
6288 height: 70px;
6289 background-color: #F2F2F8;
6290 border-radius: 5px;
6291 position: relative;
6292 background-repeat: no-repeat;
6293 background-position: center center;
6294 background-size: cover;
6295 object-fit: cover;
6296 }
6297 .wpfnl-order-bump__template-style4 .template-preview-wrapper .for-mobile {
6298 display: none;
6299 border-radius: 5px;
6300 }
6301 .wpfnl-order-bump__template-style4 .template-preview-wrapper .template-content {
6302 width: calc(100% - 340px);
6303 padding-left: 14px;
6304 }
6305 .wpfnl-order-bump__template-style4 .template-preview-wrapper .template-title {
6306 font-weight: 500;
6307 font-size: 16px;
6308 line-height: 1.2;
6309 color: #363B4E;
6310 margin: 0 0 7px 0;
6311 max-width: 206px;
6312 }
6313 .wpfnl-order-bump__template-style4 .template-preview-wrapper .rating {
6314 color: #363B4E;
6315 font-weight: 600;
6316 display: flex;
6317 align-items: center;
6318 line-height: 1;
6319 font-size: 15px;
6320 }
6321 .wpfnl-order-bump__template-style4 .template-preview-wrapper .rating .star-rating {
6322 float: none;
6323 width: 86px;
6324 height: 15px;
6325 }
6326 .wpfnl-order-bump__template-style4 .template-preview-wrapper .rating .star-rating::before {
6327 content: "s s s s s";
6328 font-size: 13px;
6329 line-height: 1.2;
6330 color: #EE8134;
6331 }
6332 .wpfnl-order-bump__template-style4 .template-preview-wrapper .rating .star-rating span::before {
6333 content: "S S S S S";
6334 font-size: 13px;
6335 line-height: 1.2;
6336 color: #EE8134;
6337 }
6338 .wpfnl-order-bump__template-style4 .template-preview-wrapper .subtitle {
6339 font-weight: 500;
6340 font-size: 14px;
6341 line-height: 16px;
6342 color: #6E42D3;
6343 margin-bottom: 14px;
6344 }
6345 .wpfnl-order-bump__template-style4 .template-preview-wrapper .description li,
6346 .wpfnl-order-bump__template-style4 .template-preview-wrapper .description span,
6347 .wpfnl-order-bump__template-style4 .template-preview-wrapper .description p,
6348 .wpfnl-order-bump__template-style4 .template-preview-wrapper .description {
6349 font-size: 13px;
6350 line-height: 20px;
6351 color: #7A8B9A;
6352 margin: 0;
6353 }
6354 .wpfnl-order-bump__template-style4 .template-preview-wrapper .template-price {
6355 line-height: 1;
6356 padding-left: 20px;
6357 width: 110px;
6358 }
6359 .wpfnl-order-bump__template-style4 .template-preview-wrapper .product-price {
6360 display: inline-block;
6361 font-weight: 500;
6362 font-size: 13px;
6363 line-height: 15px;
6364 color: #EE8134;
6365 margin-left: auto;
6366 }
6367 .wpfnl-order-bump__template-style4 .template-preview-wrapper .product-price span {
6368 font-size: 13px;
6369 line-height: 15px;
6370 color: #EE8134;
6371 font-weight: 500;
6372 }
6373 .wpfnl-order-bump__template-style4 .template-preview-wrapper .product-price ins {
6374 text-decoration: none;
6375 background: transparent;
6376 }
6377 .wpfnl-order-bump__template-style4 .offer-checkbox {
6378 margin-left: auto;
6379 max-width: 160px;
6380 }
6381 .wpfnl-order-bump__template-style4 .offer-checkbox .wpfnl-checkbox .option-selector {
6382 color: #6E42D3;
6383 font-size: 14px;
6384 font-weight: 500;
6385 text-align: center;
6386 line-height: 1.2;
6387 }
6388 .wpfnl-order-bump__template-style4 .offer-checkbox .wpfnl-checkbox label:before,
6389 .wpfnl-order-bump__template-style4 .offer-checkbox .wpfnl-checkbox label:after {
6390 display: none;
6391 }
6392 .wpfnl-order-bump__template-style4 .offer-checkbox .wpfnl-checkbox label {
6393 border: 1px solid #6E42D3;
6394 color: #6E42D3;
6395 padding: 10px 15px;
6396 border-radius: 5px;
6397 font-size: 16px;
6398 font-weight: 500;
6399 text-align: center;
6400 line-height: 1.2;
6401 display: block;
6402 }
6403 .wpfnl-order-bump__template-style4 .offer-checkbox .wpfnl-checkbox input[type=checkbox]:checked + label {
6404 color: #fff;
6405 background-color: #6E42D3;
6406 }
6407
6408 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style4 .template-preview-wrapper .template-content,
6409 body.rtl .wpfnl-order-bump__template-style4 .template-preview-wrapper .template-content {
6410 padding-left: 0;
6411 padding-right: 14px;
6412 }
6413
6414 @media only screen and (max-width: 575px) {
6415 .wpfnl-order-bump__template-style4 .template-preview-wrapper {
6416 padding: 15px;
6417 display: block;
6418 }
6419 .wpfnl-order-bump__template-style4 .template-preview-wrapper .template-img {
6420 width: auto;
6421 height: auto;
6422 background-image: none !important;
6423 }
6424 .wpfnl-order-bump__template-style4 .template-preview-wrapper .for-mobile {
6425 display: block;
6426 margin-bottom: 16px;
6427 }
6428 .wpfnl-order-bump__template-style4 .template-preview-wrapper .template-content {
6429 width: 100%;
6430 padding-left: 0;
6431 }
6432 .wpfnl-order-bump__template-style4 .template-preview-wrapper .template-title {
6433 max-width: 100%;
6434 }
6435 .wpfnl-order-bump__template-style4 .template-preview-wrapper .template-price {
6436 padding-left: 0;
6437 margin: 12px 0;
6438 width: 100%;
6439 }
6440 .wpfnl-order-bump__template-style4 .offer-checkbox {
6441 margin-left: 0;
6442 max-width: inherit;
6443 }
6444 }
6445 .wpfnl-order-bump__template-style5 {
6446 background-color: transparent;
6447 border: 2px dashed #6E42D3;
6448 border-radius: 10px;
6449 position: relative;
6450 margin: 20px 0;
6451 padding: 20px !important;
6452 }
6453 .wpfnl-order-bump__template-style5 .template-preview-wrapper {
6454 display: flex;
6455 flex-flow: row-reverse;
6456 }
6457 .wpfnl-order-bump__template-style5 .template-preview-wrapper .template-img {
6458 width: 100px;
6459 height: 100px;
6460 background-color: #F2F2F8;
6461 border-radius: 5px;
6462 position: relative;
6463 background-repeat: no-repeat;
6464 background-position: center center;
6465 background-size: cover;
6466 object-fit: cover;
6467 }
6468 .wpfnl-order-bump__template-style5 .template-preview-wrapper .for-mobile {
6469 display: none;
6470 border-radius: 5px;
6471 }
6472 .wpfnl-order-bump__template-style5 .template-preview-wrapper .template-content {
6473 width: calc(100% - 100px);
6474 padding-right: 14px;
6475 }
6476 .wpfnl-order-bump__template-style5 .template-preview-wrapper .template-content .option-selector {
6477 color: #F34D01;
6478 cursor: pointer;
6479 font-weight: 500;
6480 font-size: 14px;
6481 line-height: 18px;
6482 margin-top: 10px;
6483 margin-bottom: 10px;
6484 }
6485 .wpfnl-order-bump__template-style5 .template-preview-wrapper .template-title {
6486 font-weight: 500;
6487 font-size: 18px;
6488 line-height: 1.2;
6489 color: #363B4E;
6490 margin: 0 0 7px 0;
6491 }
6492 .wpfnl-order-bump__template-style5 .template-preview-wrapper .rating {
6493 color: #363B4E;
6494 font-weight: 600;
6495 display: flex;
6496 flex-flow: row wrap;
6497 align-items: center;
6498 line-height: 1;
6499 font-size: 15px;
6500 }
6501 .wpfnl-order-bump__template-style5 .template-preview-wrapper .rating .star-rating {
6502 float: none;
6503 width: 86px;
6504 height: 15px;
6505 }
6506 .wpfnl-order-bump__template-style5 .template-preview-wrapper .rating .star-rating::before {
6507 content: "s s s s s";
6508 font-size: 13px;
6509 line-height: 1.2;
6510 color: #EE8134;
6511 }
6512 .wpfnl-order-bump__template-style5 .template-preview-wrapper .rating .star-rating span::before {
6513 content: "S S S S S";
6514 font-size: 13px;
6515 line-height: 1.2;
6516 color: #EE8134;
6517 }
6518 .wpfnl-order-bump__template-style5 .template-preview-wrapper .subtitle {
6519 font-weight: 500;
6520 font-size: 14px;
6521 line-height: 16px;
6522 color: #6E42D3;
6523 margin-bottom: 5px;
6524 }
6525 .wpfnl-order-bump__template-style5 .template-preview-wrapper .description li,
6526 .wpfnl-order-bump__template-style5 .template-preview-wrapper .description span,
6527 .wpfnl-order-bump__template-style5 .template-preview-wrapper .description p,
6528 .wpfnl-order-bump__template-style5 .template-preview-wrapper .description {
6529 font-size: 13px;
6530 line-height: 20px;
6531 color: #7A8B9A;
6532 margin: 0;
6533 }
6534 .wpfnl-order-bump__template-style5 .template-preview-wrapper .template-price {
6535 line-height: 1;
6536 margin-bottom: 10px;
6537 width: 100%;
6538 }
6539 .wpfnl-order-bump__template-style5 .template-preview-wrapper .product-price {
6540 display: inline-block;
6541 font-weight: 500;
6542 font-size: 16px;
6543 line-height: 15px;
6544 color: #EE8134;
6545 margin-left: auto;
6546 }
6547 .wpfnl-order-bump__template-style5 .template-preview-wrapper .product-price span {
6548 font-size: 16px;
6549 line-height: 15px;
6550 color: #EE8134;
6551 font-weight: 500;
6552 }
6553 .wpfnl-order-bump__template-style5 .template-preview-wrapper .product-price ins {
6554 text-decoration: none;
6555 background: transparent;
6556 }
6557 .wpfnl-order-bump__template-style5 .offer-checkbox {
6558 line-height: 1.2;
6559 padding: 0 0 16px 0;
6560 border-bottom: 1px solid #ddd;
6561 margin-bottom: 15px;
6562 }
6563 .wpfnl-order-bump__template-style5 .offer-checkbox .wpfnl-checkbox {
6564 display: block;
6565 }
6566 .wpfnl-order-bump__template-style5 .offer-checkbox .wpfnl-checkbox .option-selector {
6567 font-size: 14px;
6568 font-weight: 500;
6569 text-align: center;
6570 line-height: 1.2;
6571 color: #6E42D3;
6572 text-transform: uppercase;
6573 }
6574 .wpfnl-order-bump__template-style5 .offer-checkbox .wpfnl-checkbox label {
6575 display: block;
6576 color: #6E42D3;
6577 font-size: 14px;
6578 font-weight: 500;
6579 line-height: 1.2;
6580 text-transform: uppercase;
6581 padding-left: 0;
6582 padding-right: 50px;
6583 }
6584 .wpfnl-order-bump__template-style5 .offer-checkbox .wpfnl-checkbox label:before {
6585 left: inherit;
6586 right: 0;
6587 top: -3px;
6588 width: 43px;
6589 height: 22px;
6590 border-radius: 30px;
6591 border-color: #6E42D3;
6592 }
6593 .wpfnl-order-bump__template-style5 .offer-checkbox .wpfnl-checkbox label:after {
6594 left: inherit;
6595 right: 24px;
6596 top: 1px;
6597 width: 14px;
6598 height: 14px;
6599 border-radius: 30px;
6600 transform: none;
6601 border-bottom: none;
6602 border-left: none;
6603 background-color: #6E42D3;
6604 opacity: 1;
6605 visibility: visible;
6606 }
6607 .wpfnl-order-bump__template-style5 .offer-checkbox .wpfnl-checkbox input[type=checkbox]:checked + label::after {
6608 background-color: #fff;
6609 right: 4px;
6610 }
6611
6612 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style5 .template-preview-wrapper .template-content,
6613 body.rtl .wpfnl-order-bump__template-style5 .template-preview-wrapper .template-content {
6614 padding-right: 0;
6615 padding-left: 14px;
6616 }
6617
6618 @media only screen and (max-width: 575px) {
6619 .wpfnl-order-bump__template-style5 .template-preview-wrapper {
6620 display: block;
6621 }
6622 .wpfnl-order-bump__template-style5 .template-preview-wrapper .template-img {
6623 width: auto;
6624 height: auto;
6625 background-image: none !important;
6626 }
6627 .wpfnl-order-bump__template-style5 .template-preview-wrapper .for-mobile {
6628 display: block;
6629 margin-bottom: 16px;
6630 }
6631 .wpfnl-order-bump__template-style5 .template-preview-wrapper .template-content {
6632 width: 100%;
6633 padding-left: 0;
6634 }
6635 .wpfnl-order-bump__template-style5 .template-preview-wrapper .template-title {
6636 max-width: 100%;
6637 }
6638 .wpfnl-order-bump__template-style5 .template-preview-wrapper .template-price {
6639 padding-left: 0;
6640 margin: 12px 0;
6641 width: 100%;
6642 }
6643 .wpfnl-order-bump__template-style5 .offer-checkbox {
6644 margin-left: 0;
6645 max-width: inherit;
6646 }
6647 }
6648 .wpfnl-order-bump__template-style6 {
6649 background-color: #f7f7f7;
6650 border-radius: 10px;
6651 position: relative;
6652 margin: 20px 0;
6653 }
6654 .wpfnl-order-bump__template-style6 .template-preview-wrapper {
6655 padding: 20px;
6656 display: flex;
6657 flex-flow: row wrap;
6658 align-items: flex-start;
6659 justify-content: space-between;
6660 }
6661 .wpfnl-order-bump__template-style6 .template-preview-wrapper .template-img {
6662 width: 150px;
6663 height: 150px;
6664 background-color: #F2F2F8;
6665 border-radius: 10px;
6666 position: relative;
6667 background-repeat: no-repeat;
6668 background-position: center center;
6669 background-size: cover;
6670 object-fit: cover;
6671 }
6672 .wpfnl-order-bump__template-style6 .template-preview-wrapper .for-mobile {
6673 display: none;
6674 border-radius: 10px;
6675 }
6676 .wpfnl-order-bump__template-style6 .template-preview-wrapper .template-content {
6677 width: calc(100% - 140px);
6678 padding-right: 20px;
6679 }
6680 .wpfnl-order-bump__template-style6 .template-preview-wrapper .template-content .option-selector {
6681 color: #F34D01;
6682 cursor: pointer;
6683 font-weight: 500;
6684 font-size: 14px;
6685 line-height: 18px;
6686 margin-top: 10px;
6687 margin-bottom: 10px;
6688 }
6689 .wpfnl-order-bump__template-style6 .template-preview-wrapper .template-title {
6690 font-weight: 500;
6691 font-size: 14px;
6692 line-height: 16px;
6693 color: #363B4E;
6694 margin: 0 0 9px 0;
6695 }
6696 .wpfnl-order-bump__template-style6 .template-preview-wrapper .subtitle {
6697 font-weight: 500;
6698 font-size: 14px;
6699 line-height: 16px;
6700 color: #6E42D3;
6701 margin-bottom: 14px;
6702 }
6703 .wpfnl-order-bump__template-style6 .template-preview-wrapper .description li,
6704 .wpfnl-order-bump__template-style6 .template-preview-wrapper .description span,
6705 .wpfnl-order-bump__template-style6 .template-preview-wrapper .description p,
6706 .wpfnl-order-bump__template-style6 .template-preview-wrapper .description {
6707 font-size: 13px;
6708 line-height: 20px;
6709 color: #7A8B9A;
6710 margin: 0;
6711 }
6712 .wpfnl-order-bump__template-style6 .template-preview-wrapper .product-price {
6713 display: inline-block;
6714 font-weight: 500;
6715 font-size: 15px;
6716 line-height: 15px;
6717 color: #EE8134;
6718 margin-left: auto;
6719 width: 140px;
6720 text-align: right;
6721 }
6722 .wpfnl-order-bump__template-style6 .template-preview-wrapper .product-price span {
6723 font-size: 15px;
6724 line-height: 15px;
6725 color: #EE8134;
6726 font-weight: 500;
6727 }
6728 .wpfnl-order-bump__template-style6 .template-preview-wrapper .product-price ins {
6729 text-decoration: none;
6730 background: transparent;
6731 }
6732 .wpfnl-order-bump__template-style6 .offer-checkbox {
6733 margin-bottom: 15px;
6734 }
6735 .wpfnl-order-bump__template-style6 .offer-checkbox .wpfnl-checkbox {
6736 display: block;
6737 line-height: 1;
6738 }
6739 .wpfnl-order-bump__template-style6 .offer-checkbox .wpfnl-checkbox label {
6740 font-weight: 500;
6741 font-size: 15px;
6742 line-height: 18px;
6743 color: #363B4E;
6744 padding: 0 0 0 26px;
6745 margin: 0;
6746 border: 0;
6747 }
6748 .wpfnl-order-bump__template-style6 .offer-checkbox .wpfnl-checkbox label:before {
6749 top: 1px;
6750 background: #fff;
6751 }
6752 .wpfnl-order-bump__template-style6 .offer-checkbox .wpfnl-checkbox label:after {
6753 left: 4px;
6754 top: 6px;
6755 width: 10px;
6756 height: 6px;
6757 border-bottom-color: #ffffff;
6758 border-left-color: #ffffff;
6759 }
6760 .wpfnl-order-bump__template-style6 .offer-checkbox .wpfnl-checkbox input[type=checkbox]:checked + label::before {
6761 background-color: #6E42D3;
6762 border-color: #6E42D3;
6763 }
6764
6765 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style6 .template-preview-wrapper .template-content,
6766 body.rtl .wpfnl-order-bump__template-style6 .template-preview-wrapper .template-content {
6767 padding-right: 0;
6768 padding-left: 20px;
6769 }
6770 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-checkout .wpfnl-order-bump__template-style6 .template-preview-wrapper .product-price,
6771 body.rtl .wpfnl-checkout .wpfnl-order-bump__template-style6 .template-preview-wrapper .product-price {
6772 text-align: left;
6773 }
6774 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style6 .offer-checkbox .wpfnl-checkbox label,
6775 body.rtl .wpfnl-order-bump__template-style6 .offer-checkbox .wpfnl-checkbox label {
6776 padding: 0 26px 0 0;
6777 }
6778 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style6 .offer-checkbox .wpfnl-checkbox label:before,
6779 body.rtl .wpfnl-order-bump__template-style6 .offer-checkbox .wpfnl-checkbox label:before {
6780 left: inherit;
6781 right: 0;
6782 }
6783 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style6 .offer-checkbox .wpfnl-checkbox label:after,
6784 body.rtl .wpfnl-order-bump__template-style6 .offer-checkbox .wpfnl-checkbox label:after {
6785 left: inherit;
6786 right: 4px;
6787 }
6788
6789 @media only screen and (max-width: 575px) {
6790 .wpfnl-order-bump__template-style6 .template-preview-wrapper {
6791 padding: 15px;
6792 display: block;
6793 }
6794 .wpfnl-order-bump__template-style6 .template-preview-wrapper .template-content {
6795 width: 100%;
6796 padding-right: 0;
6797 }
6798 .wpfnl-order-bump__template-style6 .offer-checkbox {
6799 margin-bottom: 10px;
6800 }
6801 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style6 .template-preview-wrapper .template-content,
6802 body.rtl .wpfnl-order-bump__template-style6 .template-preview-wrapper .template-content {
6803 padding-left: 0;
6804 }
6805 }
6806 .wpfnl-order-bump__template-style7 {
6807 margin-bottom: 20px;
6808 position: relative;
6809 }
6810 .wpfnl-order-bump__template-style7 .template-preview-wrapper {
6811 padding: 15px;
6812 background: #5a26d1;
6813 border-radius: 10px;
6814 }
6815 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content-wrapper {
6816 padding-right: 15px;
6817 width: calc(100% - 50px);
6818 }
6819 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content {
6820 display: flex;
6821 flex-flow: row wrap;
6822 align-items: flex-start;
6823 justify-content: space-between;
6824 }
6825 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .option-selector {
6826 color: #F34D01;
6827 cursor: pointer;
6828 font-weight: 500;
6829 font-size: 14px;
6830 line-height: 18px;
6831 margin-top: 10px;
6832 margin-bottom: 10px;
6833 }
6834 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .template-title {
6835 margin-bottom: 5px;
6836 color: #fff;
6837 font-size: 18px;
6838 font-weight: 600;
6839 }
6840 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .description li,
6841 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .description span,
6842 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .description p,
6843 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .description {
6844 font-size: 16px;
6845 color: #fff;
6846 line-height: 1.5;
6847 font-weight: 400;
6848 margin: 0;
6849 }
6850 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .wpfnl-checkbox label {
6851 padding: 0;
6852 width: 50px;
6853 height: 50px;
6854 background: #fff;
6855 border-radius: 10px;
6856 display: flex;
6857 align-items: center;
6858 justify-content: center;
6859 }
6860 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .wpfnl-checkbox label:after, .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .wpfnl-checkbox label:before {
6861 display: none;
6862 }
6863 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .wpfnl-checkbox label svg {
6864 transition: all 0.3s ease;
6865 }
6866 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .wpfnl-checkbox label svg path {
6867 stroke: #fff;
6868 }
6869 .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content .wpfnl-checkbox input[type=checkbox]:checked + label svg {
6870 transform: rotate(45deg);
6871 }
6872
6873 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content-wrapper,
6874 body.rtl .wpfnl-order-bump__template-style7 .template-preview-wrapper .template-content-wrapper {
6875 padding-right: 0;
6876 padding-left: 15px;
6877 }
6878
6879 .wpfnl-order-bump__template-style8 {
6880 margin-bottom: 20px;
6881 position: relative;
6882 }
6883 .wpfnl-order-bump__template-style8 .template-preview-wrapper {
6884 padding: 15px 15px;
6885 border: 2px dashed #6E42D3;
6886 }
6887 .wpfnl-order-bump__template-style8 .template-preview-wrapper .template-content .option-selector {
6888 color: #F34D01;
6889 cursor: pointer;
6890 font-weight: 500;
6891 font-size: 14px;
6892 line-height: 18px;
6893 margin-top: 10px;
6894 margin-bottom: 10px;
6895 }
6896 .wpfnl-order-bump__template-style8 .template-preview-wrapper .template-title {
6897 margin: 0 0 9px 0;
6898 font-weight: 500;
6899 font-size: 14px;
6900 line-height: 16px;
6901 color: #363B4E;
6902 }
6903 .wpfnl-order-bump__template-style8 .template-preview-wrapper .subtitle {
6904 font-weight: 500;
6905 font-size: 14px;
6906 line-height: 16px;
6907 color: #6E42D3;
6908 margin-bottom: 14px;
6909 text-transform: uppercase;
6910 text-decoration: underline;
6911 }
6912 .wpfnl-order-bump__template-style8 .template-preview-wrapper .description li,
6913 .wpfnl-order-bump__template-style8 .template-preview-wrapper .description span,
6914 .wpfnl-order-bump__template-style8 .template-preview-wrapper .description p,
6915 .wpfnl-order-bump__template-style8 .template-preview-wrapper .description {
6916 font-size: 13px;
6917 line-height: 20px;
6918 color: #7A8B9A;
6919 margin: 0;
6920 }
6921 .wpfnl-order-bump__template-style8 .offer-checkbox {
6922 padding: 8px 15px;
6923 margin-bottom: 15px;
6924 background-color: #6E42D3;
6925 display: flex;
6926 flex-flow: row wrap;
6927 align-items: flex-start;
6928 border: none;
6929 }
6930 .wpfnl-order-bump__template-style8 .offer-checkbox .nav-arrow {
6931 margin-right: 10px;
6932 display: inherit;
6933 line-height: normal;
6934 position: relative;
6935 top: 2px;
6936 }
6937 .wpfnl-order-bump__template-style8 .offer-checkbox .wpfnl-checkbox {
6938 line-height: normal;
6939 display: inherit;
6940 width: calc(100% - 30px);
6941 }
6942 .wpfnl-order-bump__template-style8 .offer-checkbox .wpfnl-checkbox label {
6943 margin: 0;
6944 padding: 0 0 0 20px;
6945 font-weight: 500;
6946 color: #d9d9d9;
6947 font-size: 12px;
6948 line-height: 14px;
6949 }
6950 .wpfnl-order-bump__template-style8 .offer-checkbox .wpfnl-checkbox label:before {
6951 top: 2px;
6952 border: none;
6953 width: 12px;
6954 height: 12px;
6955 }
6956 .wpfnl-order-bump__template-style8 .offer-checkbox .wpfnl-checkbox label:after {
6957 left: 2px;
6958 top: 5px;
6959 width: 8px;
6960 height: 5px;
6961 border-bottom-color: #6E42D3;
6962 border-left-color: #6E42D3;
6963 }
6964 .wpfnl-order-bump__template-style8 .offer-checkbox .wpfnl-checkbox input[type=checkbox]:checked + label::before {
6965 background-color: #fff;
6966 border-color: #ffffff;
6967 }
6968 .wpfnl-order-bump__template-style8 .offer-checkbox .product-price {
6969 margin-left: auto;
6970 display: inline-block;
6971 font-weight: 500;
6972 font-size: 12px;
6973 line-height: 14px;
6974 color: #EE8134;
6975 }
6976 .wpfnl-order-bump__template-style8 .offer-checkbox .product-price span {
6977 font-size: 12px;
6978 line-height: 14px;
6979 color: #EE8134;
6980 font-weight: 500;
6981 line-height: normal;
6982 }
6983 .wpfnl-order-bump__template-style8 .offer-checkbox .product-price ins {
6984 text-decoration: none;
6985 background: transparent;
6986 }
6987
6988 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style8 .offer-checkbox .wpfnl-checkbox label,
6989 body.rtl .wpfnl-order-bump__template-style8 .offer-checkbox .wpfnl-checkbox label {
6990 padding: 0 26px 0 0;
6991 }
6992 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style8 .offer-checkbox .wpfnl-checkbox label:before,
6993 body.rtl .wpfnl-order-bump__template-style8 .offer-checkbox .wpfnl-checkbox label:before {
6994 left: inherit;
6995 right: 0;
6996 }
6997 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style8 .offer-checkbox .wpfnl-checkbox label:after,
6998 body.rtl .wpfnl-order-bump__template-style8 .offer-checkbox .wpfnl-checkbox label:after {
6999 left: inherit;
7000 right: 2px;
7001 }
7002 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style8 .offer-checkbox .nav-arrow,
7003 body.rtl .wpfnl-order-bump__template-style8 .offer-checkbox .nav-arrow {
7004 margin-left: 10px;
7005 margin-right: 0;
7006 transform: rotate(-180deg);
7007 }
7008 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style8 .offer-checkbox .product-price,
7009 body.rtl .wpfnl-order-bump__template-style8 .offer-checkbox .product-price {
7010 margin-left: 0;
7011 margin-right: auto;
7012 }
7013
7014 @media only screen and (max-width: 460px) {
7015 .wpfnl-order-bump__template-style2 .template-preview-wrapper {
7016 padding: 15px;
7017 display: block;
7018 }
7019 .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-img {
7020 width: auto;
7021 height: auto;
7022 background-image: none !important;
7023 }
7024 .wpfnl-order-bump__template-style2 .template-preview-wrapper .for-mobile {
7025 margin-bottom: 16px;
7026 display: block;
7027 border-radius: 10px;
7028 }
7029 .wpfnl-order-bump__template-style2 .template-preview-wrapper .template-content {
7030 padding-left: 0;
7031 width: 100%;
7032 }
7033 .wpfnl-order-bump__template-style2 .offer-checkbox {
7034 padding: 9px 15px 13px;
7035 }
7036 }
7037 .wpfnl-order-bump__template-style9 {
7038 background-color: #ffffff;
7039 border: 1px solid #E5E8F3;
7040 border-radius: 12px;
7041 position: relative;
7042 margin: 20px 0;
7043 }
7044 .wpfnl-order-bump__template-style9 > .subtitle {
7045 font-weight: 500;
7046 font-size: 14px;
7047 line-height: 16px;
7048 color: #333;
7049 margin-bottom: 0;
7050 background: #ffd921;
7051 text-align: center;
7052 padding: 10px 15px;
7053 border-radius: 10px 10px 0 0;
7054 }
7055 .wpfnl-order-bump__template-style9 .template-preview-wrapper {
7056 padding: 20px;
7057 display: flex;
7058 flex-flow: row wrap;
7059 align-items: center;
7060 }
7061 .wpfnl-order-bump__template-style9 .template-preview-wrapper .template-img {
7062 width: 150px;
7063 height: 150px;
7064 background-color: #F2F2F8;
7065 border-radius: 10px;
7066 position: relative;
7067 background-repeat: no-repeat;
7068 background-position: center center;
7069 background-size: cover;
7070 object-fit: cover;
7071 }
7072 .wpfnl-order-bump__template-style9 .template-preview-wrapper .for-mobile {
7073 display: none;
7074 border-radius: 10px;
7075 }
7076 .wpfnl-order-bump__template-style9 .template-preview-wrapper .template-content {
7077 width: calc(100% - 160px);
7078 padding-left: 20px;
7079 }
7080 .wpfnl-order-bump__template-style9 .template-preview-wrapper .template-content .option-selector {
7081 color: #F34D01;
7082 cursor: pointer;
7083 font-weight: 500;
7084 font-size: 14px;
7085 line-height: 18px;
7086 margin-top: 10px;
7087 margin-bottom: 10px;
7088 }
7089 .wpfnl-order-bump__template-style9 .template-preview-wrapper .template-title {
7090 font-weight: 500;
7091 font-size: 14px;
7092 line-height: 16px;
7093 color: #363B4E;
7094 margin: 0 0 9px 0;
7095 }
7096 .wpfnl-order-bump__template-style9 .template-preview-wrapper .product-price {
7097 display: inline-block;
7098 font-weight: 500;
7099 font-size: 13px;
7100 line-height: 15px;
7101 color: #EE8134;
7102 margin-left: auto;
7103 }
7104 .wpfnl-order-bump__template-style9 .template-preview-wrapper .product-price span {
7105 font-size: 13px;
7106 line-height: 15px;
7107 color: #EE8134;
7108 font-weight: 500;
7109 }
7110 .wpfnl-order-bump__template-style9 .template-preview-wrapper .product-price ins {
7111 text-decoration: none;
7112 background: transparent;
7113 }
7114 .wpfnl-order-bump__template-style9 .description-wrapper {
7115 background: #f7f7f7;
7116 padding: 12px 20px;
7117 margin: 0;
7118 }
7119 .wpfnl-order-bump__template-style9 .description-wrapper .description li,
7120 .wpfnl-order-bump__template-style9 .description-wrapper .description span,
7121 .wpfnl-order-bump__template-style9 .description-wrapper .description p,
7122 .wpfnl-order-bump__template-style9 .description-wrapper .description {
7123 font-size: 13px;
7124 line-height: 20px;
7125 color: #7A8B9A;
7126 margin: 0;
7127 }
7128 .wpfnl-order-bump__template-style9 .offer-checkbox {
7129 background-color: #6E42D3;
7130 padding: 12px 20px 12px;
7131 border-radius: 0 0 10px 10px;
7132 box-shadow: 0 -1px 2px 0 rgba(190, 190, 215, 0.29);
7133 text-align: center;
7134 }
7135 .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox {
7136 display: block;
7137 line-height: 1;
7138 }
7139 .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox .option-selector {
7140 color: #6E42D3;
7141 font-weight: 500;
7142 font-size: 14px;
7143 line-height: 1.2;
7144 cursor: pointer;
7145 }
7146 .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox label {
7147 font-weight: 500;
7148 font-size: 15px;
7149 line-height: 18px;
7150 color: #d9d9d9;
7151 padding: 0 0 0 26px;
7152 margin: 0;
7153 border: 0;
7154 }
7155 .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox label:before {
7156 top: 1px;
7157 border: none;
7158 }
7159 .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox label:after {
7160 left: 4px;
7161 top: 6px;
7162 width: 10px;
7163 height: 6px;
7164 border-bottom-color: #6E42D3;
7165 border-left-color: #6E42D3;
7166 }
7167 .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox input[type=checkbox]:checked + label::before {
7168 background-color: #fff;
7169 border-color: #ffffff;
7170 }
7171
7172 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style9 .template-preview-wrapper .template-content,
7173 body.rtl .wpfnl-order-bump__template-style9 .template-preview-wrapper .template-content {
7174 padding-left: 0;
7175 padding-right: 20px;
7176 }
7177 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox label,
7178 body.rtl .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox label {
7179 padding: 0 26px 0 0;
7180 }
7181 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox label:before,
7182 body.rtl .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox label:before {
7183 left: inherit;
7184 right: 0;
7185 }
7186 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox label:after,
7187 body.rtl .wpfnl-order-bump__template-style9 .offer-checkbox .wpfnl-checkbox label:after {
7188 left: inherit;
7189 right: 4px;
7190 }
7191
7192 @media only screen and (max-width: 460px) {
7193 .wpfnl-order-bump__template-style9 .template-preview-wrapper {
7194 padding: 15px;
7195 display: block;
7196 }
7197 .wpfnl-order-bump__template-style9 .template-preview-wrapper .template-img {
7198 width: auto;
7199 height: auto;
7200 background-image: none !important;
7201 }
7202 .wpfnl-order-bump__template-style9 .template-preview-wrapper .for-mobile {
7203 display: block;
7204 border-radius: 10px;
7205 margin-bottom: 16px;
7206 }
7207 .wpfnl-order-bump__template-style9 .template-preview-wrapper .template-content {
7208 width: 100%;
7209 padding-left: 0;
7210 }
7211 .wpfnl-order-bump__template-style9 .offer-checkbox {
7212 padding: 9px 15px 13px;
7213 }
7214 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style9 .template-preview-wrapper .template-content,
7215 body.rtl .wpfnl-order-bump__template-style9 .template-preview-wrapper .template-content {
7216 padding-right: 0;
7217 }
7218 }
7219 .wpfnl-order-bump__template-style10 {
7220 border-radius: 10px;
7221 position: relative;
7222 margin: 20px 0;
7223 background-color: #f7f7f7;
7224 border: 1px solid #E5E8F3;
7225 }
7226 .wpfnl-order-bump__template-style10 .template-preview-wrapper {
7227 padding: 20px 15px;
7228 }
7229 .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-content .option-selector {
7230 color: #F34D01;
7231 cursor: pointer;
7232 font-weight: 500;
7233 font-size: 14px;
7234 line-height: 18px;
7235 margin-bottom: 10px;
7236 }
7237 .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-title-area {
7238 display: flex;
7239 align-items: flex-start;
7240 justify-content: space-between;
7241 margin: 0 0 15px 0;
7242 }
7243 .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-title {
7244 font-weight: 700;
7245 font-size: 14px;
7246 line-height: 16px;
7247 color: #363B4E;
7248 margin: 0;
7249 width: calc(100% - 60px);
7250 padding-right: 15px;
7251 display: flex;
7252 align-items: flex-start;
7253 }
7254 .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-title .nav-arrow {
7255 line-height: 1;
7256 position: relative;
7257 top: -1px;
7258 margin-right: 7px;
7259 }
7260 .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-title .product-price {
7261 display: inline-block;
7262 color: #EE8134;
7263 margin-left: auto;
7264 }
7265 .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-title .product-price span {
7266 color: #EE8134;
7267 font-weight: 700;
7268 }
7269 .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-title .product-price ins {
7270 text-decoration: none;
7271 background: transparent;
7272 }
7273 .wpfnl-order-bump__template-style10 .template-preview-wrapper .description li,
7274 .wpfnl-order-bump__template-style10 .template-preview-wrapper .description span,
7275 .wpfnl-order-bump__template-style10 .template-preview-wrapper .description p,
7276 .wpfnl-order-bump__template-style10 .template-preview-wrapper .description {
7277 font-size: 13px;
7278 line-height: 20px;
7279 color: #7A8B9A;
7280 margin: 0;
7281 }
7282 .wpfnl-order-bump__template-style10 .offer-checkbox {
7283 display: block;
7284 width: 60px;
7285 text-align: right;
7286 }
7287 .wpfnl-order-bump__template-style10 .offer-checkbox:has(option-selector) {
7288 width: 120px;
7289 }
7290 .wpfnl-order-bump__template-style10 .offer-checkbox .option-selector {
7291 color: #6E42D3;
7292 font-weight: 600;
7293 font-size: 14px;
7294 line-height: 1.2;
7295 cursor: pointer;
7296 }
7297 .wpfnl-order-bump__template-style10 .offer-checkbox .wpfnl-checkbox {
7298 line-height: 1;
7299 display: block;
7300 }
7301 .wpfnl-order-bump__template-style10 .offer-checkbox .wpfnl-checkbox label {
7302 font-weight: 700;
7303 color: #6E42D3;
7304 font-size: 16px;
7305 line-height: 14px;
7306 margin: 0;
7307 padding: 0;
7308 }
7309 .wpfnl-order-bump__template-style10 .offer-checkbox .wpfnl-checkbox label:after,
7310 .wpfnl-order-bump__template-style10 .offer-checkbox .wpfnl-checkbox label:before {
7311 display: none;
7312 }
7313
7314 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style10 .offer-checkbox,
7315 body.rtl .wpfnl-order-bump__template-style10 .offer-checkbox {
7316 text-align: left;
7317 }
7318 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-title,
7319 body.rtl .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-title {
7320 padding-right: 0;
7321 padding-left: 15px;
7322 }
7323 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-title .nav-arrow,
7324 body.rtl .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-title .nav-arrow {
7325 top: 3px;
7326 margin-right: 0;
7327 margin-left: 7px;
7328 transform: rotate(-180deg);
7329 display: inline-block;
7330 }
7331
7332 @media only screen and (max-width: 460px) {
7333 .wpfnl-order-bump__template-style10 .template-preview-wrapper {
7334 padding: 15px;
7335 display: block;
7336 }
7337 .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-img {
7338 width: auto;
7339 height: auto;
7340 background-image: none !important;
7341 }
7342 .wpfnl-order-bump__template-style10 .template-preview-wrapper .for-mobile {
7343 display: block;
7344 border-radius: 10px;
7345 margin-bottom: 16px;
7346 }
7347 .wpfnl-order-bump__template-style10 .template-preview-wrapper .template-content {
7348 width: 100%;
7349 padding-left: 0;
7350 }
7351 .wpfnl-order-bump__template-style10 .offer-checkbox {
7352 padding: 9px 15px 13px;
7353 }
7354 }
7355 .wpfnl-order-bump__template-style11 {
7356 border-radius: 5px;
7357 position: relative;
7358 margin: 20px 0;
7359 background-color: #fff;
7360 border: 1px solid #6E42D3;
7361 }
7362 .wpfnl-order-bump__template-style11 .oderbump-loader {
7363 border-radius: 5px;
7364 }
7365 .wpfnl-order-bump__template-style11 .template-preview-wrapper {
7366 padding: 20px 15px;
7367 }
7368 .wpfnl-order-bump__template-style11 .template-preview-wrapper .template-content .option-selector {
7369 color: #F34D01;
7370 cursor: pointer;
7371 font-weight: 500;
7372 font-size: 14px;
7373 line-height: 18px;
7374 margin-bottom: 10px;
7375 }
7376 .wpfnl-order-bump__template-style11 .template-preview-wrapper .template-title-area {
7377 display: flex;
7378 align-items: center;
7379 justify-content: space-between;
7380 margin: 0 0 15px 0;
7381 }
7382 .wpfnl-order-bump__template-style11 .template-preview-wrapper .template-title-area .product-price {
7383 display: inline-block;
7384 color: #EE8134;
7385 margin-left: auto;
7386 width: 120px;
7387 text-align: right;
7388 font-size: 15px;
7389 }
7390 .wpfnl-order-bump__template-style11 .template-preview-wrapper .template-title-area .product-price span {
7391 color: #EE8134;
7392 font-weight: 700;
7393 }
7394 .wpfnl-order-bump__template-style11 .template-preview-wrapper .template-title-area .product-price ins {
7395 text-decoration: none;
7396 background: transparent;
7397 }
7398 .wpfnl-order-bump__template-style11 .template-preview-wrapper .description {
7399 font-size: 13px;
7400 line-height: 20px;
7401 color: #7A8B9A;
7402 margin: 0;
7403 }
7404 .wpfnl-order-bump__template-style11 .offer-checkbox {
7405 background-color: transparent;
7406 padding: 0;
7407 border-radius: 0;
7408 box-shadow: none;
7409 width: calc(100% - 120px);
7410 }
7411 .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox {
7412 display: block;
7413 line-height: 1;
7414 }
7415 .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox .option-selector {
7416 color: #6E42D3;
7417 font-weight: 500;
7418 font-size: 15px;
7419 line-height: 1.2;
7420 }
7421 .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox label {
7422 font-weight: 600;
7423 font-size: 15px;
7424 line-height: 18px;
7425 color: #363B4E;
7426 padding: 0 0 0 26px;
7427 margin: 0;
7428 border: 0;
7429 }
7430 .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox label:before {
7431 top: 1px;
7432 border-color: #6E42D3;
7433 }
7434 .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox label:after {
7435 left: 4px;
7436 top: 6px;
7437 width: 10px;
7438 height: 6px;
7439 border-bottom-color: #6E42D3;
7440 border-left-color: #6E42D3;
7441 }
7442 .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox input[type=checkbox]:checked + label::before {
7443 background-color: #fff;
7444 }
7445
7446 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style11 .template-preview-wrapper .template-title-area .product-price,
7447 body.rtl .wpfnl-order-bump__template-style11 .template-preview-wrapper .template-title-area .product-price {
7448 text-align: left;
7449 }
7450 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox label,
7451 body.rtl .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox label {
7452 padding: 0 26px 0 0;
7453 }
7454 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox label:before,
7455 body.rtl .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox label:before {
7456 left: inherit;
7457 right: 0;
7458 }
7459 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox label:after,
7460 body.rtl .wpfnl-order-bump__template-style11 .offer-checkbox .wpfnl-checkbox label:after {
7461 left: inherit;
7462 right: 4px;
7463 }
7464
7465 @media only screen and (max-width: 460px) {
7466 .wpfnl-order-bump__template-style11 .template-preview-wrapper {
7467 padding: 15px;
7468 display: block;
7469 }
7470 .wpfnl-order-bump__template-style11 .template-preview-wrapper .template-img {
7471 width: auto;
7472 height: auto;
7473 background-image: none !important;
7474 }
7475 .wpfnl-order-bump__template-style11 .template-preview-wrapper .for-mobile {
7476 display: block;
7477 border-radius: 10px;
7478 margin-bottom: 16px;
7479 }
7480 .wpfnl-order-bump__template-style11 .template-preview-wrapper .template-content {
7481 width: 100%;
7482 padding-left: 0;
7483 }
7484 }
7485 .wpfnl-order-bump__template-style12 {
7486 background-color: #ffffff;
7487 border-radius: 12px;
7488 padding: 20px;
7489 position: relative;
7490 border: 1px solid #E5E8F3;
7491 margin-bottom: 20px;
7492 }
7493 .wpfnl-order-bump__template-style12 .template-preview-wrapper .template-content .option-selector {
7494 color: #F34D01;
7495 cursor: pointer;
7496 font-weight: 500;
7497 font-size: 14px;
7498 line-height: 18px;
7499 margin-bottom: 10px;
7500 }
7501 .wpfnl-order-bump__template-style12 .template-preview-wrapper .template-img {
7502 width: 150px;
7503 height: 150px;
7504 background-color: #F2F2F8;
7505 border-radius: 10px;
7506 position: relative;
7507 background-repeat: no-repeat;
7508 background-position: center center;
7509 background-size: cover;
7510 object-fit: cover;
7511 margin: 0 16px 6px 0;
7512 float: left;
7513 }
7514 .wpfnl-order-bump__template-style12 .template-preview-wrapper .template-content {
7515 clear: right;
7516 }
7517 .wpfnl-order-bump__template-style12 .template-preview-wrapper .template-content::after {
7518 content: "";
7519 display: block;
7520 clear: both;
7521 }
7522 .wpfnl-order-bump__template-style12 .template-preview-wrapper .template-title {
7523 font-weight: 500;
7524 font-size: 14px;
7525 line-height: 16px;
7526 color: #363B4E;
7527 margin-bottom: 0;
7528 margin-left: 5px;
7529 }
7530 .wpfnl-order-bump__template-style12 .template-preview-wrapper .subtitle {
7531 font-weight: 500;
7532 font-size: 14px;
7533 line-height: 16px;
7534 color: #6E42D3;
7535 margin: 0;
7536 display: flex;
7537 flex-flow: row wrap;
7538 }
7539 .wpfnl-order-bump__template-style12 .template-preview-wrapper .description {
7540 font-size: 13px;
7541 line-height: 20px;
7542 color: #7A8B9A;
7543 width: 100%;
7544 margin: 8px 0;
7545 }
7546 .wpfnl-order-bump__template-style12 .template-preview-wrapper .product-options {
7547 margin: 10px 0 0 0;
7548 }
7549 .wpfnl-order-bump__template-style12 .template-preview-wrapper .product-options .option-selector {
7550 color: #F34D01;
7551 cursor: pointer;
7552 font-size: 14px;
7553 }
7554 .wpfnl-order-bump__template-style12 .template-preview-wrapper .product-price {
7555 display: inline-block;
7556 font-weight: 500;
7557 font-size: 13px;
7558 line-height: 15px;
7559 color: #EE8134;
7560 }
7561 .wpfnl-order-bump__template-style12 .template-preview-wrapper .product-price span {
7562 font-size: 13px;
7563 color: #EE8134;
7564 font-weight: 500;
7565 }
7566 .wpfnl-order-bump__template-style12 .template-preview-wrapper .product-price ins {
7567 text-decoration: none;
7568 }
7569 .wpfnl-order-bump__template-style12 .offer-checkbox {
7570 background-color: #6E42D3;
7571 padding: 11px 20px;
7572 margin-top: 10px;
7573 border-radius: 5px;
7574 }
7575 .wpfnl-order-bump__template-style12 .offer-checkbox .wpfnl-checkbox .option-selector {
7576 color: #6E42D3;
7577 font-weight: 500;
7578 font-size: 14px;
7579 line-height: 18px;
7580 }
7581 .wpfnl-order-bump__template-style12 .offer-checkbox .wpfnl-checkbox label {
7582 font-weight: 500;
7583 font-size: 15px;
7584 line-height: 18px;
7585 color: #d9d9d9;
7586 padding-left: 26px;
7587 margin: 0;
7588 border: none;
7589 }
7590 .wpfnl-order-bump__template-style12 .offer-checkbox .wpfnl-checkbox label:before {
7591 top: 1px;
7592 width: 15px;
7593 height: 15px;
7594 }
7595 .wpfnl-order-bump__template-style12 .offer-checkbox .wpfnl-checkbox label:after {
7596 left: 4px;
7597 top: 6px;
7598 width: 7px;
7599 height: 3px;
7600 border-bottom-color: #6E42D3;
7601 border-left-color: #6E42D3;
7602 }
7603 .wpfnl-order-bump__template-style12 .offer-checkbox .wpfnl-checkbox input[type=checkbox]:checked + label::before {
7604 background-color: #fff;
7605 border-color: #ffffff;
7606 }
7607
7608 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style12 .offer-checkbox .wpfnl-checkbox label,
7609 body.rtl .wpfnl-order-bump__template-style12 .offer-checkbox .wpfnl-checkbox label {
7610 padding-left: 0;
7611 padding-right: 26px;
7612 }
7613 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style12 .offer-checkbox .wpfnl-checkbox label:before,
7614 body.rtl .wpfnl-order-bump__template-style12 .offer-checkbox .wpfnl-checkbox label:before {
7615 left: inherit;
7616 right: 0;
7617 }
7618 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style12 .offer-checkbox .wpfnl-checkbox label:after,
7619 body.rtl .wpfnl-order-bump__template-style12 .offer-checkbox .wpfnl-checkbox label:after {
7620 left: inherit;
7621 right: 4px;
7622 }
7623
7624 @media only screen and (max-width: 425px) {
7625 .wpfnl-order-bump__template-style12 .template-preview-wrapper .template-img {
7626 float: none;
7627 margin-right: 0;
7628 margin-bottom: 15px;
7629 }
7630 }
7631 .wpfnl-order-bump__template-style13 {
7632 background-color: #ffffff;
7633 border-radius: 12px;
7634 position: relative;
7635 border: 2px dashed #E5E8F3;
7636 padding: 20px;
7637 margin-bottom: 20px;
7638 }
7639 .wpfnl-order-bump__template-style13 .subtitle {
7640 font-weight: 500;
7641 font-size: 18px;
7642 line-height: 1.3;
7643 color: #6E42D3;
7644 margin-bottom: 20px !important;
7645 text-align: center !important;
7646 }
7647 .wpfnl-order-bump__template-style13 .template-preview-wrapper {
7648 display: flex;
7649 flex-flow: row wrap;
7650 align-items: flex-start;
7651 }
7652 .wpfnl-order-bump__template-style13 .template-preview-wrapper .template-content .option-selector {
7653 color: #F34D01;
7654 cursor: pointer;
7655 font-weight: 500;
7656 font-size: 14px;
7657 line-height: 18px;
7658 margin-top: 10px;
7659 }
7660 .wpfnl-order-bump__template-style13 .template-preview-wrapper .template-img {
7661 width: 150px;
7662 height: 150px;
7663 background-color: #F2F2F8;
7664 border-radius: 10px;
7665 position: relative;
7666 background-repeat: no-repeat;
7667 background-position: center center;
7668 background-size: cover;
7669 object-fit: cover;
7670 }
7671 .wpfnl-order-bump__template-style13 .template-preview-wrapper .template-content {
7672 width: calc(100% - 160px);
7673 padding-left: 20px;
7674 }
7675 .wpfnl-order-bump__template-style13 .template-preview-wrapper .template-title {
7676 font-weight: 500;
7677 font-size: 14px;
7678 line-height: 16px;
7679 color: #363B4E;
7680 margin-bottom: 9px;
7681 }
7682 .wpfnl-order-bump__template-style13 .template-preview-wrapper .description li,
7683 .wpfnl-order-bump__template-style13 .template-preview-wrapper .description span,
7684 .wpfnl-order-bump__template-style13 .template-preview-wrapper .description p,
7685 .wpfnl-order-bump__template-style13 .template-preview-wrapper .description {
7686 font-size: 13px;
7687 line-height: 20px;
7688 color: #7A8B9A;
7689 }
7690 .wpfnl-order-bump__template-style13 .product-price {
7691 display: inline-block;
7692 font-weight: 500;
7693 font-size: 15px;
7694 line-height: 1.2;
7695 color: #EE8134;
7696 margin-left: 5px;
7697 }
7698 .wpfnl-order-bump__template-style13 .product-price span {
7699 font-size: 15px;
7700 color: #EE8134;
7701 font-weight: 500;
7702 }
7703 .wpfnl-order-bump__template-style13 .product-price ins {
7704 text-decoration: none;
7705 }
7706 .wpfnl-order-bump__template-style13 .offer-checkbox {
7707 background-color: #6E42D3;
7708 padding: 11px 20px;
7709 margin-bottom: 20px;
7710 border-radius: 10px;
7711 }
7712 .wpfnl-order-bump__template-style13 .offer-checkbox .wpfnl-checkbox .option-selector {
7713 color: #6E42D3;
7714 font-weight: 500;
7715 font-size: 15px;
7716 line-height: 18px;
7717 display: flex;
7718 align-items: center;
7719 justify-content: space-between;
7720 }
7721 .wpfnl-order-bump__template-style13 .offer-checkbox .wpfnl-checkbox label {
7722 font-weight: 600;
7723 font-size: 15px;
7724 line-height: 18px;
7725 color: #363B4E;
7726 padding: 0 0 0 26px;
7727 margin: 0;
7728 border: 0;
7729 }
7730 .wpfnl-order-bump__template-style13 .offer-checkbox .wpfnl-checkbox label:before {
7731 top: 1px;
7732 border-color: #6E42D3;
7733 }
7734 .wpfnl-order-bump__template-style13 .offer-checkbox .wpfnl-checkbox label:after {
7735 left: 4px;
7736 top: 6px;
7737 width: 10px;
7738 height: 6px;
7739 border-bottom-color: #6E42D3;
7740 border-left-color: #6E42D3;
7741 }
7742 .wpfnl-order-bump__template-style13 .offer-checkbox .wpfnl-checkbox input[type=checkbox]:checked + label::before {
7743 background-color: #fff;
7744 }
7745
7746 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style13 .offer-checkbox .wpfnl-checkbox label,
7747 body.rtl .wpfnl-order-bump__template-style13 .offer-checkbox .wpfnl-checkbox label {
7748 padding: 0 26px 0 0;
7749 }
7750 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style13 .offer-checkbox .wpfnl-checkbox label:before,
7751 body.rtl .wpfnl-order-bump__template-style13 .offer-checkbox .wpfnl-checkbox label:before {
7752 left: inherit;
7753 right: 0;
7754 }
7755 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style13 .offer-checkbox .wpfnl-checkbox label:after,
7756 body.rtl .wpfnl-order-bump__template-style13 .offer-checkbox .wpfnl-checkbox label:after {
7757 left: inherit;
7758 right: 4px;
7759 }
7760 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style13 .template-preview-wrapper .template-content,
7761 body.rtl .wpfnl-order-bump__template-style13 .template-preview-wrapper .template-content {
7762 padding-left: 0;
7763 padding-right: 20px;
7764 }
7765
7766 @media only screen and (max-width: 425px) {
7767 .wpfnl-order-bump__template-style13 .template-preview-wrapper {
7768 display: block;
7769 }
7770 .wpfnl-order-bump__template-style13 .template-preview-wrapper .template-content {
7771 width: 100%;
7772 padding-left: 0;
7773 margin-top: 15px;
7774 }
7775 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style13 .template-preview-wrapper .template-content,
7776 body.rtl .wpfnl-order-bump__template-style13 .template-preview-wrapper .template-content {
7777 padding-right: 0;
7778 }
7779 }
7780 .wpfnl-order-bump__template-style14 {
7781 border-radius: 10px;
7782 position: relative;
7783 margin: 0 0 20px;
7784 background-color: #ffffff;
7785 border: 1px solid #6E42D3;
7786 }
7787 .wpfnl-order-bump__template-style14 .template-preview-wrapper {
7788 padding: 20px 15px;
7789 display: flex;
7790 flex-flow: row wrap;
7791 align-items: flex-start;
7792 border-radius: 0 0 10px 10px;
7793 border-top: none;
7794 }
7795 .wpfnl-order-bump__template-style14 .template-preview-wrapper .template-content .option-selector {
7796 color: #F34D01;
7797 cursor: pointer;
7798 font-weight: 500;
7799 font-size: 14px;
7800 line-height: 18px;
7801 margin: 5px 0;
7802 }
7803 .wpfnl-order-bump__template-style14 .template-preview-wrapper .template-img {
7804 width: 150px;
7805 height: 150px;
7806 background-color: #F2F2F8;
7807 border-radius: 10px;
7808 position: relative;
7809 background-repeat: no-repeat;
7810 background-position: center center;
7811 background-size: cover;
7812 object-fit: cover;
7813 }
7814 .wpfnl-order-bump__template-style14 .template-preview-wrapper .for-mobile {
7815 display: none;
7816 border-radius: 10px;
7817 }
7818 .wpfnl-order-bump__template-style14 .template-preview-wrapper .template-content {
7819 width: calc(100% - 150px);
7820 padding-left: 20px;
7821 }
7822 .wpfnl-order-bump__template-style14 .template-preview-wrapper .template-title {
7823 font-weight: 500;
7824 font-size: 14px;
7825 line-height: 16px;
7826 color: #363B4E;
7827 margin-bottom: 9px;
7828 }
7829 .wpfnl-order-bump__template-style14 .template-preview-wrapper .subtitle {
7830 font-weight: 500;
7831 font-size: 14px;
7832 line-height: 16px;
7833 color: #6E42D3;
7834 }
7835 .wpfnl-order-bump__template-style14 .template-preview-wrapper .description li,
7836 .wpfnl-order-bump__template-style14 .template-preview-wrapper .description span,
7837 .wpfnl-order-bump__template-style14 .template-preview-wrapper .description p,
7838 .wpfnl-order-bump__template-style14 .template-preview-wrapper .description {
7839 font-size: 13px;
7840 line-height: 20px;
7841 color: #7A8B9A;
7842 margin: 0;
7843 }
7844 .wpfnl-order-bump__template-style14 .template-preview-wrapper .product-price {
7845 font-weight: 500;
7846 font-size: 12px;
7847 line-height: 14px;
7848 color: #EE8134;
7849 margin-left: auto;
7850 text-align: right;
7851 margin-top: 15px;
7852 display: block;
7853 }
7854 .wpfnl-order-bump__template-style14 .template-preview-wrapper .product-price span {
7855 font-size: 12px;
7856 color: #EE8134;
7857 font-weight: 500;
7858 line-height: normal;
7859 }
7860 .wpfnl-order-bump__template-style14 .template-preview-wrapper .product-price ins {
7861 text-decoration: none;
7862 }
7863 .wpfnl-order-bump__template-style14 .offer-checkbox {
7864 padding: 12px 15px 9px;
7865 border-radius: 7px 7px 0 0;
7866 display: flex;
7867 flex-flow: row wrap;
7868 align-items: flex-start;
7869 border-bottom: 1px solid #6e42d3;
7870 }
7871 .wpfnl-order-bump__template-style14 .offer-checkbox .wpfnl-checkbox {
7872 line-height: normal;
7873 display: block;
7874 }
7875 .wpfnl-order-bump__template-style14 .offer-checkbox .wpfnl-checkbox .option-selector {
7876 color: #6E42D3;
7877 font-weight: 500;
7878 font-size: 15px;
7879 line-height: 1.2;
7880 }
7881 .wpfnl-order-bump__template-style14 .offer-checkbox .wpfnl-checkbox label {
7882 font-weight: 500;
7883 color: #363B4E;
7884 padding: 0 0 0 26px;
7885 font-size: 12px;
7886 line-height: 14px;
7887 margin: 0;
7888 border: none;
7889 }
7890 .wpfnl-order-bump__template-style14 .offer-checkbox .wpfnl-checkbox label:before {
7891 border: none;
7892 width: 18px;
7893 height: 18px;
7894 background-color: #cacacb;
7895 }
7896 .wpfnl-order-bump__template-style14 .offer-checkbox .wpfnl-checkbox label:after {
7897 left: 4px;
7898 top: 2px;
7899 width: 10px;
7900 height: 6px;
7901 }
7902
7903 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style14 .offer-checkbox .wpfnl-checkbox label,
7904 body.rtl .wpfnl-order-bump__template-style14 .offer-checkbox .wpfnl-checkbox label {
7905 padding: 0 26px 0 0;
7906 }
7907 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style14 .offer-checkbox .wpfnl-checkbox label:before,
7908 body.rtl .wpfnl-order-bump__template-style14 .offer-checkbox .wpfnl-checkbox label:before {
7909 left: inherit;
7910 right: 0;
7911 }
7912 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style14 .offer-checkbox .wpfnl-checkbox label:after,
7913 body.rtl .wpfnl-order-bump__template-style14 .offer-checkbox .wpfnl-checkbox label:after {
7914 left: inherit;
7915 right: 4px;
7916 }
7917 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style14 .template-preview-wrapper .template-content,
7918 body.rtl .wpfnl-order-bump__template-style14 .template-preview-wrapper .template-content {
7919 padding-left: 0;
7920 padding-right: 20px;
7921 }
7922 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style14 .template-preview-wrapper .product-price,
7923 body.rtl .wpfnl-order-bump__template-style14 .template-preview-wrapper .product-price {
7924 text-align: left;
7925 }
7926
7927 @media only screen and (max-width: 425px) {
7928 .wpfnl-order-bump__template-style14 .template-preview-wrapper {
7929 display: block;
7930 }
7931 .wpfnl-order-bump__template-style14 .template-preview-wrapper .template-content {
7932 width: 100%;
7933 padding-left: 0;
7934 margin-top: 15px;
7935 }
7936 .wpfnl-order-bump__template-style14 .template-preview-wrapper .product-price {
7937 text-align: left;
7938 margin-top: 10px;
7939 }
7940 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style14 .template-preview-wrapper .template-content,
7941 body.rtl .wpfnl-order-bump__template-style14 .template-preview-wrapper .template-content {
7942 padding-right: 0;
7943 }
7944 body.rtl.et_divi_builder #et_builder_outer_content .wpfnl-order-bump__template-style14 .template-preview-wrapper .product-price,
7945 body.rtl .wpfnl-order-bump__template-style14 .template-preview-wrapper .product-price {
7946 text-align: right;
7947 }
7948 }
7949 /*----------start checkout page style--------*/
7950 .theme-astra #customer_details h3:not(.elementor-widget-woocommerce-checkout-page h3) {
7951 font-size: 22px;
7952 padding: 15px 20px;
7953 margin: 0;
7954 border-bottom: none;
7955 }
7956 .theme-astra.woocommerce.woocommerce-checkout form #customer_details.col2-set, .theme-astra.woocommerce-page.woocommerce-checkout form #customer_details.col2-set {
7957 width: 50%;
7958 float: none;
7959 margin-right: 0;
7960 }
7961 .theme-astra form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
7962 padding: 0 0 0 10px;
7963 border: none;
7964 }
7965 .theme-astra.woocommerce.woocommerce-checkout form #order_review, .theme-astra.woocommerce-page.woocommerce-checkout form #order_review {
7966 width: 50%;
7967 float: none;
7968 margin-right: 0;
7969 clear: right;
7970 }
7971 .theme-astra form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
7972 border: 1px solid #E5E8F3;
7973 border-bottom: none;
7974 font-size: 22px;
7975 margin: 0;
7976 padding: 15px 20px;
7977 }
7978
7979 .theme-astra.woocommerce.woocommerce-checkout .wpfnl-checkout-form-one-column form #customer_details.col2-set,
7980 .theme-astra.woocommerce-page.woocommerce-checkout .wpfnl-checkout-form-one-column form #customer_details.col2-set,
7981 .theme-astra.woocommerce.woocommerce-checkout .wpfnl-checkout.wpfnl-col-1 form #customer_details.col2-set,
7982 .theme-astra.woocommerce-page.woocommerce-checkout .wpfnl-checkout.wpfnl-col-1 form #customer_details.col2-set {
7983 width: 100%;
7984 float: none;
7985 margin-right: 0;
7986 }
7987
7988 .theme-astra.woocommerce.woocommerce-checkout .wpfnl-checkout-form-one-column form #order_review,
7989 .theme-astra.woocommerce-page.woocommerce-checkout .wpfnl-checkout-form-one-column form #order_review,
7990 .theme-astra.woocommerce.woocommerce-checkout .wpfnl-checkout.wpfnl-col-1 form #order_review,
7991 .theme-astra.woocommerce-page.woocommerce-checkout .wpfnl-checkout.wpfnl-col-1 form #order_review {
7992 width: 100%;
7993 }
7994
7995 .theme-astra .wpfnl-checkout-form-one-column form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review),
7996 .theme-astra .wpfnl-checkout.wpfnl-col-1 form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
7997 padding-left: 0;
7998 }
7999
8000 .theme-astra .wpfnl-checkout-form-wpfnl-multistep form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review),
8001 .theme-astra .wpfnl-multistep form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
8002 padding: 0;
8003 }
8004
8005 @media only screen and (max-width: 991px) {
8006 .theme-astra.woocommerce.woocommerce-checkout form #customer_details.col2-set,
8007 .theme-astra.woocommerce-page.woocommerce-checkout form #customer_details.col2-set {
8008 width: 100%;
8009 }
8010 .theme-astra form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
8011 padding: 0;
8012 border: none;
8013 }
8014 .theme-astra.woocommerce.woocommerce-checkout form #order_review,
8015 .theme-astra.woocommerce-page.woocommerce-checkout form #order_review {
8016 width: 100%;
8017 }
8018 }
8019 .theme-storefront #order_review_heading,
8020 .theme-storefront #order_review {
8021 width: 50%;
8022 float: none;
8023 }
8024 .theme-storefront #payment .payment_methods li.woocommerce-PaymentMethod > input[type=radio]:first-child:checked + label::before, .theme-storefront #payment .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label::before {
8025 content: "";
8026 }
8027 .theme-storefront #payment .place-order {
8028 margin-top: 0;
8029 border-radius: 0 0 10px 10px;
8030 }
8031 .theme-storefront #payment .payment_methods li .payment_box fieldset {
8032 padding: 0;
8033 font-size: inherit;
8034 background: transparent;
8035 }
8036 .theme-storefront #order_review .shop_table {
8037 margin-bottom: 20px;
8038 }
8039 .theme-storefront .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods {
8040 padding: 10px 20px 10px 20px !important;
8041 }
8042
8043 .theme-storefront.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods {
8044 padding: 10px 20px 10px 20px !important;
8045 }
8046
8047 .theme-storefront .wpfnl-checkout-form-one-column #order_review_heading,
8048 .theme-storefront .wpfnl-checkout-form-one-column #order_review,
8049 .theme-storefront .wpfnl-col-1 #order_review_heading,
8050 .theme-storefront .wpfnl-col-1 #order_review {
8051 width: 100%;
8052 }
8053
8054 @media only screen and (max-width: 991px) {
8055 .theme-storefront #order_review_heading,
8056 .theme-storefront #order_review {
8057 width: 100%;
8058 }
8059 }
8060 .theme-twentytwentytwo .wpfnl-checkout .woocommerce .col2-set:not(#customer_details),
8061 .theme-twentytwentytwo .woocommerce-page .wpfnl-checkout .col2-set:not(#customer_details) {
8062 padding-right: 0;
8063 padding-left: 10px;
8064 }
8065 .theme-twentytwentytwo .wpfnl-checkout .woocommerce .col2-set:not(#customer_details) .woocommerce-checkout-review-order,
8066 .theme-twentytwentytwo .woocommerce-page .wpfnl-checkout .col2-set:not(#customer_details) .woocommerce-checkout-review-order {
8067 width: 100%;
8068 padding-left: 0;
8069 }
8070
8071 .theme-twentytwentytwo .wpfnl-checkout-form-one-column .woocommerce .col2-set:not(#customer_details),
8072 .theme-twentytwentytwo .woocommerce-page .wpfnl-checkout-form-one-column .col2-set:not(#customer_details),
8073 .theme-twentytwentytwo .wpfnl-checkout.wpfnl-col-1 .woocommerce .col2-set:not(#customer_details),
8074 .theme-twentytwentytwo .woocommerce-page .wpfnl-checkout.wpfnl-col-1 .col2-set:not(#customer_details) {
8075 padding-right: 0;
8076 padding-left: 0;
8077 }
8078
8079 .theme-twentytwentytwo .wpfnl-checkout-form-wpfnl-multistep .woocommerce .col2-set:not(#customer_details),
8080 .theme-twentytwentytwo .woocommerce-page .wpfnl-checkout-form-wpfnl-multistep .col2-set:not(#customer_details),
8081 .theme-twentytwentytwo .wpfnl-checkout.wpfnl-multistep .woocommerce .col2-set:not(#customer_details),
8082 .theme-twentytwentytwo .woocommerce-page .wpfnl-checkout.wpfnl-multistep .col2-set:not(#customer_details) {
8083 padding-left: 0;
8084 width: 100%;
8085 }
8086
8087 .theme-blocksy .wpfnl-optin-form .wpfnl-optin-form-wrapper .wpfnl-optin-form-group.submit {
8088 padding: 0;
8089 background: transparent;
8090 font-family: inherit;
8091 font-size: inherit;
8092 font-weight: normal;
8093 font-style: normal;
8094 line-height: normal;
8095 letter-spacing: normal;
8096 text-transform: none;
8097 text-decoration: none;
8098 color: inherit;
8099 border: none;
8100 display: inline;
8101 min-height: auto;
8102 border-radius: 0;
8103 }
8104 .theme-blocksy .elementor-widget-container .woocommerce > form.woocommerce-checkout {
8105 display: flex;
8106 grid-template-columns: inherit;
8107 grid-column-gap: inherit;
8108 grid-row-gap: 0;
8109 }
8110 .theme-blocksy .wpfnl-checkout #customer_details .col-2 {
8111 margin-top: 0;
8112 }
8113 .theme-blocksy .wpfnl-checkout .ct-customer-details {
8114 width: 50%;
8115 padding-right: 10px;
8116 margin-right: 0;
8117 float: none;
8118 }
8119 .theme-blocksy .wpfnl-checkout .ct-customer-details .col2-set {
8120 width: 100%;
8121 padding-right: 0;
8122 margin-right: 0;
8123 float: none;
8124 }
8125 .theme-blocksy .wpfnl-checkout .ct-order-review {
8126 padding: 0;
8127 border: none;
8128 align-self: inherit;
8129 display: block;
8130 position: relative;
8131 top: inherit;
8132 width: 50%;
8133 padding-left: 10px;
8134 }
8135 .theme-blocksy .wpfnl-checkout .ct-order-review .woocommerce-checkout-review-order {
8136 width: 100%;
8137 padding-left: 0;
8138 }
8139 .theme-blocksy .wpfnl-checkout .ct-order-review table.shop_table {
8140 margin-bottom: 20px;
8141 }
8142 .theme-blocksy .wpfnl-checkout table.shop_table tr > *:first-child {
8143 -webkit-padding-start: 12px;
8144 padding-inline-start: 12px;
8145 }
8146 .theme-blocksy .wpfnl-checkout table.shop_table tr > *:last-child {
8147 -webkit-padding-end: 12px;
8148 padding-inline-end: 12px;
8149 }
8150 .theme-blocksy .wpfnl-checkout .woocommerce-shipping-methods li {
8151 display: block;
8152 }
8153 .theme-blocksy .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li {
8154 border: none;
8155 border-bottom: 1px solid #E5E8F3;
8156 }
8157 .theme-blocksy .wpfnl-checkout #payment .payment_methods > li .payment_box {
8158 border-top: none;
8159 }
8160 .theme-blocksy .wpfnl-checkout #payment .payment_methods > li > input[type=radio]:first-child:checked + label:before {
8161 border-width: 2px;
8162 }
8163 .theme-blocksy .wpfnl-checkout .wpfnl-checkout-form-one-column .ct-customer-details, .theme-blocksy .wpfnl-checkout.wpfnl-col-1 .ct-customer-details {
8164 width: 100%;
8165 padding-right: 0;
8166 }
8167 .theme-blocksy .wpfnl-checkout .wpfnl-checkout-form-one-column .ct-order-review, .theme-blocksy .wpfnl-checkout.wpfnl-col-1 .ct-order-review {
8168 width: 100%;
8169 padding-left: 0;
8170 }
8171 .theme-blocksy .wpfnl-checkout-form-wpfnl-multistep .ct-customer-details,
8172 .theme-blocksy .wpfnl-checkout.wpfnl-multistep .ct-customer-details {
8173 width: 100%;
8174 padding-right: 0;
8175 }
8176 .theme-blocksy .wpfnl-checkout-form-wpfnl-multistep .ct-order-review,
8177 .theme-blocksy .wpfnl-checkout.wpfnl-multistep .ct-order-review {
8178 width: 100%;
8179 padding-left: 0;
8180 }
8181 .theme-blocksy .wpfnl-thankyou-wrapper .woocommerce-notice.woocommerce-thankyou-order-received:before {
8182 display: none;
8183 }
8184 .theme-blocksy .wpfnl-thankyou-wrapper ul.woocommerce-order-overview.order_details {
8185 display: flex;
8186 grid-template-columns: inherit;
8187 margin-bottom: 20px;
8188 }
8189 .theme-blocksy .wpfnl-thankyou-wrapper ul.woocommerce-order-overview.order_details li {
8190 border-bottom: none;
8191 }
8192 .theme-blocksy .wpfnl-thankyou-wrapper ul.woocommerce-thankyou-order-details li:last-child {
8193 border-right: none;
8194 }
8195 .theme-blocksy .wpfnl-thankyou-wrapper .woocommerce-order-details {
8196 margin-top: 0;
8197 }
8198 .theme-blocksy .wpfnl-thankyou-wrapper .woocommerce-customer-details {
8199 margin-top: 0;
8200 }
8201 .theme-blocksy .wpfnl-thankyou-wrapper .woocommerce-customer-details .col2-set {
8202 grid-template-columns: inherit;
8203 grid-column-gap: inherit;
8204 }
8205
8206 @media only screen and (max-width: 991px) {
8207 .theme-blocksy .elementor-widget-container .woocommerce > form.woocommerce-checkout {
8208 display: block;
8209 }
8210 .theme-blocksy .wpfnl-checkout .ct-customer-details {
8211 width: 100%;
8212 padding-right: 0;
8213 }
8214 .theme-blocksy .wpfnl-checkout .ct-order-review {
8215 width: 100%;
8216 padding-left: 0;
8217 }
8218 .theme-blocksy .wpfnl-checkout .woocommerce-checkout #payment {
8219 margin-left: 0;
8220 margin-right: 0;
8221 }
8222 }
8223 .theme-woostify .wpfnl-checkout .woocommerce-form-login-toggle {
8224 margin-top: 10px;
8225 max-width: 100%;
8226 }
8227 .theme-woostify .wpfnl-checkout .woocommerce-form-coupon-toggle {
8228 max-width: 100%;
8229 margin: 0;
8230 }
8231 .theme-woostify .wpfnl-checkout .woocommerce form.woocommerce-form-coupon button.button {
8232 display: block;
8233 margin: 0;
8234 }
8235 .theme-woostify .wpfnl-checkout #customer_details {
8236 float: none;
8237 width: 50%;
8238 padding-right: 10px;
8239 }
8240 .theme-woostify .wpfnl-checkout #order_review {
8241 background-color: transparent;
8242 padding: 0 0 0 10px;
8243 border-radius: 0;
8244 float: none;
8245 width: 50%;
8246 margin-top: 0;
8247 }
8248 .theme-woostify .wpfnl-checkout .form-row:not(.form-row-first),
8249 .theme-woostify .wpfnl-checkout .form-row:not(.form-row-last) {
8250 float: none;
8251 }
8252 .theme-woostify .wpfnl-checkout .form-row.form-row-first {
8253 float: left;
8254 }
8255 .theme-woostify .wpfnl-checkout .form-row.form-row-last {
8256 float: right;
8257 }
8258 .theme-woostify .wpfnl-checkout .woocommerce-checkout-review-order-table .woocommerce-shipping-totals {
8259 padding-top: 0;
8260 display: table-row;
8261 border: none;
8262 }
8263 .theme-woostify .wpfnl-checkout .woocommerce-checkout-review-order-table tr {
8264 display: table-row;
8265 border-bottom: none;
8266 }
8267 .theme-woostify .wpfnl-checkout .woocommerce-checkout-review-order-table tr th,
8268 .theme-woostify .wpfnl-checkout .woocommerce-checkout-review-order-table tr td {
8269 display: table-cell;
8270 }
8271 .theme-woostify .wpfnl-checkout .woocommerce-checkout-review-order-table tr th:last-child,
8272 .theme-woostify .wpfnl-checkout .woocommerce-checkout-review-order-table tr td:last-child {
8273 text-align: left;
8274 }
8275 .theme-woostify #add_payment_method #payment .payment_method_paypal .about_paypal,
8276 .theme-woostify .woocommerce-cart #payment .payment_method_paypal .about_paypal,
8277 .theme-woostify .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
8278 float: inherit;
8279 }
8280 .theme-woostify .wpfnl-checkout .wpfnl-checkout-form-one-column .woocommerce #customer_details,
8281 .theme-woostify .wpfnl-checkout.wpfnl-col-1 .woocommerce #customer_details,
8282 .theme-woostify .woocommerce-page .wpfnl-checkout.wpfnl-col-1 #customer_details {
8283 float: none;
8284 width: 100%;
8285 margin: 0;
8286 max-width: 100%;
8287 padding: 0;
8288 flex: inherit;
8289 }
8290 .theme-woostify .wpfnl-checkout .wpfnl-checkout-form-one-column .woocommerce #order_review,
8291 .theme-woostify .wpfnl-checkout.wpfnl-col-1 .woocommerce #order_review {
8292 width: 100%;
8293 padding-left: 0;
8294 }
8295 .theme-woostify .wpfnl-checkout .woocommerce form.woocommerce-checkout {
8296 float: none;
8297 }
8298 .theme-woostify .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-1 {
8299 float: none;
8300 border: none;
8301 }
8302 .theme-woostify .wpfnl-thankyou-wrapper .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column.col-2 {
8303 border: none;
8304 float: none;
8305 }
8306
8307 .theme-woostify.et_divi_builder #et_builder_outer_content .wpfnl-multistep .wpfnl-multistep-wizard {
8308 margin-bottom: 40px;
8309 }
8310
8311 .theme-woostify.checkout-layout-2 .wpfnl-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .woocommerce-billing-fields > h3 {
8312 display: block;
8313 }
8314 .theme-woostify.checkout-layout-2 .wpfnl-checkout .multi-step-checkout-wrapper {
8315 width: 50%;
8316 padding-right: 10px;
8317 margin-bottom: 30px;
8318 }
8319 .theme-woostify.checkout-layout-2 .wpfnl-checkout #order_review {
8320 padding: 0 0 0 10px;
8321 width: 50%;
8322 border: none;
8323 }
8324 .theme-woostify.checkout-layout-2 .wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li,
8325 .theme-woostify.checkout-layout-2 .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li {
8326 border: none;
8327 border-bottom: 1px solid #E5E8F3;
8328 }
8329 .theme-woostify.checkout-layout-2 .wpfnl-checkout .woocommerce-checkout #payment div.payment_box {
8330 border-top: 0;
8331 }
8332 .theme-woostify.checkout-layout-2 .wpfnl-checkout .multi-step-checkout-wrapper .multi-step-checkout-content .woocommerce-terms-and-conditions-wrapper {
8333 border-radius: 0;
8334 border: none;
8335 margin: 0;
8336 padding: 0 7px;
8337 }
8338 .theme-woostify.checkout-layout-2 .wpfnl-checkout .multi-step-checkout-wrapper .multi-step-checkout-content {
8339 display: block;
8340 }
8341 .theme-woostify.checkout-layout-2 .wpfnl-checkout .multi-step-review-information {
8342 display: none;
8343 }
8344 .theme-woostify.checkout-layout-2 .wpfnl-checkout .multi-step-checkout-button-wrapper .button[data-action=continue] {
8345 display: none;
8346 }
8347 .theme-woostify.checkout-layout-2 .wpfnl-checkout .multi-step-checkout-wrapper:not(.last) #place_order {
8348 display: block !important;
8349 }
8350 .theme-woostify.checkout-layout-2 .wpfnl-checkout-form-one-column .multi-step-checkout-wrapper,
8351 .theme-woostify.checkout-layout-2 .wpfnl-checkout.wpfnl-col-1 .multi-step-checkout-wrapper {
8352 width: 100%;
8353 padding-right: 0;
8354 margin-bottom: 30px;
8355 }
8356 .theme-woostify.checkout-layout-2 .wpfnl-checkout-form-wpfnl-multistep .multi-step-checkout-wrapper,
8357 .theme-woostify.checkout-layout-2 .wpfnl-checkout.wpfnl-multistep .multi-step-checkout-wrapper {
8358 width: 100%;
8359 padding-right: 0;
8360 order: 2;
8361 }
8362 .theme-woostify.checkout-layout-2 .wpfnl-checkout-form-wpfnl-multistep .multi-step-checkout-wrapper .multi-step-checkout-content:not(.active),
8363 .theme-woostify.checkout-layout-2 .wpfnl-checkout.wpfnl-multistep .multi-step-checkout-wrapper .multi-step-checkout-content:not(.active) {
8364 display: none;
8365 }
8366 .theme-woostify.checkout-layout-2 .wpfnl-checkout-form-wpfnl-multistep .multi-step-checkout-wrapper .multi-step-checkout-button-wrapper,
8367 .theme-woostify.checkout-layout-2 .wpfnl-checkout.wpfnl-multistep .multi-step-checkout-wrapper .multi-step-checkout-button-wrapper {
8368 display: none;
8369 }
8370 .theme-woostify.checkout-layout-2 .wpfnl-checkout-form-wpfnl-multistep .multi-step-checkout-wrapper #order_review,
8371 .theme-woostify.checkout-layout-2 .wpfnl-checkout.wpfnl-multistep .multi-step-checkout-wrapper #order_review {
8372 order: 1;
8373 margin-bottom: 10px;
8374 }
8375 .theme-woostify.checkout-layout-2 .wpfnl-checkout-form-wpfnl-multistep .multi-step-checkout-wrapper .woostify-before-order-review,
8376 .theme-woostify.checkout-layout-2 .wpfnl-checkout.wpfnl-multistep .multi-step-checkout-wrapper .woostify-before-order-review {
8377 order: 3;
8378 }
8379
8380 .theme-woostify.checkout-layout-3 .wpfnl-checkout .col-right-inner {
8381 position: relative !important;
8382 top: inherit !important;
8383 left: inherit !important;
8384 width: 100% !important;
8385 }
8386 .theme-woostify.checkout-layout-3 .wpfnl-checkout .woocommerce-checkout-review-order-table tbody th:last-child,
8387 .theme-woostify.checkout-layout-3 .wpfnl-checkout .woocommerce-checkout-review-order-table tbody td:last-child {
8388 white-space: inherit;
8389 margin-left: 0;
8390 }
8391 .theme-woostify.checkout-layout-3 .wpfnl-checkout.wpfnl-col-2 .woostify-row {
8392 margin-right: 0;
8393 margin-left: 0;
8394 }
8395 .theme-woostify.checkout-layout-3 .wpfnl-checkout.wpfnl-col-2 .woostify-row .col-left {
8396 flex: 0 0 50%;
8397 max-width: 50%;
8398 padding: 0;
8399 }
8400 .theme-woostify.checkout-layout-3 .wpfnl-checkout.wpfnl-col-2 .woostify-row .woostify-col {
8401 padding-left: 0;
8402 padding-right: 0;
8403 flex: 0 0 50%;
8404 max-width: 50%;
8405 }
8406
8407 .theme-woostify .wpfnl-checkout #order_review .woocommerce-checkout-review-order-table tbody tr.coupon-form .checkout_coupon.woocommerce-form-coupon .clear {
8408 display: none;
8409 }
8410
8411 .theme-woostify.checkout-layout-1:not(.woobuilder-active) .checkout-options .before-checkout,
8412 .theme-woostify.checkout-layout-2:not(.woobuilder-active) .checkout-options .before-checkout,
8413 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .checkout-options .before-checkout {
8414 left: 0;
8415 right: 0;
8416 }
8417
8418 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .checkout-options .before-checkout {
8419 right: 10px;
8420 }
8421
8422 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout .form-distr-free-bg {
8423 display: none;
8424 }
8425
8426 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout #order_review {
8427 padding-left: 0;
8428 }
8429
8430 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout .wc_payment_methods {
8431 border: none;
8432 }
8433
8434 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout .back-to-cart {
8435 display: none;
8436 }
8437
8438 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout form.checkout .col-left .form-row:not(.field-readonly) label:not(.checkbox) {
8439 position: relative;
8440 top: 0;
8441 left: 0;
8442 right: 0;
8443 bottom: 0;
8444 font-size: 16px;
8445 overflow: visible;
8446 white-space: inherit;
8447 text-overflow: inherit;
8448 z-index: 1;
8449 width: 100%;
8450 }
8451
8452 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout form.checkout .col-left .form-row:not(.field-readonly):not(.no-label) .input-text {
8453 padding: 11px 14px;
8454 height: auto;
8455 }
8456
8457 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout form.checkout .col-left .form-row:not(.field-readonly)#billing_country_field .select2-selection__rendered,
8458 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout form.checkout .col-left .form-row:not(.field-readonly)#billing_state_field .select2-selection__rendered,
8459 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout form.checkout .col-left .form-row:not(.field-readonly)#billing_city_field .select2-selection__rendered,
8460 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout form.checkout .col-left .form-row:not(.field-readonly)#shipping_country_field .select2-selection__rendered,
8461 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout form.checkout .col-left .form-row:not(.field-readonly)#shipping_state_field .select2-selection__rendered,
8462 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout form.checkout .col-left .form-row:not(.field-readonly)#shipping_city_field .select2-selection__rendered {
8463 padding: 11px 14px;
8464 min-height: initial;
8465 }
8466
8467 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout-form-one-column .woostify-row,
8468 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout.wpfnl-col-1 .woostify-row {
8469 display: block;
8470 margin: 0;
8471 }
8472
8473 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout-form-one-column .woostify-row .col-left,
8474 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout.wpfnl-col-1 .woostify-row .col-left {
8475 flex: 0 0 100%;
8476 max-width: 100%;
8477 padding: 0;
8478 }
8479
8480 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout-form-wpfnl-multistep .woostify-row,
8481 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout.wpfnl-multistep .woostify-row {
8482 display: block;
8483 margin: 0;
8484 }
8485
8486 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout-form-wpfnl-multistep .woostify-row .col-left,
8487 .theme-woostify.checkout-layout-3:not(.woobuilder-active) .wpfnl-checkout.wpfnl-multistep .woostify-row .col-left {
8488 flex: 0 0 100%;
8489 max-width: 100%;
8490 padding: 0;
8491 }
8492
8493 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .wpfnl-checkout .multi-step-checkout-wrapper {
8494 width: 50%;
8495 padding-right: 10px;
8496 margin-bottom: 30px;
8497 }
8498
8499 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .woocommerce-page .wpfnl-checkout .col2-set,
8500 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce .col2-set {
8501 width: 100%;
8502 padding-right: 0;
8503 }
8504
8505 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .multi-step-review-information {
8506 margin-bottom: 20px;
8507 border: 1px solid #d9d9d9;
8508 border-radius: 5px;
8509 padding: 0 15px;
8510 }
8511
8512 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .multi-step-review-information-row {
8513 border-bottom: 1px solid #d9d9d9;
8514 padding: 6px 0;
8515 }
8516
8517 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .multi-step-review-information-row:last-of-type {
8518 border-bottom: none;
8519 }
8520
8521 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .multi-step-checkout-button.button {
8522 border-radius: 5px;
8523 font-weight: 700;
8524 line-height: 1.2;
8525 padding: 10px 20px;
8526 background-color: #6e42d3;
8527 color: #fff;
8528 margin-top: 20px;
8529 }
8530
8531 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content #order_review .woocommerce-checkout-review-order-table tbody .review-order-product-image {
8532 max-width: 50px;
8533 }
8534
8535 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .wpfnl-checkout.wpfnl-col-1 .multi-step-checkout-wrapper {
8536 width: 100%;
8537 padding-right: 0;
8538 }
8539
8540 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .wpfnl-checkout.wpfnl-multistep .multi-step-checkout-wrapper {
8541 width: 100%;
8542 padding-right: 0;
8543 }
8544
8545 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content .woocommerce-page .wpfnl-checkout .col2-set,
8546 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce .col2-set {
8547 width: 100%;
8548 padding-right: 10px;
8549 }
8550
8551 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content:not(.woobuilder-active) .wpfnl-checkout .woostify-row .col-left {
8552 flex: 0 0 50%;
8553 max-width: 50%;
8554 }
8555
8556 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce .woocommerce-checkout-review-order {
8557 width: 100%;
8558 padding-left: 10px;
8559 }
8560
8561 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content:not(.woobuilder-active) #order_review .woocommerce-checkout-review-order-table tbody tr.coupon-form .checkout_coupon.woocommerce-form-coupon .form-row.form-row-first {
8562 flex-basis: 100%;
8563 }
8564
8565 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content:not(.woobuilder-active) .wpfnl-checkout.wpfnl-col-1 .woostify-row .col-left {
8566 flex: 0 0 100%;
8567 max-width: 100%;
8568 }
8569
8570 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content .woocommerce-page .wpfnl-checkout.wpfnl-col-1 .col2-set,
8571 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content .wpfnl-checkout.wpfnl-col-1 .woocommerce .col2-set {
8572 padding-right: 0;
8573 }
8574
8575 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content .wpfnl-checkout.wpfnl-col-1 .woocommerce .woocommerce-checkout-review-order {
8576 padding-left: 0;
8577 }
8578
8579 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content:not(.woobuilder-active) .wpfnl-checkout.wpfnl-multistep .woostify-row .col-left {
8580 flex: 0 0 100%;
8581 max-width: 100%;
8582 }
8583
8584 @media only screen and (max-width: 991px) {
8585 .theme-woostify .wpfnl-checkout #customer_details {
8586 width: 100%;
8587 padding-right: 0;
8588 }
8589 .theme-woostify .wpfnl-checkout #order_review {
8590 background-color: transparent;
8591 padding: 0;
8592 border-radius: 0;
8593 float: none;
8594 width: 100%;
8595 }
8596 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .wpfnl-checkout .multi-step-checkout-wrapper {
8597 width: 100%;
8598 padding-right: 0;
8599 }
8600 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce .woocommerce-checkout-review-order {
8601 display: block;
8602 }
8603 .theme-woostify.checkout-layout-2.et_divi_builder #et_builder_outer_content .woostify-before-order-review {
8604 display: none;
8605 }
8606 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content:not(.woobuilder-active) .wpfnl-checkout .woostify-row .col-left {
8607 flex: 0 0 100%;
8608 max-width: 100%;
8609 }
8610 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content .woocommerce-page .wpfnl-checkout .col2-set,
8611 .theme-woostify.checkout-layout-3.et_divi_builder #et_builder_outer_content .wpfnl-checkout .woocommerce .col2-set {
8612 padding-right: 0;
8613 }
8614 }
8615 @media (max-width: 767px) {
8616 .theme-woostify.has-order-sticky-button #place_order {
8617 position: relative;
8618 }
8619 }
8620 .theme-flatsome .wpfnl-checkout .woocommerce .col2-set,
8621 .theme-flatsome .woocommerce-page .wpfnl-checkout .col2-set {
8622 display: block;
8623 }
8624 .theme-flatsome .wpfnl-checkout .woocommerce-billing-fields {
8625 padding-top: 0;
8626 border-top: none;
8627 }
8628 .theme-flatsome .wpfnl-checkout .woocommerce form .form-row-last {
8629 float: right;
8630 }
8631 .theme-flatsome .wpfnl-checkout .select2-selection,
8632 .theme-flatsome .wpfnl-checkout .select2-container--focus .select2-selection {
8633 box-shadow: none;
8634 }
8635 .theme-flatsome .wpfnl-checkout .form-row .select2-container {
8636 margin-bottom: 0;
8637 }
8638 .theme-flatsome .wpfnl-checkout .woocommerce form .address-field.form-row-last,
8639 .theme-flatsome .wpfnl-checkout .woocommerce form .address-field.form-row-first {
8640 width: 100%;
8641 float: none;
8642 }
8643 .theme-flatsome .wpfnl-checkout .woocommerce form .address-field.form-row-last label {
8644 display: none;
8645 }
8646 .theme-flatsome .woocommerce-privacy-policy-text p {
8647 color: #fff;
8648 }
8649 .theme-flatsome #add_payment_method #payment div.form-row,
8650 .theme-flatsome .woocommerce-checkout #payment div.form-row {
8651 padding: 1em;
8652 }
8653 .theme-flatsome tfoot td.shipping__inner {
8654 padding: 0 !important;
8655 }
8656 .theme-flatsome .shipping__table--multiple {
8657 display: table;
8658 }
8659 .theme-flatsome .shipping__table--multiple tbody {
8660 display: table-row-group;
8661 }
8662 .theme-flatsome .shipping__table--multiple tr {
8663 display: table-row;
8664 }
8665 .theme-flatsome .shipping__table--multiple th,
8666 .theme-flatsome .shipping__table--multiple td {
8667 display: table-cell;
8668 border: none !important;
8669 }
8670 .theme-flatsome .wpfnl-checkout .woocommerce-shipping-methods li.shipping__list_item {
8671 display: block;
8672 }
8673 .theme-flatsome .wpfnl-checkout .woocommerce-shipping-methods li .shipping__list_label {
8674 padding-top: 0;
8675 padding-bottom: 0;
8676 }
8677
8678 .theme-bricks .wpfunnels_offer_button {
8679 display: inline-flex;
8680 gap: 8px;
8681 align-items: center;
8682 }
8683 .theme-bricks .wpfunnels_offer_button .icon-wrapper {
8684 display: flex;
8685 align-items: center;
8686 gap: 8px;
8687 }
8688 .theme-bricks .wpfunnels_offer_button.wpfnl-has-subtitle {
8689 flex-direction: column;
8690 gap: 0;
8691 }
8692 .theme-bricks .wpfnl-checkout .woocommerce #customer_details,
8693 .theme-bricks .woocommerce-page .wpfnl-checkout #customer_details {
8694 width: 50%;
8695 padding-right: 10px;
8696 margin-right: 0;
8697 float: none;
8698 }
8699 .theme-bricks .wpfnl-checkout .woocommerce #order_review {
8700 width: 50%;
8701 padding-left: 10px;
8702 border: none;
8703 float: none;
8704 }
8705 .theme-bricks .wpfnl-checkout.wpfnl-modern-checkout .woocommerce #order_review {
8706 width: 100%;
8707 padding-left: 0;
8708 }
8709 .theme-bricks {
8710 /* -----one column style---- */
8711 }
8712 .theme-bricks .wpfnl-checkout .wpfnl-checkout-form-one-column .woocommerce #customer_details,
8713 .theme-bricks .wpfnl-checkout.wpfnl-col-1 .woocommerce #customer_details,
8714 .theme-bricks .woocommerce-page .wpfnl-checkout.wpfnl-col-1 #customer_details {
8715 float: none;
8716 width: 100%;
8717 margin: 0;
8718 max-width: 100%;
8719 padding: 0;
8720 flex: inherit;
8721 }
8722 .theme-bricks .wpfnl-checkout .wpfnl-checkout-form-one-column .woocommerce #order_review,
8723 .theme-bricks .wpfnl-checkout.wpfnl-col-1 .woocommerce #order_review {
8724 width: 100%;
8725 padding-left: 0;
8726 float: none;
8727 border: none;
8728 }
8729 .theme-bricks .wpfnl-checkout .woocommerce-checkout #payment #place_order {
8730 line-height: 1;
8731 }
8732 .theme-bricks .wpfnl-checkout #ship-to-different-address label input[type=checkbox] {
8733 display: none !important;
8734 }
8735
8736 @media only screen and (max-width: 991px) {
8737 .theme-bricks .wpfnl-checkout .woocommerce #customer_details,
8738 .theme-bricks .woocommerce-page .wpfnl-checkout #customer_details {
8739 width: 100%;
8740 padding: 0;
8741 }
8742 .theme-bricks .wpfnl-checkout .woocommerce #order_review,
8743 .theme-bricks .woocommerce-page .wpfnl-checkout #order_review {
8744 width: 100%;
8745 padding: 0;
8746 }
8747 }
8748 .wp-theme-woodmart .wpfnl-checkout .woocommerce form.woocommerce-checkout,
8749 .wp-theme-woodmart .wpfnl-checkout .woocommerce form.checkout {
8750 display: flex;
8751 flex-flow: row wrap;
8752 align-items: flex-start;
8753 gap: 0;
8754 column-gap: 0;
8755 row-gap: 0;
8756 }
8757 .wp-theme-woodmart .wpfnl-checkout .woocommerce form.woocommerce-checkout > .col2-set,
8758 .wp-theme-woodmart .wpfnl-checkout .woocommerce form.woocommerce-checkout > #customer_details,
8759 .wp-theme-woodmart .wpfnl-checkout .woocommerce form.woocommerce-checkout > .customer-details,
8760 .wp-theme-woodmart .wpfnl-checkout .woocommerce form.woocommerce-checkout > .woocommerce-checkout-review-order,
8761 .wp-theme-woodmart .wpfnl-checkout .woocommerce form.woocommerce-checkout > .checkout-order-review,
8762 .wp-theme-woodmart .wpfnl-checkout .woocommerce form.woocommerce-checkout > #order_review {
8763 order: unset;
8764 }
8765 .wp-theme-woodmart .wpfnl-checkout .woocommerce .col2-set,
8766 .wp-theme-woodmart .wpfnl-checkout .col2-set#customer_details,
8767 .wp-theme-woodmart .wpfnl-checkout #customer_details,
8768 .wp-theme-woodmart .wpfnl-checkout .customer-details {
8769 width: 50%;
8770 max-width: 50%;
8771 flex: 0 0 50%;
8772 float: none;
8773 padding-right: 10px;
8774 margin-right: 0;
8775 display: block;
8776 gap: 0;
8777 }
8778 .wp-theme-woodmart .wpfnl-checkout .woocommerce .woocommerce-checkout-review-order,
8779 .wp-theme-woodmart .wpfnl-checkout .checkout-order-review,
8780 .wp-theme-woodmart .wpfnl-checkout #order_review {
8781 width: 50%;
8782 max-width: 50%;
8783 flex: 0 0 50%;
8784 float: none;
8785 padding-left: 10px;
8786 margin-top: 0;
8787 }
8788 .wp-theme-woodmart .wpfnl-checkout .checkout-order-review #order_review {
8789 width: 100%;
8790 max-width: 100%;
8791 flex: 0 0 100%;
8792 padding-left: 0;
8793 }
8794 .wp-theme-woodmart .wpfnl-checkout .col2-set .col-1,
8795 .wp-theme-woodmart .wpfnl-checkout .col2-set .col-2 {
8796 flex: 0 0 100%;
8797 max-width: 100%;
8798 width: 100%;
8799 float: none;
8800 padding: 0;
8801 }
8802 .wp-theme-woodmart .wpfnl-checkout .woocommerce-checkout-review-order-table {
8803 display: table;
8804 }
8805 .wp-theme-woodmart .wpfnl-checkout .woocommerce-checkout-review-order-table tr {
8806 display: table-row;
8807 border-bottom: none;
8808 }
8809 .wp-theme-woodmart .wpfnl-checkout .woocommerce-checkout-review-order-table thead th {
8810 flex-basis: auto;
8811 }
8812 .wp-theme-woodmart .wpfnl-checkout .woocommerce-checkout-review-order-table tfoot td {
8813 flex-grow: 0;
8814 }
8815 .wp-theme-woodmart .wpfnl-checkout .woocommerce-checkout-review-order-table th,
8816 .wp-theme-woodmart .wpfnl-checkout .woocommerce-checkout-review-order-table td {
8817 display: table-cell;
8818 border: none;
8819 }
8820 .wp-theme-woodmart .wpfnl-checkout .wd-table-wrapper {
8821 padding: 0;
8822 margin-bottom: 0;
8823 background-color: transparent;
8824 box-shadow: none;
8825 overflow-x: inherit;
8826 }
8827 .wp-theme-woodmart .wpfnl-checkout.wpfnl-col-1 .woocommerce .col2-set,
8828 .wp-theme-woodmart .wpfnl-checkout.wpfnl-col-1 .col2-set#customer_details,
8829 .wp-theme-woodmart .wpfnl-checkout.wpfnl-col-1 #customer_details,
8830 .wp-theme-woodmart .wpfnl-checkout.wpfnl-col-1 .customer-details,
8831 .wp-theme-woodmart .wpfnl-checkout.wpfnl-col-1 .woocommerce .woocommerce-checkout-review-order,
8832 .wp-theme-woodmart .wpfnl-checkout.wpfnl-col-1 .checkout-order-review,
8833 .wp-theme-woodmart .wpfnl-checkout.wpfnl-col-1 #order_review {
8834 width: 100%;
8835 max-width: 100%;
8836 flex: 0 0 100%;
8837 padding-left: 0;
8838 padding-right: 0;
8839 }
8840 @media only screen and (max-width: 991px) {
8841 .wp-theme-woodmart .wpfnl-checkout .woocommerce .col2-set,
8842 .wp-theme-woodmart .wpfnl-checkout .col2-set#customer_details,
8843 .wp-theme-woodmart .wpfnl-checkout #customer_details,
8844 .wp-theme-woodmart .wpfnl-checkout .customer-details,
8845 .wp-theme-woodmart .wpfnl-checkout .woocommerce .woocommerce-checkout-review-order,
8846 .wp-theme-woodmart .wpfnl-checkout .checkout-order-review,
8847 .wp-theme-woodmart .wpfnl-checkout #order_review {
8848 width: 100%;
8849 max-width: 100%;
8850 flex: 0 0 100%;
8851 padding-left: 0;
8852 padding-right: 0;
8853 }
8854 }
8855
8856 .dynamic-offer-template-default {
8857 display: flex;
8858 flex-flow: row wrap;
8859 align-items: center;
8860 padding: 50px;
8861 box-shadow: 0px 15px 70px 0px rgba(42, 53, 46, 0.1490196078);
8862 border-radius: 20px;
8863 }
8864 .dynamic-offer-template-default .template-left {
8865 width: 45%;
8866 }
8867 .dynamic-offer-template-default .template-right {
8868 width: 55%;
8869 padding-left: 30px;
8870 }
8871
8872 .theme-bricks .dynamic-offer-template1 {
8873 gap: 30px;
8874 }
8875 .theme-bricks .dynamic-offer-template1 .template-right {
8876 padding-left: 0;
8877 width: calc(55% - 30px);
8878 }
8879
8880 .dynamic-offer-template1 .product-img img {
8881 display: block;
8882 max-width: 100%;
8883 border-radius: 10px;
8884 }
8885 .dynamic-offer-template1 .template-content .template-product-title {
8886 margin-bottom: 20px;
8887 font-size: 52px;
8888 line-height: 1.19em;
8889 font-weight: 700;
8890 color: #1F392A;
8891 }
8892 .dynamic-offer-template1 .template-content .template-product-description p,
8893 .dynamic-offer-template1 .template-content .template-product-description {
8894 font-size: 18px;
8895 line-height: 1.5em;
8896 font-weight: 400;
8897 color: #717874;
8898 }
8899 .dynamic-offer-template1 .template-content .template-product-description {
8900 margin-bottom: 20px;
8901 }
8902 .dynamic-offer-template1 .template-content .price {
8903 color: #FE7E6D;
8904 font-size: 36px;
8905 line-height: 1.19;
8906 font-weight: 700;
8907 }
8908 .dynamic-offer-template1 .template-content .price del {
8909 font-size: 80%;
8910 color: #8c918e;
8911 }
8912 .dynamic-offer-template1 .template-content .price ins {
8913 font-weight: 700;
8914 }
8915
8916 #et-boc .et-l .dynamic-offer-template1 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price,
8917 .dynamic-offer-template1 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price {
8918 display: flex;
8919 justify-content: flex-end;
8920 }
8921 #et-boc .et-l .dynamic-offer-template1 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price bdi,
8922 .dynamic-offer-template1 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price bdi {
8923 color: #FE7E6D;
8924 font-size: 36px;
8925 line-height: 1;
8926 font-weight: 700;
8927 text-decoration: none;
8928 }
8929 #et-boc .et-l .dynamic-offer-template1 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price del,
8930 .dynamic-offer-template1 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price del {
8931 color: #8c918e;
8932 }
8933 #et-boc .et-l .dynamic-offer-template1 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price del bdi,
8934 .dynamic-offer-template1 #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price del bdi {
8935 display: block;
8936 font-size: 22px;
8937 color: #8c918e;
8938 font-weight: 500;
8939 }
8940
8941 @media only screen and (max-width: 1199px) {
8942 .dynamic-offer-template1 .template-content .template-product-title {
8943 font-size: 38px;
8944 }
8945 .dynamic-offer-template1 .template-content .price {
8946 font-size: 28px;
8947 }
8948 }
8949 @media only screen and (max-width: 991px) {
8950 .dynamic-offer-template-default {
8951 padding: 20px;
8952 border-radius: 10px;
8953 }
8954 .dynamic-offer-template1 .template-content .template-product-title {
8955 margin-bottom: 10px;
8956 font-size: 26px;
8957 }
8958 .dynamic-offer-template1 .template-content .template-product-description p,
8959 .dynamic-offer-template1 .template-content .template-product-description {
8960 font-size: 16px;
8961 }
8962 .dynamic-offer-template1 .template-content .template-product-description {
8963 margin-bottom: 14px;
8964 }
8965 }
8966 @media only screen and (max-width: 767px) {
8967 .dynamic-offer-template-default {
8968 display: block;
8969 }
8970 .theme-bricks .dynamic-offer-template-default {
8971 display: flex;
8972 }
8973 .dynamic-offer-template-default .template-left {
8974 width: 100%;
8975 }
8976 .dynamic-offer-template-default .template-right {
8977 width: 100%;
8978 padding-left: 0;
8979 margin-top: 20px;
8980 }
8981 .theme-bricks .dynamic-offer-template-default .template-right {
8982 width: 100%;
8983 margin-top: 0;
8984 }
8985 }
8986 .dynamic-offer-template-default.dynamic-offer-template2 {
8987 flex-direction: row-reverse;
8988 }
8989 .dynamic-offer-template-default.dynamic-offer-template2 .product-img img {
8990 margin-left: auto;
8991 }
8992 .dynamic-offer-template-default.dynamic-offer-template2 .template-right {
8993 padding-left: 0;
8994 padding-right: 30px;
8995 }
8996
8997 .theme-bricks .dynamic-offer-template2 {
8998 gap: 30px;
8999 }
9000 .theme-bricks .dynamic-offer-template2 .template-right {
9001 padding-right: 0;
9002 width: calc(55% - 30px);
9003 }
9004
9005 @media only screen and (max-width: 767px) {
9006 .dynamic-offer-template2 .template-right {
9007 padding-right: 0;
9008 }
9009 .theme-bricks .dynamic-offer-template2 .template-right {
9010 padding-right: 0;
9011 width: 100%;
9012 }
9013 }
9014 .dynamic-offer-template3 {
9015 display: block;
9016 }
9017 .dynamic-offer-template3 .template-left {
9018 width: 100%;
9019 }
9020 .dynamic-offer-template3 .template-right {
9021 width: 100%;
9022 padding-left: 0;
9023 padding-top: 20px;
9024 }
9025 .theme-bricks .dynamic-offer-template3 {
9026 display: flex;
9027 flex-flow: column;
9028 }
9029 .theme-bricks .dynamic-offer-template3 .template-right {
9030 padding-top: 0;
9031 width: calc(55% - 30px);
9032 }
9033
9034 .et_divi_builder #et_builder_outer_content .dynamic-offer-template3 {
9035 display: block !important;
9036 }
9037 .et_divi_builder #et_builder_outer_content .dynamic-offer-template3 .template-left {
9038 width: 100% !important;
9039 }
9040 .et_divi_builder #et_builder_outer_content .dynamic-offer-template3 .template-right {
9041 width: 100% !important;
9042 padding-left: 0 !important;
9043 padding-top: 20px !important;
9044 }
9045 .et_divi_builder #et_builder_outer_content .dynamic-offer-template3 .product-img img {
9046 margin: 0 auto !important;
9047 }
9048
9049 .elementor-align-center .dynamic-offer-template-default .product-img img {
9050 margin: 0 auto;
9051 }
9052 .elementor-align-center .dynamic-offer-template-default #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price {
9053 justify-content: center;
9054 }
9055
9056 .elementor-align-right .dynamic-offer-template-default .product-img img {
9057 margin-right: 0;
9058 margin-left: auto;
9059 }
9060 .elementor-align-right .dynamic-offer-template-default #wpfnl-offerbtn-wrapper .wpfnl-offer-product-price {
9061 justify-content: flex-start;
9062 }
9063
9064 .wpfnl-checkout .wpfnl-testimonial-section {
9065 margin-top: 40px;
9066 }
9067 .wpfnl-checkout .wpfnl-checkout-testimonial1 {
9068 max-width: 430px;
9069 }
9070 .wpfnl-checkout .wpfnl-checkout-testimonial1 .wpfnl-testimonial-quote-icon {
9071 margin-bottom: 14px;
9072 }
9073 .wpfnl-checkout .wpfnl-checkout-testimonial1 .wpfnl-testimonial-quote-icon svg {
9074 display: block;
9075 }
9076 .wpfnl-checkout .wpfnl-checkout-testimonial1 .wpfnl-testimonial-stars {
9077 display: flex;
9078 align-items: center;
9079 gap: 1px;
9080 margin-bottom: 10px;
9081 }
9082 .wpfnl-checkout .wpfnl-checkout-testimonial1 .wpfnl-testimonial-stars .wpfnl-testimonial-star {
9083 font-size: 20px;
9084 line-height: 1;
9085 }
9086 .wpfnl-checkout .wpfnl-checkout-testimonial1 .wpfnl-testimonial-stars .wpfnl-testimonial-star-filled {
9087 color: #F5A623;
9088 }
9089 .wpfnl-checkout .wpfnl-checkout-testimonial1 .wpfnl-testimonial-stars .wpfnl-testimonial-star-empty {
9090 color: #D1D5DB;
9091 }
9092 .wpfnl-checkout .wpfnl-checkout-testimonial1 .wpfnl-testimonial-text {
9093 margin: 0 0 14px;
9094 color: #686B7D;
9095 font-size: 16px;
9096 font-weight: 400;
9097 line-height: 1.5;
9098 }
9099 .wpfnl-checkout .wpfnl-checkout-testimonial1 .wpfnl-testimonial-author {
9100 margin: 0;
9101 color: #1A241A;
9102 font-size: 16px;
9103 font-weight: 600;
9104 line-height: 1.2;
9105 }
9106 .wpfnl-checkout .wpfnl-testimonial-benefits {
9107 margin: 32px 0;
9108 }
9109 .wpfnl-checkout .wpfnl-testimonial-benefits .wpfnl-testimonial-benefits-title {
9110 margin: 0 0 20px;
9111 color: #1A241A;
9112 font-size: 24px;
9113 font-weight: 500;
9114 line-height: 1.2;
9115 }
9116 .wpfnl-checkout .wpfnl-testimonial-benefits .wpfnl-testimonial-benefits-list {
9117 list-style: none;
9118 margin: 0;
9119 padding: 0;
9120 display: flex;
9121 flex-direction: column;
9122 gap: 16px;
9123 }
9124 .wpfnl-checkout .wpfnl-testimonial-benefits .wpfnl-testimonial-benefits-item {
9125 display: flex;
9126 align-items: center;
9127 gap: 12px;
9128 }
9129 .wpfnl-checkout .wpfnl-testimonial-benefits .wpfnl-testimonial-check-icon {
9130 flex-shrink: 0;
9131 display: flex;
9132 align-items: center;
9133 justify-content: center;
9134 width: 28px;
9135 height: 28px;
9136 }
9137 .wpfnl-checkout .wpfnl-testimonial-benefits .wpfnl-testimonial-check-icon svg {
9138 display: block;
9139 width: 28px;
9140 height: 28px;
9141 }
9142 .wpfnl-checkout .wpfnl-testimonial-benefits .wpfnl-testimonial-benefits-item-text {
9143 color: #686B7D;
9144 font-size: 16px;
9145 font-weight: 400;
9146 line-height: 1.4;
9147 display: block;
9148 }
9149
9150 @media only screen and (max-width: 991px) {
9151 .wpfnl-checkout .wpfnl-checkout-testimonial1 {
9152 max-width: 550px;
9153 }
9154 .wpfnl-checkout .wpfnl-checkout-testimonial1 .wpfnl-testimonial-text {
9155 font-size: 15px;
9156 }
9157 .wpfnl-checkout .wpfnl-testimonial-benefits .wpfnl-testimonial-benefits-title {
9158 font-size: 20px;
9159 }
9160 .wpfnl-checkout .wpfnl-testimonial-benefits .wpfnl-testimonial-benefits-item {
9161 gap: 9px;
9162 }
9163 .wpfnl-checkout .wpfnl-testimonial-benefits .wpfnl-testimonial-check-icon {
9164 width: 23px;
9165 height: 23px;
9166 }
9167 .wpfnl-checkout .wpfnl-testimonial-benefits .wpfnl-testimonial-benefits-item-text {
9168 font-size: 15px;
9169 }
9170 }
9171 .wpfnl-testimonial-trust-badge {
9172 margin-top: 40px;
9173 }
9174 .wpfnl-testimonial-trust-badge .wpfnl-testimonial-trust-card {
9175 margin-bottom: 30px;
9176 display: flex;
9177 align-items: center;
9178 gap: 24px;
9179 border: 1px solid #E5E7EB;
9180 border-radius: 12px;
9181 padding: 20px;
9182 background: #ffffff;
9183 }
9184 .wpfnl-testimonial-trust-badge .wpfnl-testimonial-trust-card .wpfnl-testimonial-badge {
9185 flex-shrink: 0;
9186 width: 130px;
9187 height: 130px;
9188 display: flex;
9189 align-items: center;
9190 justify-content: center;
9191 }
9192 .wpfnl-testimonial-trust-badge .wpfnl-testimonial-trust-card .wpfnl-testimonial-headline {
9193 color: #111827;
9194 font-size: 20px;
9195 font-weight: 600;
9196 line-height: 1.2;
9197 }
9198 .wpfnl-testimonial-trust-badge .wpfnl-testimonial-trust-card .wpfnl-testimonial-text {
9199 color: #3F4654;
9200 font-size: 16px;
9201 line-height: 1.5;
9202 margin-top: 10px;
9203 }
9204
9205 @media only screen and (max-width: 767px) {
9206 .wpfnl-testimonial-trust-badge .wpfnl-testimonial-trust-card .wpfnl-testimonial-badge {
9207 width: 100px;
9208 height: auto;
9209 display: block;
9210 }
9211 .wpfnl-testimonial-trust-badge .wpfnl-testimonial-trust-card .wpfnl-testimonial-headline {
9212 font-size: 18px;
9213 }
9214 .wpfnl-testimonial-trust-badge .wpfnl-testimonial-trust-card .wpfnl-testimonial-text {
9215 font-size: 15px;
9216 }
9217 }
9218 @media only screen and (max-width: 525px) {
9219 .wpfnl-testimonial-trust-badge .wpfnl-testimonial-trust-card {
9220 flex-direction: column;
9221 align-items: flex-start;
9222 gap: 17px;
9223 padding: 16px;
9224 }
9225 .wpfnl-testimonial-trust-badge .wpfnl-testimonial-trust-card .wpfnl-testimonial-headline {
9226 font-size: 17px;
9227 }
9228 }
9229
9230 /*# sourceMappingURL=wpfnl-public.css.map */
9231