PluginProbe
WPFunnels – Funnel Builder for WooCommerce with Checkout & One Click Upsell / 3.10.8
WPFunnels – Funnel Builder for WooCommerce with Checkout & One Click Upsell v3.10.8
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.10.8, at public/assets/css/wpfnl-public.css

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