PluginProbe
Forumax – AI Powered Advanced Community Forum Plugin / trunk
Forumax – AI Powered Advanced Community Forum Plugin vtrunk
2.4.4 2.4.3 2.4.2 2.4.1 2.4.0 trunk 1.0.8 1.1.0 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 1.3.0 1.3.1 1.3.2 1.3.3 1.4.0 1.4.1 2.0.0 2.1.0 All 29 releases
bbp-core / assets / frontend / css / el-widgets.css

el-widgets.css in Forumax – AI Powered Advanced Community Forum Plugin trunk, at assets/frontend/css/el-widgets.css

6,031 lines 119.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /*----------------------------------------------------
3 @File: Default Styles
4
5 This file contains the styling for the actual template, this
6 is the file you need to edit to change the look of the
7 template.
8 ---------------------------------------------------- */
9 /*=====================================================================
10 @Template Name: Ama
11
12 @Default Styles
13 Table of Content:
14 01/ Variables
15 92/ Predefine
16 03/ forumPosts
17 04/ forum
18 05/ forums
19
20
21 =====================================================================*/
22 *,
23 *::before,
24 *::after {
25 box-sizing: border-box;
26 }
27
28 .frmx-container,
29 .frmx-container-fluid {
30 width: 100%;
31 padding-right: 15px;
32 padding-left: 15px;
33 margin-right: auto;
34 margin-left: auto;
35 }
36
37 .frmx-container-fluid {
38 max-width: 100%;
39 }
40
41 @media (min-width: 576px) {
42 .frmx-container {
43 max-width: 540px;
44 }
45 }
46 @media (min-width: 768px) {
47 .frmx-container {
48 max-width: 720px;
49 }
50 }
51 @media (min-width: 992px) {
52 .frmx-container {
53 max-width: 960px;
54 }
55 }
56 @media (min-width: 1200px) {
57 .frmx-container {
58 max-width: 1140px;
59 }
60 }
61 @media (min-width: 1400px) {
62 .frmx-container {
63 max-width: 1320px;
64 }
65 }
66 .frmx-row {
67 display: flex;
68 flex-wrap: wrap;
69 margin-right: -15px;
70 margin-left: -15px;
71 }
72
73 .frmx-row-no-gutters {
74 margin-right: 0;
75 margin-left: 0;
76 }
77 .frmx-row-no-gutters > [class*=frmx-col] {
78 padding-right: 0;
79 padding-left: 0;
80 }
81
82 [class*=frmx-col] {
83 position: relative;
84 width: 100%;
85 padding-right: 15px;
86 padding-left: 15px;
87 }
88
89 .frmx-col {
90 flex: 1 0 0%;
91 }
92
93 .frmx-col-auto {
94 flex: 0 0 auto;
95 width: auto;
96 }
97
98 .frmx-col-1 {
99 flex: 0 0 auto;
100 width: 8.3333333333%;
101 }
102
103 .frmx-col-2 {
104 flex: 0 0 auto;
105 width: 16.6666666667%;
106 }
107
108 .frmx-col-3 {
109 flex: 0 0 auto;
110 width: 25%;
111 }
112
113 .frmx-col-4 {
114 flex: 0 0 auto;
115 width: 33.3333333333%;
116 }
117
118 .frmx-col-5 {
119 flex: 0 0 auto;
120 width: 41.6666666667%;
121 }
122
123 .frmx-col-6 {
124 flex: 0 0 auto;
125 width: 50%;
126 }
127
128 .frmx-col-7 {
129 flex: 0 0 auto;
130 width: 58.3333333333%;
131 }
132
133 .frmx-col-8 {
134 flex: 0 0 auto;
135 width: 66.6666666667%;
136 }
137
138 .frmx-col-9 {
139 flex: 0 0 auto;
140 width: 75%;
141 }
142
143 .frmx-col-10 {
144 flex: 0 0 auto;
145 width: 83.3333333333%;
146 }
147
148 .frmx-col-11 {
149 flex: 0 0 auto;
150 width: 91.6666666667%;
151 }
152
153 .frmx-col-12 {
154 flex: 0 0 auto;
155 width: 100%;
156 }
157
158 .frmx-offset-0 {
159 margin-left: 0%;
160 }
161
162 .frmx-offset-1 {
163 margin-left: 8.3333333333%;
164 }
165
166 .frmx-offset-2 {
167 margin-left: 16.6666666667%;
168 }
169
170 .frmx-offset-3 {
171 margin-left: 25%;
172 }
173
174 .frmx-offset-4 {
175 margin-left: 33.3333333333%;
176 }
177
178 .frmx-offset-5 {
179 margin-left: 41.6666666667%;
180 }
181
182 .frmx-offset-6 {
183 margin-left: 50%;
184 }
185
186 .frmx-offset-7 {
187 margin-left: 58.3333333333%;
188 }
189
190 .frmx-offset-8 {
191 margin-left: 66.6666666667%;
192 }
193
194 .frmx-offset-9 {
195 margin-left: 75%;
196 }
197
198 .frmx-offset-10 {
199 margin-left: 83.3333333333%;
200 }
201
202 .frmx-offset-11 {
203 margin-left: 91.6666666667%;
204 }
205
206 @media (min-width: 576px) {
207 .frmx-col-sm {
208 flex: 1 0 0%;
209 }
210 .frmx-col-sm-auto {
211 flex: 0 0 auto;
212 width: auto;
213 }
214 .frmx-col-sm-1 {
215 flex: 0 0 auto;
216 width: 8.3333333333%;
217 }
218 .frmx-col-sm-2 {
219 flex: 0 0 auto;
220 width: 16.6666666667%;
221 }
222 .frmx-col-sm-3 {
223 flex: 0 0 auto;
224 width: 25%;
225 }
226 .frmx-col-sm-4 {
227 flex: 0 0 auto;
228 width: 33.3333333333%;
229 }
230 .frmx-col-sm-5 {
231 flex: 0 0 auto;
232 width: 41.6666666667%;
233 }
234 .frmx-col-sm-6 {
235 flex: 0 0 auto;
236 width: 50%;
237 }
238 .frmx-col-sm-7 {
239 flex: 0 0 auto;
240 width: 58.3333333333%;
241 }
242 .frmx-col-sm-8 {
243 flex: 0 0 auto;
244 width: 66.6666666667%;
245 }
246 .frmx-col-sm-9 {
247 flex: 0 0 auto;
248 width: 75%;
249 }
250 .frmx-col-sm-10 {
251 flex: 0 0 auto;
252 width: 83.3333333333%;
253 }
254 .frmx-col-sm-11 {
255 flex: 0 0 auto;
256 width: 91.6666666667%;
257 }
258 .frmx-col-sm-12 {
259 flex: 0 0 auto;
260 width: 100%;
261 }
262 .frmx-offset-sm-0 {
263 margin-left: 0%;
264 }
265 .frmx-offset-sm-1 {
266 margin-left: 8.3333333333%;
267 }
268 .frmx-offset-sm-2 {
269 margin-left: 16.6666666667%;
270 }
271 .frmx-offset-sm-3 {
272 margin-left: 25%;
273 }
274 .frmx-offset-sm-4 {
275 margin-left: 33.3333333333%;
276 }
277 .frmx-offset-sm-5 {
278 margin-left: 41.6666666667%;
279 }
280 .frmx-offset-sm-6 {
281 margin-left: 50%;
282 }
283 .frmx-offset-sm-7 {
284 margin-left: 58.3333333333%;
285 }
286 .frmx-offset-sm-8 {
287 margin-left: 66.6666666667%;
288 }
289 .frmx-offset-sm-9 {
290 margin-left: 75%;
291 }
292 .frmx-offset-sm-10 {
293 margin-left: 83.3333333333%;
294 }
295 .frmx-offset-sm-11 {
296 margin-left: 91.6666666667%;
297 }
298 .frmx-order-sm-first {
299 order: -1;
300 }
301 .frmx-order-sm-last {
302 order: 13;
303 }
304 .frmx-order-sm-0 {
305 order: 0;
306 }
307 .frmx-order-sm-1 {
308 order: 1;
309 }
310 .frmx-order-sm-2 {
311 order: 2;
312 }
313 .frmx-order-sm-3 {
314 order: 3;
315 }
316 .frmx-order-sm-4 {
317 order: 4;
318 }
319 .frmx-order-sm-5 {
320 order: 5;
321 }
322 .frmx-order-sm-6 {
323 order: 6;
324 }
325 .frmx-order-sm-7 {
326 order: 7;
327 }
328 .frmx-order-sm-8 {
329 order: 8;
330 }
331 .frmx-order-sm-9 {
332 order: 9;
333 }
334 .frmx-order-sm-10 {
335 order: 10;
336 }
337 .frmx-order-sm-11 {
338 order: 11;
339 }
340 .frmx-order-sm-12 {
341 order: 12;
342 }
343 }
344 @media (min-width: 768px) {
345 .frmx-col-md {
346 flex: 1 0 0%;
347 }
348 .frmx-col-md-auto {
349 flex: 0 0 auto;
350 width: auto;
351 }
352 .frmx-col-md-1 {
353 flex: 0 0 auto;
354 width: 8.3333333333%;
355 }
356 .frmx-col-md-2 {
357 flex: 0 0 auto;
358 width: 16.6666666667%;
359 }
360 .frmx-col-md-3 {
361 flex: 0 0 auto;
362 width: 25%;
363 }
364 .frmx-col-md-4 {
365 flex: 0 0 auto;
366 width: 33.3333333333%;
367 }
368 .frmx-col-md-5 {
369 flex: 0 0 auto;
370 width: 41.6666666667%;
371 }
372 .frmx-col-md-6 {
373 flex: 0 0 auto;
374 width: 50%;
375 }
376 .frmx-col-md-7 {
377 flex: 0 0 auto;
378 width: 58.3333333333%;
379 }
380 .frmx-col-md-8 {
381 flex: 0 0 auto;
382 width: 66.6666666667%;
383 }
384 .frmx-col-md-9 {
385 flex: 0 0 auto;
386 width: 75%;
387 }
388 .frmx-col-md-10 {
389 flex: 0 0 auto;
390 width: 83.3333333333%;
391 }
392 .frmx-col-md-11 {
393 flex: 0 0 auto;
394 width: 91.6666666667%;
395 }
396 .frmx-col-md-12 {
397 flex: 0 0 auto;
398 width: 100%;
399 }
400 .frmx-offset-md-0 {
401 margin-left: 0%;
402 }
403 .frmx-offset-md-1 {
404 margin-left: 8.3333333333%;
405 }
406 .frmx-offset-md-2 {
407 margin-left: 16.6666666667%;
408 }
409 .frmx-offset-md-3 {
410 margin-left: 25%;
411 }
412 .frmx-offset-md-4 {
413 margin-left: 33.3333333333%;
414 }
415 .frmx-offset-md-5 {
416 margin-left: 41.6666666667%;
417 }
418 .frmx-offset-md-6 {
419 margin-left: 50%;
420 }
421 .frmx-offset-md-7 {
422 margin-left: 58.3333333333%;
423 }
424 .frmx-offset-md-8 {
425 margin-left: 66.6666666667%;
426 }
427 .frmx-offset-md-9 {
428 margin-left: 75%;
429 }
430 .frmx-offset-md-10 {
431 margin-left: 83.3333333333%;
432 }
433 .frmx-offset-md-11 {
434 margin-left: 91.6666666667%;
435 }
436 .frmx-order-md-first {
437 order: -1;
438 }
439 .frmx-order-md-last {
440 order: 13;
441 }
442 .frmx-order-md-0 {
443 order: 0;
444 }
445 .frmx-order-md-1 {
446 order: 1;
447 }
448 .frmx-order-md-2 {
449 order: 2;
450 }
451 .frmx-order-md-3 {
452 order: 3;
453 }
454 .frmx-order-md-4 {
455 order: 4;
456 }
457 .frmx-order-md-5 {
458 order: 5;
459 }
460 .frmx-order-md-6 {
461 order: 6;
462 }
463 .frmx-order-md-7 {
464 order: 7;
465 }
466 .frmx-order-md-8 {
467 order: 8;
468 }
469 .frmx-order-md-9 {
470 order: 9;
471 }
472 .frmx-order-md-10 {
473 order: 10;
474 }
475 .frmx-order-md-11 {
476 order: 11;
477 }
478 .frmx-order-md-12 {
479 order: 12;
480 }
481 }
482 @media (min-width: 992px) {
483 .frmx-col-lg {
484 flex: 1 0 0%;
485 }
486 .frmx-col-lg-auto {
487 flex: 0 0 auto;
488 width: auto;
489 }
490 .frmx-col-lg-1 {
491 flex: 0 0 auto;
492 width: 8.3333333333%;
493 }
494 .frmx-col-lg-2 {
495 flex: 0 0 auto;
496 width: 16.6666666667%;
497 }
498 .frmx-col-lg-3 {
499 flex: 0 0 auto;
500 width: 25%;
501 }
502 .frmx-col-lg-4 {
503 flex: 0 0 auto;
504 width: 33.3333333333%;
505 }
506 .frmx-col-lg-5 {
507 flex: 0 0 auto;
508 width: 41.6666666667%;
509 }
510 .frmx-col-lg-6 {
511 flex: 0 0 auto;
512 width: 50%;
513 }
514 .frmx-col-lg-7 {
515 flex: 0 0 auto;
516 width: 58.3333333333%;
517 }
518 .frmx-col-lg-8 {
519 flex: 0 0 auto;
520 width: 66.6666666667%;
521 }
522 .frmx-col-lg-9 {
523 flex: 0 0 auto;
524 width: 75%;
525 }
526 .frmx-col-lg-10 {
527 flex: 0 0 auto;
528 width: 83.3333333333%;
529 }
530 .frmx-col-lg-11 {
531 flex: 0 0 auto;
532 width: 91.6666666667%;
533 }
534 .frmx-col-lg-12 {
535 flex: 0 0 auto;
536 width: 100%;
537 }
538 .frmx-offset-lg-0 {
539 margin-left: 0%;
540 }
541 .frmx-offset-lg-1 {
542 margin-left: 8.3333333333%;
543 }
544 .frmx-offset-lg-2 {
545 margin-left: 16.6666666667%;
546 }
547 .frmx-offset-lg-3 {
548 margin-left: 25%;
549 }
550 .frmx-offset-lg-4 {
551 margin-left: 33.3333333333%;
552 }
553 .frmx-offset-lg-5 {
554 margin-left: 41.6666666667%;
555 }
556 .frmx-offset-lg-6 {
557 margin-left: 50%;
558 }
559 .frmx-offset-lg-7 {
560 margin-left: 58.3333333333%;
561 }
562 .frmx-offset-lg-8 {
563 margin-left: 66.6666666667%;
564 }
565 .frmx-offset-lg-9 {
566 margin-left: 75%;
567 }
568 .frmx-offset-lg-10 {
569 margin-left: 83.3333333333%;
570 }
571 .frmx-offset-lg-11 {
572 margin-left: 91.6666666667%;
573 }
574 .frmx-order-lg-first {
575 order: -1;
576 }
577 .frmx-order-lg-last {
578 order: 13;
579 }
580 .frmx-order-lg-0 {
581 order: 0;
582 }
583 .frmx-order-lg-1 {
584 order: 1;
585 }
586 .frmx-order-lg-2 {
587 order: 2;
588 }
589 .frmx-order-lg-3 {
590 order: 3;
591 }
592 .frmx-order-lg-4 {
593 order: 4;
594 }
595 .frmx-order-lg-5 {
596 order: 5;
597 }
598 .frmx-order-lg-6 {
599 order: 6;
600 }
601 .frmx-order-lg-7 {
602 order: 7;
603 }
604 .frmx-order-lg-8 {
605 order: 8;
606 }
607 .frmx-order-lg-9 {
608 order: 9;
609 }
610 .frmx-order-lg-10 {
611 order: 10;
612 }
613 .frmx-order-lg-11 {
614 order: 11;
615 }
616 .frmx-order-lg-12 {
617 order: 12;
618 }
619 }
620 @media (min-width: 1200px) {
621 .frmx-col-xl {
622 flex: 1 0 0%;
623 }
624 .frmx-col-xl-auto {
625 flex: 0 0 auto;
626 width: auto;
627 }
628 .frmx-col-xl-1 {
629 flex: 0 0 auto;
630 width: 8.3333333333%;
631 }
632 .frmx-col-xl-2 {
633 flex: 0 0 auto;
634 width: 16.6666666667%;
635 }
636 .frmx-col-xl-3 {
637 flex: 0 0 auto;
638 width: 25%;
639 }
640 .frmx-col-xl-4 {
641 flex: 0 0 auto;
642 width: 33.3333333333%;
643 }
644 .frmx-col-xl-5 {
645 flex: 0 0 auto;
646 width: 41.6666666667%;
647 }
648 .frmx-col-xl-6 {
649 flex: 0 0 auto;
650 width: 50%;
651 }
652 .frmx-col-xl-7 {
653 flex: 0 0 auto;
654 width: 58.3333333333%;
655 }
656 .frmx-col-xl-8 {
657 flex: 0 0 auto;
658 width: 66.6666666667%;
659 }
660 .frmx-col-xl-9 {
661 flex: 0 0 auto;
662 width: 75%;
663 }
664 .frmx-col-xl-10 {
665 flex: 0 0 auto;
666 width: 83.3333333333%;
667 }
668 .frmx-col-xl-11 {
669 flex: 0 0 auto;
670 width: 91.6666666667%;
671 }
672 .frmx-col-xl-12 {
673 flex: 0 0 auto;
674 width: 100%;
675 }
676 .frmx-offset-xl-0 {
677 margin-left: 0%;
678 }
679 .frmx-offset-xl-1 {
680 margin-left: 8.3333333333%;
681 }
682 .frmx-offset-xl-2 {
683 margin-left: 16.6666666667%;
684 }
685 .frmx-offset-xl-3 {
686 margin-left: 25%;
687 }
688 .frmx-offset-xl-4 {
689 margin-left: 33.3333333333%;
690 }
691 .frmx-offset-xl-5 {
692 margin-left: 41.6666666667%;
693 }
694 .frmx-offset-xl-6 {
695 margin-left: 50%;
696 }
697 .frmx-offset-xl-7 {
698 margin-left: 58.3333333333%;
699 }
700 .frmx-offset-xl-8 {
701 margin-left: 66.6666666667%;
702 }
703 .frmx-offset-xl-9 {
704 margin-left: 75%;
705 }
706 .frmx-offset-xl-10 {
707 margin-left: 83.3333333333%;
708 }
709 .frmx-offset-xl-11 {
710 margin-left: 91.6666666667%;
711 }
712 .frmx-order-xl-first {
713 order: -1;
714 }
715 .frmx-order-xl-last {
716 order: 13;
717 }
718 .frmx-order-xl-0 {
719 order: 0;
720 }
721 .frmx-order-xl-1 {
722 order: 1;
723 }
724 .frmx-order-xl-2 {
725 order: 2;
726 }
727 .frmx-order-xl-3 {
728 order: 3;
729 }
730 .frmx-order-xl-4 {
731 order: 4;
732 }
733 .frmx-order-xl-5 {
734 order: 5;
735 }
736 .frmx-order-xl-6 {
737 order: 6;
738 }
739 .frmx-order-xl-7 {
740 order: 7;
741 }
742 .frmx-order-xl-8 {
743 order: 8;
744 }
745 .frmx-order-xl-9 {
746 order: 9;
747 }
748 .frmx-order-xl-10 {
749 order: 10;
750 }
751 .frmx-order-xl-11 {
752 order: 11;
753 }
754 .frmx-order-xl-12 {
755 order: 12;
756 }
757 }
758 @media (min-width: 1400px) {
759 .frmx-col-xxl {
760 flex: 1 0 0%;
761 }
762 .frmx-col-xxl-auto {
763 flex: 0 0 auto;
764 width: auto;
765 }
766 .frmx-col-xxl-1 {
767 flex: 0 0 auto;
768 width: 8.3333333333%;
769 }
770 .frmx-col-xxl-2 {
771 flex: 0 0 auto;
772 width: 16.6666666667%;
773 }
774 .frmx-col-xxl-3 {
775 flex: 0 0 auto;
776 width: 25%;
777 }
778 .frmx-col-xxl-4 {
779 flex: 0 0 auto;
780 width: 33.3333333333%;
781 }
782 .frmx-col-xxl-5 {
783 flex: 0 0 auto;
784 width: 41.6666666667%;
785 }
786 .frmx-col-xxl-6 {
787 flex: 0 0 auto;
788 width: 50%;
789 }
790 .frmx-col-xxl-7 {
791 flex: 0 0 auto;
792 width: 58.3333333333%;
793 }
794 .frmx-col-xxl-8 {
795 flex: 0 0 auto;
796 width: 66.6666666667%;
797 }
798 .frmx-col-xxl-9 {
799 flex: 0 0 auto;
800 width: 75%;
801 }
802 .frmx-col-xxl-10 {
803 flex: 0 0 auto;
804 width: 83.3333333333%;
805 }
806 .frmx-col-xxl-11 {
807 flex: 0 0 auto;
808 width: 91.6666666667%;
809 }
810 .frmx-col-xxl-12 {
811 flex: 0 0 auto;
812 width: 100%;
813 }
814 .frmx-offset-xxl-0 {
815 margin-left: 0%;
816 }
817 .frmx-offset-xxl-1 {
818 margin-left: 8.3333333333%;
819 }
820 .frmx-offset-xxl-2 {
821 margin-left: 16.6666666667%;
822 }
823 .frmx-offset-xxl-3 {
824 margin-left: 25%;
825 }
826 .frmx-offset-xxl-4 {
827 margin-left: 33.3333333333%;
828 }
829 .frmx-offset-xxl-5 {
830 margin-left: 41.6666666667%;
831 }
832 .frmx-offset-xxl-6 {
833 margin-left: 50%;
834 }
835 .frmx-offset-xxl-7 {
836 margin-left: 58.3333333333%;
837 }
838 .frmx-offset-xxl-8 {
839 margin-left: 66.6666666667%;
840 }
841 .frmx-offset-xxl-9 {
842 margin-left: 75%;
843 }
844 .frmx-offset-xxl-10 {
845 margin-left: 83.3333333333%;
846 }
847 .frmx-offset-xxl-11 {
848 margin-left: 91.6666666667%;
849 }
850 .frmx-order-xxl-first {
851 order: -1;
852 }
853 .frmx-order-xxl-last {
854 order: 13;
855 }
856 .frmx-order-xxl-0 {
857 order: 0;
858 }
859 .frmx-order-xxl-1 {
860 order: 1;
861 }
862 .frmx-order-xxl-2 {
863 order: 2;
864 }
865 .frmx-order-xxl-3 {
866 order: 3;
867 }
868 .frmx-order-xxl-4 {
869 order: 4;
870 }
871 .frmx-order-xxl-5 {
872 order: 5;
873 }
874 .frmx-order-xxl-6 {
875 order: 6;
876 }
877 .frmx-order-xxl-7 {
878 order: 7;
879 }
880 .frmx-order-xxl-8 {
881 order: 8;
882 }
883 .frmx-order-xxl-9 {
884 order: 9;
885 }
886 .frmx-order-xxl-10 {
887 order: 10;
888 }
889 .frmx-order-xxl-11 {
890 order: 11;
891 }
892 .frmx-order-xxl-12 {
893 order: 12;
894 }
895 }
896 .frmx-order-first {
897 order: -1;
898 }
899
900 .frmx-order-last {
901 order: 13;
902 }
903
904 .frmx-order-0 {
905 order: 0;
906 }
907
908 .frmx-order-1 {
909 order: 1;
910 }
911
912 .frmx-order-2 {
913 order: 2;
914 }
915
916 .frmx-order-3 {
917 order: 3;
918 }
919
920 .frmx-order-4 {
921 order: 4;
922 }
923
924 .frmx-order-5 {
925 order: 5;
926 }
927
928 .frmx-order-6 {
929 order: 6;
930 }
931
932 .frmx-order-7 {
933 order: 7;
934 }
935
936 .frmx-order-8 {
937 order: 8;
938 }
939
940 .frmx-order-9 {
941 order: 9;
942 }
943
944 .frmx-order-10 {
945 order: 10;
946 }
947
948 .frmx-order-11 {
949 order: 11;
950 }
951
952 .frmx-order-12 {
953 order: 12;
954 }
955
956 .frmx-justify-content-start {
957 justify-content: flex-start;
958 }
959
960 .frmx-justify-content-end {
961 justify-content: flex-end;
962 }
963
964 .frmx-justify-content-center {
965 justify-content: center;
966 }
967
968 .frmx-justify-content-between {
969 justify-content: space-between;
970 }
971
972 .frmx-justify-content-around {
973 justify-content: space-around;
974 }
975
976 .frmx-justify-content-evenly {
977 justify-content: space-evenly;
978 }
979
980 .frmx-align-items-start {
981 align-items: flex-start;
982 }
983
984 .frmx-align-items-end {
985 align-items: flex-end;
986 }
987
988 .frmx-align-items-center {
989 align-items: center;
990 }
991
992 .frmx-align-items-baseline {
993 align-items: baseline;
994 }
995
996 .frmx-align-items-stretch {
997 align-items: stretch;
998 }
999
1000 .frmx-align-self-start {
1001 align-self: flex-start;
1002 }
1003
1004 .frmx-align-self-end {
1005 align-self: flex-end;
1006 }
1007
1008 .frmx-align-self-center {
1009 align-self: center;
1010 }
1011
1012 .frmx-align-self-baseline {
1013 align-self: baseline;
1014 }
1015
1016 .frmx-align-self-stretch {
1017 align-self: stretch;
1018 }
1019
1020 .frmx-d-none {
1021 display: none;
1022 }
1023
1024 .frmx-d-block {
1025 display: block;
1026 }
1027
1028 .frmx-d-flex {
1029 display: flex;
1030 }
1031
1032 .frmx-d-inline-flex {
1033 display: inline-flex;
1034 }
1035
1036 .frmx-d-grid {
1037 display: grid;
1038 }
1039
1040 @media (min-width: 576px) {
1041 .frmx-d-sm-none {
1042 display: none;
1043 }
1044 .frmx-d-sm-block {
1045 display: block;
1046 }
1047 .frmx-d-sm-flex {
1048 display: flex;
1049 }
1050 .frmx-d-sm-inline-flex {
1051 display: inline-flex;
1052 }
1053 .frmx-d-sm-grid {
1054 display: grid;
1055 }
1056 }
1057 @media (min-width: 768px) {
1058 .frmx-d-md-none {
1059 display: none;
1060 }
1061 .frmx-d-md-block {
1062 display: block;
1063 }
1064 .frmx-d-md-flex {
1065 display: flex;
1066 }
1067 .frmx-d-md-inline-flex {
1068 display: inline-flex;
1069 }
1070 .frmx-d-md-grid {
1071 display: grid;
1072 }
1073 }
1074 @media (min-width: 992px) {
1075 .frmx-d-lg-none {
1076 display: none;
1077 }
1078 .frmx-d-lg-block {
1079 display: block;
1080 }
1081 .frmx-d-lg-flex {
1082 display: flex;
1083 }
1084 .frmx-d-lg-inline-flex {
1085 display: inline-flex;
1086 }
1087 .frmx-d-lg-grid {
1088 display: grid;
1089 }
1090 }
1091 @media (min-width: 1200px) {
1092 .frmx-d-xl-none {
1093 display: none;
1094 }
1095 .frmx-d-xl-block {
1096 display: block;
1097 }
1098 .frmx-d-xl-flex {
1099 display: flex;
1100 }
1101 .frmx-d-xl-inline-flex {
1102 display: inline-flex;
1103 }
1104 .frmx-d-xl-grid {
1105 display: grid;
1106 }
1107 }
1108 @media (min-width: 1400px) {
1109 .frmx-d-xxl-none {
1110 display: none;
1111 }
1112 .frmx-d-xxl-block {
1113 display: block;
1114 }
1115 .frmx-d-xxl-flex {
1116 display: flex;
1117 }
1118 .frmx-d-xxl-inline-flex {
1119 display: inline-flex;
1120 }
1121 .frmx-d-xxl-grid {
1122 display: grid;
1123 }
1124 }
1125 .frmx-gap-0 {
1126 gap: 0;
1127 }
1128
1129 .frmx-gap-1 {
1130 gap: 0.25rem;
1131 }
1132
1133 .frmx-gap-2 {
1134 gap: 0.5rem;
1135 }
1136
1137 .frmx-gap-3 {
1138 gap: 1rem;
1139 }
1140
1141 .frmx-gap-4 {
1142 gap: 1.5rem;
1143 }
1144
1145 .frmx-gap-5 {
1146 gap: 3rem;
1147 }
1148
1149 .frmx-flex-wrap {
1150 flex-wrap: wrap;
1151 }
1152
1153 .frmx-flex-nowrap {
1154 flex-wrap: nowrap;
1155 }
1156
1157 .frmx-flex-wrap-reverse {
1158 flex-wrap: wrap-reverse;
1159 }
1160
1161 .frmx-flex-row {
1162 flex-direction: row;
1163 }
1164
1165 .frmx-flex-row-reverse {
1166 flex-direction: row-reverse;
1167 }
1168
1169 .frmx-flex-column {
1170 flex-direction: column;
1171 }
1172
1173 .frmx-flex-column-reverse {
1174 flex-direction: column-reverse;
1175 }
1176
1177 .frmx-flex-grow-0 {
1178 flex-grow: 0;
1179 }
1180
1181 .frmx-flex-grow-1 {
1182 flex-grow: 1;
1183 }
1184
1185 .frmx-flex-shrink-0 {
1186 flex-shrink: 0;
1187 }
1188
1189 .frmx-flex-shrink-1 {
1190 flex-shrink: 1;
1191 }
1192
1193 .frmx-m-0 {
1194 margin: 0 !important;
1195 }
1196
1197 .frmx-mx-0 {
1198 margin-left: 0 !important;
1199 margin-right: 0 !important;
1200 }
1201
1202 .frmx-my-0 {
1203 margin-top: 0 !important;
1204 margin-bottom: 0 !important;
1205 }
1206
1207 .frmx-mt-0 {
1208 margin-top: 0 !important;
1209 }
1210
1211 .frmx-mb-0 {
1212 margin-bottom: 0 !important;
1213 }
1214
1215 .frmx-ms-0 {
1216 margin-left: 0 !important;
1217 }
1218
1219 .frmx-me-0 {
1220 margin-right: 0 !important;
1221 }
1222
1223 .frmx-m-1 {
1224 margin: 0.25rem !important;
1225 }
1226
1227 .frmx-mx-1 {
1228 margin-left: 0.25rem !important;
1229 margin-right: 0.25rem !important;
1230 }
1231
1232 .frmx-my-1 {
1233 margin-top: 0.25rem !important;
1234 margin-bottom: 0.25rem !important;
1235 }
1236
1237 .frmx-mt-1 {
1238 margin-top: 0.25rem !important;
1239 }
1240
1241 .frmx-mb-1 {
1242 margin-bottom: 0.25rem !important;
1243 }
1244
1245 .frmx-ms-1 {
1246 margin-left: 0.25rem !important;
1247 }
1248
1249 .frmx-me-1 {
1250 margin-right: 0.25rem !important;
1251 }
1252
1253 .frmx-m-2 {
1254 margin: 0.5rem !important;
1255 }
1256
1257 .frmx-mx-2 {
1258 margin-left: 0.5rem !important;
1259 margin-right: 0.5rem !important;
1260 }
1261
1262 .frmx-my-2 {
1263 margin-top: 0.5rem !important;
1264 margin-bottom: 0.5rem !important;
1265 }
1266
1267 .frmx-mt-2 {
1268 margin-top: 0.5rem !important;
1269 }
1270
1271 .frmx-mb-2 {
1272 margin-bottom: 0.5rem !important;
1273 }
1274
1275 .frmx-ms-2 {
1276 margin-left: 0.5rem !important;
1277 }
1278
1279 .frmx-me-2 {
1280 margin-right: 0.5rem !important;
1281 }
1282
1283 .frmx-m-3 {
1284 margin: 1rem !important;
1285 }
1286
1287 .frmx-mx-3 {
1288 margin-left: 1rem !important;
1289 margin-right: 1rem !important;
1290 }
1291
1292 .frmx-my-3 {
1293 margin-top: 1rem !important;
1294 margin-bottom: 1rem !important;
1295 }
1296
1297 .frmx-mt-3 {
1298 margin-top: 1rem !important;
1299 }
1300
1301 .frmx-mb-3 {
1302 margin-bottom: 1rem !important;
1303 }
1304
1305 .frmx-ms-3 {
1306 margin-left: 1rem !important;
1307 }
1308
1309 .frmx-me-3 {
1310 margin-right: 1rem !important;
1311 }
1312
1313 .frmx-m-4 {
1314 margin: 1.5rem !important;
1315 }
1316
1317 .frmx-mx-4 {
1318 margin-left: 1.5rem !important;
1319 margin-right: 1.5rem !important;
1320 }
1321
1322 .frmx-my-4 {
1323 margin-top: 1.5rem !important;
1324 margin-bottom: 1.5rem !important;
1325 }
1326
1327 .frmx-mt-4 {
1328 margin-top: 1.5rem !important;
1329 }
1330
1331 .frmx-mb-4 {
1332 margin-bottom: 1.5rem !important;
1333 }
1334
1335 .frmx-ms-4 {
1336 margin-left: 1.5rem !important;
1337 }
1338
1339 .frmx-me-4 {
1340 margin-right: 1.5rem !important;
1341 }
1342
1343 .frmx-m-5 {
1344 margin: 3rem !important;
1345 }
1346
1347 .frmx-mx-5 {
1348 margin-left: 3rem !important;
1349 margin-right: 3rem !important;
1350 }
1351
1352 .frmx-my-5 {
1353 margin-top: 3rem !important;
1354 margin-bottom: 3rem !important;
1355 }
1356
1357 .frmx-mt-5 {
1358 margin-top: 3rem !important;
1359 }
1360
1361 .frmx-mb-5 {
1362 margin-bottom: 3rem !important;
1363 }
1364
1365 .frmx-ms-5 {
1366 margin-left: 3rem !important;
1367 }
1368
1369 .frmx-me-5 {
1370 margin-right: 3rem !important;
1371 }
1372
1373 .frmx-p-0 {
1374 padding: 0 !important;
1375 }
1376
1377 .frmx-px-0 {
1378 padding-left: 0 !important;
1379 padding-right: 0 !important;
1380 }
1381
1382 .frmx-py-0 {
1383 padding-top: 0 !important;
1384 padding-bottom: 0 !important;
1385 }
1386
1387 .frmx-pt-0 {
1388 padding-top: 0 !important;
1389 }
1390
1391 .frmx-pb-0 {
1392 padding-bottom: 0 !important;
1393 }
1394
1395 .frmx-ps-0 {
1396 padding-left: 0 !important;
1397 }
1398
1399 .frmx-pe-0 {
1400 padding-right: 0 !important;
1401 }
1402
1403 .frmx-p-1 {
1404 padding: 0.25rem !important;
1405 }
1406
1407 .frmx-px-1 {
1408 padding-left: 0.25rem !important;
1409 padding-right: 0.25rem !important;
1410 }
1411
1412 .frmx-py-1 {
1413 padding-top: 0.25rem !important;
1414 padding-bottom: 0.25rem !important;
1415 }
1416
1417 .frmx-pt-1 {
1418 padding-top: 0.25rem !important;
1419 }
1420
1421 .frmx-pb-1 {
1422 padding-bottom: 0.25rem !important;
1423 }
1424
1425 .frmx-ps-1 {
1426 padding-left: 0.25rem !important;
1427 }
1428
1429 .frmx-pe-1 {
1430 padding-right: 0.25rem !important;
1431 }
1432
1433 .frmx-p-2 {
1434 padding: 0.5rem !important;
1435 }
1436
1437 .frmx-px-2 {
1438 padding-left: 0.5rem !important;
1439 padding-right: 0.5rem !important;
1440 }
1441
1442 .frmx-py-2 {
1443 padding-top: 0.5rem !important;
1444 padding-bottom: 0.5rem !important;
1445 }
1446
1447 .frmx-pt-2 {
1448 padding-top: 0.5rem !important;
1449 }
1450
1451 .frmx-pb-2 {
1452 padding-bottom: 0.5rem !important;
1453 }
1454
1455 .frmx-ps-2 {
1456 padding-left: 0.5rem !important;
1457 }
1458
1459 .frmx-pe-2 {
1460 padding-right: 0.5rem !important;
1461 }
1462
1463 .frmx-p-3 {
1464 padding: 1rem !important;
1465 }
1466
1467 .frmx-px-3 {
1468 padding-left: 1rem !important;
1469 padding-right: 1rem !important;
1470 }
1471
1472 .frmx-py-3 {
1473 padding-top: 1rem !important;
1474 padding-bottom: 1rem !important;
1475 }
1476
1477 .frmx-pt-3 {
1478 padding-top: 1rem !important;
1479 }
1480
1481 .frmx-pb-3 {
1482 padding-bottom: 1rem !important;
1483 }
1484
1485 .frmx-ps-3 {
1486 padding-left: 1rem !important;
1487 }
1488
1489 .frmx-pe-3 {
1490 padding-right: 1rem !important;
1491 }
1492
1493 .frmx-p-4 {
1494 padding: 1.5rem !important;
1495 }
1496
1497 .frmx-px-4 {
1498 padding-left: 1.5rem !important;
1499 padding-right: 1.5rem !important;
1500 }
1501
1502 .frmx-py-4 {
1503 padding-top: 1.5rem !important;
1504 padding-bottom: 1.5rem !important;
1505 }
1506
1507 .frmx-pt-4 {
1508 padding-top: 1.5rem !important;
1509 }
1510
1511 .frmx-pb-4 {
1512 padding-bottom: 1.5rem !important;
1513 }
1514
1515 .frmx-ps-4 {
1516 padding-left: 1.5rem !important;
1517 }
1518
1519 .frmx-pe-4 {
1520 padding-right: 1.5rem !important;
1521 }
1522
1523 .frmx-p-5 {
1524 padding: 3rem !important;
1525 }
1526
1527 .frmx-px-5 {
1528 padding-left: 3rem !important;
1529 padding-right: 3rem !important;
1530 }
1531
1532 .frmx-py-5 {
1533 padding-top: 3rem !important;
1534 padding-bottom: 3rem !important;
1535 }
1536
1537 .frmx-pt-5 {
1538 padding-top: 3rem !important;
1539 }
1540
1541 .frmx-pb-5 {
1542 padding-bottom: 3rem !important;
1543 }
1544
1545 .frmx-ps-5 {
1546 padding-left: 3rem !important;
1547 }
1548
1549 .frmx-pe-5 {
1550 padding-right: 3rem !important;
1551 }
1552
1553 .frmx-m-auto {
1554 margin: auto !important;
1555 }
1556
1557 .frmx-mx-auto {
1558 margin-left: auto !important;
1559 margin-right: auto !important;
1560 }
1561
1562 .frmx-my-auto {
1563 margin-top: auto !important;
1564 margin-bottom: auto !important;
1565 }
1566
1567 .frmx-mt-auto {
1568 margin-top: auto !important;
1569 }
1570
1571 .frmx-mb-auto {
1572 margin-bottom: auto !important;
1573 }
1574
1575 .frmx-ms-auto {
1576 margin-left: auto !important;
1577 }
1578
1579 .frmx-me-auto {
1580 margin-right: auto !important;
1581 }
1582
1583 @media (min-width: 576px) {
1584 .frmx-m-sm-0 {
1585 margin: 0 !important;
1586 }
1587 .frmx-mx-sm-0 {
1588 margin-left: 0 !important;
1589 margin-right: 0 !important;
1590 }
1591 .frmx-my-sm-0 {
1592 margin-top: 0 !important;
1593 margin-bottom: 0 !important;
1594 }
1595 .frmx-mt-sm-0 {
1596 margin-top: 0 !important;
1597 }
1598 .frmx-mb-sm-0 {
1599 margin-bottom: 0 !important;
1600 }
1601 .frmx-ms-sm-0 {
1602 margin-left: 0 !important;
1603 }
1604 .frmx-me-sm-0 {
1605 margin-right: 0 !important;
1606 }
1607 .frmx-m-sm-1 {
1608 margin: 0.25rem !important;
1609 }
1610 .frmx-mx-sm-1 {
1611 margin-left: 0.25rem !important;
1612 margin-right: 0.25rem !important;
1613 }
1614 .frmx-my-sm-1 {
1615 margin-top: 0.25rem !important;
1616 margin-bottom: 0.25rem !important;
1617 }
1618 .frmx-mt-sm-1 {
1619 margin-top: 0.25rem !important;
1620 }
1621 .frmx-mb-sm-1 {
1622 margin-bottom: 0.25rem !important;
1623 }
1624 .frmx-ms-sm-1 {
1625 margin-left: 0.25rem !important;
1626 }
1627 .frmx-me-sm-1 {
1628 margin-right: 0.25rem !important;
1629 }
1630 .frmx-m-sm-2 {
1631 margin: 0.5rem !important;
1632 }
1633 .frmx-mx-sm-2 {
1634 margin-left: 0.5rem !important;
1635 margin-right: 0.5rem !important;
1636 }
1637 .frmx-my-sm-2 {
1638 margin-top: 0.5rem !important;
1639 margin-bottom: 0.5rem !important;
1640 }
1641 .frmx-mt-sm-2 {
1642 margin-top: 0.5rem !important;
1643 }
1644 .frmx-mb-sm-2 {
1645 margin-bottom: 0.5rem !important;
1646 }
1647 .frmx-ms-sm-2 {
1648 margin-left: 0.5rem !important;
1649 }
1650 .frmx-me-sm-2 {
1651 margin-right: 0.5rem !important;
1652 }
1653 .frmx-m-sm-3 {
1654 margin: 1rem !important;
1655 }
1656 .frmx-mx-sm-3 {
1657 margin-left: 1rem !important;
1658 margin-right: 1rem !important;
1659 }
1660 .frmx-my-sm-3 {
1661 margin-top: 1rem !important;
1662 margin-bottom: 1rem !important;
1663 }
1664 .frmx-mt-sm-3 {
1665 margin-top: 1rem !important;
1666 }
1667 .frmx-mb-sm-3 {
1668 margin-bottom: 1rem !important;
1669 }
1670 .frmx-ms-sm-3 {
1671 margin-left: 1rem !important;
1672 }
1673 .frmx-me-sm-3 {
1674 margin-right: 1rem !important;
1675 }
1676 .frmx-m-sm-4 {
1677 margin: 1.5rem !important;
1678 }
1679 .frmx-mx-sm-4 {
1680 margin-left: 1.5rem !important;
1681 margin-right: 1.5rem !important;
1682 }
1683 .frmx-my-sm-4 {
1684 margin-top: 1.5rem !important;
1685 margin-bottom: 1.5rem !important;
1686 }
1687 .frmx-mt-sm-4 {
1688 margin-top: 1.5rem !important;
1689 }
1690 .frmx-mb-sm-4 {
1691 margin-bottom: 1.5rem !important;
1692 }
1693 .frmx-ms-sm-4 {
1694 margin-left: 1.5rem !important;
1695 }
1696 .frmx-me-sm-4 {
1697 margin-right: 1.5rem !important;
1698 }
1699 .frmx-m-sm-5 {
1700 margin: 3rem !important;
1701 }
1702 .frmx-mx-sm-5 {
1703 margin-left: 3rem !important;
1704 margin-right: 3rem !important;
1705 }
1706 .frmx-my-sm-5 {
1707 margin-top: 3rem !important;
1708 margin-bottom: 3rem !important;
1709 }
1710 .frmx-mt-sm-5 {
1711 margin-top: 3rem !important;
1712 }
1713 .frmx-mb-sm-5 {
1714 margin-bottom: 3rem !important;
1715 }
1716 .frmx-ms-sm-5 {
1717 margin-left: 3rem !important;
1718 }
1719 .frmx-me-sm-5 {
1720 margin-right: 3rem !important;
1721 }
1722 .frmx-p-sm-0 {
1723 padding: 0 !important;
1724 }
1725 .frmx-px-sm-0 {
1726 padding-left: 0 !important;
1727 padding-right: 0 !important;
1728 }
1729 .frmx-py-sm-0 {
1730 padding-top: 0 !important;
1731 padding-bottom: 0 !important;
1732 }
1733 .frmx-pt-sm-0 {
1734 padding-top: 0 !important;
1735 }
1736 .frmx-pb-sm-0 {
1737 padding-bottom: 0 !important;
1738 }
1739 .frmx-ps-sm-0 {
1740 padding-left: 0 !important;
1741 }
1742 .frmx-pe-sm-0 {
1743 padding-right: 0 !important;
1744 }
1745 .frmx-p-sm-1 {
1746 padding: 0.25rem !important;
1747 }
1748 .frmx-px-sm-1 {
1749 padding-left: 0.25rem !important;
1750 padding-right: 0.25rem !important;
1751 }
1752 .frmx-py-sm-1 {
1753 padding-top: 0.25rem !important;
1754 padding-bottom: 0.25rem !important;
1755 }
1756 .frmx-pt-sm-1 {
1757 padding-top: 0.25rem !important;
1758 }
1759 .frmx-pb-sm-1 {
1760 padding-bottom: 0.25rem !important;
1761 }
1762 .frmx-ps-sm-1 {
1763 padding-left: 0.25rem !important;
1764 }
1765 .frmx-pe-sm-1 {
1766 padding-right: 0.25rem !important;
1767 }
1768 .frmx-p-sm-2 {
1769 padding: 0.5rem !important;
1770 }
1771 .frmx-px-sm-2 {
1772 padding-left: 0.5rem !important;
1773 padding-right: 0.5rem !important;
1774 }
1775 .frmx-py-sm-2 {
1776 padding-top: 0.5rem !important;
1777 padding-bottom: 0.5rem !important;
1778 }
1779 .frmx-pt-sm-2 {
1780 padding-top: 0.5rem !important;
1781 }
1782 .frmx-pb-sm-2 {
1783 padding-bottom: 0.5rem !important;
1784 }
1785 .frmx-ps-sm-2 {
1786 padding-left: 0.5rem !important;
1787 }
1788 .frmx-pe-sm-2 {
1789 padding-right: 0.5rem !important;
1790 }
1791 .frmx-p-sm-3 {
1792 padding: 1rem !important;
1793 }
1794 .frmx-px-sm-3 {
1795 padding-left: 1rem !important;
1796 padding-right: 1rem !important;
1797 }
1798 .frmx-py-sm-3 {
1799 padding-top: 1rem !important;
1800 padding-bottom: 1rem !important;
1801 }
1802 .frmx-pt-sm-3 {
1803 padding-top: 1rem !important;
1804 }
1805 .frmx-pb-sm-3 {
1806 padding-bottom: 1rem !important;
1807 }
1808 .frmx-ps-sm-3 {
1809 padding-left: 1rem !important;
1810 }
1811 .frmx-pe-sm-3 {
1812 padding-right: 1rem !important;
1813 }
1814 .frmx-p-sm-4 {
1815 padding: 1.5rem !important;
1816 }
1817 .frmx-px-sm-4 {
1818 padding-left: 1.5rem !important;
1819 padding-right: 1.5rem !important;
1820 }
1821 .frmx-py-sm-4 {
1822 padding-top: 1.5rem !important;
1823 padding-bottom: 1.5rem !important;
1824 }
1825 .frmx-pt-sm-4 {
1826 padding-top: 1.5rem !important;
1827 }
1828 .frmx-pb-sm-4 {
1829 padding-bottom: 1.5rem !important;
1830 }
1831 .frmx-ps-sm-4 {
1832 padding-left: 1.5rem !important;
1833 }
1834 .frmx-pe-sm-4 {
1835 padding-right: 1.5rem !important;
1836 }
1837 .frmx-p-sm-5 {
1838 padding: 3rem !important;
1839 }
1840 .frmx-px-sm-5 {
1841 padding-left: 3rem !important;
1842 padding-right: 3rem !important;
1843 }
1844 .frmx-py-sm-5 {
1845 padding-top: 3rem !important;
1846 padding-bottom: 3rem !important;
1847 }
1848 .frmx-pt-sm-5 {
1849 padding-top: 3rem !important;
1850 }
1851 .frmx-pb-sm-5 {
1852 padding-bottom: 3rem !important;
1853 }
1854 .frmx-ps-sm-5 {
1855 padding-left: 3rem !important;
1856 }
1857 .frmx-pe-sm-5 {
1858 padding-right: 3rem !important;
1859 }
1860 .frmx-m-sm-auto {
1861 margin: auto !important;
1862 }
1863 .frmx-mx-sm-auto {
1864 margin-left: auto !important;
1865 margin-right: auto !important;
1866 }
1867 .frmx-my-sm-auto {
1868 margin-top: auto !important;
1869 margin-bottom: auto !important;
1870 }
1871 .frmx-mt-sm-auto {
1872 margin-top: auto !important;
1873 }
1874 .frmx-mb-sm-auto {
1875 margin-bottom: auto !important;
1876 }
1877 .frmx-ms-sm-auto {
1878 margin-left: auto !important;
1879 }
1880 .frmx-me-sm-auto {
1881 margin-right: auto !important;
1882 }
1883 }
1884 @media (min-width: 768px) {
1885 .frmx-m-md-0 {
1886 margin: 0 !important;
1887 }
1888 .frmx-mx-md-0 {
1889 margin-left: 0 !important;
1890 margin-right: 0 !important;
1891 }
1892 .frmx-my-md-0 {
1893 margin-top: 0 !important;
1894 margin-bottom: 0 !important;
1895 }
1896 .frmx-mt-md-0 {
1897 margin-top: 0 !important;
1898 }
1899 .frmx-mb-md-0 {
1900 margin-bottom: 0 !important;
1901 }
1902 .frmx-ms-md-0 {
1903 margin-left: 0 !important;
1904 }
1905 .frmx-me-md-0 {
1906 margin-right: 0 !important;
1907 }
1908 .frmx-m-md-1 {
1909 margin: 0.25rem !important;
1910 }
1911 .frmx-mx-md-1 {
1912 margin-left: 0.25rem !important;
1913 margin-right: 0.25rem !important;
1914 }
1915 .frmx-my-md-1 {
1916 margin-top: 0.25rem !important;
1917 margin-bottom: 0.25rem !important;
1918 }
1919 .frmx-mt-md-1 {
1920 margin-top: 0.25rem !important;
1921 }
1922 .frmx-mb-md-1 {
1923 margin-bottom: 0.25rem !important;
1924 }
1925 .frmx-ms-md-1 {
1926 margin-left: 0.25rem !important;
1927 }
1928 .frmx-me-md-1 {
1929 margin-right: 0.25rem !important;
1930 }
1931 .frmx-m-md-2 {
1932 margin: 0.5rem !important;
1933 }
1934 .frmx-mx-md-2 {
1935 margin-left: 0.5rem !important;
1936 margin-right: 0.5rem !important;
1937 }
1938 .frmx-my-md-2 {
1939 margin-top: 0.5rem !important;
1940 margin-bottom: 0.5rem !important;
1941 }
1942 .frmx-mt-md-2 {
1943 margin-top: 0.5rem !important;
1944 }
1945 .frmx-mb-md-2 {
1946 margin-bottom: 0.5rem !important;
1947 }
1948 .frmx-ms-md-2 {
1949 margin-left: 0.5rem !important;
1950 }
1951 .frmx-me-md-2 {
1952 margin-right: 0.5rem !important;
1953 }
1954 .frmx-m-md-3 {
1955 margin: 1rem !important;
1956 }
1957 .frmx-mx-md-3 {
1958 margin-left: 1rem !important;
1959 margin-right: 1rem !important;
1960 }
1961 .frmx-my-md-3 {
1962 margin-top: 1rem !important;
1963 margin-bottom: 1rem !important;
1964 }
1965 .frmx-mt-md-3 {
1966 margin-top: 1rem !important;
1967 }
1968 .frmx-mb-md-3 {
1969 margin-bottom: 1rem !important;
1970 }
1971 .frmx-ms-md-3 {
1972 margin-left: 1rem !important;
1973 }
1974 .frmx-me-md-3 {
1975 margin-right: 1rem !important;
1976 }
1977 .frmx-m-md-4 {
1978 margin: 1.5rem !important;
1979 }
1980 .frmx-mx-md-4 {
1981 margin-left: 1.5rem !important;
1982 margin-right: 1.5rem !important;
1983 }
1984 .frmx-my-md-4 {
1985 margin-top: 1.5rem !important;
1986 margin-bottom: 1.5rem !important;
1987 }
1988 .frmx-mt-md-4 {
1989 margin-top: 1.5rem !important;
1990 }
1991 .frmx-mb-md-4 {
1992 margin-bottom: 1.5rem !important;
1993 }
1994 .frmx-ms-md-4 {
1995 margin-left: 1.5rem !important;
1996 }
1997 .frmx-me-md-4 {
1998 margin-right: 1.5rem !important;
1999 }
2000 .frmx-m-md-5 {
2001 margin: 3rem !important;
2002 }
2003 .frmx-mx-md-5 {
2004 margin-left: 3rem !important;
2005 margin-right: 3rem !important;
2006 }
2007 .frmx-my-md-5 {
2008 margin-top: 3rem !important;
2009 margin-bottom: 3rem !important;
2010 }
2011 .frmx-mt-md-5 {
2012 margin-top: 3rem !important;
2013 }
2014 .frmx-mb-md-5 {
2015 margin-bottom: 3rem !important;
2016 }
2017 .frmx-ms-md-5 {
2018 margin-left: 3rem !important;
2019 }
2020 .frmx-me-md-5 {
2021 margin-right: 3rem !important;
2022 }
2023 .frmx-p-md-0 {
2024 padding: 0 !important;
2025 }
2026 .frmx-px-md-0 {
2027 padding-left: 0 !important;
2028 padding-right: 0 !important;
2029 }
2030 .frmx-py-md-0 {
2031 padding-top: 0 !important;
2032 padding-bottom: 0 !important;
2033 }
2034 .frmx-pt-md-0 {
2035 padding-top: 0 !important;
2036 }
2037 .frmx-pb-md-0 {
2038 padding-bottom: 0 !important;
2039 }
2040 .frmx-ps-md-0 {
2041 padding-left: 0 !important;
2042 }
2043 .frmx-pe-md-0 {
2044 padding-right: 0 !important;
2045 }
2046 .frmx-p-md-1 {
2047 padding: 0.25rem !important;
2048 }
2049 .frmx-px-md-1 {
2050 padding-left: 0.25rem !important;
2051 padding-right: 0.25rem !important;
2052 }
2053 .frmx-py-md-1 {
2054 padding-top: 0.25rem !important;
2055 padding-bottom: 0.25rem !important;
2056 }
2057 .frmx-pt-md-1 {
2058 padding-top: 0.25rem !important;
2059 }
2060 .frmx-pb-md-1 {
2061 padding-bottom: 0.25rem !important;
2062 }
2063 .frmx-ps-md-1 {
2064 padding-left: 0.25rem !important;
2065 }
2066 .frmx-pe-md-1 {
2067 padding-right: 0.25rem !important;
2068 }
2069 .frmx-p-md-2 {
2070 padding: 0.5rem !important;
2071 }
2072 .frmx-px-md-2 {
2073 padding-left: 0.5rem !important;
2074 padding-right: 0.5rem !important;
2075 }
2076 .frmx-py-md-2 {
2077 padding-top: 0.5rem !important;
2078 padding-bottom: 0.5rem !important;
2079 }
2080 .frmx-pt-md-2 {
2081 padding-top: 0.5rem !important;
2082 }
2083 .frmx-pb-md-2 {
2084 padding-bottom: 0.5rem !important;
2085 }
2086 .frmx-ps-md-2 {
2087 padding-left: 0.5rem !important;
2088 }
2089 .frmx-pe-md-2 {
2090 padding-right: 0.5rem !important;
2091 }
2092 .frmx-p-md-3 {
2093 padding: 1rem !important;
2094 }
2095 .frmx-px-md-3 {
2096 padding-left: 1rem !important;
2097 padding-right: 1rem !important;
2098 }
2099 .frmx-py-md-3 {
2100 padding-top: 1rem !important;
2101 padding-bottom: 1rem !important;
2102 }
2103 .frmx-pt-md-3 {
2104 padding-top: 1rem !important;
2105 }
2106 .frmx-pb-md-3 {
2107 padding-bottom: 1rem !important;
2108 }
2109 .frmx-ps-md-3 {
2110 padding-left: 1rem !important;
2111 }
2112 .frmx-pe-md-3 {
2113 padding-right: 1rem !important;
2114 }
2115 .frmx-p-md-4 {
2116 padding: 1.5rem !important;
2117 }
2118 .frmx-px-md-4 {
2119 padding-left: 1.5rem !important;
2120 padding-right: 1.5rem !important;
2121 }
2122 .frmx-py-md-4 {
2123 padding-top: 1.5rem !important;
2124 padding-bottom: 1.5rem !important;
2125 }
2126 .frmx-pt-md-4 {
2127 padding-top: 1.5rem !important;
2128 }
2129 .frmx-pb-md-4 {
2130 padding-bottom: 1.5rem !important;
2131 }
2132 .frmx-ps-md-4 {
2133 padding-left: 1.5rem !important;
2134 }
2135 .frmx-pe-md-4 {
2136 padding-right: 1.5rem !important;
2137 }
2138 .frmx-p-md-5 {
2139 padding: 3rem !important;
2140 }
2141 .frmx-px-md-5 {
2142 padding-left: 3rem !important;
2143 padding-right: 3rem !important;
2144 }
2145 .frmx-py-md-5 {
2146 padding-top: 3rem !important;
2147 padding-bottom: 3rem !important;
2148 }
2149 .frmx-pt-md-5 {
2150 padding-top: 3rem !important;
2151 }
2152 .frmx-pb-md-5 {
2153 padding-bottom: 3rem !important;
2154 }
2155 .frmx-ps-md-5 {
2156 padding-left: 3rem !important;
2157 }
2158 .frmx-pe-md-5 {
2159 padding-right: 3rem !important;
2160 }
2161 .frmx-m-md-auto {
2162 margin: auto !important;
2163 }
2164 .frmx-mx-md-auto {
2165 margin-left: auto !important;
2166 margin-right: auto !important;
2167 }
2168 .frmx-my-md-auto {
2169 margin-top: auto !important;
2170 margin-bottom: auto !important;
2171 }
2172 .frmx-mt-md-auto {
2173 margin-top: auto !important;
2174 }
2175 .frmx-mb-md-auto {
2176 margin-bottom: auto !important;
2177 }
2178 .frmx-ms-md-auto {
2179 margin-left: auto !important;
2180 }
2181 .frmx-me-md-auto {
2182 margin-right: auto !important;
2183 }
2184 }
2185 @media (min-width: 992px) {
2186 .frmx-m-lg-0 {
2187 margin: 0 !important;
2188 }
2189 .frmx-mx-lg-0 {
2190 margin-left: 0 !important;
2191 margin-right: 0 !important;
2192 }
2193 .frmx-my-lg-0 {
2194 margin-top: 0 !important;
2195 margin-bottom: 0 !important;
2196 }
2197 .frmx-mt-lg-0 {
2198 margin-top: 0 !important;
2199 }
2200 .frmx-mb-lg-0 {
2201 margin-bottom: 0 !important;
2202 }
2203 .frmx-ms-lg-0 {
2204 margin-left: 0 !important;
2205 }
2206 .frmx-me-lg-0 {
2207 margin-right: 0 !important;
2208 }
2209 .frmx-m-lg-1 {
2210 margin: 0.25rem !important;
2211 }
2212 .frmx-mx-lg-1 {
2213 margin-left: 0.25rem !important;
2214 margin-right: 0.25rem !important;
2215 }
2216 .frmx-my-lg-1 {
2217 margin-top: 0.25rem !important;
2218 margin-bottom: 0.25rem !important;
2219 }
2220 .frmx-mt-lg-1 {
2221 margin-top: 0.25rem !important;
2222 }
2223 .frmx-mb-lg-1 {
2224 margin-bottom: 0.25rem !important;
2225 }
2226 .frmx-ms-lg-1 {
2227 margin-left: 0.25rem !important;
2228 }
2229 .frmx-me-lg-1 {
2230 margin-right: 0.25rem !important;
2231 }
2232 .frmx-m-lg-2 {
2233 margin: 0.5rem !important;
2234 }
2235 .frmx-mx-lg-2 {
2236 margin-left: 0.5rem !important;
2237 margin-right: 0.5rem !important;
2238 }
2239 .frmx-my-lg-2 {
2240 margin-top: 0.5rem !important;
2241 margin-bottom: 0.5rem !important;
2242 }
2243 .frmx-mt-lg-2 {
2244 margin-top: 0.5rem !important;
2245 }
2246 .frmx-mb-lg-2 {
2247 margin-bottom: 0.5rem !important;
2248 }
2249 .frmx-ms-lg-2 {
2250 margin-left: 0.5rem !important;
2251 }
2252 .frmx-me-lg-2 {
2253 margin-right: 0.5rem !important;
2254 }
2255 .frmx-m-lg-3 {
2256 margin: 1rem !important;
2257 }
2258 .frmx-mx-lg-3 {
2259 margin-left: 1rem !important;
2260 margin-right: 1rem !important;
2261 }
2262 .frmx-my-lg-3 {
2263 margin-top: 1rem !important;
2264 margin-bottom: 1rem !important;
2265 }
2266 .frmx-mt-lg-3 {
2267 margin-top: 1rem !important;
2268 }
2269 .frmx-mb-lg-3 {
2270 margin-bottom: 1rem !important;
2271 }
2272 .frmx-ms-lg-3 {
2273 margin-left: 1rem !important;
2274 }
2275 .frmx-me-lg-3 {
2276 margin-right: 1rem !important;
2277 }
2278 .frmx-m-lg-4 {
2279 margin: 1.5rem !important;
2280 }
2281 .frmx-mx-lg-4 {
2282 margin-left: 1.5rem !important;
2283 margin-right: 1.5rem !important;
2284 }
2285 .frmx-my-lg-4 {
2286 margin-top: 1.5rem !important;
2287 margin-bottom: 1.5rem !important;
2288 }
2289 .frmx-mt-lg-4 {
2290 margin-top: 1.5rem !important;
2291 }
2292 .frmx-mb-lg-4 {
2293 margin-bottom: 1.5rem !important;
2294 }
2295 .frmx-ms-lg-4 {
2296 margin-left: 1.5rem !important;
2297 }
2298 .frmx-me-lg-4 {
2299 margin-right: 1.5rem !important;
2300 }
2301 .frmx-m-lg-5 {
2302 margin: 3rem !important;
2303 }
2304 .frmx-mx-lg-5 {
2305 margin-left: 3rem !important;
2306 margin-right: 3rem !important;
2307 }
2308 .frmx-my-lg-5 {
2309 margin-top: 3rem !important;
2310 margin-bottom: 3rem !important;
2311 }
2312 .frmx-mt-lg-5 {
2313 margin-top: 3rem !important;
2314 }
2315 .frmx-mb-lg-5 {
2316 margin-bottom: 3rem !important;
2317 }
2318 .frmx-ms-lg-5 {
2319 margin-left: 3rem !important;
2320 }
2321 .frmx-me-lg-5 {
2322 margin-right: 3rem !important;
2323 }
2324 .frmx-p-lg-0 {
2325 padding: 0 !important;
2326 }
2327 .frmx-px-lg-0 {
2328 padding-left: 0 !important;
2329 padding-right: 0 !important;
2330 }
2331 .frmx-py-lg-0 {
2332 padding-top: 0 !important;
2333 padding-bottom: 0 !important;
2334 }
2335 .frmx-pt-lg-0 {
2336 padding-top: 0 !important;
2337 }
2338 .frmx-pb-lg-0 {
2339 padding-bottom: 0 !important;
2340 }
2341 .frmx-ps-lg-0 {
2342 padding-left: 0 !important;
2343 }
2344 .frmx-pe-lg-0 {
2345 padding-right: 0 !important;
2346 }
2347 .frmx-p-lg-1 {
2348 padding: 0.25rem !important;
2349 }
2350 .frmx-px-lg-1 {
2351 padding-left: 0.25rem !important;
2352 padding-right: 0.25rem !important;
2353 }
2354 .frmx-py-lg-1 {
2355 padding-top: 0.25rem !important;
2356 padding-bottom: 0.25rem !important;
2357 }
2358 .frmx-pt-lg-1 {
2359 padding-top: 0.25rem !important;
2360 }
2361 .frmx-pb-lg-1 {
2362 padding-bottom: 0.25rem !important;
2363 }
2364 .frmx-ps-lg-1 {
2365 padding-left: 0.25rem !important;
2366 }
2367 .frmx-pe-lg-1 {
2368 padding-right: 0.25rem !important;
2369 }
2370 .frmx-p-lg-2 {
2371 padding: 0.5rem !important;
2372 }
2373 .frmx-px-lg-2 {
2374 padding-left: 0.5rem !important;
2375 padding-right: 0.5rem !important;
2376 }
2377 .frmx-py-lg-2 {
2378 padding-top: 0.5rem !important;
2379 padding-bottom: 0.5rem !important;
2380 }
2381 .frmx-pt-lg-2 {
2382 padding-top: 0.5rem !important;
2383 }
2384 .frmx-pb-lg-2 {
2385 padding-bottom: 0.5rem !important;
2386 }
2387 .frmx-ps-lg-2 {
2388 padding-left: 0.5rem !important;
2389 }
2390 .frmx-pe-lg-2 {
2391 padding-right: 0.5rem !important;
2392 }
2393 .frmx-p-lg-3 {
2394 padding: 1rem !important;
2395 }
2396 .frmx-px-lg-3 {
2397 padding-left: 1rem !important;
2398 padding-right: 1rem !important;
2399 }
2400 .frmx-py-lg-3 {
2401 padding-top: 1rem !important;
2402 padding-bottom: 1rem !important;
2403 }
2404 .frmx-pt-lg-3 {
2405 padding-top: 1rem !important;
2406 }
2407 .frmx-pb-lg-3 {
2408 padding-bottom: 1rem !important;
2409 }
2410 .frmx-ps-lg-3 {
2411 padding-left: 1rem !important;
2412 }
2413 .frmx-pe-lg-3 {
2414 padding-right: 1rem !important;
2415 }
2416 .frmx-p-lg-4 {
2417 padding: 1.5rem !important;
2418 }
2419 .frmx-px-lg-4 {
2420 padding-left: 1.5rem !important;
2421 padding-right: 1.5rem !important;
2422 }
2423 .frmx-py-lg-4 {
2424 padding-top: 1.5rem !important;
2425 padding-bottom: 1.5rem !important;
2426 }
2427 .frmx-pt-lg-4 {
2428 padding-top: 1.5rem !important;
2429 }
2430 .frmx-pb-lg-4 {
2431 padding-bottom: 1.5rem !important;
2432 }
2433 .frmx-ps-lg-4 {
2434 padding-left: 1.5rem !important;
2435 }
2436 .frmx-pe-lg-4 {
2437 padding-right: 1.5rem !important;
2438 }
2439 .frmx-p-lg-5 {
2440 padding: 3rem !important;
2441 }
2442 .frmx-px-lg-5 {
2443 padding-left: 3rem !important;
2444 padding-right: 3rem !important;
2445 }
2446 .frmx-py-lg-5 {
2447 padding-top: 3rem !important;
2448 padding-bottom: 3rem !important;
2449 }
2450 .frmx-pt-lg-5 {
2451 padding-top: 3rem !important;
2452 }
2453 .frmx-pb-lg-5 {
2454 padding-bottom: 3rem !important;
2455 }
2456 .frmx-ps-lg-5 {
2457 padding-left: 3rem !important;
2458 }
2459 .frmx-pe-lg-5 {
2460 padding-right: 3rem !important;
2461 }
2462 .frmx-m-lg-auto {
2463 margin: auto !important;
2464 }
2465 .frmx-mx-lg-auto {
2466 margin-left: auto !important;
2467 margin-right: auto !important;
2468 }
2469 .frmx-my-lg-auto {
2470 margin-top: auto !important;
2471 margin-bottom: auto !important;
2472 }
2473 .frmx-mt-lg-auto {
2474 margin-top: auto !important;
2475 }
2476 .frmx-mb-lg-auto {
2477 margin-bottom: auto !important;
2478 }
2479 .frmx-ms-lg-auto {
2480 margin-left: auto !important;
2481 }
2482 .frmx-me-lg-auto {
2483 margin-right: auto !important;
2484 }
2485 }
2486 @media (min-width: 1200px) {
2487 .frmx-m-xl-0 {
2488 margin: 0 !important;
2489 }
2490 .frmx-mx-xl-0 {
2491 margin-left: 0 !important;
2492 margin-right: 0 !important;
2493 }
2494 .frmx-my-xl-0 {
2495 margin-top: 0 !important;
2496 margin-bottom: 0 !important;
2497 }
2498 .frmx-mt-xl-0 {
2499 margin-top: 0 !important;
2500 }
2501 .frmx-mb-xl-0 {
2502 margin-bottom: 0 !important;
2503 }
2504 .frmx-ms-xl-0 {
2505 margin-left: 0 !important;
2506 }
2507 .frmx-me-xl-0 {
2508 margin-right: 0 !important;
2509 }
2510 .frmx-m-xl-1 {
2511 margin: 0.25rem !important;
2512 }
2513 .frmx-mx-xl-1 {
2514 margin-left: 0.25rem !important;
2515 margin-right: 0.25rem !important;
2516 }
2517 .frmx-my-xl-1 {
2518 margin-top: 0.25rem !important;
2519 margin-bottom: 0.25rem !important;
2520 }
2521 .frmx-mt-xl-1 {
2522 margin-top: 0.25rem !important;
2523 }
2524 .frmx-mb-xl-1 {
2525 margin-bottom: 0.25rem !important;
2526 }
2527 .frmx-ms-xl-1 {
2528 margin-left: 0.25rem !important;
2529 }
2530 .frmx-me-xl-1 {
2531 margin-right: 0.25rem !important;
2532 }
2533 .frmx-m-xl-2 {
2534 margin: 0.5rem !important;
2535 }
2536 .frmx-mx-xl-2 {
2537 margin-left: 0.5rem !important;
2538 margin-right: 0.5rem !important;
2539 }
2540 .frmx-my-xl-2 {
2541 margin-top: 0.5rem !important;
2542 margin-bottom: 0.5rem !important;
2543 }
2544 .frmx-mt-xl-2 {
2545 margin-top: 0.5rem !important;
2546 }
2547 .frmx-mb-xl-2 {
2548 margin-bottom: 0.5rem !important;
2549 }
2550 .frmx-ms-xl-2 {
2551 margin-left: 0.5rem !important;
2552 }
2553 .frmx-me-xl-2 {
2554 margin-right: 0.5rem !important;
2555 }
2556 .frmx-m-xl-3 {
2557 margin: 1rem !important;
2558 }
2559 .frmx-mx-xl-3 {
2560 margin-left: 1rem !important;
2561 margin-right: 1rem !important;
2562 }
2563 .frmx-my-xl-3 {
2564 margin-top: 1rem !important;
2565 margin-bottom: 1rem !important;
2566 }
2567 .frmx-mt-xl-3 {
2568 margin-top: 1rem !important;
2569 }
2570 .frmx-mb-xl-3 {
2571 margin-bottom: 1rem !important;
2572 }
2573 .frmx-ms-xl-3 {
2574 margin-left: 1rem !important;
2575 }
2576 .frmx-me-xl-3 {
2577 margin-right: 1rem !important;
2578 }
2579 .frmx-m-xl-4 {
2580 margin: 1.5rem !important;
2581 }
2582 .frmx-mx-xl-4 {
2583 margin-left: 1.5rem !important;
2584 margin-right: 1.5rem !important;
2585 }
2586 .frmx-my-xl-4 {
2587 margin-top: 1.5rem !important;
2588 margin-bottom: 1.5rem !important;
2589 }
2590 .frmx-mt-xl-4 {
2591 margin-top: 1.5rem !important;
2592 }
2593 .frmx-mb-xl-4 {
2594 margin-bottom: 1.5rem !important;
2595 }
2596 .frmx-ms-xl-4 {
2597 margin-left: 1.5rem !important;
2598 }
2599 .frmx-me-xl-4 {
2600 margin-right: 1.5rem !important;
2601 }
2602 .frmx-m-xl-5 {
2603 margin: 3rem !important;
2604 }
2605 .frmx-mx-xl-5 {
2606 margin-left: 3rem !important;
2607 margin-right: 3rem !important;
2608 }
2609 .frmx-my-xl-5 {
2610 margin-top: 3rem !important;
2611 margin-bottom: 3rem !important;
2612 }
2613 .frmx-mt-xl-5 {
2614 margin-top: 3rem !important;
2615 }
2616 .frmx-mb-xl-5 {
2617 margin-bottom: 3rem !important;
2618 }
2619 .frmx-ms-xl-5 {
2620 margin-left: 3rem !important;
2621 }
2622 .frmx-me-xl-5 {
2623 margin-right: 3rem !important;
2624 }
2625 .frmx-p-xl-0 {
2626 padding: 0 !important;
2627 }
2628 .frmx-px-xl-0 {
2629 padding-left: 0 !important;
2630 padding-right: 0 !important;
2631 }
2632 .frmx-py-xl-0 {
2633 padding-top: 0 !important;
2634 padding-bottom: 0 !important;
2635 }
2636 .frmx-pt-xl-0 {
2637 padding-top: 0 !important;
2638 }
2639 .frmx-pb-xl-0 {
2640 padding-bottom: 0 !important;
2641 }
2642 .frmx-ps-xl-0 {
2643 padding-left: 0 !important;
2644 }
2645 .frmx-pe-xl-0 {
2646 padding-right: 0 !important;
2647 }
2648 .frmx-p-xl-1 {
2649 padding: 0.25rem !important;
2650 }
2651 .frmx-px-xl-1 {
2652 padding-left: 0.25rem !important;
2653 padding-right: 0.25rem !important;
2654 }
2655 .frmx-py-xl-1 {
2656 padding-top: 0.25rem !important;
2657 padding-bottom: 0.25rem !important;
2658 }
2659 .frmx-pt-xl-1 {
2660 padding-top: 0.25rem !important;
2661 }
2662 .frmx-pb-xl-1 {
2663 padding-bottom: 0.25rem !important;
2664 }
2665 .frmx-ps-xl-1 {
2666 padding-left: 0.25rem !important;
2667 }
2668 .frmx-pe-xl-1 {
2669 padding-right: 0.25rem !important;
2670 }
2671 .frmx-p-xl-2 {
2672 padding: 0.5rem !important;
2673 }
2674 .frmx-px-xl-2 {
2675 padding-left: 0.5rem !important;
2676 padding-right: 0.5rem !important;
2677 }
2678 .frmx-py-xl-2 {
2679 padding-top: 0.5rem !important;
2680 padding-bottom: 0.5rem !important;
2681 }
2682 .frmx-pt-xl-2 {
2683 padding-top: 0.5rem !important;
2684 }
2685 .frmx-pb-xl-2 {
2686 padding-bottom: 0.5rem !important;
2687 }
2688 .frmx-ps-xl-2 {
2689 padding-left: 0.5rem !important;
2690 }
2691 .frmx-pe-xl-2 {
2692 padding-right: 0.5rem !important;
2693 }
2694 .frmx-p-xl-3 {
2695 padding: 1rem !important;
2696 }
2697 .frmx-px-xl-3 {
2698 padding-left: 1rem !important;
2699 padding-right: 1rem !important;
2700 }
2701 .frmx-py-xl-3 {
2702 padding-top: 1rem !important;
2703 padding-bottom: 1rem !important;
2704 }
2705 .frmx-pt-xl-3 {
2706 padding-top: 1rem !important;
2707 }
2708 .frmx-pb-xl-3 {
2709 padding-bottom: 1rem !important;
2710 }
2711 .frmx-ps-xl-3 {
2712 padding-left: 1rem !important;
2713 }
2714 .frmx-pe-xl-3 {
2715 padding-right: 1rem !important;
2716 }
2717 .frmx-p-xl-4 {
2718 padding: 1.5rem !important;
2719 }
2720 .frmx-px-xl-4 {
2721 padding-left: 1.5rem !important;
2722 padding-right: 1.5rem !important;
2723 }
2724 .frmx-py-xl-4 {
2725 padding-top: 1.5rem !important;
2726 padding-bottom: 1.5rem !important;
2727 }
2728 .frmx-pt-xl-4 {
2729 padding-top: 1.5rem !important;
2730 }
2731 .frmx-pb-xl-4 {
2732 padding-bottom: 1.5rem !important;
2733 }
2734 .frmx-ps-xl-4 {
2735 padding-left: 1.5rem !important;
2736 }
2737 .frmx-pe-xl-4 {
2738 padding-right: 1.5rem !important;
2739 }
2740 .frmx-p-xl-5 {
2741 padding: 3rem !important;
2742 }
2743 .frmx-px-xl-5 {
2744 padding-left: 3rem !important;
2745 padding-right: 3rem !important;
2746 }
2747 .frmx-py-xl-5 {
2748 padding-top: 3rem !important;
2749 padding-bottom: 3rem !important;
2750 }
2751 .frmx-pt-xl-5 {
2752 padding-top: 3rem !important;
2753 }
2754 .frmx-pb-xl-5 {
2755 padding-bottom: 3rem !important;
2756 }
2757 .frmx-ps-xl-5 {
2758 padding-left: 3rem !important;
2759 }
2760 .frmx-pe-xl-5 {
2761 padding-right: 3rem !important;
2762 }
2763 .frmx-m-xl-auto {
2764 margin: auto !important;
2765 }
2766 .frmx-mx-xl-auto {
2767 margin-left: auto !important;
2768 margin-right: auto !important;
2769 }
2770 .frmx-my-xl-auto {
2771 margin-top: auto !important;
2772 margin-bottom: auto !important;
2773 }
2774 .frmx-mt-xl-auto {
2775 margin-top: auto !important;
2776 }
2777 .frmx-mb-xl-auto {
2778 margin-bottom: auto !important;
2779 }
2780 .frmx-ms-xl-auto {
2781 margin-left: auto !important;
2782 }
2783 .frmx-me-xl-auto {
2784 margin-right: auto !important;
2785 }
2786 }
2787 @media (min-width: 1400px) {
2788 .frmx-m-xxl-0 {
2789 margin: 0 !important;
2790 }
2791 .frmx-mx-xxl-0 {
2792 margin-left: 0 !important;
2793 margin-right: 0 !important;
2794 }
2795 .frmx-my-xxl-0 {
2796 margin-top: 0 !important;
2797 margin-bottom: 0 !important;
2798 }
2799 .frmx-mt-xxl-0 {
2800 margin-top: 0 !important;
2801 }
2802 .frmx-mb-xxl-0 {
2803 margin-bottom: 0 !important;
2804 }
2805 .frmx-ms-xxl-0 {
2806 margin-left: 0 !important;
2807 }
2808 .frmx-me-xxl-0 {
2809 margin-right: 0 !important;
2810 }
2811 .frmx-m-xxl-1 {
2812 margin: 0.25rem !important;
2813 }
2814 .frmx-mx-xxl-1 {
2815 margin-left: 0.25rem !important;
2816 margin-right: 0.25rem !important;
2817 }
2818 .frmx-my-xxl-1 {
2819 margin-top: 0.25rem !important;
2820 margin-bottom: 0.25rem !important;
2821 }
2822 .frmx-mt-xxl-1 {
2823 margin-top: 0.25rem !important;
2824 }
2825 .frmx-mb-xxl-1 {
2826 margin-bottom: 0.25rem !important;
2827 }
2828 .frmx-ms-xxl-1 {
2829 margin-left: 0.25rem !important;
2830 }
2831 .frmx-me-xxl-1 {
2832 margin-right: 0.25rem !important;
2833 }
2834 .frmx-m-xxl-2 {
2835 margin: 0.5rem !important;
2836 }
2837 .frmx-mx-xxl-2 {
2838 margin-left: 0.5rem !important;
2839 margin-right: 0.5rem !important;
2840 }
2841 .frmx-my-xxl-2 {
2842 margin-top: 0.5rem !important;
2843 margin-bottom: 0.5rem !important;
2844 }
2845 .frmx-mt-xxl-2 {
2846 margin-top: 0.5rem !important;
2847 }
2848 .frmx-mb-xxl-2 {
2849 margin-bottom: 0.5rem !important;
2850 }
2851 .frmx-ms-xxl-2 {
2852 margin-left: 0.5rem !important;
2853 }
2854 .frmx-me-xxl-2 {
2855 margin-right: 0.5rem !important;
2856 }
2857 .frmx-m-xxl-3 {
2858 margin: 1rem !important;
2859 }
2860 .frmx-mx-xxl-3 {
2861 margin-left: 1rem !important;
2862 margin-right: 1rem !important;
2863 }
2864 .frmx-my-xxl-3 {
2865 margin-top: 1rem !important;
2866 margin-bottom: 1rem !important;
2867 }
2868 .frmx-mt-xxl-3 {
2869 margin-top: 1rem !important;
2870 }
2871 .frmx-mb-xxl-3 {
2872 margin-bottom: 1rem !important;
2873 }
2874 .frmx-ms-xxl-3 {
2875 margin-left: 1rem !important;
2876 }
2877 .frmx-me-xxl-3 {
2878 margin-right: 1rem !important;
2879 }
2880 .frmx-m-xxl-4 {
2881 margin: 1.5rem !important;
2882 }
2883 .frmx-mx-xxl-4 {
2884 margin-left: 1.5rem !important;
2885 margin-right: 1.5rem !important;
2886 }
2887 .frmx-my-xxl-4 {
2888 margin-top: 1.5rem !important;
2889 margin-bottom: 1.5rem !important;
2890 }
2891 .frmx-mt-xxl-4 {
2892 margin-top: 1.5rem !important;
2893 }
2894 .frmx-mb-xxl-4 {
2895 margin-bottom: 1.5rem !important;
2896 }
2897 .frmx-ms-xxl-4 {
2898 margin-left: 1.5rem !important;
2899 }
2900 .frmx-me-xxl-4 {
2901 margin-right: 1.5rem !important;
2902 }
2903 .frmx-m-xxl-5 {
2904 margin: 3rem !important;
2905 }
2906 .frmx-mx-xxl-5 {
2907 margin-left: 3rem !important;
2908 margin-right: 3rem !important;
2909 }
2910 .frmx-my-xxl-5 {
2911 margin-top: 3rem !important;
2912 margin-bottom: 3rem !important;
2913 }
2914 .frmx-mt-xxl-5 {
2915 margin-top: 3rem !important;
2916 }
2917 .frmx-mb-xxl-5 {
2918 margin-bottom: 3rem !important;
2919 }
2920 .frmx-ms-xxl-5 {
2921 margin-left: 3rem !important;
2922 }
2923 .frmx-me-xxl-5 {
2924 margin-right: 3rem !important;
2925 }
2926 .frmx-p-xxl-0 {
2927 padding: 0 !important;
2928 }
2929 .frmx-px-xxl-0 {
2930 padding-left: 0 !important;
2931 padding-right: 0 !important;
2932 }
2933 .frmx-py-xxl-0 {
2934 padding-top: 0 !important;
2935 padding-bottom: 0 !important;
2936 }
2937 .frmx-pt-xxl-0 {
2938 padding-top: 0 !important;
2939 }
2940 .frmx-pb-xxl-0 {
2941 padding-bottom: 0 !important;
2942 }
2943 .frmx-ps-xxl-0 {
2944 padding-left: 0 !important;
2945 }
2946 .frmx-pe-xxl-0 {
2947 padding-right: 0 !important;
2948 }
2949 .frmx-p-xxl-1 {
2950 padding: 0.25rem !important;
2951 }
2952 .frmx-px-xxl-1 {
2953 padding-left: 0.25rem !important;
2954 padding-right: 0.25rem !important;
2955 }
2956 .frmx-py-xxl-1 {
2957 padding-top: 0.25rem !important;
2958 padding-bottom: 0.25rem !important;
2959 }
2960 .frmx-pt-xxl-1 {
2961 padding-top: 0.25rem !important;
2962 }
2963 .frmx-pb-xxl-1 {
2964 padding-bottom: 0.25rem !important;
2965 }
2966 .frmx-ps-xxl-1 {
2967 padding-left: 0.25rem !important;
2968 }
2969 .frmx-pe-xxl-1 {
2970 padding-right: 0.25rem !important;
2971 }
2972 .frmx-p-xxl-2 {
2973 padding: 0.5rem !important;
2974 }
2975 .frmx-px-xxl-2 {
2976 padding-left: 0.5rem !important;
2977 padding-right: 0.5rem !important;
2978 }
2979 .frmx-py-xxl-2 {
2980 padding-top: 0.5rem !important;
2981 padding-bottom: 0.5rem !important;
2982 }
2983 .frmx-pt-xxl-2 {
2984 padding-top: 0.5rem !important;
2985 }
2986 .frmx-pb-xxl-2 {
2987 padding-bottom: 0.5rem !important;
2988 }
2989 .frmx-ps-xxl-2 {
2990 padding-left: 0.5rem !important;
2991 }
2992 .frmx-pe-xxl-2 {
2993 padding-right: 0.5rem !important;
2994 }
2995 .frmx-p-xxl-3 {
2996 padding: 1rem !important;
2997 }
2998 .frmx-px-xxl-3 {
2999 padding-left: 1rem !important;
3000 padding-right: 1rem !important;
3001 }
3002 .frmx-py-xxl-3 {
3003 padding-top: 1rem !important;
3004 padding-bottom: 1rem !important;
3005 }
3006 .frmx-pt-xxl-3 {
3007 padding-top: 1rem !important;
3008 }
3009 .frmx-pb-xxl-3 {
3010 padding-bottom: 1rem !important;
3011 }
3012 .frmx-ps-xxl-3 {
3013 padding-left: 1rem !important;
3014 }
3015 .frmx-pe-xxl-3 {
3016 padding-right: 1rem !important;
3017 }
3018 .frmx-p-xxl-4 {
3019 padding: 1.5rem !important;
3020 }
3021 .frmx-px-xxl-4 {
3022 padding-left: 1.5rem !important;
3023 padding-right: 1.5rem !important;
3024 }
3025 .frmx-py-xxl-4 {
3026 padding-top: 1.5rem !important;
3027 padding-bottom: 1.5rem !important;
3028 }
3029 .frmx-pt-xxl-4 {
3030 padding-top: 1.5rem !important;
3031 }
3032 .frmx-pb-xxl-4 {
3033 padding-bottom: 1.5rem !important;
3034 }
3035 .frmx-ps-xxl-4 {
3036 padding-left: 1.5rem !important;
3037 }
3038 .frmx-pe-xxl-4 {
3039 padding-right: 1.5rem !important;
3040 }
3041 .frmx-p-xxl-5 {
3042 padding: 3rem !important;
3043 }
3044 .frmx-px-xxl-5 {
3045 padding-left: 3rem !important;
3046 padding-right: 3rem !important;
3047 }
3048 .frmx-py-xxl-5 {
3049 padding-top: 3rem !important;
3050 padding-bottom: 3rem !important;
3051 }
3052 .frmx-pt-xxl-5 {
3053 padding-top: 3rem !important;
3054 }
3055 .frmx-pb-xxl-5 {
3056 padding-bottom: 3rem !important;
3057 }
3058 .frmx-ps-xxl-5 {
3059 padding-left: 3rem !important;
3060 }
3061 .frmx-pe-xxl-5 {
3062 padding-right: 3rem !important;
3063 }
3064 .frmx-m-xxl-auto {
3065 margin: auto !important;
3066 }
3067 .frmx-mx-xxl-auto {
3068 margin-left: auto !important;
3069 margin-right: auto !important;
3070 }
3071 .frmx-my-xxl-auto {
3072 margin-top: auto !important;
3073 margin-bottom: auto !important;
3074 }
3075 .frmx-mt-xxl-auto {
3076 margin-top: auto !important;
3077 }
3078 .frmx-mb-xxl-auto {
3079 margin-bottom: auto !important;
3080 }
3081 .frmx-ms-xxl-auto {
3082 margin-left: auto !important;
3083 }
3084 .frmx-me-xxl-auto {
3085 margin-right: auto !important;
3086 }
3087 }
3088 .frmx-shadow-none {
3089 box-shadow: none !important;
3090 }
3091
3092 .frmx-shadow-sm {
3093 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3094 }
3095
3096 .frmx-shadow {
3097 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3098 }
3099
3100 .frmx-shadow-lg {
3101 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3102 }
3103
3104 @media (min-width: 576px) {
3105 .frmx-shadow-sm-none {
3106 box-shadow: none !important;
3107 }
3108 .frmx-shadow-sm-sm {
3109 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3110 }
3111 .frmx-shadow-sm {
3112 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3113 }
3114 .frmx-shadow-sm-lg {
3115 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3116 }
3117 }
3118 @media (min-width: 768px) {
3119 .frmx-shadow-md-none {
3120 box-shadow: none !important;
3121 }
3122 .frmx-shadow-md-sm {
3123 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3124 }
3125 .frmx-shadow-md {
3126 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3127 }
3128 .frmx-shadow-md-lg {
3129 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3130 }
3131 }
3132 @media (min-width: 992px) {
3133 .frmx-shadow-lg-none {
3134 box-shadow: none !important;
3135 }
3136 .frmx-shadow-lg-sm {
3137 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3138 }
3139 .frmx-shadow-lg {
3140 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3141 }
3142 .frmx-shadow-lg-lg {
3143 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3144 }
3145 }
3146 @media (min-width: 1200px) {
3147 .frmx-shadow-xl-none {
3148 box-shadow: none !important;
3149 }
3150 .frmx-shadow-xl-sm {
3151 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3152 }
3153 .frmx-shadow-xl {
3154 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3155 }
3156 .frmx-shadow-xl-lg {
3157 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3158 }
3159 }
3160 @media (min-width: 1400px) {
3161 .frmx-shadow-xxl-none {
3162 box-shadow: none !important;
3163 }
3164 .frmx-shadow-xxl-sm {
3165 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3166 }
3167 .frmx-shadow-xxl {
3168 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3169 }
3170 .frmx-shadow-xxl-lg {
3171 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3172 }
3173 }
3174 .frmx-text-center {
3175 text-align: center !important;
3176 }
3177
3178 .frmx-text-start {
3179 text-align: left !important;
3180 }
3181
3182 .frmx-text-end {
3183 text-align: right !important;
3184 }
3185
3186 @media (min-width: 576px) {
3187 .frmx-text-sm-center {
3188 text-align: center !important;
3189 }
3190 .frmx-text-sm-start {
3191 text-align: left !important;
3192 }
3193 .frmx-text-sm-end {
3194 text-align: right !important;
3195 }
3196 }
3197 @media (min-width: 768px) {
3198 .frmx-text-md-center {
3199 text-align: center !important;
3200 }
3201 .frmx-text-md-start {
3202 text-align: left !important;
3203 }
3204 .frmx-text-md-end {
3205 text-align: right !important;
3206 }
3207 }
3208 @media (min-width: 992px) {
3209 .frmx-text-lg-center {
3210 text-align: center !important;
3211 }
3212 .frmx-text-lg-start {
3213 text-align: left !important;
3214 }
3215 .frmx-text-lg-end {
3216 text-align: right !important;
3217 }
3218 }
3219 @media (min-width: 1200px) {
3220 .frmx-text-xl-center {
3221 text-align: center !important;
3222 }
3223 .frmx-text-xl-start {
3224 text-align: left !important;
3225 }
3226 .frmx-text-xl-end {
3227 text-align: right !important;
3228 }
3229 }
3230 @media (min-width: 1400px) {
3231 .frmx-text-xxl-center {
3232 text-align: center !important;
3233 }
3234 .frmx-text-xxl-start {
3235 text-align: left !important;
3236 }
3237 .frmx-text-xxl-end {
3238 text-align: right !important;
3239 }
3240 }
3241 .frmx-g-0 {
3242 --frmx-gutter-x: 0;
3243 --frmx-gutter-y: 0;
3244 }
3245
3246 .frmx-g-1 {
3247 --frmx-gutter-x: 0.25rem;
3248 --frmx-gutter-y: 0.25rem;
3249 }
3250
3251 .frmx-g-2 {
3252 --frmx-gutter-x: 0.5rem;
3253 --frmx-gutter-y: 0.5rem;
3254 }
3255
3256 .frmx-g-3 {
3257 --frmx-gutter-x: 1rem;
3258 --frmx-gutter-y: 1rem;
3259 }
3260
3261 .frmx-g-4 {
3262 --frmx-gutter-x: 1.5rem;
3263 --frmx-gutter-y: 1.5rem;
3264 }
3265
3266 .frmx-g-5 {
3267 --frmx-gutter-x: 3rem;
3268 --frmx-gutter-y: 3rem;
3269 }
3270
3271 .frmx-row[class*=frmx-g-] {
3272 margin-right: calc(var(--frmx-gutter-x) / -2);
3273 margin-left: calc(var(--frmx-gutter-x) / -2);
3274 margin-top: calc(var(--frmx-gutter-y) * -1);
3275 }
3276 .frmx-row[class*=frmx-g-] > [class*=frmx-col] {
3277 padding-right: calc(var(--frmx-gutter-x) / 2);
3278 padding-left: calc(var(--frmx-gutter-x) / 2);
3279 margin-top: var(--frmx-gutter-y);
3280 }
3281
3282 .frmx-mt-70 {
3283 margin-top: 70px !important;
3284 }
3285
3286 .frmx-position-static {
3287 position: static !important;
3288 }
3289
3290 .frmx-position-relative {
3291 position: relative !important;
3292 }
3293
3294 .frmx-position-absolute {
3295 position: absolute !important;
3296 }
3297
3298 .frmx-position-fixed {
3299 position: fixed !important;
3300 }
3301
3302 .frmx-position-sticky {
3303 position: sticky !important;
3304 }
3305
3306 .frmx-list-unstyled {
3307 list-style: none !important;
3308 padding: 0 !important;
3309 }
3310
3311 .frmx-dropdown-item {
3312 display: block;
3313 width: 100%;
3314 padding: 0.25rem 0.5rem;
3315 clear: both;
3316 font-weight: 400;
3317 color: #212529;
3318 text-align: inherit;
3319 text-decoration: none;
3320 white-space: nowrap;
3321 background-color: transparent;
3322 border: 0;
3323 }
3324
3325 .frmx-dropdown-item:focus, .frmx-dropdown-item:hover {
3326 color: #1e2125;
3327 background-color: #e9ecef;
3328 }
3329
3330 .frmx-dropdown-item.active, .frmx-dropdown-item:active {
3331 color: #fff;
3332 text-decoration: none;
3333 background-color: #0d6efd;
3334 }
3335
3336 .frmx-dropdown-item.disabled, .frmx-dropdown-item:disabled {
3337 color: #adb5bd;
3338 pointer-events: none;
3339 background-color: transparent;
3340 }
3341
3342 .dropdown-menu.show {
3343 display: block;
3344 }
3345
3346 :root {
3347 --rob: "Roboto", sans-serif;
3348 --great: "Great Vibes", cursive;
3349 --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);
3350 --bbpc_brand_color: var(--bbpc_brand_color_opt, #4c4cf1);
3351 --h_title: #1d2746;
3352 --p_color: #6b707f;
3353 --bs-white: #fff;
3354 --black_25: #f9f9f9;
3355 --black_50: #f2f2f2;
3356 --black_75: #eeeeee;
3357 --black_90: #e0e6f0;
3358 --black_100: #d6d9dc;
3359 --black_150: #c8ccd0;
3360 --black_200: #bbc0c4;
3361 --black_300: #9fa6ad;
3362 --black_350: #9199a1;
3363 --black_400: #848d95;
3364 --black_500: #6a737c;
3365 --black_600: #535a60;
3366 --black_700: #3c4146;
3367 --black_750: #2f3337;
3368 --black_800: #242729;
3369 --black_900: #0c0d0e;
3370 --bbpc_color: #078669;
3371 --baseColor2: #4a6ee0;
3372 --bs_white: #fff;
3373 }
3374
3375 /*font Variables*/
3376 /**=== Functions ===**/
3377 .col-md-offset-right-1,
3378 .col-lg-offset-right-1 {
3379 margin-right: 8.33333333%;
3380 }
3381
3382 .community-post {
3383 border-radius: 6px;
3384 box-shadow: 0 2px 4px 0 rgba(2, 47, 57, 0.1);
3385 padding: 23px 30px;
3386 display: flex;
3387 background: var(--bs-white);
3388 align-items: center;
3389 justify-content: space-between;
3390 margin-bottom: 10px;
3391 transition: all 0.3s ease-in-out;
3392 border: 1px solid var(--black_50);
3393 }
3394 .community-post:hover {
3395 box-shadow: 0 24px 40px 0 rgba(2, 47, 57, 0.12);
3396 border-color: #eef3f6;
3397 transform: translateX(10px);
3398 }
3399 .community-post .post-content {
3400 display: flex;
3401 align-items: center;
3402 flex-wrap: wrap;
3403 }
3404 .community-post .post-content .author-avatar {
3405 border-radius: 50%;
3406 overflow: hidden;
3407 margin-top: -2px;
3408 }
3409 .community-post .post-content .entry-content {
3410 color: var(--black_600);
3411 font-size: 16px;
3412 }
3413 .community-post .post-content img {
3414 border-radius: 50%;
3415 }
3416
3417 .community-post.forum-item {
3418 padding: 23px 15px;
3419 }
3420 .community-post.forum-item .post-content p {
3421 font-size: 14px;
3422 line-height: 1.3;
3423 }
3424 @media (max-width: 667px) {
3425 .community-post {
3426 display: block;
3427 }
3428 }
3429 @media (max-width: 420px) {
3430 .community-post {
3431 padding: 20px 15px;
3432 }
3433 }
3434 .community-post .post-content .author-avatar.forum-icon {
3435 border-radius: 0;
3436 margin-right: 0 !important;
3437 }
3438 .community-post .post-content .author-avatar.forum-icon img {
3439 padding: 2px;
3440 }
3441 @media (max-width: 667px) {
3442 .community-post .post-content .author-avatar {
3443 margin-right: 20px;
3444 }
3445 }
3446 @media (max-width: 420px) {
3447 .community-post .post-content .author-avatar {
3448 margin-right: 15px;
3449 }
3450 }
3451 .community-post .post-content .entry-content {
3452 flex: 2;
3453 }
3454 .community-post .post-content .entry-content .post-title {
3455 font-size: 18px;
3456 font-weight: 500;
3457 margin: auto;
3458 margin-bottom: 0;
3459 line-height: 1.7;
3460 }
3461 .community-post .post-content .entry-content .post-title a {
3462 text-decoration: none;
3463 }
3464 .community-post .post-content .entry-content .post-title a:hover {
3465 color: var(--bbpc_brand_color);
3466 }
3467 .community-post .post-content .entry-content p {
3468 margin: 0;
3469 }
3470 @media (max-width: 667px) {
3471 .community-post .post-meta-wrapper {
3472 margin-top: 15px;
3473 margin-left: 70px;
3474 }
3475 }
3476 .community-post .post-meta-wrapper .post-meta-info {
3477 margin: 0;
3478 padding: 0;
3479 list-style: none;
3480 }
3481 @media (max-width: 991px) {
3482 .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
3483 margin-right: 20px;
3484 }
3485 }
3486 .community-post.style-two {
3487 margin-bottom: 0;
3488 border-radius: 0;
3489 box-shadow: none;
3490 position: relative;
3491 }
3492 .community-post.style-two .entry-content .post-title {
3493 font-size: 16px;
3494 }
3495 .community-post.style-two .post-meta-wrapper .post-meta-info li i {
3496 transition: all 0.3s ease-in-out;
3497 }
3498 .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover a {
3499 color: #b1b5c0;
3500 }
3501 .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover i {
3502 color: #f9ae44;
3503 }
3504 .community-post.style-two .com-featured {
3505 position: absolute;
3506 right: 0;
3507 top: -2px;
3508 height: 30px;
3509 width: 30px;
3510 z-index: 2;
3511 text-align: center;
3512 color: #fff;
3513 padding: 0 15px;
3514 }
3515 .community-post.style-two .com-featured i {
3516 z-index: 22;
3517 position: relative;
3518 font-size: 14px;
3519 }
3520 .community-post.style-two .com-featured:after {
3521 content: "";
3522 top: 0;
3523 position: absolute;
3524 right: 0;
3525 width: 0;
3526 height: 0;
3527 border-left: 30px solid transparent;
3528 border-right: 0 solid transparent;
3529 border-top: 30px solid #00ae69;
3530 z-index: 1;
3531 }
3532 .community-post.style-two .cat-wrap {
3533 display: inline-block;
3534 vertical-align: 3px;
3535 }
3536 .community-post .meta {
3537 margin: 0;
3538 padding: 0;
3539 list-style: none;
3540 }
3541 .community-post .meta li img {
3542 display: inline-block;
3543 vertical-align: -2px;
3544 }
3545 .community-post .meta li i,
3546 .community-post .meta li img {
3547 margin-right: 10px;
3548 font-size: 14px;
3549 }
3550 .community-post .meta li a {
3551 font-size: 14px;
3552 color: #838793;
3553 }
3554 .community-post .meta li a:hover {
3555 color: var(--bbpc_brand_color);
3556 }
3557
3558 .community-post .post-meta-wrapper .post-meta-info li:first-child {
3559 margin-right: 40px;
3560 }
3561
3562 .community-post .post-meta-wrapper .post-meta-info li {
3563 display: inline-block;
3564 }
3565
3566 .forum-post-content .forum-post-btm .taxonomy i,
3567 .forum-post-content .forum-post-btm .taxonomy img,
3568 .community-post.style-two .meta li i,
3569 .community-post.style-two .meta li img {
3570 margin-right: 5px;
3571 }
3572
3573 .post-header .category-menu li i {
3574 font-size: 14px;
3575 }
3576
3577 .forum-category-area .col-custom {
3578 width: 20%;
3579 }
3580 .forum-category-area .single-category-widget {
3581 box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);
3582 background-color: var(--bs-white);
3583 border-radius: 10px;
3584 text-align: center;
3585 padding: 25px;
3586 transition: all 0.3s ease-out;
3587 }
3588 .forum-category-area .single-category-widget:hover {
3589 box-shadow: 0 20px 20px 0 rgba(51, 77, 114, 0.0901960784);
3590 }
3591 .forum-category-area .single-category-widget:hover h5 {
3592 color: var(--bbpc_brand_color) !important;
3593 }
3594 .forum-category-area .single-category-widget h5 {
3595 font-size: 18px;
3596 text-transform: capitalize;
3597 font-weight: 500;
3598 line-height: 1.3;
3599 color: #171d24;
3600 margin-bottom: 0;
3601 margin-top: 23px;
3602 transition: all 0.3s ease-out;
3603 }
3604
3605 .forum-category-area .col-custom {
3606 margin-bottom: 30px;
3607 }
3608 .forum-category-area .col-custom.wow.fadeInUp {
3609 padding: 0 12px;
3610 }
3611
3612 .bbpc-hc-wrap .bbpc-hc-grid {
3613 display: grid;
3614 grid-template-columns: repeat(3, 1fr);
3615 gap: 2px;
3616 background: var(--black_90);
3617 border: 1px solid var(--black_90);
3618 border-radius: 20px;
3619 overflow: hidden;
3620 box-shadow: 0 8px 32px 0 rgba(2, 47, 57, 0.08);
3621 }
3622 @media (max-width: 991px) {
3623 .bbpc-hc-wrap .bbpc-hc-grid {
3624 grid-template-columns: repeat(2, 1fr);
3625 }
3626 }
3627 @media (max-width: 600px) {
3628 .bbpc-hc-wrap .bbpc-hc-grid {
3629 grid-template-columns: 1fr;
3630 }
3631 }
3632 .bbpc-hc-wrap .bbpc-hc-card {
3633 background: var(--bs-white);
3634 padding: 26px 24px;
3635 display: flex;
3636 gap: 18px;
3637 align-items: flex-start;
3638 text-decoration: none;
3639 color: inherit;
3640 border-radius: 14px;
3641 position: relative;
3642 transition: background 0.18s ease;
3643 }
3644 .bbpc-hc-wrap .bbpc-hc-card:hover {
3645 background: var(--black_25);
3646 text-decoration: none;
3647 }
3648 .bbpc-hc-wrap .bbpc-hc-card:hover .bbpc-hc-arrow {
3649 opacity: 1;
3650 transform: translateX(3px);
3651 }
3652 .bbpc-hc-wrap .bbpc-hc-icon {
3653 flex-shrink: 0;
3654 width: 48px;
3655 height: 48px;
3656 border-radius: 12px;
3657 overflow: hidden;
3658 }
3659 .bbpc-hc-wrap .bbpc-hc-icon img {
3660 width: 100%;
3661 height: 100%;
3662 object-fit: cover;
3663 display: block;
3664 }
3665 .bbpc-hc-wrap .bbpc-hc-body {
3666 flex: 1;
3667 min-width: 0;
3668 }
3669 .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-title {
3670 margin: 0 0 4px;
3671 font-size: 16px;
3672 font-weight: 700;
3673 line-height: 1.3;
3674 letter-spacing: -0.01em;
3675 color: var(--h_title);
3676 }
3677 .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-desc {
3678 margin: 0;
3679 font-size: 13.5px;
3680 line-height: 1.5;
3681 color: var(--p_color);
3682 }
3683 .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-count {
3684 display: inline-block;
3685 margin-top: 8px;
3686 font-size: 11.5px;
3687 font-weight: 600;
3688 color: var(--bbpc_brand_color);
3689 letter-spacing: 0.02em;
3690 text-decoration: none;
3691 }
3692 .bbpc-hc-wrap .bbpc-hc-arrow {
3693 position: absolute;
3694 top: 20px;
3695 right: 20px;
3696 font-size: 16px;
3697 line-height: 1;
3698 color: var(--black_300);
3699 opacity: 0;
3700 transition: opacity 0.2s ease, transform 0.2s ease;
3701 }
3702
3703 body.body_dark .bbpc-hc-wrap .bbpc-hc-grid {
3704 background: #2a2a2a;
3705 border-color: #2a2a2a;
3706 }
3707 body.body_dark .bbpc-hc-wrap .bbpc-hc-card {
3708 background: #1a1a1a;
3709 }
3710 body.body_dark .bbpc-hc-wrap .bbpc-hc-card:hover {
3711 background: #222;
3712 }
3713 body.body_dark .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-title {
3714 color: #fff;
3715 }
3716 body.body_dark .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-desc {
3717 color: var(--black_400);
3718 }
3719
3720 .communities-boxes {
3721 display: flex;
3722 flex-wrap: wrap;
3723 margin: 0 -30px;
3724 gap: 30px;
3725 }
3726 @media (max-width: 1025px) {
3727 .communities-boxes {
3728 margin: 0 -10px;
3729 }
3730 }
3731 @media (max-width: 992px) {
3732 .communities-boxes {
3733 flex-wrap: wrap;
3734 justify-content: center;
3735 width: calc(100% + 30px);
3736 }
3737 }
3738 @media (max-width: 420px) {
3739 .communities-boxes {
3740 width: calc(100% + 15px);
3741 }
3742 }
3743 .communities-boxes .com-box {
3744 text-align: center;
3745 margin-bottom: 57px;
3746 width: 20%;
3747 flex: 0 0 200px;
3748 }
3749 @media (max-width: 1200px) {
3750 .communities-boxes .com-box {
3751 flex: 0 0 165px;
3752 }
3753 }
3754 @media (max-width: 991px) {
3755 .communities-boxes .com-box {
3756 flex: 0 0 180px;
3757 }
3758 }
3759 @media (max-width: 768px) {
3760 .communities-boxes .com-box {
3761 flex: 0 0 185px;
3762 }
3763 }
3764 @media (max-width: 426px) {
3765 .communities-boxes .com-box {
3766 flex: 0 0 170px;
3767 margin-bottom: 30px;
3768 }
3769 }
3770 .communities-boxes .com-box .icon-container {
3771 border-radius: 6px;
3772 background: var(--bs-white);
3773 box-shadow: 0 40px 70px 0 rgba(2, 47, 57, 0.1);
3774 display: flex;
3775 align-items: center;
3776 justify-content: center;
3777 height: 100px;
3778 width: 100px;
3779 margin: 0 auto 20px;
3780 }
3781 .communities-boxes .com-box .icon-container img {
3782 width: 40px;
3783 height: 40px;
3784 object-fit: cover;
3785 }
3786 .communities-boxes .com-box .com-box-content .title {
3787 font-size: 20px;
3788 line-height: 26px;
3789 font-weight: 500;
3790 color: var(--black_800);
3791 margin-bottom: 5px;
3792 transition: all 0.3s ease-in-out;
3793 letter-spacing: normal;
3794 margin-top: 10px;
3795 }
3796 .communities-boxes .com-box .com-box-content .title a {
3797 color: var(--black_800);
3798 }
3799 .communities-boxes .com-box .com-box-content .title a:hover {
3800 color: var(--bbpc_brand_color);
3801 text-decoration: none;
3802 }
3803 .communities-boxes .com-box .com-box-content .title:hover {
3804 color: var(--bbpc_brand_color);
3805 }
3806 .communities-boxes .com-box .com-box-content .total-post {
3807 color: var(--p_color);
3808 font-size: 14px;
3809 margin-top: 0;
3810 }
3811
3812 .more-communities {
3813 padding: 22px 0;
3814 border-top: 1px solid #e8ecee;
3815 border-bottom: 1px solid #e8ecee;
3816 margin-top: 40px;
3817 }
3818 .more-communities .collapse-wrap,
3819 .more-communities .forumax-collapse-wrap {
3820 margin-top: 80px;
3821 display: none;
3822 }
3823 .more-communities .collapse-btn-wrap,
3824 .more-communities .forumax-collapse-btn-wrap {
3825 text-align: center;
3826 display: table;
3827 color: var(--black_600);
3828 font-weight: 500;
3829 margin: auto;
3830 }
3831 .more-communities .collapse-btn-wrap:hover,
3832 .more-communities .forumax-collapse-btn-wrap:hover {
3833 text-decoration: none;
3834 color: var(--black_800);
3835 }
3836 .more-communities .collapse-btn-wrap svg,
3837 .more-communities .forumax-collapse-btn-wrap svg {
3838 position: relative;
3839 vertical-align: middle;
3840 display: inline;
3841 }
3842 .more-communities .collapse-btn-wrap .icon_plus path,
3843 .more-communities .collapse-btn-wrap .icon_plus line,
3844 .more-communities .collapse-btn-wrap .icon_minus path,
3845 .more-communities .collapse-btn-wrap .icon_minus line,
3846 .more-communities .forumax-collapse-btn-wrap .icon_plus path,
3847 .more-communities .forumax-collapse-btn-wrap .icon_plus line,
3848 .more-communities .forumax-collapse-btn-wrap .icon_minus path,
3849 .more-communities .forumax-collapse-btn-wrap .icon_minus line {
3850 stroke: var(--bbpc_brand_color);
3851 }
3852 .more-communities .collapse-btn-wrap .icon_minus,
3853 .more-communities .forumax-collapse-btn-wrap .icon_minus {
3854 display: none;
3855 }
3856 .more-communities .collapse-btn-wrap.active .icon_plus,
3857 .more-communities .forumax-collapse-btn-wrap.active .icon_plus {
3858 display: none;
3859 }
3860 .more-communities .collapse-btn-wrap.active .icon_minus,
3861 .more-communities .forumax-collapse-btn-wrap.active .icon_minus {
3862 display: initial;
3863 }
3864
3865 body.body_dark .communities-boxes .com-box .com-box-content .title a {
3866 color: #fff;
3867 }
3868 body.body_dark .communities-boxes .com-box .com-box-content .title a:hover {
3869 color: var(--bbpc_brand_color);
3870 }
3871 body.body_dark .communities-boxes .com-box .com-box-content .total-post {
3872 color: #8b8b8b;
3873 }
3874 body.body_dark .more-communities {
3875 border-color: #272727;
3876 }
3877 body.body_dark .single-forum-post-widget .post-info div {
3878 color: #848d95;
3879 }
3880 body.body_dark .single-forum-post-widget .post-info .post-category a {
3881 color: #848d95;
3882 }
3883 body.body_dark .single-forum-post-widget .post-info .post-category a:hover {
3884 color: var(--bbpc_brand_color);
3885 }
3886 body.body_dark .community-area .nav-tabs .nav-item button.active {
3887 color: #fff;
3888 }
3889
3890 /** === Widgets === **/
3891 .widget_display_stats dl dt {
3892 float: left;
3893 clear: left;
3894 margin: 0 0 10px;
3895 font-weight: 500;
3896 }
3897
3898 .widget_display_stats dl dd {
3899 float: right;
3900 margin: 0;
3901 }
3902
3903 .widget_display_replies li:before {
3904 font-family: eleganticons;
3905 content: "w";
3906 font-size: 15px !important;
3907 margin: 0 12px 0 0 !important;
3908 padding: 0px !important;
3909 line-height: 23px;
3910 }
3911
3912 .widget_display_topics li div {
3913 color: var(--black_400);
3914 }
3915 .widget_display_topics li::before {
3916 font-family: eleganticons;
3917 content: "b";
3918 margin: -3px 12px 0 0;
3919 font-size: 15px;
3920 color: var(--black_800);
3921 position: absolute;
3922 left: 0;
3923 top: 0;
3924 }
3925
3926 .widget_display_topics .bbp-forum-title,
3927 .widget_display_replies .bbp-forum-title {
3928 display: inline-block;
3929 line-height: 1.36;
3930 color: var(--black_900);
3931 }
3932
3933 .widget_display_topics li {
3934 padding-left: 30px;
3935 }
3936
3937 .widget_display_topics li,
3938 .widget_display_replies li {
3939 position: relative;
3940 margin-bottom: 10px;
3941 padding-bottom: 10px;
3942 border-bottom: 1px solid #e5e7e9;
3943 font-size: 16px;
3944 }
3945 .widget_display_topics li time,
3946 .widget_display_replies li time {
3947 color: var(--black_400);
3948 display: block;
3949 font-size: 14px;
3950 }
3951 .widget_display_topics li div,
3952 .widget_display_replies li div {
3953 font-size: 14px;
3954 }
3955
3956 .widget_display_topics li a,
3957 .widget_display_replies li a {
3958 color: var(--black_800);
3959 }
3960 .widget_display_topics li a .bbp-author-avatar img,
3961 .widget_display_replies li a .bbp-author-avatar img {
3962 border-radius: 50px !important;
3963 }
3964
3965 .widget_display_replies li .bbp-author-avatar {
3966 margin-right: 5px;
3967 }
3968
3969 .widget_display_topics li a:hover,
3970 .widget_display_replies li a:hover {
3971 color: var(--bbpc_brand_color);
3972 }
3973
3974 .bbp-logged-in .avatar {
3975 float: left;
3976 margin: 0 15px 0 0;
3977 border-radius: 99%;
3978 }
3979
3980 .bbp-logged-in h4 {
3981 font-weight: normal;
3982 font-size: 18px;
3983 clear: none;
3984 margin: 0 0 5px;
3985 }
3986
3987 .bbp-logged-in h4 a {
3988 color: #333;
3989 font-weight: 500;
3990 }
3991
3992 .bbp-logged-in a.button.logout-link:hover,
3993 .bbp-logged-in h4 a:hover {
3994 color: var(--bbpc_brand_color);
3995 }
3996
3997 .bbp-logged-in a.button.logout-link:hover,
3998 .bbp-logged-in a.button.logout-link {
3999 color: #666;
4000 }
4001
4002 .forum-post-content .content img {
4003 max-width: 100%;
4004 height: auto;
4005 }
4006
4007 ul.bbp-topics-widget.newness img {
4008 border-radius: 50%;
4009 margin: 5px;
4010 }
4011
4012 .bbp-submit-wrapper {
4013 float: left;
4014 margin-top: 0;
4015 }
4016
4017 .forum-post-content .forum-post-btm .taxonomy.forum-post-cat {
4018 display: flex;
4019 }
4020
4021 .bbp-topic-reply-link {
4022 padding: 6px 20px;
4023 font-weight: 400;
4024 border-radius: 2px;
4025 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out;
4026 background: #fff;
4027 border: 1px solid #d0d8dc;
4028 color: var(--black_800);
4029 height: 26px;
4030 font-size: 12px;
4031 line-height: 26px;
4032 }
4033
4034 .comment-content .bbp-topic-reply-link:hover {
4035 background: #fff;
4036 border: 1px solid var(--black_800);
4037 color: var(--black_800);
4038 }
4039
4040 .page-numbers {
4041 cursor: pointer !important;
4042 }
4043
4044 .pagination-wrapper .page-numbers.next {
4045 display: flex;
4046 align-items: center;
4047 justify-content: center;
4048 padding-bottom: 2px;
4049 }
4050
4051 .post-header .support-total-info li a {
4052 font-weight: 400;
4053 }
4054
4055 .post-header .support-total-info li a {
4056 color: #6b707f;
4057 }
4058
4059 .post-header .support-total-info li a.open-data.loading {
4060 color: var(--black_800);
4061 font-weight: 500;
4062 }
4063
4064 #tagList {
4065 padding-left: 40px;
4066 }
4067
4068 .userlist {
4069 padding-left: 15px;
4070 }
4071
4072 .post-header .category-menu .all-users a {
4073 position: relative;
4074 }
4075
4076 /*=========== Forum Post Widget css ==========*/
4077 .forum-post-widget .widget-header h2 {
4078 font-size: 40px;
4079 font-weight: 700;
4080 line-height: 50px;
4081 color: #000;
4082 }
4083 .forum-post-widget .widget-header .action_btn {
4084 padding-bottom: 8px;
4085 padding-top: 8px;
4086 box-shadow: none;
4087 }
4088 .forum-post-widget .widget-header .action_btn:hover {
4089 box-shadow: 0 20px 30px 0 rgba(17, 166, 131, 0.24);
4090 }
4091 .forum-post-widget .post-filter-widget {
4092 box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);
4093 border-radius: 10px;
4094 background-color: var(--bs-white);
4095 padding: 16.5px 30px;
4096 display: flex;
4097 flex-wrap: wrap;
4098 margin-bottom: 20px;
4099 }
4100 .forum-post-widget .post-filter-widget .single-filter-item {
4101 margin-right: 30px;
4102 display: flex;
4103 align-items: center;
4104 }
4105 .forum-post-widget .post-filter-widget .single-filter-item a.data-active {
4106 color: var(--bbpc_brand_color);
4107 }
4108 .forum-post-widget .post-filter-widget .single-filter-item i {
4109 margin-right: 5px;
4110 font-size: 12px;
4111 }
4112 @media (max-width: 1200px) and (min-width: 992px) {
4113 .forum-post-widget .post-filter-widget .single-filter-item {
4114 margin-right: 20px;
4115 }
4116 }
4117 .forum-post-widget .post-filter-widget .single-filter-item:last-child {
4118 margin-right: 0;
4119 }
4120 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio] {
4121 display: none;
4122 }
4123 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked {
4124 display: none;
4125 }
4126 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked ~ label .main-img {
4127 display: none;
4128 }
4129 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked ~ label .hover-img {
4130 display: block;
4131 }
4132 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked ~ label {
4133 color: var(--bbpc_brand_color);
4134 }
4135 .forum-post-widget .post-filter-widget .single-filter-item label {
4136 display: flex;
4137 align-items: center;
4138 cursor: pointer;
4139 }
4140 .forum-post-widget .post-filter-widget .single-filter-item label img {
4141 margin-right: 8.5px;
4142 margin-bottom: 1px;
4143 }
4144 .forum-post-widget .post-filter-widget .single-filter-item label .main-img {
4145 display: block;
4146 }
4147 .forum-post-widget .post-filter-widget .single-filter-item label .hover-img {
4148 display: none;
4149 }
4150 .forum-post-widget .post-filter-widget .single-filter-item label {
4151 font-size: 14px;
4152 font-weight: 400;
4153 line-height: 16px;
4154 color: #6a737c;
4155 }
4156
4157 .single-forum-post-widget {
4158 box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);
4159 border-radius: 10px;
4160 background-color: var(--bs-white);
4161 transition: all 0.3s ease-out;
4162 padding: 22px 35px 18px 30px;
4163 display: flex;
4164 align-items: center;
4165 justify-content: space-between;
4166 margin-top: 10px;
4167 }
4168 .single-forum-post-widget:first-child {
4169 margin-top: 0;
4170 }
4171 .single-forum-post-widget:hover {
4172 box-shadow: 0 20px 45px 0 rgba(51, 77, 114, 0.1490196078);
4173 transform: translateX(2px);
4174 }
4175 .single-forum-post-widget:hover .post-title h6 a {
4176 color: var(--bbpc_brand_color);
4177 }
4178 .single-forum-post-widget .post-title {
4179 margin-bottom: 10px;
4180 }
4181 .single-forum-post-widget .post-title h6 {
4182 margin-top: 0;
4183 margin-bottom: 0;
4184 line-height: 22px;
4185 font-size: 16px;
4186 font-weight: 500;
4187 }
4188 .single-forum-post-widget .post-title h6 a {
4189 color: var(--black_800);
4190 font-size: 18px;
4191 }
4192 .single-forum-post-widget .post-title i {
4193 font-size: 15px;
4194 color: #2ed83f;
4195 vertical-align: middle;
4196 margin-left: 6px;
4197 }
4198 .single-forum-post-widget .post-info {
4199 display: flex;
4200 flex-wrap: wrap;
4201 }
4202 .single-forum-post-widget .post-info > div {
4203 margin-right: 15px;
4204 }
4205 .single-forum-post-widget .post-info > div img {
4206 margin-right: 5px;
4207 height: 15px;
4208 width: 15px;
4209 margin-top: 0px;
4210 }
4211 .single-forum-post-widget .post-info > div {
4212 color: var(--black_600);
4213 font-size: 14px;
4214 font-weight: 400;
4215 line-height: 16px;
4216 }
4217 .single-forum-post-widget .post-info .post-category a {
4218 color: #4a6ee0;
4219 }
4220 .single-forum-post-widget .post-tags {
4221 display: flex;
4222 }
4223 .single-forum-post-widget .post-tags .single-tag {
4224 padding: 3px 9.5px;
4225 border-radius: 3px;
4226 font-size: 12px;
4227 font-weight: 400;
4228 line-height: 14px;
4229 color: #fff;
4230 margin: 12px 10px 0 0;
4231 }
4232 .single-forum-post-widget .post-tags .single-tag:last-child {
4233 margin-right: 0;
4234 }
4235 .single-forum-post-widget .post-tags .single-tag.tag-jq {
4236 background-color: #f7ab40;
4237 }
4238 .single-forum-post-widget .post-tags .single-tag.tag-php {
4239 background-color: #7543e0;
4240 }
4241 .single-forum-post-widget .post-tags .single-tag.tag-wp {
4242 background-color: #6078ce;
4243 }
4244 .single-forum-post-widget .post-tags .single-tag.tag-js {
4245 background-color: #ff7245;
4246 }
4247 .single-forum-post-widget .post-tags .single-tag.tag-dvlp {
4248 background-color: #48a6ea;
4249 }
4250 .single-forum-post-widget .post-tags .single-tag.tag-ecmrc {
4251 background-color: #333333;
4252 }
4253 .single-forum-post-widget .post-tags .single-tag.tag-foram {
4254 background-color: var(--bbpc_brand_color);
4255 }
4256 .single-forum-post-widget .post-tags .single-tag.tag-hlp {
4257 background-color: #2c53df;
4258 }
4259 .single-forum-post-widget .post-tags .single-tag.tag-sprt {
4260 background-color: #0cc72a;
4261 }
4262 .single-forum-post-widget .post-reach {
4263 border-left: 1px solid var(--black_50);
4264 padding-left: 10px;
4265 }
4266 .single-forum-post-widget .post-reach > div {
4267 font-size: 12px;
4268 font-weight: 400;
4269 line-height: 14px;
4270 color: #848d95;
4271 margin-top: 10px;
4272 display: flex;
4273 align-items: center;
4274 }
4275 .single-forum-post-widget .post-reach > div:first-child {
4276 margin-top: 0;
4277 }
4278 .single-forum-post-widget .post-reach > div img {
4279 margin-right: 5px;
4280 }
4281
4282 .single-forum-post-widget .post-category img {
4283 width: 20px;
4284 height: auto;
4285 border-radius: 50%;
4286 }
4287
4288 .single-filter-item a {
4289 color: var(--black_600);
4290 }
4291 .single-filter-item a:hover {
4292 text-decoration: none !important;
4293 }
4294
4295 .single-forum-post-widget .post-content .post-category a {
4296 font-size: 14px;
4297 color: var(--black_600);
4298 gap: 5px;
4299 }
4300 .single-forum-post-widget .post-content .post-category a:hover {
4301 color: var(--bbpc_brand_color);
4302 text-decoration: none;
4303 }
4304
4305 body.body_dark .forum-post-widget .post-filter-widget .single-filter-item svg, body.body_dark .forum-post-widget .post-filter-widget .single-filter-item path {
4306 fill: darkgrey;
4307 }
4308
4309 #aj-post-filter-widget svg circle.bbpc-preloader {
4310 stroke: var(--bbpc_brand_color) !important;
4311 }
4312
4313 .ama-search-widget {
4314 position: relative;
4315 margin-left: auto;
4316 margin-right: auto;
4317 }
4318 .ama-search-widget .header_search_keyword {
4319 text-align: left;
4320 display: flex;
4321 flex-wrap: wrap;
4322 align-items: center;
4323 font-weight: 500;
4324 justify-content: center;
4325 margin-top: 10px;
4326 }
4327 .ama-search-widget .header_search_keyword span {
4328 font-size: 14px;
4329 margin-right: 10px;
4330 }
4331 .ama-search-widget .header_search_keyword ul {
4332 margin: 0;
4333 }
4334 .ama-search-widget .header_search_keyword ul li {
4335 display: inline-block;
4336 margin: 0 3px 0;
4337 }
4338 .ama-search-widget .header_search_keyword ul li a {
4339 display: block;
4340 font-size: 13px;
4341 padding: 0 19px;
4342 border-radius: 45px;
4343 background: var(--bbpc_color);
4344 color: #fff;
4345 font-weight: normal;
4346 }
4347 .ama-search-widget .header_search_keyword ul li a.header-search-form__keywords-label {
4348 color: var(--black_800);
4349 }
4350 .ama-search-widget .search-box {
4351 z-index: 99;
4352 position: relative;
4353 }
4354 .ama-search-widget .search-box svg {
4355 position: absolute;
4356 right: 8px;
4357 top: 49.59999%;
4358 transform: translateY(-50%);
4359 line-height: 22px;
4360 padding: 10px;
4361 border-radius: 4px;
4362 border-left-color: transparent;
4363 box-sizing: border-box;
4364 color: var(--bbpc_brand_color);
4365 }
4366 .ama-search-widget .search-box input.frmx-search-input {
4367 border: 0 solid transparent;
4368 box-shadow: none;
4369 }
4370 .ama-search-widget .search-box input {
4371 width: 100%;
4372 border-radius: 4px;
4373 line-height: 35px;
4374 text-indent: 15px;
4375 padding-right: 43px;
4376 }
4377 .ama-search-widget .search-box .frmx-search-input + .spinner {
4378 position: absolute;
4379 right: 45px;
4380 top: 50% !important;
4381 transform: translateY(-50%);
4382 display: none;
4383 z-index: 999;
4384 color: var(--bbpc_brand_color);
4385 line-height: 0;
4386 }
4387 .ama-search-widget .search-box .frmx-search-input + .spinner .frmx-spinner-icon {
4388 animation: frmx-search-spin 0.75s linear infinite;
4389 }
4390 .ama-search-widget .elementor img {
4391 height: auto;
4392 max-width: 100%;
4393 border: none;
4394 border-radius: 0;
4395 -webkit-box-shadow: none;
4396 box-shadow: none;
4397 }
4398
4399 ul.list-unstyled {
4400 padding-left: 0;
4401 }
4402
4403 .ama-search-keyword-wrapper .header_search_keyword ul li a {
4404 color: var(--black_600);
4405 background: var(--black_50);
4406 font-weight: normal;
4407 }
4408
4409 /* ------- Forum & Search -------- */
4410 .single-forum-post-widget .post-category img {
4411 width: 15px;
4412 height: auto;
4413 }
4414
4415 .single-filter-item a {
4416 color: var(--black_600);
4417 }
4418
4419 /** === Doc search form result === **/
4420 .bbpc-search-result-container {
4421 position: absolute;
4422 width: 100%;
4423 background: var(--bs-white);
4424 font-size: 14px;
4425 font-weight: 400;
4426 display: none;
4427 transition: all 0.4s;
4428 margin-top: 0;
4429 border: 1px solid var(--black_50);
4430 border-top: none;
4431 border-radius: 0 0 16px 16px;
4432 box-shadow: 0 8px 16px 0 rgba(4, 73, 89, 0.1);
4433 padding: 0;
4434 top: 47px;
4435 overflow-y: auto;
4436 max-height: 90vh;
4437 scrollbar-width: thin;
4438 scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
4439 }
4440 .bbpc-search-result-container::-webkit-scrollbar {
4441 width: 8px;
4442 }
4443 .bbpc-search-result-container::-webkit-scrollbar-track {
4444 background: transparent;
4445 }
4446 .bbpc-search-result-container::-webkit-scrollbar-thumb {
4447 background: rgba(0, 0, 0, 0.2);
4448 border-radius: 10px;
4449 }
4450 .bbpc-search-result-container::-webkit-scrollbar-thumb:hover {
4451 background: rgba(0, 0, 0, 0.3);
4452 }
4453 .bbpc-search-result-container .searchbar-tabs {
4454 padding: 0 10px 15px 0;
4455 }
4456 .bbpc-search-result-container a {
4457 text-decoration: none;
4458 }
4459 .bbpc-search-result-container.ajax-search {
4460 display: block;
4461 }
4462 .bbpc-search-result-container .bbpc-result-tabs {
4463 display: flex;
4464 align-items: center;
4465 flex-wrap: wrap;
4466 gap: 2px;
4467 padding: 8px 10px;
4468 border-bottom: 1px solid var(--black_50);
4469 }
4470 .bbpc-search-result-container .bbpc-result-tabs .bbpc-tab {
4471 background: transparent;
4472 border: none;
4473 padding: 5px 14px;
4474 border-radius: 20px;
4475 font-size: 13px;
4476 font-weight: 500;
4477 color: #5f6368;
4478 cursor: pointer;
4479 transition: background 0.15s, color 0.15s;
4480 line-height: 1.5;
4481 }
4482 .bbpc-search-result-container .bbpc-result-tabs .bbpc-tab.active {
4483 background: #e8f0fe;
4484 color: #1a73e8;
4485 }
4486 .bbpc-search-result-container .bbpc-result-tabs .bbpc-tab:hover:not(.active) {
4487 background: #f1f3f4;
4488 color: #202124;
4489 }
4490 .bbpc-search-result-container .bbpc-not-found-text {
4491 display: block;
4492 font-weight: 700;
4493 font-size: 20px;
4494 margin: 0;
4495 padding: 28px 16px;
4496 letter-spacing: 0.1px;
4497 text-align: center;
4498 }
4499
4500 .search-results-tab .bbpc-search-title {
4501 font-size: 16px;
4502 color: var(--black_600);
4503 display: block;
4504 border-bottom: 1px solid var(--black_50);
4505 font-weight: 500;
4506 text-align: left;
4507 padding-left: 8px;
4508 margin: 12px 0 0;
4509 padding-bottom: 8px;
4510 text-transform: capitalize;
4511 }
4512
4513 /*
4514 keywords
4515 */
4516 .bbpc-search-keyword {
4517 display: block;
4518 text-align: center;
4519 margin: 15px 0 5px;
4520 }
4521 .bbpc-search-keyword.left {
4522 text-align: left;
4523 }
4524 .bbpc-search-keyword.right {
4525 text-align: right;
4526 }
4527 .bbpc-search-keyword ul {
4528 list-style: none;
4529 margin: 0 2px;
4530 padding: 0;
4531 display: inline-block;
4532 }
4533 .bbpc-search-keyword ul li {
4534 list-style: none;
4535 margin: 0 2px;
4536 padding: 0;
4537 display: inline-block;
4538 }
4539 .bbpc-search-keyword ul li a {
4540 color: #fff;
4541 background: #000;
4542 font-size: 14px;
4543 text-transform: capitalize;
4544 padding: 4px 12px;
4545 border-radius: 15px;
4546 font-weight: 400;
4547 text-decoration: none !important;
4548 }
4549 .bbpc-search-keyword ul li a:hover {
4550 background: #979393;
4551 }
4552
4553 .bbpc_search_form_wrapper {
4554 position: relative;
4555 }
4556 .bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input[type=search],
4557 .bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input.frmx-search-input,
4558 .bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input[type=search]:focus,
4559 .bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input.frmx-search-input:focus {
4560 border-top-left-radius: 16px;
4561 border-top-right-radius: 16px;
4562 border-bottom-left-radius: 0;
4563 border-bottom-right-radius: 0;
4564 border-color: var(--black_50);
4565 border-bottom-color: transparent;
4566 box-shadow: none;
4567 }
4568 .bbpc_search_form_wrapper .input-wrapper {
4569 position: relative;
4570 /* Pill-shaped wrapper — mirrors the second reference design. */
4571 }
4572 .bbpc_search_form_wrapper .input-wrapper input[type=search],
4573 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input {
4574 width: 100%;
4575 height: 48px;
4576 padding: 0 44px 0 48px; /* left space for icon, right space for clear btn */
4577 border-radius: 50px;
4578 border: 1.5px solid var(--black_50);
4579 background: var(--bs-white);
4580 font-size: 15px;
4581 color: #444;
4582 outline: none;
4583 transition: border-color 0.2s, box-shadow 0.2s;
4584 box-shadow: none;
4585 -webkit-appearance: none;
4586 }
4587 .bbpc_search_form_wrapper .input-wrapper input[type=search]::placeholder,
4588 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input::placeholder {
4589 color: #aaa;
4590 }
4591 .bbpc_search_form_wrapper .input-wrapper input[type=search]:focus,
4592 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input:focus {
4593 border-color: var(--bbpc_brand_color, #1a73e8);
4594 box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.1);
4595 }
4596 .bbpc_search_form_wrapper .input-wrapper input[type=search],
4597 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input {
4598 /* Native clear (×) button — keep it inside the pill. */
4599 }
4600 .bbpc_search_form_wrapper .input-wrapper input[type=search]::-webkit-search-cancel-button,
4601 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input::-webkit-search-cancel-button {
4602 -webkit-appearance: auto;
4603 margin-right: 10px;
4604 cursor: pointer;
4605 opacity: 0.5;
4606 }
4607 .bbpc_search_form_wrapper .input-wrapper input[type=search]::-webkit-search-cancel-button:hover,
4608 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input::-webkit-search-cancel-button:hover {
4609 opacity: 1;
4610 }
4611 .bbpc_search_form_wrapper .input-wrapper {
4612 /* Spinner sits just before the clear button. */
4613 }
4614 .bbpc_search_form_wrapper .input-wrapper .spinner {
4615 position: absolute;
4616 right: 40px;
4617 top: 50%;
4618 transform: translateY(-50%);
4619 display: none;
4620 z-index: 999;
4621 align-items: center;
4622 justify-content: center;
4623 color: var(--bbpc_brand_color, #1a73e8);
4624 line-height: 0;
4625 }
4626 .bbpc_search_form_wrapper .input-wrapper .spinner.show {
4627 display: inline-flex;
4628 }
4629 .bbpc_search_form_wrapper .input-wrapper .spinner .frmx-spinner-icon {
4630 animation: frmx-search-spin 0.75s linear infinite;
4631 }
4632 .bbpc_search_form_wrapper .input-wrapper {
4633 /* Submit button — always positioned absolute inside the pill. */
4634 }
4635 .bbpc_search_form_wrapper .input-wrapper .submit-btn-left,
4636 .bbpc_search_form_wrapper .input-wrapper .submit-btn-right {
4637 position: absolute;
4638 top: 0;
4639 bottom: 0;
4640 display: flex;
4641 align-items: center;
4642 margin: auto;
4643 z-index: 2;
4644 }
4645 .bbpc_search_form_wrapper .input-wrapper {
4646 /* Icon on the LEFT side (default / submit_btn_align = right → button on left). */
4647 }
4648 .bbpc_search_form_wrapper .input-wrapper .submit-btn-left {
4649 left: 24px;
4650 }
4651 .bbpc_search_form_wrapper .input-wrapper {
4652 /* Icon on the RIGHT side. */
4653 }
4654 .bbpc_search_form_wrapper .input-wrapper .submit-btn-right {
4655 right: 14px;
4656 }
4657 .bbpc_search_form_wrapper .input-wrapper {
4658 /* When icon is on the RIGHT — flip padding so text has left space instead. */
4659 }
4660 .bbpc_search_form_wrapper .input-wrapper.right input[type=search], .bbpc_search_form_wrapper .input-wrapper.right input.frmx-search-input {
4661 padding-left: 18px;
4662 padding-right: 52px;
4663 }
4664 .bbpc_search_form_wrapper .input-wrapper button {
4665 background: transparent;
4666 border: none;
4667 outline: none;
4668 cursor: pointer;
4669 padding: 0;
4670 margin: 0;
4671 color: var(--bbpc_brand_color, #1a73e8); /* blue icon — matches design */
4672 line-height: 0;
4673 }
4674 .bbpc_search_form_wrapper .input-wrapper button i, .bbpc_search_form_wrapper .input-wrapper button svg {
4675 font-size: 18px;
4676 width: 1em;
4677 height: 1em;
4678 fill: currentColor;
4679 display: block;
4680 }
4681 .bbpc_search_form_wrapper .bbpc-result-group-label {
4682 font-size: 11px;
4683 font-weight: 600;
4684 color: #bdc1c6;
4685 padding: 8px 16px 4px;
4686 text-transform: uppercase;
4687 letter-spacing: 0.08em;
4688 }
4689 .bbpc_search_form_wrapper .search-result-item {
4690 display: block;
4691 width: 100%;
4692 padding: 12px 16px;
4693 border-bottom: 1px solid var(--black_50);
4694 transition: background 0.15s;
4695 cursor: pointer;
4696 }
4697 .bbpc_search_form_wrapper .search-result-item:last-of-type {
4698 border-bottom: none;
4699 }
4700 .bbpc_search_form_wrapper .search-result-item .bbpc-result-link {
4701 display: flex;
4702 align-items: center;
4703 gap: 12px;
4704 color: inherit;
4705 text-decoration: none;
4706 }
4707 .bbpc_search_form_wrapper .search-result-item .bbpc-result-icon {
4708 width: 20px;
4709 height: 20px;
4710 flex-shrink: 0;
4711 color: #9aa0a6;
4712 }
4713 .bbpc_search_form_wrapper .search-result-item .bbpc-result-body {
4714 display: flex;
4715 flex-direction: column;
4716 flex: 1;
4717 min-width: 0;
4718 }
4719 .bbpc_search_form_wrapper .search-result-item .bbpc-result-title {
4720 font-size: 14px;
4721 font-weight: 500;
4722 color: #202124;
4723 line-height: 1.4;
4724 white-space: nowrap;
4725 overflow: hidden;
4726 text-overflow: ellipsis;
4727 }
4728 .bbpc_search_form_wrapper .search-result-item .bbpc-result-type {
4729 margin-top: 3px;
4730 font-size: 12px;
4731 font-weight: 400;
4732 color: #70757a;
4733 }
4734 .bbpc_search_form_wrapper .search-result-item .bbpc-result-breadcrumb {
4735 display: flex;
4736 flex-wrap: wrap;
4737 list-style: none;
4738 margin: 4px 0 0;
4739 padding: 0 0 0 32px;
4740 }
4741 .bbpc_search_form_wrapper .search-result-item .bbpc-result-breadcrumb .bbpc-breadcrumb-item {
4742 font-size: 12px;
4743 color: #70757a;
4744 }
4745 .bbpc_search_form_wrapper .search-result-item .bbpc-result-breadcrumb .bbpc-breadcrumb-item + .bbpc-breadcrumb-item::before {
4746 content: "\203A";
4747 color: #b7b9be;
4748 padding: 0 5px;
4749 }
4750 .bbpc_search_form_wrapper .search-result-item:hover {
4751 background: rgba(143, 187, 237, 0.1);
4752 }
4753 .bbpc_search_form_wrapper .search-result-item:hover .bbpc-result-title {
4754 color: #1a73e8;
4755 }
4756 .bbpc_search_form_wrapper {
4757 /* Search keyword highlight styling. */
4758 }
4759 .bbpc_search_form_wrapper .frmx-search-highlight {
4760 background-color: #fff3cd;
4761 color: inherit;
4762 padding: 1px 3px;
4763 border-radius: 3px;
4764 font-weight: 600;
4765 }
4766
4767 .searchbar-tabs .tab-item {
4768 font-size: 14px;
4769 font-weight: 500;
4770 padding: 11px 8px;
4771 margin-right: 20px;
4772 border: none;
4773 background: 0 0;
4774 color: var(--black_400);
4775 text-transform: capitalize;
4776 cursor: pointer;
4777 }
4778 .searchbar-tabs .tab-item.active {
4779 color: var(--bbpc_brand_color);
4780 border-bottom: 3px solid var(--bbpc_brand_color);
4781 }
4782 .searchbar-tabs .tab-item:hover {
4783 text-decoration: none;
4784 outline: none;
4785 }
4786 .searchbar-tabs .tab-item:focus {
4787 text-decoration: none;
4788 outline: none;
4789 }
4790
4791 .forum-card .forum-card-thumbnail-area {
4792 padding: 0 !important;
4793 }
4794
4795 body.body_dark input.frmx-search-input.input_focused {
4796 background: #fff;
4797 }
4798 body.body_dark .bbpc-not-found-text {
4799 color: black;
4800 }
4801
4802 /** === Focus Search Form === **/
4803 body.bbpc-search-open {
4804 opacity: 1;
4805 visibility: visible;
4806 }
4807
4808 body:not(.bbpc-search-open) .bbpc-search-result-container.ajax-search {
4809 display: none;
4810 }
4811
4812 .bbpc-search-overlay.active {
4813 display: none;
4814 position: fixed;
4815 top: 0;
4816 left: 0;
4817 width: 100%;
4818 height: 100%;
4819 background: rgba(0, 0, 0, 0.4); /* Semi-transparent black overlay */
4820 justify-content: center;
4821 align-items: center;
4822 z-index: 99;
4823 transition: 0.3s all;
4824 }
4825
4826 /* Spin animation for search spinner. */
4827 @keyframes frmx-search-spin {
4828 to {
4829 transform: rotate(360deg);
4830 }
4831 }
4832 .elementor-widget-container .more-communities {
4833 margin-top: 0px !important;
4834 }
4835 .elementor-widget-container .community-topic-widget-box img {
4836 height: 48px !important;
4837 }
4838
4839 .forum-with-topics {
4840 border-radius: 30px;
4841 }
4842 .forum-with-topics .thumb-area .forum-thumbnail {
4843 border-radius: 8px 8px 0 0;
4844 width: 100%;
4845 }
4846 .forum-with-topics .thumb-area .forum-thumbnail img {
4847 width: 100%;
4848 z-index: -1;
4849 }
4850 .forum-with-topics .topic-table .topic-heading {
4851 display: flex;
4852 flex-wrap: wrap;
4853 background: var(--bs-white);
4854 box-shadow: 0 20px 60px -5px rgba(51, 77, 114, 0.12);
4855 padding: 16px 30px;
4856 border-radius: 0 0 8px 8px;
4857 border: 1px solid var(--black_50);
4858 }
4859 .forum-with-topics .topic-table .topic-heading .icon-text {
4860 color: var(--black_600);
4861 font-size: 14px;
4862 font-weight: 400;
4863 display: flex;
4864 align-items: center;
4865 }
4866 .forum-with-topics .topic-table .topic-heading .icon-text svg {
4867 margin-right: 5px;
4868 }
4869 .forum-with-topics .topic-table .topic-heading .topic {
4870 width: 54%;
4871 }
4872 .forum-with-topics .topic-table .topic-heading .voice {
4873 width: 13%;
4874 }
4875 .forum-with-topics .topic-table .topic-heading .replies {
4876 width: 8%;
4877 }
4878 .forum-with-topics .topic-table .topic-heading .freshness {
4879 width: 20%;
4880 }
4881 .forum-with-topics .topic-table .topic-contents {
4882 display: flex;
4883 background: var(--bs-white);
4884 box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);
4885 margin: 10px 0;
4886 border-radius: 8px;
4887 padding: 16px 30px;
4888 border: 1px solid var(--black_50);
4889 align-items: center;
4890 }
4891 .forum-with-topics .topic-table .topic-contents .title {
4892 width: 50%;
4893 }
4894 .forum-with-topics .topic-table .topic-contents .title:hover a {
4895 text-decoration: none;
4896 }
4897 .forum-with-topics .topic-table .topic-contents .title p {
4898 margin-top: 0;
4899 margin-bottom: 0;
4900 font-size: 15px;
4901 }
4902 .forum-with-topics .topic-table .topic-contents .title h3 {
4903 font-size: 16px;
4904 margin-bottom: 5px;
4905 margin-top: 0;
4906 line-height: 20px;
4907 }
4908 .forum-with-topics .topic-table .topic-contents .title h3:hover {
4909 color: var(--bbpc_brand_color);
4910 }
4911 .forum-with-topics .topic-table .topic-contents .voice {
4912 width: 12%;
4913 }
4914 .forum-with-topics .topic-table .topic-contents .topics {
4915 width: 14%;
4916 }
4917 .forum-with-topics .topic-table .topic-contents .voice,
4918 .forum-with-topics .topic-table .topic-contents .topics {
4919 text-align: center;
4920 }
4921 .forum-with-topics .topic-table .topic-contents .user {
4922 width: 25%;
4923 margin-top: 2px;
4924 }
4925 .forum-with-topics .topic-table .topic-contents .user .user-data {
4926 display: flex;
4927 }
4928 .forum-with-topics .topic-table .topic-contents .user .user-img {
4929 margin-right: 10px;
4930 }
4931 .forum-with-topics .topic-table .topic-contents .user .user-img img {
4932 border-radius: 50%;
4933 }
4934 .forum-with-topics .topic-table .topic-contents .user .user-info span.bbp-author-name {
4935 font-size: 14px;
4936 font-weight: 400;
4937 color: var(--black_800);
4938 letter-spacing: normal;
4939 margin-bottom: 8px;
4940 display: inline-block;
4941 }
4942 .forum-with-topics .topic-table .topic-contents .user .user-info .date {
4943 font-size: 13px;
4944 margin: 0;
4945 line-height: 1.5;
4946 }
4947 .forum-with-topics .topic-table .topic-contents .user .user-info .date a {
4948 color: var(--black_400);
4949 }
4950 .forum-with-topics .topic-table .topic-contents .user .user-info .date a:hover {
4951 color: var(--bbpc_brand_color);
4952 text-decoration: none;
4953 }
4954 .forum-with-topics .topic-table .topic-contents .user .user-info h3 {
4955 line-height: 0.5;
4956 margin: 0;
4957 }
4958 .forum-with-topics .topic-table .topic-contents h3 a {
4959 color: #171D24 !important;
4960 font-size: 16px;
4961 }
4962 .forum-with-topics .topic-table .topic-contents h3 a:hover {
4963 text-decoration: none;
4964 color: var(--bbpc_brand_color) !important;
4965 }
4966 .forum-with-topics .topic-table .topic-contents h3 a:hover span {
4967 color: var(--bbpc_brand_color) !important;
4968 }
4969
4970 .forum-info {
4971 padding: 50px 30px;
4972 }
4973 .forum-info .title-area {
4974 align-items: center;
4975 }
4976 @media all and (max-width: 560px) {
4977 .forum-info .title-area {
4978 margin-top: 10px;
4979 }
4980 }
4981 .forum-info .title-area .title,
4982 .forum-info .title-area .subtitle {
4983 color: #fff;
4984 }
4985 .forum-info .title-area .title {
4986 font-size: 28px;
4987 text-transform: capitalize;
4988 margin: 0;
4989 letter-spacing: normal;
4990 }
4991 @media all and (max-width: 560px) {
4992 .forum-info .title-area .title {
4993 margin-bottom: 4px;
4994 }
4995 }
4996 .forum-info .title-area .subtitle {
4997 font-style: italic;
4998 }
4999
5000 .forum-meta {
5001 display: flex;
5002 position: absolute;
5003 list-style-type: none;
5004 top: 20px;
5005 right: 20px;
5006 margin: 0;
5007 }
5008 .forum-meta li {
5009 display: flex;
5010 margin-right: 10px;
5011 line-height: 1 !important;
5012 border-radius: 3px;
5013 margin-left: 0;
5014 }
5015 .forum-meta li.button {
5016 padding: 0;
5017 }
5018 .forum-meta li.button:hover {
5019 text-decoration: none;
5020 }
5021 .forum-meta li:hover a {
5022 text-decoration: none;
5023 }
5024 .forum-meta li:last-child {
5025 margin-right: 0;
5026 }
5027 .forum-meta .topics,
5028 .forum-meta .replies {
5029 color: #fff;
5030 display: inline-flex;
5031 align-items: center;
5032 background: rgba(255, 255, 255, 0.15);
5033 padding: 8px;
5034 font-size: 14px !important;
5035 margin-top: 0;
5036 }
5037 .forum-meta .topics:hover,
5038 .forum-meta .replies:hover {
5039 background: rgba(255, 255, 255, 0.3);
5040 }
5041 .forum-meta .topics svg,
5042 .forum-meta .replies svg {
5043 margin-right: 5px;
5044 }
5045 .forum-meta .button a {
5046 color: #ffffff;
5047 background: var(--bbpc_brand_color);
5048 padding: 8px 14px;
5049 font-size: 14px;
5050 border-radius: 3px;
5051 text-decoration: none;
5052 }
5053 .forum-meta .button a:hover {
5054 background: #9ea2a9;
5055 }
5056
5057 .forum-with-topics .forum-card {
5058 background: var(--bs-white, #fff);
5059 border-color: var(--black_50);
5060 }
5061
5062 .forum-card {
5063 background: var(--bs-white);
5064 border-radius: 8px 8px 8px 8px;
5065 border: 1px solid var(--black_50);
5066 overflow: hidden;
5067 }
5068 .forum-card .card-body {
5069 padding: 25px;
5070 }
5071 .forum-card .card-body p {
5072 margin-bottom: 0;
5073 }
5074 .forum-card .card-title h3 {
5075 font-size: 18px;
5076 margin-bottom: 5px;
5077 margin-top: unset;
5078 }
5079 .forum-card .card-title h3:hover a {
5080 color: #0b589d;
5081 }
5082 .forum-card .card-title a {
5083 text-decoration: none;
5084 }
5085 .forum-card .forum-card-thumbnail-area {
5086 position: relative;
5087 border-radius: 30px 30px 0 0;
5088 padding: 10px 25px;
5089 }
5090 .forum-card .forum-card-thumbnail-area img {
5091 width: 100%;
5092 }
5093 .forum-card .forum-meta {
5094 display: flex;
5095 position: absolute;
5096 bottom: 0;
5097 right: 20px;
5098 top: auto;
5099 margin-bottom: 20px;
5100 }
5101 .forum-card .forum-meta .topics,
5102 .forum-card .forum-meta .replies {
5103 background: rgba(23, 29, 36, 0.7);
5104 }
5105 .forum-card .forum-meta .topics:hover,
5106 .forum-card .forum-meta .replies:hover {
5107 background: rgba(23, 29, 36, 0.8);
5108 }
5109
5110 @media all and (max-width: 560px) {
5111 .topic-contents .voice,
5112 .topic-contents .topics,
5113 .topic-contents .user {
5114 display: none;
5115 }
5116 .topic-table .topic-heading .voice,
5117 .topic-table .topic-heading .replies,
5118 .topic-table .topic-heading .freshness {
5119 display: none !important;
5120 }
5121 .topic-table .topic-heading .topic,
5122 .topic-table .topic-contents .title {
5123 width: 100% !important;
5124 }
5125 }
5126 .home-forum-counter .elementor-element-populated {
5127 background-color: var(--bs-white);
5128 }
5129 .home-forum-counter .elementor-element-populated .elementor-counter-number {
5130 color: var(--black_900);
5131 }
5132
5133 .home-forum-posts .elementor-post__card {
5134 background-color: var(--bs-white) !important;
5135 }
5136 .home-forum-posts .elementor-post__card .elementor-post__title a {
5137 color: var(--black_900);
5138 }
5139
5140 .card {
5141 position: relative;
5142 display: flex;
5143 flex-direction: column;
5144 }
5145
5146 body.body_dark .forum-with-topics .topic-table .topic-contents h3 a {
5147 color: #fff !important;
5148 }
5149 body.body_dark .forum-with-topics .topic-table .topic-contents h3 a:hover {
5150 color: var(--bbpc_brand_color) !important;
5151 }
5152 body.body_dark .forum-with-topics .topic-table .topic-contents .title p {
5153 color: var(--black_400);
5154 }
5155 body.body_dark .forum-with-topics .forum-card .card-body .card-title h3 a {
5156 color: #fff !important;
5157 }
5158 body.body_dark .forum-with-topics .forum-card .card-body .card-title h3 a:hover {
5159 color: var(--bbpc_brand_color) !important;
5160 }
5161 body.body_dark .forum-with-topics .forum-card .card-body:not(.card-title) {
5162 color: var(--black_400);
5163 }
5164 body.body_dark .bbpc-sf-list .bbpc-sf-list-forum-title a {
5165 color: #fff;
5166 }
5167 body.body_dark .bbpc-sf-list .bbpc-sf-list-forum-desc {
5168 color: var(--black_400);
5169 }
5170 body.body_dark .bbpc-sf-list .bbpc-sf-list-item {
5171 background: var(--black_50);
5172 }
5173 body.body_dark .bbpc-sf-list .bbpc-sf-list-item .bbpc-sf-list-title a {
5174 color: #fff;
5175 }
5176 body.body_dark .bbpc-sf-list .bbpc-sf-list-item .bbpc-sf-list-title a:hover {
5177 color: var(--bbpc_brand_color);
5178 }
5179 body.body_dark .bbpc-sf-list .bbpc-sf-list-item .bbpc-sf-list-excerpt {
5180 color: var(--black_400);
5181 }
5182 body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic {
5183 background: var(--black_50);
5184 }
5185 body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic h3 a {
5186 color: #fff;
5187 }
5188 body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic h3 a:hover {
5189 color: var(--bbpc_brand_color);
5190 }
5191 body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic p {
5192 color: var(--black_400);
5193 }
5194
5195 .bbpc-sf-list .bbpc-sf-list-header {
5196 display: flex;
5197 align-items: center;
5198 justify-content: space-between;
5199 flex-wrap: wrap;
5200 margin-bottom: 12px;
5201 gap: 10px;
5202 }
5203 .bbpc-sf-list .bbpc-sf-list-forum-title {
5204 font-size: 20px;
5205 font-weight: 600;
5206 margin: 0;
5207 color: var(--black_900);
5208 }
5209 .bbpc-sf-list .bbpc-sf-list-forum-title a {
5210 color: inherit;
5211 text-decoration: none;
5212 }
5213 .bbpc-sf-list .bbpc-sf-list-forum-title a:hover {
5214 color: var(--bbpc_brand_color);
5215 }
5216 .bbpc-sf-list .bbpc-sf-list-counts {
5217 display: flex;
5218 gap: 10px;
5219 }
5220 .bbpc-sf-list .bbpc-sf-list-badge {
5221 font-size: 13px;
5222 color: var(--black_500);
5223 background: var(--black_50);
5224 padding: 4px 10px;
5225 border-radius: 20px;
5226 }
5227 .bbpc-sf-list .bbpc-sf-list-forum-desc {
5228 font-size: 14px;
5229 color: var(--black_600);
5230 margin: 0 0 16px;
5231 line-height: 1.6;
5232 }
5233 .bbpc-sf-list .bbpc-sf-list-item {
5234 background: var(--bs-white);
5235 border: 1px solid var(--black_50);
5236 padding: 16px 20px;
5237 margin-bottom: 10px;
5238 border-radius: 8px;
5239 transition: box-shadow 0.2s ease;
5240 }
5241 .bbpc-sf-list .bbpc-sf-list-item:hover {
5242 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
5243 }
5244 .bbpc-sf-list .bbpc-sf-list-item:last-of-type {
5245 margin-bottom: 0;
5246 }
5247 .bbpc-sf-list .bbpc-sf-list-title {
5248 font-size: 15px;
5249 font-weight: 500;
5250 margin: 0 0 4px;
5251 line-height: 1.4;
5252 }
5253 .bbpc-sf-list .bbpc-sf-list-title a {
5254 color: var(--black_900);
5255 text-decoration: none;
5256 }
5257 .bbpc-sf-list .bbpc-sf-list-title a:hover {
5258 color: var(--bbpc_brand_color);
5259 }
5260 .bbpc-sf-list .bbpc-sf-list-excerpt {
5261 font-size: 13px;
5262 color: var(--black_500);
5263 margin: 0 0 8px;
5264 line-height: 1.5;
5265 }
5266 .bbpc-sf-list .bbpc-sf-list-meta {
5267 display: flex;
5268 gap: 16px;
5269 flex-wrap: wrap;
5270 }
5271 .bbpc-sf-list .bbpc-sf-list-meta span {
5272 font-size: 12px;
5273 color: var(--black_400);
5274 }
5275 .bbpc-sf-list .bbpc-sf-list-footer {
5276 margin-top: 16px;
5277 text-align: right;
5278 }
5279 .bbpc-sf-list .bbpc-sf-list-view-all {
5280 display: inline-block;
5281 font-size: 14px;
5282 font-weight: 500;
5283 color: var(--bbpc_brand_color);
5284 text-decoration: none;
5285 }
5286 .bbpc-sf-list .bbpc-sf-list-view-all:hover {
5287 text-decoration: underline;
5288 }
5289
5290 .bbpc-sf-grid {
5291 display: grid;
5292 grid-template-columns: 1fr 1fr;
5293 gap: 0;
5294 border-radius: 8px;
5295 overflow: hidden;
5296 border: 1px solid var(--black_50);
5297 }
5298 @media all and (max-width: 768px) {
5299 .bbpc-sf-grid {
5300 grid-template-columns: 1fr;
5301 }
5302 }
5303 .bbpc-sf-grid .bbpc-sf-grid-info {
5304 display: flex;
5305 align-items: flex-end;
5306 padding: 30px;
5307 min-height: 250px;
5308 color: #fff;
5309 }
5310 .bbpc-sf-grid .bbpc-sf-grid-info-inner {
5311 width: 100%;
5312 }
5313 .bbpc-sf-grid .bbpc-sf-grid-title {
5314 font-size: 22px;
5315 font-weight: 600;
5316 margin: 0 0 8px;
5317 }
5318 .bbpc-sf-grid .bbpc-sf-grid-title a {
5319 color: #fff;
5320 text-decoration: none;
5321 }
5322 .bbpc-sf-grid .bbpc-sf-grid-title a:hover {
5323 opacity: 0.85;
5324 }
5325 .bbpc-sf-grid .bbpc-sf-grid-desc {
5326 font-size: 14px;
5327 line-height: 1.6;
5328 margin: 0 0 16px;
5329 opacity: 0.85;
5330 color: #fff;
5331 }
5332 .bbpc-sf-grid .bbpc-sf-grid-badges {
5333 display: flex;
5334 gap: 10px;
5335 margin-bottom: 16px;
5336 }
5337 .bbpc-sf-grid .bbpc-sf-grid-badge {
5338 font-size: 13px;
5339 color: #fff;
5340 background: rgba(255, 255, 255, 0.2);
5341 padding: 5px 12px;
5342 border-radius: 20px;
5343 }
5344 .bbpc-sf-grid .bbpc-sf-grid-view-all {
5345 display: inline-block;
5346 font-size: 14px;
5347 font-weight: 500;
5348 color: #fff;
5349 text-decoration: none;
5350 background: var(--bbpc_brand_color);
5351 padding: 8px 18px;
5352 border-radius: 6px;
5353 transition: opacity 0.2s ease;
5354 }
5355 .bbpc-sf-grid .bbpc-sf-grid-view-all:hover {
5356 opacity: 0.9;
5357 color: #fff;
5358 text-decoration: none;
5359 }
5360 .bbpc-sf-grid .bbpc-sf-grid-topics {
5361 background: var(--bs-white);
5362 }
5363 .bbpc-sf-grid .bbpc-sf-grid-topic {
5364 padding: 18px 24px;
5365 border-bottom: 1px solid var(--black_50);
5366 transition: background 0.2s ease;
5367 }
5368 .bbpc-sf-grid .bbpc-sf-grid-topic:last-child {
5369 border-bottom: none;
5370 }
5371 .bbpc-sf-grid .bbpc-sf-grid-topic:hover {
5372 background: var(--black_50);
5373 }
5374 .bbpc-sf-grid .bbpc-sf-grid-topic h3 {
5375 font-size: 15px;
5376 font-weight: 500;
5377 margin: 0 0 4px;
5378 line-height: 1.4;
5379 }
5380 .bbpc-sf-grid .bbpc-sf-grid-topic h3 a {
5381 color: var(--black_900);
5382 text-decoration: none;
5383 }
5384 .bbpc-sf-grid .bbpc-sf-grid-topic h3 a:hover {
5385 color: var(--bbpc_brand_color);
5386 }
5387 .bbpc-sf-grid .bbpc-sf-grid-topic p {
5388 font-size: 13px;
5389 color: var(--black_500);
5390 margin: 0 0 8px;
5391 line-height: 1.5;
5392 }
5393 .bbpc-sf-grid .bbpc-sf-grid-meta {
5394 display: flex;
5395 gap: 16px;
5396 flex-wrap: wrap;
5397 }
5398 .bbpc-sf-grid .bbpc-sf-grid-meta span {
5399 font-size: 12px;
5400 color: var(--black_400);
5401 }
5402
5403 .single-forum-post-widget {
5404 box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);
5405 border-radius: 10px;
5406 background-color: var(--bs-white);
5407 transition: all 0.3s ease-out;
5408 padding: 22px 35px 18px 30px;
5409 display: flex;
5410 align-items: center;
5411 justify-content: space-between;
5412 margin-top: 10px;
5413 }
5414 .single-forum-post-widget:first-child {
5415 margin-top: 0;
5416 }
5417 .single-forum-post-widget:hover {
5418 box-shadow: 0 20px 45px 0 rgba(51, 77, 114, 0.1490196078);
5419 transform: translateX(2px);
5420 }
5421 .single-forum-post-widget:hover .post-title h6 a {
5422 color: var(--bbpc_brand_color);
5423 }
5424 .single-forum-post-widget .post-title {
5425 margin-bottom: 15px;
5426 }
5427 .single-forum-post-widget .post-title h6 {
5428 margin-bottom: 0;
5429 line-height: 22px;
5430 font-size: 16px;
5431 font-weight: 500;
5432 text-transform: capitalize;
5433 }
5434 .single-forum-post-widget .post-title h6 a {
5435 color: var(--black_800);
5436 font-size: 18px;
5437 }
5438 .single-forum-post-widget .post-title h6 a:hover {
5439 text-decoration: none;
5440 }
5441 .single-forum-post-widget .post-title i {
5442 font-size: 15px;
5443 color: #2ed83f;
5444 vertical-align: middle;
5445 margin-left: 6px;
5446 }
5447 .single-forum-post-widget .post-info {
5448 display: flex;
5449 flex-wrap: wrap;
5450 margin-bottom: 5px;
5451 }
5452 .single-forum-post-widget .post-info > div {
5453 margin-right: 15px;
5454 display: flex;
5455 }
5456 .single-forum-post-widget .post-info > div img {
5457 margin-right: 5px;
5458 height: 15px;
5459 width: 15px;
5460 }
5461 .single-forum-post-widget .post-info > div {
5462 color: var(--black_600);
5463 font-size: 14px;
5464 font-weight: 400;
5465 line-height: 16px;
5466 }
5467 .single-forum-post-widget .post-info > div a {
5468 color: var(--black_600);
5469 }
5470 .single-forum-post-widget .post-tags {
5471 display: flex;
5472 }
5473 .single-forum-post-widget .post-tags .single-tag {
5474 padding: 3px 9.5px;
5475 border-radius: 3px;
5476 font-size: 12px;
5477 font-weight: 400;
5478 line-height: 14px;
5479 color: #fff;
5480 margin: 12px 10px 0 0;
5481 }
5482 .single-forum-post-widget .post-tags .single-tag:last-child {
5483 margin-right: 0;
5484 }
5485 .single-forum-post-widget .post-tags .single-tag.tag-jq {
5486 background-color: #f7ab40;
5487 }
5488 .single-forum-post-widget .post-tags .single-tag.tag-php {
5489 background-color: #7543e0;
5490 }
5491 .single-forum-post-widget .post-tags .single-tag.tag-wp {
5492 background-color: #6078ce;
5493 }
5494 .single-forum-post-widget .post-tags .single-tag.tag-js {
5495 background-color: #ff7245;
5496 }
5497 .single-forum-post-widget .post-tags .single-tag.tag-dvlp {
5498 background-color: #48a6ea;
5499 }
5500 .single-forum-post-widget .post-tags .single-tag.tag-ecmrc {
5501 background-color: #333333;
5502 }
5503 .single-forum-post-widget .post-tags .single-tag.tag-foram {
5504 background-color: var(--bbpc_brand_color);
5505 }
5506 .single-forum-post-widget .post-tags .single-tag.tag-hlp {
5507 background-color: #2c53df;
5508 }
5509 .single-forum-post-widget .post-tags .single-tag.tag-sprt {
5510 background-color: #0cc72a;
5511 }
5512 .single-forum-post-widget .post-reach {
5513 border-left: 1px solid var(--black_50);
5514 padding-left: 15px;
5515 }
5516 .single-forum-post-widget .post-reach > div {
5517 font-size: 12px;
5518 font-weight: 400;
5519 line-height: 14px;
5520 color: #848d95;
5521 margin-top: 10px;
5522 display: flex;
5523 align-items: center;
5524 }
5525 .single-forum-post-widget .post-reach > div:first-child {
5526 margin-top: 0;
5527 }
5528 .single-forum-post-widget .post-reach > div img {
5529 margin-right: 5px;
5530 }
5531
5532 .community-area .nav-tabs {
5533 border-bottom: 1px solid var(--black_50);
5534 }
5535 .community-area .nav-tabs .nav-item:hover button {
5536 color: var(--bbpc_brand_color);
5537 }
5538 .community-area .nav-tabs .nav-item button {
5539 background-color: transparent;
5540 font-size: 16px;
5541 font-weight: 400;
5542 line-height: 26px;
5543 color: #535a60;
5544 padding: 10px 0;
5545 margin-right: 30px;
5546 border: none;
5547 border-bottom: 2px solid transparent;
5548 cursor: pointer;
5549 }
5550 .community-area .nav-tabs .nav-item button.active {
5551 border-bottom-color: var(--bbpc_brand_color);
5552 color: #171d24;
5553 font-weight: 500;
5554 }
5555 .community-area .sec-btn-blue {
5556 border-radius: 26px;
5557 border: 1px solid rgba(74, 110, 224, 0.4);
5558 color: #4a6ee0;
5559 background-color: transparent;
5560 font-weight: 700;
5561 font-size: 16px;
5562 padding: 10px 37px;
5563 }
5564 .community-area .sec-btn-blue:hover {
5565 background-color: #4a6ee0;
5566 color: #fff;
5567 box-shadow: none;
5568 }
5569
5570 .community-topic-widget-box {
5571 box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);
5572 border-radius: 10px;
5573 display: flex;
5574 padding: 40px;
5575 transition: all 0.3s ease-out;
5576 background-color: var(--bs-white);
5577 }
5578 .community-topic-widget-box:hover {
5579 box-shadow: 0 20px 45px 0 rgba(51, 77, 114, 0.1490196078);
5580 }
5581 .community-topic-widget-box img {
5582 margin-right: 24px;
5583 width: auto;
5584 height: 48px;
5585 }
5586 .community-topic-widget-box .box-content h5 {
5587 margin-top: 0px;
5588 padding-top: 0px;
5589 }
5590 .community-topic-widget-box h5 {
5591 font-size: 18px;
5592 font-weight: 500;
5593 line-height: 21px;
5594 color: #171d24;
5595 margin-bottom: 5px;
5596 margin-top: 0;
5597 text-transform: capitalize;
5598 }
5599 .community-topic-widget-box h5:hover a {
5600 color: var(--bbpc_brand_color);
5601 text-decoration: none;
5602 }
5603 .community-topic-widget-box span {
5604 font-size: 14px;
5605 font-weight: 400;
5606 line-height: 22px;
5607 color: #6a737c;
5608 display: inline-block;
5609 }
5610 .community-topic-widget-box span:nth-child(2) {
5611 padding-right: 8px;
5612 }
5613 .community-topic-widget-box span:nth-child(4) {
5614 padding-left: 8px;
5615 }
5616 .community-topic-widget-box span.vr-line {
5617 color: var(--black_75);
5618 }
5619
5620 .nav {
5621 display: flex;
5622 flex-wrap: wrap;
5623 padding-left: 0;
5624 margin-bottom: 0;
5625 list-style: none;
5626 margin-left: 0;
5627 }
5628
5629 .bbpc-community-topic-widget-main-wrapper {
5630 --bs-gutter-x: 1.5rem;
5631 --bs-gutter-y: 0;
5632 display: grid;
5633 grid-template-columns: repeat(3, 1fr);
5634 grid-gap: 20px;
5635 }
5636 .bbpc-community-topic-widget-main-wrapper .bbpc-community-topic-widget-wrapper {
5637 display: contents;
5638 }
5639 @media (max-width: 1024px) {
5640 .bbpc-community-topic-widget-main-wrapper {
5641 grid-template-columns: repeat(2, 1fr);
5642 }
5643 }
5644 @media (max-width: 768px) {
5645 .bbpc-community-topic-widget-main-wrapper {
5646 grid-template-columns: repeat(1, 1fr);
5647 }
5648 }
5649
5650 .bbpc-show-more-btn-wrapper {
5651 width: 100%;
5652 text-align: center;
5653 }
5654 .bbpc-show-more-btn-wrapper .show-more-btn {
5655 display: inline-block;
5656 box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);
5657 transition: all 0.3s ease-out;
5658 font-size: 18px;
5659 font-weight: 400;
5660 color: #4a6ee0;
5661 height: 50px;
5662 border-radius: 5px;
5663 line-height: 48px;
5664 padding: 0 40px;
5665 text-align: center;
5666 background-color: var(--bs-white);
5667 margin-top: 50px;
5668 }
5669 .bbpc-show-more-btn-wrapper .show-more-btn:hover {
5670 box-shadow: 0 10px 30px 0 rgba(51, 77, 114, 0.1215686275);
5671 color: #4a6ee0;
5672 }
5673 .bbpc-show-more-btn-wrapper .show-more-btn i {
5674 color: #4a6ee0;
5675 vertical-align: middle;
5676 }
5677 .bbpc-show-more-btn-wrapper .show-more-btn.show-more-round {
5678 height: 48px;
5679 border-radius: 24px;
5680 line-height: 47px;
5681 }
5682 .bbpc-show-more-btn-wrapper .show-more-btn:hover {
5683 text-decoration: none;
5684 }
5685
5686 /*------- Forum Tab widget tags --------*/
5687 .single-forum-post-widget .post-tags a {
5688 font-weight: 400;
5689 line-height: 14px;
5690 font-size: 12px;
5691 padding: 3px 10px;
5692 background: #6078ce;
5693 margin: 12px 10px 0 0;
5694 border-radius: 3px;
5695 color: #fff;
5696 text-decoration: none;
5697 }
5698 .single-forum-post-widget .post-tags a:hover {
5699 background: #4766d5;
5700 }
5701
5702 .tab-content {
5703 padding-top: 40px;
5704 }
5705 .tab-content .tab {
5706 display: none;
5707 }
5708 .tab-content.active {
5709 display: block;
5710 }
5711
5712 .community-area .tab-content:not(.active) {
5713 display: none;
5714 }
5715
5716 .alert-warning {
5717 color: #664d03;
5718 background-color: #fff3cd;
5719 border-color: #ffecb5;
5720 }
5721
5722 .alert {
5723 position: relative;
5724 padding: 1rem 1rem;
5725 margin-bottom: 1rem;
5726 border: 1px solid transparent;
5727 border-radius: 0.25rem;
5728 }
5729
5730 .dbl-arrow-upper {
5731 display: inline-block;
5732 }
5733 .dbl-arrow-upper .arrow-cont {
5734 cursor: pointer;
5735 position: relative;
5736 display: inline-block;
5737 height: 24px;
5738 width: 20px;
5739 margin-right: 3px;
5740 }
5741 .dbl-arrow-upper .arrow-cont svg {
5742 position: absolute;
5743 bottom: 0;
5744 margin-left: 0;
5745 background-size: contain;
5746 top: 8px;
5747 left: 0;
5748 }
5749 .dbl-arrow-upper .arrow-cont .second {
5750 margin-top: 5px;
5751 }
5752 .dbl-arrow-upper:hover svg {
5753 animation-name: bounceAlphaUp;
5754 animation-duration: 1.4s;
5755 animation-iteration-count: infinite;
5756 animation-timing-function: linear;
5757 }
5758 .dbl-arrow-upper:hover svg.first {
5759 animation-name: bounceAlphaUp;
5760 animation-duration: 1.4s;
5761 animation-delay: 0.2s;
5762 animation-iteration-count: infinite;
5763 animation-timing-function: linear;
5764 }
5765
5766 @keyframes bounceAlphaUp {
5767 0% {
5768 opacity: 1;
5769 transform: translateY(0) scale(1);
5770 }
5771 25% {
5772 opacity: 0;
5773 transform: translateY(10px) scale(0.9);
5774 }
5775 26% {
5776 opacity: 0;
5777 transform: translateY(-10px) scale(0.9);
5778 }
5779 55% {
5780 opacity: 1;
5781 transform: translateY(0) scale(1);
5782 }
5783 }
5784 /*============== doc_features_area css ===========*/
5785 .doc_features_area {
5786 padding-bottom: 40px;
5787 position: relative;
5788 z-index: 1;
5789 background: #fbfbfc;
5790 }
5791 .doc_features_area .doc_features_shap {
5792 position: absolute;
5793 bottom: 0;
5794 left: 0;
5795 z-index: -1;
5796 background-size: cover;
5797 }
5798
5799 .doc_features_inner {
5800 overflow: hidden;
5801 box-shadow: 0 30px 60px 0 rgba(2, 2, 48, 0.08);
5802 border-radius: 10px;
5803 background: #fff;
5804 top: -60px;
5805 position: relative;
5806 }
5807 .doc_features_inner .see_more_item,
5808 .doc_features_inner .forumax-collapse-wrap {
5809 display: none;
5810 flex-wrap: wrap;
5811 width: 100%;
5812 }
5813 .doc_features_inner .media-body a {
5814 text-decoration: none;
5815 }
5816 .doc_features_inner .media-body a:hover {
5817 text-decoration: underline;
5818 }
5819 .doc_features_inner a.see_btn {
5820 text-decoration: none;
5821 }
5822 .doc_features_inner a.see_btn:hover {
5823 text-decoration: underline;
5824 color: var(--bbpc_brand_color);
5825 }
5826 .doc_features_inner a.see_btn:focus {
5827 outline: none;
5828 }
5829
5830 .see_btn {
5831 font-size: 14px;
5832 line-height: 20px;
5833 color: var(--bbpc_brand_color);
5834 display: inline-block;
5835 margin: 16px 50px 12px;
5836 width: 100%;
5837 }
5838 .see_btn:hover i {
5839 background-color: var(--bbpc_brand_color);
5840 color: #fff;
5841 }
5842 .see_btn i {
5843 font-size: 20px;
5844 vertical-align: middle;
5845 margin-right: 5px;
5846 margin-top: -5px;
5847 display: inline-block;
5848 border-radius: 50%;
5849 border: 1px solid var(--bbpc_brand_color);
5850 transition: background-color 0.3s;
5851 }
5852 .see_btn .less {
5853 display: none;
5854 }
5855 .see_btn.active .less {
5856 display: inline;
5857 }
5858 .see_btn.active .more {
5859 display: none;
5860 }
5861 .see_btn.active i {
5862 transform: rotate(180deg);
5863 }
5864
5865 .doc_features_item {
5866 width: 33.3333333333%;
5867 float: left;
5868 padding: 35px 30px;
5869 border-bottom: 1px solid var(--black_100);
5870 border-left: 1px solid var(--black_100);
5871 }
5872 .doc_features_item img {
5873 margin-right: 15px;
5874 }
5875 .doc_features_item h4 {
5876 font-size: 16px;
5877 line-height: 26px;
5878 font-weight: 700;
5879 margin-bottom: 2px;
5880 }
5881 .doc_features_item h4:hover {
5882 color: var(--bbpc_brand_color);
5883 }
5884 .doc_features_item p {
5885 margin-bottom: 0;
5886 font-size: 14px;
5887 }
5888 .doc_features_item:nth-child(1), .doc_features_item:nth-child(4), .doc_features_item:nth-child(7), .doc_features_item:nth-child(10) {
5889 border-left: 0;
5890 }
5891
5892 .doc_features_item img {
5893 max-width: 50px !important;
5894 max-height: 50px !important;
5895 }
5896
5897 /*============== doc_features_area css ===========*/
5898 /*============= doc_community_area css ================*/
5899 .doc_community_area {
5900 padding: 200px 0 75px;
5901 position: relative;
5902 }
5903 .doc_community_area .shap_one,
5904 .doc_community_area .shap_two {
5905 position: absolute;
5906 z-index: -1;
5907 }
5908 .doc_community_area .shap_one {
5909 width: 1300px;
5910 right: 0;
5911 top: 100px;
5912 }
5913 .doc_community_area .shap_two {
5914 top: 0;
5915 }
5916 .doc_community_area .doc_title {
5917 margin-bottom: 64px;
5918 }
5919
5920 .doc_community_info .question_text {
5921 color: #a7acb7;
5922 font-size: 14px;
5923 font-weight: 400;
5924 line-height: 22px;
5925 margin-top: 40px;
5926 }
5927 .doc_community_info .question_text:hover {
5928 color: var(--bbpc_brand_color);
5929 }
5930 .doc_community_info .doc_entry_content a {
5931 text-decoration: none;
5932 }
5933 .doc_community_info .doc_entry_content a:hover {
5934 text-decoration: underline;
5935 }
5936
5937 .doc_community_item {
5938 display: flex;
5939 align-items: center;
5940 border-radius: 10px;
5941 background: #fff;
5942 box-shadow: 0 20px 30px 0 rgba(2, 2, 48, 0.06);
5943 margin-bottom: 20px;
5944 padding: 38px 70px;
5945 transition: all 0.2s linear;
5946 cursor: pointer;
5947 }
5948 .doc_community_item .doc_community_icon {
5949 width: 100px;
5950 height: 100px;
5951 line-height: 100px;
5952 border-radius: 50%;
5953 text-align: center;
5954 font-size: 36px;
5955 background: rgba(76, 76, 241, 0.06);
5956 color: var(--bbpc_brand_color);
5957 margin-right: 50px;
5958 }
5959 .doc_community_item h4 {
5960 font-size: 20px;
5961 margin-bottom: 5px;
5962 transition: color 0.2s linear;
5963 }
5964 .doc_community_item h4:hover {
5965 color: var(--bbpc_brand_color);
5966 }
5967 .doc_community_item p {
5968 font-size: 14px;
5969 color: #6b707f;
5970 }
5971 .doc_community_item .doc_entry_info {
5972 display: flex;
5973 flex-wrap: wrap;
5974 padding-top: 5px;
5975 }
5976 .doc_community_item .doc_entry_info .author_avatar {
5977 display: flex;
5978 margin-bottom: 0;
5979 margin-right: 15px;
5980 }
5981 .doc_community_item .doc_entry_info .author_avatar li {
5982 line-height: 34px;
5983 border-radius: 50%;
5984 font-size: 14px;
5985 font-weight: 500;
5986 color: var(--black_800);
5987 text-align: center;
5988 z-index: 2;
5989 position: relative;
5990 border: 2px solid var(--bs-white);
5991 list-style: none !important;
5992 }
5993 .doc_community_item .doc_entry_info .author_avatar li img {
5994 max-width: 30px;
5995 border-radius: 50%;
5996 }
5997 .doc_community_item .doc_entry_info .author_avatar li + li {
5998 margin-left: -10px;
5999 }
6000 .doc_community_item .doc_entry_info .author_avatar li.avatar_plus {
6001 border-color: #d7d8db;
6002 width: 32px;
6003 height: 32px;
6004 align-self: end;
6005 line-height: 28px;
6006 font-size: 12px;
6007 padding-left: 2px;
6008 z-index: 0;
6009 margin-left: -8px;
6010 }
6011 .doc_community_item .doc_entry_info .text {
6012 font-size: 14px;
6013 line-height: 1.3;
6014 color: #90939b;
6015 }
6016 .doc_community_item:hover {
6017 box-shadow: 0 10px 30px 0 rgba(2, 2, 48, 0.02);
6018 }
6019 .doc_community_item:nth-child(2) .doc_community_icon {
6020 background: #fef9ee;
6021 color: #f7b126;
6022 }
6023 .doc_community_item:nth-child(3) .doc_community_icon {
6024 background: #f1fbf8;
6025 color: #0fbc8b;
6026 }
6027
6028 /*============= doc_community_area css ================*/
6029
6030 /*# sourceMappingURL=el-widgets.css.map */
6031