PluginProbe
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses / 4.4.9
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses v4.4.9
4.4.9 4.4.8 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 All 140 releases
learnpress / assets / css / widgets.css

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

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