PluginProbe
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses / 4.3.8
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses v4.3.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 4.2.0 4.2.1 All 138 releases
learnpress / assets / css / widgets-rtl.css

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

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