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

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