PluginProbe
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses / 4.4.7
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses v4.4.7
4.4.7 4.4.6 4.4.5 4.4.4 4.4.3 4.4.2 4.4.1 4.4.0 4.3.9.1 4.3.9 4.3.8 4.3.7 4.1.6.9 4.1.6.9.1 4.1.6.9.2 4.1.6.9.3 4.1.6.9.4 4.1.7 4.1.7.1 4.1.7.2 4.1.7.3 4.1.7.3.1 4.1.7.3.2 4.2.0 4.2.1 All 138 releases
learnpress / assets / css / widgets.css

widgets.css in LearnPress – WordPress LMS Plugin for Create and Sell Online Courses 4.4.7, at assets/css/widgets.css

1,461 lines 32.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /**
3 * Mixin
4 */
5 @keyframes rotating4 {
6 from {
7 transform: rotate(0deg);
8 }
9 to {
10 transform: rotate(360deg);
11 }
12 }
13 @keyframes animation4 {
14 from {
15 left: -40%;
16 width: 40%;
17 }
18 to {
19 left: 100%;
20 width: 10%;
21 }
22 }
23 :root {
24 --lp-cotainer-max-with: var(--lp-container-max-width);
25 }
26
27 .wp-block-group {
28 --lp-container-max-width: var(--wp--style--global--wide-size);
29 }
30
31 @font-face {
32 font-family: "lp-icon";
33 src: url("../src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=117") format("woff2");
34 font-weight: normal;
35 font-style: normal;
36 font-display: swap;
37 }
38 [class^=lp-icon-], [class*=" lp-icon-"] {
39 /* use !important to prevent issues with browser extensions that change fonts */
40 font-family: "lp-icon";
41 speak: never;
42 font-style: normal;
43 font-weight: normal;
44 font-variant: normal;
45 text-transform: none;
46 line-height: 1;
47 font-display: swap;
48 /* Better Font Rendering =========== */
49 -webkit-font-smoothing: antialiased;
50 -moz-osx-font-smoothing: grayscale;
51 }
52
53 .lp-icon-plus:before {
54 content: "\f067";
55 }
56
57 .lp-icon-question:before {
58 content: "\f128";
59 }
60
61 .lp-icon-minus:before {
62 content: "\f068";
63 }
64
65 .lp-icon-search:before {
66 content: "\f002";
67 }
68
69 .lp-icon-envelope-o:before {
70 content: "\f003";
71 }
72
73 .lp-icon-heart:before {
74 content: "\f004";
75 }
76
77 .lp-icon-star:before {
78 content: "\f005";
79 }
80
81 .lp-icon-star-o:before {
82 content: "\f006";
83 }
84
85 .lp-icon-user:before {
86 content: "\f007";
87 }
88
89 .lp-icon-th-large:before {
90 content: "\f009";
91 }
92
93 .lp-icon-th:before {
94 content: "\f00a";
95 }
96
97 .lp-icon-th-list:before {
98 content: "\f00b";
99 }
100
101 .lp-icon-check:before {
102 content: "\f00c";
103 }
104
105 .lp-icon-close:before {
106 content: "\f00d";
107 }
108
109 .lp-icon-remove:before {
110 content: "\f00d";
111 }
112
113 .lp-icon-times:before {
114 content: "\f00d";
115 }
116
117 .lp-icon-signal:before {
118 content: "\f012";
119 }
120
121 .lp-icon-cog:before {
122 content: "\f013";
123 }
124
125 .lp-icon-gear:before {
126 content: "\f013";
127 }
128
129 .lp-icon-trash-o:before {
130 content: "\f014";
131 }
132
133 .lp-icon-home:before {
134 content: "\f015";
135 }
136
137 .lp-icon-file-o:before {
138 content: "\f016";
139 }
140
141 .lp-icon-clock-o:before {
142 content: "\f017";
143 }
144
145 .lp-icon-download:before {
146 content: "\f019";
147 }
148
149 .lp-icon-play-circle-o:before {
150 content: "\f01d";
151 }
152
153 .lp-icon-refresh:before {
154 content: "\f021";
155 }
156
157 .lp-icon-lock:before {
158 content: "\f023";
159 }
160
161 .lp-icon-flag:before {
162 content: "\f024";
163 }
164
165 .lp-icon-book:before {
166 content: "\f02d";
167 }
168
169 .lp-icon-bookmark:before {
170 content: "\f02e";
171 }
172
173 .lp-icon-video-camera:before {
174 content: "\f03d";
175 }
176
177 .lp-icon-edit:before {
178 content: "\f044";
179 }
180
181 .lp-icon-pencil-square-o:before {
182 content: "\f044";
183 }
184
185 .lp-icon-check-square-o:before {
186 content: "\f046";
187 }
188
189 .lp-icon-arrows:before {
190 content: "\f047";
191 }
192
193 .lp-icon-chevron-left:before {
194 content: "\f053";
195 }
196
197 .lp-icon-chevron-right:before {
198 content: "\f054";
199 }
200
201 .lp-icon-check-circle:before {
202 content: "\f058";
203 }
204
205 .lp-icon-question-circle:before {
206 content: "\f059";
207 }
208
209 .lp-icon-arrow-left:before {
210 content: "\f060";
211 }
212
213 .lp-icon-arrow-right:before {
214 content: "\f061";
215 }
216
217 .lp-icon-expand:before {
218 content: "\f065";
219 }
220
221 .lp-icon-compress:before {
222 content: "\f066";
223 }
224
225 .lp-icon-exclamation-circle:before {
226 content: "\f06a";
227 }
228
229 .lp-icon-gift:before {
230 content: "\f06b";
231 }
232
233 .lp-icon-eye:before {
234 content: "\f06e";
235 }
236
237 .lp-icon-eye-slash:before {
238 content: "\f070";
239 }
240
241 .lp-icon-exclamation-triangle:before {
242 content: "\f071";
243 }
244
245 .lp-icon-warning:before {
246 content: "\f071";
247 }
248
249 .lp-icon-calendar:before {
250 content: "\f073";
251 }
252
253 .lp-icon-comment:before {
254 content: "\f075";
255 }
256
257 .lp-icon-chevron-up:before {
258 content: "\f077";
259 }
260
261 .lp-icon-chevron-down:before {
262 content: "\f078";
263 }
264
265 .lp-icon-shopping-cart:before {
266 content: "\f07a";
267 }
268
269 .lp-icon-bar-chart:before {
270 content: "\f080";
271 }
272
273 .lp-icon-bar-chart-o:before {
274 content: "\f080";
275 }
276
277 .lp-icon-key:before {
278 content: "\f084";
279 }
280
281 .lp-icon-cogs:before {
282 content: "\f085";
283 }
284
285 .lp-icon-gears:before {
286 content: "\f085";
287 }
288
289 .lp-icon-thumbs-o-up:before {
290 content: "\f087";
291 }
292
293 .lp-icon-thumbs-o-down:before {
294 content: "\f088";
295 }
296
297 .lp-icon-heart-o:before {
298 content: "\f08a";
299 }
300
301 .lp-icon-sign-out:before {
302 content: "\f08b";
303 }
304
305 .lp-icon-linkedin-square:before {
306 content: "\f08c";
307 }
308
309 .lp-icon-sign-in:before {
310 content: "\f090";
311 }
312
313 .lp-icon-phone:before {
314 content: "\f095";
315 }
316
317 .lp-icon-square-o:before {
318 content: "\f096";
319 }
320
321 .lp-icon-bookmark-o:before {
322 content: "\f097";
323 }
324
325 .lp-icon-twitter:before {
326 content: "\f099";
327 }
328
329 .lp-icon-facebook:before {
330 content: "\f09a";
331 }
332
333 .lp-icon-facebook-f:before {
334 content: "\f09a";
335 }
336
337 .lp-icon-unlock:before {
338 content: "\f09c";
339 }
340
341 .lp-icon-bullhorn:before {
342 content: "\f0a1";
343 }
344
345 .lp-icon-bell-o:before {
346 content: "\f0a2";
347 }
348
349 .lp-icon-certificate:before {
350 content: "\f0a3";
351 }
352
353 .lp-icon-briefcase:before {
354 content: "\f0b1";
355 }
356
357 .lp-icon-arrows-alt:before {
358 content: "\f0b2";
359 }
360
361 .lp-icon-copy:before {
362 content: "\f0c5";
363 }
364
365 .lp-icon-files-o:before {
366 content: "\f0c5";
367 }
368
369 .lp-icon-pinterest-square:before {
370 content: "\f0d3";
371 }
372
373 .lp-icon-google-plus-square:before {
374 content: "\f0d4";
375 }
376
377 .lp-icon-google-plus:before {
378 content: "\f0d5";
379 }
380
381 .lp-icon-money-bill-alt:before {
382 content: "\f0d6";
383 }
384
385 .lp-icon-caret-down:before {
386 content: "\f0d7";
387 }
388
389 .lp-icon-caret-up:before {
390 content: "\f0d8";
391 }
392
393 .lp-icon-caret-left:before {
394 content: "\f0d9";
395 }
396
397 .lp-icon-caret-right:before {
398 content: "\f0da";
399 }
400
401 .lp-icon-linkedin:before {
402 content: "\f0e1";
403 }
404
405 .lp-icon-comment-o:before {
406 content: "\f0e5";
407 }
408
409 .lp-icon-file-text-o:before {
410 content: "\f0f6";
411 }
412
413 .lp-icon-angle-double-left:before {
414 content: "\f100";
415 }
416
417 .lp-icon-angle-double-right:before {
418 content: "\f101";
419 }
420
421 .lp-icon-angle-double-up:before {
422 content: "\f102";
423 }
424
425 .lp-icon-angle-double-down:before {
426 content: "\f103";
427 }
428
429 .lp-icon-angle-left:before {
430 content: "\f104";
431 }
432
433 .lp-icon-angle-right:before {
434 content: "\f105";
435 }
436
437 .lp-icon-angle-up:before {
438 content: "\f106";
439 }
440
441 .lp-icon-angle-down:before {
442 content: "\f107";
443 }
444
445 .lp-icon-desktop:before {
446 content: "\f108";
447 }
448
449 .lp-icon-mobile:before {
450 content: "\f10b";
451 }
452
453 .lp-icon-mobile-phone:before {
454 content: "\f10b";
455 }
456
457 .lp-icon-circle-o:before {
458 content: "\f10c";
459 }
460
461 .lp-icon-spinner:before {
462 content: "\f110";
463 }
464
465 .lp-icon-code:before {
466 content: "\f121";
467 }
468
469 .lp-icon-puzzle-piece:before {
470 content: "\f12e";
471 }
472
473 .lp-icon-calendar-o:before {
474 content: "\f133";
475 }
476
477 .lp-icon-ellipsis-h:before {
478 content: "\f141";
479 }
480
481 .lp-icon-ellipsis-v:before {
482 content: "\f142";
483 }
484
485 .lp-icon-file:before {
486 content: "\f15b";
487 }
488
489 .lp-icon-file-alt:before {
490 content: "\f15c";
491 }
492
493 .lp-icon-youtube-play:before {
494 content: "\f16a";
495 }
496
497 .lp-icon-instagram:before {
498 content: "\f16d";
499 }
500
501 .lp-icon-dot-circle-o:before {
502 content: "\f192";
503 }
504
505 .lp-icon-graduation-cap:before {
506 content: "\f19d";
507 }
508
509 .lp-icon-mortar-board:before {
510 content: "\f19d";
511 }
512
513 .lp-icon-google:before {
514 content: "\f1a0";
515 }
516
517 .lp-icon-language:before {
518 content: "\f1ab";
519 }
520
521 .lp-icon-database:before {
522 content: "\f1c0";
523 }
524
525 .lp-icon-file-pdf:before {
526 content: "\f1c1";
527 }
528
529 .lp-icon-file-word:before {
530 content: "\f1c2";
531 }
532
533 .lp-icon-file-excel:before {
534 content: "\f1c3";
535 }
536
537 .lp-icon-file-powerpoint:before {
538 content: "\f1c4";
539 }
540
541 .lp-icon-file-image:before {
542 content: "\f1c5";
543 }
544
545 .lp-icon-file-photo:before {
546 content: "\f1c5";
547 }
548
549 .lp-icon-file-picture:before {
550 content: "\f1c5";
551 }
552
553 .lp-icon-file-archive:before {
554 content: "\f1c6";
555 }
556
557 .lp-icon-file-zip:before {
558 content: "\f1c6";
559 }
560
561 .lp-icon-file-audio:before {
562 content: "\f1c7";
563 }
564
565 .lp-icon-file-sound:before {
566 content: "\f1c7";
567 }
568
569 .lp-icon-file-movie:before {
570 content: "\f1c8";
571 }
572
573 .lp-icon-file-video:before {
574 content: "\f1c8";
575 }
576
577 .lp-icon-file-code:before {
578 content: "\f1c9";
579 }
580
581 .lp-icon-circle-thin:before {
582 content: "\f1db";
583 }
584
585 .lp-icon-share-alt:before {
586 content: "\f1e0";
587 }
588
589 .lp-icon-pie-chart:before {
590 content: "\f200";
591 }
592
593 .lp-icon-line-chart:before {
594 content: "\f201";
595 }
596
597 .lp-icon-user-secret:before {
598 content: "\f21b";
599 }
600
601 .lp-icon-television:before {
602 content: "\f26c";
603 }
604
605 .lp-icon-tv:before {
606 content: "\f26c";
607 }
608
609 .lp-icon-question-circle-o:before {
610 content: "\f29c";
611 }
612
613 .lp-icon-google-plus-circle:before {
614 content: "\f2b3";
615 }
616
617 .lp-icon-google-plus-official:before {
618 content: "\f2b3";
619 }
620
621 .lp-icon-user-circle:before {
622 content: "\f2bd";
623 }
624
625 .lp-icon-user-graduate:before {
626 content: "\f501";
627 }
628
629 .lp-icon-user-edit:before {
630 content: "\f4ff";
631 }
632
633 .lp-icon-my-courses:before {
634 content: "\e900";
635 }
636
637 .lp-icon-clock:before {
638 content: "\e901";
639 }
640
641 .lp-icon-stopwatch:before {
642 content: "\f2f2";
643 }
644
645 .lp-icon-file-download:before {
646 content: "\f56d";
647 }
648
649 .lp-icon-list:before {
650 content: "\f03a";
651 }
652
653 .lp-icon-students:before {
654 content: "\e902";
655 }
656
657 .lp-icon-courses:before {
658 content: "\e903";
659 }
660
661 .lp-icon-tiktok-alt:before {
662 content: "\e908";
663 }
664
665 .lp-icon-alarm-clock:before {
666 content: "\e909";
667 }
668
669 .lp-icon-art-and-design:before {
670 content: "\e90a";
671 }
672
673 .lp-icon-best-customer-experience:before {
674 content: "\e90b";
675 }
676
677 .lp-icon-certificate-o:before {
678 content: "\e90c";
679 }
680
681 .lp-icon-community:before {
682 content: "\e90d";
683 }
684
685 .lp-icon-online-education:before {
686 content: "\e90e";
687 }
688
689 .lp-icon-concierge-bell:before {
690 content: "\e90f";
691 }
692
693 .lp-icon-target:before {
694 content: "\e910";
695 }
696
697 .lp-icon-content-marketing:before {
698 content: "\e911";
699 }
700
701 .lp-icon-dollar-sign:before {
702 content: "\e912";
703 }
704
705 .lp-icon-website:before {
706 content: "\e913";
707 }
708
709 .lp-icon-worldwide-security:before {
710 content: "\e914";
711 }
712
713 .lp-icon-educational-programs:before {
714 content: "\e915";
715 }
716
717 .lp-icon-online-class:before {
718 content: "\e916";
719 }
720
721 .lp-icon-monitor:before {
722 content: "\e917";
723 }
724
725 .lp-icon-lucide:before {
726 content: "\e918";
727 }
728
729 .lp-icon-ebook:before {
730 content: "\e919";
731 }
732
733 .lp-icon-co-instructor:before {
734 content: "\e904";
735 }
736
737 .lp-icon-close-circle:before {
738 content: "\e907";
739 }
740
741 .lp-icon-layers:before {
742 content: "\e91a";
743 }
744
745 .lp-icon-filter:before {
746 content: "\e91c";
747 }
748
749 .lp-icon-in_progress_course:before {
750 content: "\e91d";
751 }
752
753 .lp-icon-finished_courses:before {
754 content: "\e91e";
755 }
756
757 .lp-icon-failed_courses:before {
758 content: "\e91f";
759 }
760
761 .lp-icon-passed_courses:before {
762 content: "\e920";
763 }
764
765 .lp-icon-student_in_progress:before {
766 content: "\e924";
767 }
768
769 .lp-icon-student_completed:before {
770 content: "\e925";
771 }
772
773 .lp-icon-published_course:before {
774 content: "\e926";
775 }
776
777 .lp-icon-pending_course:before {
778 content: "\e927";
779 }
780
781 .lp-icon-list-check:before {
782 content: "\e929";
783 }
784
785 .lp-icon-icon-h5p:before {
786 content: "\e92a";
787 }
788
789 .lp-icon-comment-written:before {
790 content: "\e921";
791 }
792
793 .lp-icon-book-open:before {
794 content: "\f518";
795 }
796
797 .lp-icon-pinterest-p:before {
798 content: "\f231";
799 }
800
801 .lp-icon-dropbox:before {
802 content: "\e905";
803 }
804
805 .lp-icon-edit-square:before {
806 content: "\e923";
807 }
808
809 .lp-icon-drag:before {
810 content: "\e922";
811 }
812
813 .lp-icon-map-pin:before {
814 content: "\e91b";
815 }
816
817 .lp-icon-map-marker:before {
818 content: "\e91b";
819 }
820
821 .lp-icon-box:before {
822 content: "\e906";
823 }
824
825 .lp-ico-ai {
826 display: inline-block;
827 width: 13px;
828 height: 13px;
829 background-image: url("../../images/icons/ico-ai.svg");
830 background-size: contain;
831 background-repeat: no-repeat;
832 }
833
834 .lp-icon-course-builder {
835 display: inline-block;
836 width: 18px;
837 height: 18px;
838 background-color: currentColor;
839 -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6422 16.0228C21.7413 16.1947 21.7682 16.3988 21.717 16.5905C21.6659 16.7822 21.5409 16.9458 21.3694 17.0456L12.3694 22.2956C12.2547 22.3624 12.1243 22.3977 11.9916 22.3977C11.8588 22.3977 11.7284 22.3624 11.6138 22.2956L2.61376 17.0456C2.44472 16.944 2.3225 16.7799 2.27354 16.5889C2.22459 16.3978 2.25284 16.1952 2.3522 16.0249C2.45155 15.8545 2.614 15.7301 2.80438 15.6787C2.99476 15.6272 3.19774 15.6528 3.36938 15.7499L11.9983 20.5004L20.6194 15.7499C20.7913 15.6509 20.9954 15.624 21.1871 15.6751C21.3788 15.7262 21.5425 15.8512 21.6422 16.0228ZM20.6194 11.2499L11.9916 16.0228L3.36938 11.2499C3.19861 11.1649 3.00186 11.1482 2.81917 11.2031C2.63648 11.258 2.48159 11.3805 2.38602 11.5456C2.29044 11.7107 2.26138 11.906 2.30473 12.0918C2.34809 12.2776 2.46061 12.4398 2.61938 12.5456L11.6194 17.7956C11.7341 17.8624 11.8644 17.8977 11.9972 17.8977C12.13 17.8977 12.2603 17.8624 12.375 17.7956L21.375 12.5456C21.4615 12.4967 21.5373 12.4311 21.5982 12.3526C21.6591 12.2741 21.7038 12.1844 21.7297 12.0885C21.7556 11.9926 21.7622 11.8925 21.7492 11.7941C21.7361 11.6956 21.7036 11.6007 21.6536 11.515C21.6035 11.4292 21.5369 11.3542 21.4577 11.2943C21.3784 11.2344 21.2881 11.1909 21.1919 11.1663C21.0957 11.1416 20.9955 11.1363 20.8972 11.1507C20.799 11.165 20.7045 11.1988 20.6194 11.2499ZM2.24438 7.39775C2.24468 7.26639 2.27948 7.13741 2.34529 7.02372C2.4111 6.91003 2.50562 6.81562 2.61938 6.74994L11.6194 1.49994C11.7341 1.43306 11.8644 1.39783 11.9972 1.39783C12.13 1.39783 12.2603 1.43306 12.375 1.49994L21.375 6.74994C21.4882 6.81599 21.5822 6.91056 21.6474 7.02423C21.7127 7.13789 21.7471 7.26668 21.7471 7.39775C21.7471 7.52883 21.7127 7.65762 21.6474 7.77128C21.5822 7.88494 21.4882 7.97951 21.375 8.04557L12.375 13.2956C12.2603 13.3624 12.13 13.3977 11.9972 13.3977C11.8644 13.3977 11.7341 13.3624 11.6194 13.2956L2.61938 8.04557C2.50562 7.97988 2.4111 7.88547 2.34529 7.77178C2.27948 7.6581 2.24468 7.52912 2.24438 7.39775ZM4.99439 7.39783L11.9944 11.5456L18.9944 7.39783L11.9944 3.39783L4.99439 7.39783Z' fill='black'/%3E%3C/svg%3E");
840 mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6422 16.0228C21.7413 16.1947 21.7682 16.3988 21.717 16.5905C21.6659 16.7822 21.5409 16.9458 21.3694 17.0456L12.3694 22.2956C12.2547 22.3624 12.1243 22.3977 11.9916 22.3977C11.8588 22.3977 11.7284 22.3624 11.6138 22.2956L2.61376 17.0456C2.44472 16.944 2.3225 16.7799 2.27354 16.5889C2.22459 16.3978 2.25284 16.1952 2.3522 16.0249C2.45155 15.8545 2.614 15.7301 2.80438 15.6787C2.99476 15.6272 3.19774 15.6528 3.36938 15.7499L11.9983 20.5004L20.6194 15.7499C20.7913 15.6509 20.9954 15.624 21.1871 15.6751C21.3788 15.7262 21.5425 15.8512 21.6422 16.0228ZM20.6194 11.2499L11.9916 16.0228L3.36938 11.2499C3.19861 11.1649 3.00186 11.1482 2.81917 11.2031C2.63648 11.258 2.48159 11.3805 2.38602 11.5456C2.29044 11.7107 2.26138 11.906 2.30473 12.0918C2.34809 12.2776 2.46061 12.4398 2.61938 12.5456L11.6194 17.7956C11.7341 17.8624 11.8644 17.8977 11.9972 17.8977C12.13 17.8977 12.2603 17.8624 12.375 17.7956L21.375 12.5456C21.4615 12.4967 21.5373 12.4311 21.5982 12.3526C21.6591 12.2741 21.7038 12.1844 21.7297 12.0885C21.7556 11.9926 21.7622 11.8925 21.7492 11.7941C21.7361 11.6956 21.7036 11.6007 21.6536 11.515C21.6035 11.4292 21.5369 11.3542 21.4577 11.2943C21.3784 11.2344 21.2881 11.1909 21.1919 11.1663C21.0957 11.1416 20.9955 11.1363 20.8972 11.1507C20.799 11.165 20.7045 11.1988 20.6194 11.2499ZM2.24438 7.39775C2.24468 7.26639 2.27948 7.13741 2.34529 7.02372C2.4111 6.91003 2.50562 6.81562 2.61938 6.74994L11.6194 1.49994C11.7341 1.43306 11.8644 1.39783 11.9972 1.39783C12.13 1.39783 12.2603 1.43306 12.375 1.49994L21.375 6.74994C21.4882 6.81599 21.5822 6.91056 21.6474 7.02423C21.7127 7.13789 21.7471 7.26668 21.7471 7.39775C21.7471 7.52883 21.7127 7.65762 21.6474 7.77128C21.5822 7.88494 21.4882 7.97951 21.375 8.04557L12.375 13.2956C12.2603 13.3624 12.13 13.3977 11.9972 13.3977C11.8644 13.3977 11.7341 13.3624 11.6194 13.2956L2.61938 8.04557C2.50562 7.97988 2.4111 7.88547 2.34529 7.77178C2.27948 7.6581 2.24468 7.52912 2.24438 7.39775ZM4.99439 7.39783L11.9944 11.5456L18.9944 7.39783L11.9944 3.39783L4.99439 7.39783Z' fill='black'/%3E%3C/svg%3E");
841 -webkit-mask-size: contain;
842 mask-size: contain;
843 -webkit-mask-repeat: no-repeat;
844 mask-repeat: no-repeat;
845 -webkit-mask-position: center;
846 mask-position: center;
847 }
848
849 .lp-skeleton-animation {
850 margin: 0;
851 padding: 0;
852 list-style: none;
853 }
854 .lp-skeleton-animation > li {
855 width: 100%;
856 height: 16px;
857 margin-top: 15px;
858 border-radius: 2px;
859 background: linear-gradient(90deg, hsla(0, 0%, 74.5%, 0.2) 25%, hsla(0, 0%, 50.6%, 0.24) 37%, hsla(0, 0%, 74.5%, 0.2) 63%);
860 background-size: 400% 100%;
861 list-style: none;
862 animation: lp-skeleton-loading 1.4s ease infinite;
863 }
864
865 @keyframes lp-skeleton-loading {
866 0% {
867 background-position: 100% 50%;
868 }
869 to {
870 background-position: 0 50%;
871 }
872 }
873 .lp-loading-circle {
874 width: 15px;
875 height: 15px;
876 border: 2px solid #ccc;
877 border-radius: 50%;
878 border-top-color: rgba(0, 0, 0, 0.76);
879 animation: spin 1s infinite linear;
880 display: inline-block;
881 }
882 .lp-loading-circle.hide {
883 display: none;
884 }
885
886 @keyframes spin {
887 0% {
888 transform: rotate(0deg);
889 }
890 100% {
891 transform: rotate(360deg);
892 }
893 }
894 /**
895 * Style for course filter
896 *
897 * @since 4.2.3.2
898 * @version 1.0.2
899 */
900 .lp-form-course-filter__title {
901 font-weight: 500;
902 margin-bottom: 12px;
903 }
904 .lp-form-course-filter__content {
905 position: relative;
906 }
907 .lp-form-course-filter__content .lp-course-filter__field * {
908 cursor: pointer;
909 }
910 .lp-form-course-filter__content .lp-course-filter__field {
911 position: relative;
912 display: flex;
913 align-items: center;
914 gap: 10px;
915 cursor: pointer;
916 }
917 .lp-form-course-filter__content .lp-course-filter__field input:focus {
918 outline: none;
919 }
920 .lp-form-course-filter__content .lp-course-filter__field input[disabled] {
921 cursor: not-allowed;
922 }
923 .lp-form-course-filter__content .lp-course-filter__field label {
924 margin: 0;
925 text-transform: capitalize;
926 line-height: inherit;
927 flex: 1;
928 }
929 .lp-form-course-filter__content .lp-course-filter__field .count {
930 color: #999;
931 }
932 .lp-form-course-filter__content .lp-course-filter-search-field {
933 position: relative;
934 display: flex;
935 align-items: center;
936 }
937 .lp-form-course-filter__content .lp-course-filter-search-field input {
938 width: 100%;
939 line-height: 2rem;
940 border: 1px solid #eee;
941 padding: 8px;
942 }
943 .lp-form-course-filter__content .lp-course-filter-search-field input:focus {
944 outline: none;
945 }
946 .lp-form-course-filter__content .lp-course-filter-search-field .lp-loading-circle {
947 position: absolute;
948 right: 10px;
949 }
950 .lp-form-course-filter__content .lp-course-filter-search-result {
951 position: absolute;
952 z-index: 10;
953 background: white;
954 width: 100%;
955 border: 1px solid #eeeeee;
956 max-height: 300px;
957 overflow-y: auto;
958 padding: 0;
959 }
960 .lp-form-course-filter__content .lp-course-filter-search-result:empty {
961 border: none;
962 }
963 .lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list {
964 padding: 0 10px;
965 }
966 .lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .item-course-suggest {
967 display: flex;
968 gap: 8px;
969 padding: 10px 0;
970 align-items: center;
971 border-bottom: 1px solid #f5f5f5;
972 }
973 .lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .item-course-suggest:last-child {
974 border-bottom: none;
975 }
976 .lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .course-img {
977 width: 50px;
978 }
979 .lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .course-img img {
980 width: 50px;
981 height: auto;
982 display: block;
983 }
984 .lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list a {
985 font-size: 0.875em;
986 line-height: 1em;
987 display: -webkit-box;
988 -webkit-line-clamp: 3;
989 -webkit-box-orient: vertical;
990 overflow: hidden;
991 }
992 .lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list a span {
993 font-size: 0.875em;
994 line-height: 1em;
995 }
996 .lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-info {
997 border-top: 1px solid #eeeeee;
998 padding: 10px;
999 background: #e8f0fe;
1000 font-weight: 500;
1001 display: flex;
1002 justify-content: space-between;
1003 }
1004 .lp-form-course-filter .course-filter-submit, .lp-form-course-filter .course-filter-reset {
1005 padding: 12px 24px;
1006 text-transform: capitalize;
1007 width: calc(50% - 4px);
1008 border: 1px solid #ccc;
1009 border-radius: 4px;
1010 background-color: var(--lp-button-background-color);
1011 color: var(--lp-button-color);
1012 }
1013 .lp-form-course-filter .course-filter-submit:focus, .lp-form-course-filter .course-filter-reset:focus {
1014 outline: none;
1015 }
1016 .lp-form-course-filter .course-filter-submit:hover, .lp-form-course-filter .course-filter-reset:hover {
1017 color: #fff;
1018 background: var(--lp-primary-color);
1019 }
1020 .lp-form-course-filter .course-filter-reset {
1021 margin-left: 4px;
1022 }
1023 .lp-form-course-filter .course-filter-submit {
1024 margin-right: 4px;
1025 }
1026 .lp-form-course-filter .lp-form-course-filter__item {
1027 margin-bottom: 12px;
1028 border-bottom: 1px solid #ccc;
1029 padding-bottom: 12px;
1030 }
1031 .lp-form-course-filter .lp-form-course-filter__item .lp-cate-parent .lp-cate-child {
1032 margin-left: 1rem;
1033 }
1034
1035 #learn-press-become-teacher-form .become-teacher-fields {
1036 list-style: none;
1037 padding: 0;
1038 }
1039
1040 .lp-form-course-filter__close, .elementor-widget-container .lp-form-course-filter__close {
1041 display: none;
1042 }
1043
1044 .elementor-widget-container .learnpress-widget-wrapper {
1045 position: unset;
1046 }
1047
1048 @media (max-width: 768px) {
1049 .widget_course_filter {
1050 position: fixed !important;
1051 right: 0;
1052 top: 0;
1053 bottom: 0;
1054 z-index: 999999;
1055 width: 400px;
1056 height: 100%;
1057 background-color: #fff;
1058 transition: 0.3s;
1059 display: block;
1060 overflow-y: auto;
1061 border: none !important;
1062 border-radius: 0 !important;
1063 transform: translate3d(100%, 0, 0);
1064 margin: 0;
1065 opacity: 0;
1066 visibility: hidden;
1067 padding: 20px;
1068 }
1069 .widget_course_filter .lp-form-block-course-filter .course-filter-submit,
1070 .widget_course_filter .lp-form-course-filter .course-filter-submit {
1071 width: 100%;
1072 margin: 0;
1073 }
1074 .widget_course_filter .lp-form-block-course-filter .course-filter-reset,
1075 .widget_course_filter .lp-form-course-filter .course-filter-reset {
1076 width: 100%;
1077 margin: 12px 0 0 0;
1078 }
1079 .widget_course_filter .widget-title {
1080 display: flex;
1081 gap: 16px;
1082 align-items: center;
1083 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
1084 }
1085 .show-lp-course-filter-mobile {
1086 overflow: hidden;
1087 }
1088 .show-lp-course-filter-mobile .widget_course_filter {
1089 transform: none;
1090 opacity: 1;
1091 visibility: visible;
1092 }
1093 .show-lp-course-filter-mobile .lp-archive-courses-sidebar::after {
1094 position: fixed;
1095 top: 0;
1096 right: 0;
1097 width: 100%;
1098 height: 100%;
1099 background: rgba(0, 0, 0, 0.9);
1100 content: "";
1101 -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
1102 transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
1103 z-index: 99999;
1104 }
1105 .show-lp-course-filter-mobile .learnpress-widget-wrapper {
1106 position: unset;
1107 }
1108 .lp-form-course-filter__close, .elementor-widget-container .lp-form-course-filter__close {
1109 display: flex;
1110 position: absolute;
1111 right: 0;
1112 top: 20px;
1113 left: auto;
1114 align-items: center;
1115 justify-content: center;
1116 gap: 4px;
1117 padding: 0 20px;
1118 }
1119 .lp-form-course-filter__close i, .elementor-widget-container .lp-form-course-filter__close i {
1120 font-size: 1rem;
1121 }
1122 }
1123 @media (max-width: 500px) {
1124 .widget_course_filter {
1125 width: 100%;
1126 left: 0;
1127 right: 0;
1128 box-sizing: border-box;
1129 }
1130 }
1131 @keyframes lp-rotating {
1132 from {
1133 -webkit-transform: rotate(0deg);
1134 transform: rotate(0deg);
1135 }
1136 to {
1137 -webkit-transform: rotate(360deg);
1138 transform: rotate(360deg);
1139 }
1140 }
1141 @-webkit-keyframes lp-rotating {
1142 from {
1143 -webkit-transform: rotate(0deg);
1144 transform: rotate(0deg);
1145 }
1146 to {
1147 -webkit-transform: rotate(360deg);
1148 transform: rotate(360deg);
1149 }
1150 }
1151 .lp-loading-change {
1152 position: absolute;
1153 width: 100%;
1154 height: 100%;
1155 background: rgba(255, 255, 255, 0.38);
1156 top: 0;
1157 }
1158
1159 .lp-load-ajax-element {
1160 position: relative;
1161 }
1162
1163 @media (min-width: 1024px) {
1164 body.theme-divi {
1165 --lp-cotainer-padding:0;
1166 }
1167 }
1168 .learnpress.widget {
1169 margin-bottom: 30px;
1170 }
1171 .learnpress.widget h3 {
1172 margin-bottom: 20px;
1173 }
1174 .learnpress.widget a {
1175 text-decoration: none;
1176 }
1177
1178 .learnpress-widget-wrapper {
1179 margin-top: 16px;
1180 position: relative;
1181 }
1182 .learnpress-widget-wrapper .lp-widget-loading-change {
1183 display: none;
1184 position: absolute;
1185 width: 100%;
1186 height: 100%;
1187 background: rgba(255, 255, 255, 0.38);
1188 top: 0;
1189 z-index: 10;
1190 }
1191
1192 .learnpress-widget-wrapper .lp-widget-course {
1193 margin: 0 0 30px 0;
1194 border: 1px solid #eee;
1195 }
1196 .learnpress-widget-wrapper .lp-widget-course__image img {
1197 height: auto;
1198 width: 100%;
1199 display: block;
1200 }
1201 .learnpress-widget-wrapper .lp-widget-course__title {
1202 margin-bottom: 20px;
1203 font-size: 1em;
1204 font-weight: 600;
1205 }
1206 .learnpress-widget-wrapper .lp-widget-course__content {
1207 margin: 0;
1208 padding: 16px;
1209 border-top: 1px solid #eee;
1210 }
1211 .learnpress-widget-wrapper .lp-widget-course__title {
1212 margin: 4px 0 16px 0;
1213 }
1214 .learnpress-widget-wrapper .lp-widget-course__meta {
1215 display: grid;
1216 margin: 16px 0 0 0;
1217 grid-template-columns: repeat(2, 1fr);
1218 justify-content: space-between;
1219 align-items: center;
1220 gap: 24px;
1221 }
1222 .learnpress-widget-wrapper .lp-widget-course__meta .course-price {
1223 margin-bottom: 0;
1224 }
1225 .learnpress-widget-wrapper .lp-widget-course__meta .course-price .course-item-price {
1226 display: flex;
1227 flex-direction: column;
1228 }
1229 .learnpress-widget-wrapper .lp-widget-course__description {
1230 color: #666;
1231 font-size: 0.875em;
1232 }
1233 .learnpress-widget-wrapper .lp-widget-course__price {
1234 color: #444;
1235 font-size: 0.875em;
1236 font-weight: 600;
1237 }
1238 .learnpress-widget-wrapper .lp-widget-course__instructor {
1239 display: flex;
1240 align-items: center;
1241 }
1242 .learnpress-widget-wrapper .lp-widget-course__instructor__avatar {
1243 margin-right: 5px;
1244 }
1245 .learnpress-widget-wrapper .lp-widget-course__instructor__avatar img {
1246 width: 20px;
1247 border-radius: 20px;
1248 height: 20px;
1249 display: block;
1250 }
1251 .learnpress-widget-wrapper .lp-widget-course__instructor > a {
1252 color: #777;
1253 font-size: 0.875em;
1254 }
1255
1256 .learnpress.widget_course_progress .lp_widget_course_progress,
1257 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp_widget_course_progress {
1258 margin: 0;
1259 padding: 20px;
1260 border: 1px solid #eee;
1261 }
1262 .learnpress.widget_course_progress .course-results-progress,
1263 .elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress {
1264 margin-top: 10px;
1265 font-size: 0.8em;
1266 }
1267 .learnpress.widget_course_progress .course-results-progress .items-progress,
1268 .elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress {
1269 display: flex;
1270 margin-bottom: 7px;
1271 justify-content: space-between;
1272 align-items: center;
1273 }
1274 .learnpress.widget_course_progress .course-results-progress .items-progress__heading,
1275 .elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress__heading {
1276 font-weight: 400;
1277 }
1278 .learnpress.widget_course_progress .lp-course-progress,
1279 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress {
1280 width: 100%;
1281 }
1282 .learnpress.widget_course_progress .lp-course-progress.learn-press-progress,
1283 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress {
1284 position: relative;
1285 }
1286 .learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg,
1287 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg {
1288 overflow: hidden;
1289 position: relative;
1290 height: 6px;
1291 background: #ccc;
1292 border-radius: 5px;
1293 }
1294 .learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active,
1295 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active {
1296 position: absolute;
1297 left: 50%;
1298 width: 100%;
1299 height: 100%;
1300 margin-left: -100%;
1301 background: var(--lp-primary-color);
1302 border-radius: 5px;
1303 }
1304 .learnpress.widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional,
1305 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional {
1306 position: absolute;
1307 top: 0;
1308 width: 3px;
1309 height: 6px;
1310 margin-left: -1px;
1311 background: var(--lp-secondary-color);
1312 }
1313
1314 .lp_widget_course_info {
1315 margin: 0;
1316 padding: 20px;
1317 border: 1px solid var(--lp-border-color, #E2E0DB);
1318 }
1319 .lp_widget_course_info h3 {
1320 margin-bottom: 15px;
1321 }
1322 .lp_widget_course_info ul {
1323 margin: 0;
1324 padding: 0;
1325 }
1326 .lp_widget_course_info ul li {
1327 display: flex;
1328 align-items: center;
1329 justify-content: space-between;
1330 margin-bottom: 5px;
1331 }
1332 .lp_widget_course_info ul label {
1333 font-size: var(--lp-font-size-base, 1em);
1334 margin: 0;
1335 }
1336
1337 .lp-widget-course-extra {
1338 margin: 0;
1339 }
1340 .lp-widget-course-extra h3 {
1341 margin-bottom: 20px;
1342 font-size: var(--lp-font-size-base, 1em);
1343 }
1344 .lp-widget-course-extra__content h4.course-extras__title {
1345 margin: 0;
1346 margin-bottom: 15px;
1347 font-size: var(--lp-font-size-base, 1em);
1348 font-weight: 600;
1349 }
1350 .lp-widget-course-extra__content ul {
1351 margin: 0;
1352 padding: 0;
1353 }
1354 .lp-widget-course-extra__content ul li {
1355 margin-bottom: 10px;
1356 }
1357 .lp-widget-course-extra__content .course-extras {
1358 display: block;
1359 }
1360 .lp-widget-course-extra__content .course-extras .course-extras__content ul {
1361 list-style: none;
1362 }
1363 .lp-widget-course-extra__content .course-extras .course-extras__content ol {
1364 list-style-position: inside;
1365 }
1366 .lp-widget-course-extra__content .course-extras .course-extras__content ul li,
1367 .lp-widget-course-extra__content .course-extras .course-extras__content ol li {
1368 position: relative;
1369 border: none;
1370 }
1371 .lp-widget-course-extra__content .course-extras.style-checks ul li,
1372 .lp-widget-course-extra__content .course-extras.style-checks ol li {
1373 padding-left: 20px;
1374 }
1375 .lp-widget-course-extra__content .course-extras.style-checks ul li::before,
1376 .lp-widget-course-extra__content .course-extras.style-checks ol li::before {
1377 display: inline-block;
1378 position: absolute;
1379 top: 50%;
1380 left: 0;
1381 width: 12px;
1382 height: 7px;
1383 border: 2px solid #8794b9;
1384 border-top: none;
1385 border-right: none;
1386 content: "";
1387 transform: rotate(-54deg) translateY(-50%);
1388 }
1389 .lp-widget-course-extra__content .course-extras.style-radios ul li,
1390 .lp-widget-course-extra__content .course-extras.style-radios ol li {
1391 padding-left: 20px;
1392 }
1393 .lp-widget-course-extra__content .course-extras.style-radios ul li::before,
1394 .lp-widget-course-extra__content .course-extras.style-radios ol li::before {
1395 display: inline-block;
1396 position: absolute;
1397 top: 50%;
1398 left: 0;
1399 width: 12px;
1400 height: 7px;
1401 border: 2px solid #8794b9;
1402 border-top: none;
1403 border-right: none;
1404 content: "";
1405 transform: rotate(-54deg) translateY(-50%);
1406 }
1407
1408 .learnpress.widget_course_featured .lp-widget-featured-courses__footer,
1409 .elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer {
1410 margin-top: 20px;
1411 padding-top: 10px;
1412 border-top: 1px solid #eee;
1413 }
1414 .learnpress.widget_course_featured .lp-widget-featured-courses__footer__link,
1415 .elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link {
1416 font-size: 1rem;
1417 line-height: 1;
1418 }
1419 .learnpress.widget_course_featured .lp-widget-featured-courses__footer__link::before,
1420 .elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link::before {
1421 content: "";
1422 }
1423
1424 .learnpress.widget_course_popular .lp-widget-popular-courses__footer,
1425 .elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer {
1426 margin-top: 20px;
1427 padding-top: 10px;
1428 border-top: 1px solid #eee;
1429 }
1430 .learnpress.widget_course_popular .lp-widget-popular-courses__footer__link,
1431 .elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link {
1432 font-size: 1rem;
1433 line-height: 1;
1434 }
1435 .learnpress.widget_course_popular .lp-widget-popular-courses__footer__link::before,
1436 .elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link::before {
1437 content: "";
1438 }
1439
1440 .learnpress.widget_course_recent .lp-widget-recent-courses__footer,
1441 .elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer {
1442 margin-top: 20px;
1443 padding-top: 10px;
1444 border-top: 1px solid #eee;
1445 }
1446 .learnpress.widget_course_recent .lp-widget-recent-courses__footer__link,
1447 .elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link {
1448 font-size: 1rem;
1449 line-height: 1;
1450 }
1451 .learnpress.widget_course_recent .lp-widget-recent-courses__footer__link::before,
1452 .elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link::before {
1453 content: "";
1454 }
1455
1456 .learnpress-widget-wrapper__restapi .lp-skeleton-animation {
1457 min-width: 250px;
1458 }
1459 .learnpress-widget-wrapper__restapi ul {
1460 padding: 0;
1461 }