PluginProbe
Forumax – AI Powered Advanced Community Forum Plugin / 2.5.0
Forumax – AI Powered Advanced Community Forum Plugin v2.5.0
2.5.0 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 All 30 releases
bbp-core / assets / frontend / css / el-widgets.css

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

5,989 lines 118.0 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 gap: 16px;
3404 }
3405 .community-post .post-content .author-avatar {
3406 border-radius: 50%;
3407 overflow: hidden;
3408 margin-top: -2px;
3409 }
3410 .community-post .post-content .entry-content {
3411 color: var(--black_600);
3412 font-size: 16px;
3413 }
3414 .community-post .post-content img {
3415 border-radius: 50%;
3416 }
3417
3418 .community-post.forum-item {
3419 padding: 23px 15px;
3420 }
3421 .community-post.forum-item .post-content p {
3422 font-size: 14px;
3423 line-height: 1.3;
3424 }
3425 @media (max-width: 667px) {
3426 .community-post {
3427 display: block;
3428 }
3429 }
3430 @media (max-width: 420px) {
3431 .community-post {
3432 padding: 20px 15px;
3433 }
3434 }
3435 .community-post .post-content .author-avatar.forum-icon {
3436 border-radius: 0;
3437 margin-right: 0;
3438 }
3439 .community-post .post-content .author-avatar.forum-icon img {
3440 padding: 2px;
3441 }
3442 @media (max-width: 667px) {
3443 .community-post .post-content .author-avatar {
3444 margin-right: 20px;
3445 }
3446 }
3447 @media (max-width: 420px) {
3448 .community-post .post-content .author-avatar {
3449 margin-right: 15px;
3450 }
3451 }
3452 .community-post .post-content .entry-content {
3453 flex: 2;
3454 }
3455 .community-post .post-content .entry-content .post-title {
3456 font-size: 18px;
3457 font-weight: 500;
3458 margin: auto;
3459 margin-bottom: 0;
3460 line-height: 1.7;
3461 }
3462 .community-post .post-content .entry-content .post-title a {
3463 text-decoration: none;
3464 }
3465 .community-post .post-content .entry-content .post-title a:hover {
3466 color: var(--bbpc_brand_color);
3467 }
3468 .community-post .post-content .entry-content p {
3469 margin: 0;
3470 }
3471 @media (max-width: 667px) {
3472 .community-post .post-meta-wrapper {
3473 margin-top: 15px;
3474 margin-left: 70px;
3475 }
3476 }
3477 .community-post .post-meta-wrapper .post-meta-info {
3478 margin: 0;
3479 padding: 0;
3480 list-style: none;
3481 }
3482 @media (max-width: 991px) {
3483 .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
3484 margin-right: 20px;
3485 }
3486 }
3487 .community-post.style-two {
3488 margin-bottom: 0;
3489 border-radius: 0;
3490 box-shadow: none;
3491 position: relative;
3492 }
3493 .community-post.style-two .entry-content .post-title {
3494 font-size: 16px;
3495 }
3496 .community-post.style-two .post-meta-wrapper .post-meta-info li i {
3497 transition: all 0.3s ease-in-out;
3498 }
3499 .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover a {
3500 color: #b1b5c0;
3501 }
3502 .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover i {
3503 color: #f9ae44;
3504 }
3505 .community-post.style-two .com-featured {
3506 position: absolute;
3507 right: 0;
3508 top: -2px;
3509 height: 30px;
3510 width: 30px;
3511 z-index: 2;
3512 text-align: center;
3513 color: #fff;
3514 padding: 0 15px;
3515 }
3516 .community-post.style-two .com-featured i {
3517 z-index: 22;
3518 position: relative;
3519 font-size: 14px;
3520 }
3521 .community-post.style-two .com-featured:after {
3522 content: "";
3523 top: 0;
3524 position: absolute;
3525 right: 0;
3526 width: 0;
3527 height: 0;
3528 border-left: 30px solid transparent;
3529 border-right: 0 solid transparent;
3530 border-top: 30px solid #00ae69;
3531 z-index: 1;
3532 }
3533 .community-post.style-two .cat-wrap {
3534 display: inline-block;
3535 vertical-align: 3px;
3536 }
3537 .community-post .meta {
3538 margin: 0;
3539 padding: 0;
3540 list-style: none;
3541 }
3542 .community-post .meta li img {
3543 display: inline-block;
3544 vertical-align: -2px;
3545 }
3546 .community-post .meta li i,
3547 .community-post .meta li img {
3548 margin-right: 10px;
3549 font-size: 14px;
3550 }
3551 .community-post .meta li a {
3552 font-size: 14px;
3553 color: #838793;
3554 }
3555 .community-post .meta li a:hover {
3556 color: var(--bbpc_brand_color);
3557 }
3558
3559 .community-post .post-meta-wrapper .post-meta-info li:first-child {
3560 margin-right: 40px;
3561 }
3562
3563 .community-post .post-meta-wrapper .post-meta-info li {
3564 display: inline-block;
3565 }
3566
3567 .forum-post-content .forum-post-btm .taxonomy i,
3568 .forum-post-content .forum-post-btm .taxonomy img,
3569 .community-post.style-two .meta li i,
3570 .community-post.style-two .meta li img {
3571 margin-right: 5px;
3572 }
3573
3574 .post-header .category-menu li i {
3575 font-size: 14px;
3576 }
3577
3578 .forum-category-area .col-custom {
3579 width: 20%;
3580 }
3581 .forum-category-area .single-category-widget {
3582 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);
3583 background-color: var(--bs-white);
3584 border-radius: 10px;
3585 text-align: center;
3586 padding: 25px;
3587 transition: all 0.3s ease-out;
3588 }
3589 .forum-category-area .single-category-widget:hover {
3590 box-shadow: 0 20px 20px 0 rgba(51, 77, 114, 0.0901960784);
3591 }
3592 .forum-category-area .single-category-widget:hover h5 {
3593 color: var(--bbpc_brand_color) !important;
3594 }
3595 .forum-category-area .single-category-widget h5 {
3596 font-size: 18px;
3597 text-transform: capitalize;
3598 font-weight: 500;
3599 line-height: 1.3;
3600 color: #171d24;
3601 margin-bottom: 0;
3602 margin-top: 23px;
3603 transition: all 0.3s ease-out;
3604 }
3605
3606 .forum-category-area .col-custom {
3607 margin-bottom: 30px;
3608 }
3609 .forum-category-area .col-custom.wow.fadeInUp {
3610 padding: 0 12px;
3611 }
3612
3613 .bbpc-hc-wrap .bbpc-hc-grid {
3614 display: grid;
3615 grid-template-columns: repeat(3, 1fr);
3616 gap: 2px;
3617 background: var(--black_90);
3618 border: 1px solid var(--black_90);
3619 border-radius: 20px;
3620 overflow: hidden;
3621 box-shadow: 0 8px 32px 0 rgba(2, 47, 57, 0.08);
3622 }
3623 @media (max-width: 991px) {
3624 .bbpc-hc-wrap .bbpc-hc-grid {
3625 grid-template-columns: repeat(2, 1fr);
3626 }
3627 }
3628 @media (max-width: 600px) {
3629 .bbpc-hc-wrap .bbpc-hc-grid {
3630 grid-template-columns: 1fr;
3631 }
3632 }
3633 .bbpc-hc-wrap .bbpc-hc-card {
3634 background: var(--bs-white);
3635 padding: 26px 24px;
3636 display: flex;
3637 gap: 18px;
3638 align-items: flex-start;
3639 text-decoration: none;
3640 color: inherit;
3641 border-radius: 14px;
3642 position: relative;
3643 transition: background 0.18s ease;
3644 }
3645 .bbpc-hc-wrap .bbpc-hc-card:hover {
3646 background: var(--black_25);
3647 text-decoration: none;
3648 }
3649 .bbpc-hc-wrap .bbpc-hc-card:hover .bbpc-hc-arrow {
3650 opacity: 1;
3651 transform: translateX(3px);
3652 }
3653 .bbpc-hc-wrap .bbpc-hc-icon {
3654 flex-shrink: 0;
3655 width: 48px;
3656 height: 48px;
3657 border-radius: 12px;
3658 overflow: hidden;
3659 }
3660 .bbpc-hc-wrap .bbpc-hc-icon img {
3661 width: 100%;
3662 height: 100%;
3663 object-fit: cover;
3664 display: block;
3665 }
3666 .bbpc-hc-wrap .bbpc-hc-body {
3667 flex: 1;
3668 min-width: 0;
3669 }
3670 .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-title {
3671 margin: 0 0 4px;
3672 font-size: 16px;
3673 font-weight: 700;
3674 line-height: 1.3;
3675 letter-spacing: -0.01em;
3676 color: var(--h_title);
3677 }
3678 .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-desc {
3679 margin: 0;
3680 font-size: 13.5px;
3681 line-height: 1.5;
3682 color: var(--p_color);
3683 }
3684 .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-count {
3685 display: inline-block;
3686 margin-top: 8px;
3687 font-size: 11.5px;
3688 font-weight: 600;
3689 color: var(--bbpc_brand_color);
3690 letter-spacing: 0.02em;
3691 text-decoration: none;
3692 }
3693 .bbpc-hc-wrap .bbpc-hc-arrow {
3694 position: absolute;
3695 top: 20px;
3696 right: 20px;
3697 font-size: 16px;
3698 line-height: 1;
3699 color: var(--black_300);
3700 opacity: 0;
3701 transition: opacity 0.2s ease, transform 0.2s ease;
3702 }
3703
3704 .communities-boxes {
3705 display: flex;
3706 flex-wrap: wrap;
3707 margin: 0 -30px;
3708 gap: 30px;
3709 }
3710 @media (max-width: 1025px) {
3711 .communities-boxes {
3712 margin: 0 -10px;
3713 }
3714 }
3715 @media (max-width: 992px) {
3716 .communities-boxes {
3717 flex-wrap: wrap;
3718 justify-content: center;
3719 width: calc(100% + 30px);
3720 }
3721 }
3722 @media (max-width: 420px) {
3723 .communities-boxes {
3724 width: calc(100% + 15px);
3725 }
3726 }
3727 .communities-boxes .com-box {
3728 text-align: center;
3729 margin-bottom: 57px;
3730 width: 20%;
3731 flex: 0 0 200px;
3732 }
3733 @media (max-width: 1200px) {
3734 .communities-boxes .com-box {
3735 flex: 0 0 165px;
3736 }
3737 }
3738 @media (max-width: 991px) {
3739 .communities-boxes .com-box {
3740 flex: 0 0 180px;
3741 }
3742 }
3743 @media (max-width: 768px) {
3744 .communities-boxes .com-box {
3745 flex: 0 0 185px;
3746 }
3747 }
3748 @media (max-width: 426px) {
3749 .communities-boxes .com-box {
3750 flex: 0 0 170px;
3751 margin-bottom: 30px;
3752 }
3753 }
3754 .communities-boxes .com-box .icon-container {
3755 border-radius: 6px;
3756 background: var(--bs-white);
3757 box-shadow: 0 40px 70px 0 rgba(2, 47, 57, 0.1);
3758 display: flex;
3759 align-items: center;
3760 justify-content: center;
3761 height: 100px;
3762 width: 100px;
3763 margin: 0 auto 20px;
3764 }
3765 .communities-boxes .com-box .icon-container img {
3766 width: 40px;
3767 height: 40px;
3768 object-fit: cover;
3769 }
3770 .communities-boxes .com-box .com-box-content .title {
3771 font-size: 20px;
3772 line-height: 26px;
3773 font-weight: 500;
3774 color: var(--black_800);
3775 margin-bottom: 5px;
3776 transition: all 0.3s ease-in-out;
3777 letter-spacing: normal;
3778 margin-top: 10px;
3779 }
3780 .communities-boxes .com-box .com-box-content .title a {
3781 color: var(--black_800);
3782 }
3783 .communities-boxes .com-box .com-box-content .title a:hover {
3784 color: var(--bbpc_brand_color);
3785 text-decoration: none;
3786 }
3787 .communities-boxes .com-box .com-box-content .title:hover {
3788 color: var(--bbpc_brand_color);
3789 }
3790 .communities-boxes .com-box .com-box-content .total-post {
3791 color: var(--p_color);
3792 font-size: 14px;
3793 margin-top: 0;
3794 }
3795
3796 .more-communities {
3797 padding: 22px 0;
3798 border-top: 1px solid #e8ecee;
3799 border-bottom: 1px solid #e8ecee;
3800 margin-top: 40px;
3801 }
3802 .more-communities .collapse-wrap,
3803 .more-communities .forumax-collapse-wrap {
3804 margin-top: 80px;
3805 display: none;
3806 }
3807 .more-communities .collapse-btn-wrap,
3808 .more-communities .forumax-collapse-btn-wrap {
3809 text-align: center;
3810 display: table;
3811 color: var(--black_600);
3812 font-weight: 500;
3813 margin: auto;
3814 }
3815 .more-communities .collapse-btn-wrap:hover,
3816 .more-communities .forumax-collapse-btn-wrap:hover {
3817 text-decoration: none;
3818 color: var(--black_800);
3819 }
3820 .more-communities .collapse-btn-wrap svg,
3821 .more-communities .forumax-collapse-btn-wrap svg {
3822 position: relative;
3823 vertical-align: middle;
3824 display: inline;
3825 }
3826 .more-communities .collapse-btn-wrap .icon_plus path,
3827 .more-communities .collapse-btn-wrap .icon_plus line,
3828 .more-communities .collapse-btn-wrap .icon_minus path,
3829 .more-communities .collapse-btn-wrap .icon_minus line,
3830 .more-communities .forumax-collapse-btn-wrap .icon_plus path,
3831 .more-communities .forumax-collapse-btn-wrap .icon_plus line,
3832 .more-communities .forumax-collapse-btn-wrap .icon_minus path,
3833 .more-communities .forumax-collapse-btn-wrap .icon_minus line {
3834 stroke: var(--bbpc_brand_color);
3835 }
3836 .more-communities .collapse-btn-wrap .icon_minus,
3837 .more-communities .forumax-collapse-btn-wrap .icon_minus {
3838 display: none;
3839 }
3840 .more-communities .collapse-btn-wrap.active .icon_plus,
3841 .more-communities .forumax-collapse-btn-wrap.active .icon_plus {
3842 display: none;
3843 }
3844 .more-communities .collapse-btn-wrap.active .icon_minus,
3845 .more-communities .forumax-collapse-btn-wrap.active .icon_minus {
3846 display: initial;
3847 }
3848
3849 /** === Widgets === **/
3850 .widget_display_stats dl dt {
3851 float: left;
3852 clear: left;
3853 margin: 0 0 10px;
3854 font-weight: 500;
3855 }
3856
3857 .widget_display_stats dl dd {
3858 float: right;
3859 margin: 0;
3860 }
3861
3862 .widget_display_replies li:before {
3863 font-family: eleganticons;
3864 content: "w";
3865 font-size: 15px !important;
3866 margin: 0 12px 0 0 !important;
3867 padding: 0px !important;
3868 line-height: 23px;
3869 }
3870
3871 .widget_display_topics li div {
3872 color: var(--black_400);
3873 }
3874 .widget_display_topics li::before {
3875 font-family: eleganticons;
3876 content: "b";
3877 margin: -3px 12px 0 0;
3878 font-size: 15px;
3879 color: var(--black_800);
3880 position: absolute;
3881 left: 0;
3882 top: 0;
3883 }
3884
3885 .widget_display_topics .bbp-forum-title,
3886 .widget_display_replies .bbp-forum-title {
3887 display: inline-block;
3888 line-height: 1.36;
3889 color: var(--black_900);
3890 }
3891
3892 .widget_display_topics li {
3893 padding-left: 30px;
3894 }
3895
3896 .widget_display_topics li,
3897 .widget_display_replies li {
3898 position: relative;
3899 margin-bottom: 10px;
3900 padding-bottom: 10px;
3901 border-bottom: 1px solid #e5e7e9;
3902 font-size: 16px;
3903 }
3904 .widget_display_topics li time,
3905 .widget_display_replies li time {
3906 color: var(--black_400);
3907 display: block;
3908 font-size: 14px;
3909 }
3910 .widget_display_topics li div,
3911 .widget_display_replies li div {
3912 font-size: 14px;
3913 }
3914
3915 .widget_display_topics li a,
3916 .widget_display_replies li a {
3917 color: var(--black_800);
3918 }
3919 .widget_display_topics li a .bbp-author-avatar img,
3920 .widget_display_replies li a .bbp-author-avatar img {
3921 border-radius: 50px !important;
3922 }
3923
3924 .widget_display_replies li .bbp-author-avatar {
3925 margin-right: 5px;
3926 }
3927
3928 .widget_display_topics li a:hover,
3929 .widget_display_replies li a:hover {
3930 color: var(--bbpc_brand_color);
3931 }
3932
3933 .bbp-logged-in .avatar {
3934 float: left;
3935 margin: 0 15px 0 0;
3936 border-radius: 99%;
3937 }
3938
3939 .bbp-logged-in h4 {
3940 font-weight: normal;
3941 font-size: 18px;
3942 clear: none;
3943 margin: 0 0 5px;
3944 }
3945
3946 .bbp-logged-in h4 a {
3947 color: #333;
3948 font-weight: 500;
3949 }
3950
3951 .bbp-logged-in a.button.logout-link:hover,
3952 .bbp-logged-in h4 a:hover {
3953 color: var(--bbpc_brand_color);
3954 }
3955
3956 .bbp-logged-in a.button.logout-link:hover,
3957 .bbp-logged-in a.button.logout-link {
3958 color: #666;
3959 }
3960
3961 .forum-post-content .content img {
3962 max-width: 100%;
3963 height: auto;
3964 }
3965
3966 ul.bbp-topics-widget.newness img {
3967 border-radius: 50%;
3968 margin: 5px;
3969 }
3970
3971 .bbp-submit-wrapper {
3972 float: left;
3973 margin-top: 0;
3974 }
3975
3976 .forum-post-content .forum-post-btm .taxonomy.forum-post-cat {
3977 display: flex;
3978 }
3979
3980 .bbp-topic-reply-link {
3981 padding: 6px 20px;
3982 font-weight: 400;
3983 border-radius: 2px;
3984 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;
3985 background: #fff;
3986 border: 1px solid #d0d8dc;
3987 color: var(--black_800);
3988 height: 26px;
3989 font-size: 12px;
3990 line-height: 26px;
3991 }
3992
3993 .comment-content .bbp-topic-reply-link:hover {
3994 background: #fff;
3995 border: 1px solid var(--black_800);
3996 color: var(--black_800);
3997 }
3998
3999 .page-numbers {
4000 cursor: pointer !important;
4001 }
4002
4003 .pagination-wrapper .page-numbers.next {
4004 display: flex;
4005 align-items: center;
4006 justify-content: center;
4007 padding-bottom: 2px;
4008 }
4009
4010 .post-header .support-total-info li a {
4011 font-weight: 400;
4012 }
4013
4014 .post-header .support-total-info li a {
4015 color: #6b707f;
4016 }
4017
4018 .post-header .support-total-info li a.open-data.loading {
4019 color: var(--black_800);
4020 font-weight: 500;
4021 }
4022
4023 #tagList {
4024 padding-left: 40px;
4025 }
4026
4027 .userlist {
4028 padding-left: 15px;
4029 }
4030
4031 .post-header .category-menu .all-users a {
4032 position: relative;
4033 }
4034
4035 /*=========== Forum Post Widget css ==========*/
4036 .forum-post-widget .widget-header h2 {
4037 font-size: 40px;
4038 font-weight: 700;
4039 line-height: 50px;
4040 color: #000;
4041 }
4042 .forum-post-widget .widget-header .action_btn {
4043 padding-bottom: 8px;
4044 padding-top: 8px;
4045 box-shadow: none;
4046 }
4047 .forum-post-widget .widget-header .action_btn:hover {
4048 box-shadow: 0 20px 30px 0 rgba(17, 166, 131, 0.24);
4049 }
4050 .forum-post-widget .post-filter-widget {
4051 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);
4052 border-radius: 10px;
4053 background-color: var(--bs-white);
4054 padding: 16.5px 30px;
4055 display: flex;
4056 flex-wrap: wrap;
4057 margin-bottom: 20px;
4058 }
4059 .forum-post-widget .post-filter-widget .single-filter-item {
4060 margin-right: 30px;
4061 display: flex;
4062 align-items: center;
4063 }
4064 .forum-post-widget .post-filter-widget .single-filter-item a.data-active {
4065 color: var(--bbpc_brand_color);
4066 }
4067 .forum-post-widget .post-filter-widget .single-filter-item i {
4068 margin-right: 5px;
4069 font-size: 12px;
4070 }
4071 @media (max-width: 1200px) and (min-width: 992px) {
4072 .forum-post-widget .post-filter-widget .single-filter-item {
4073 margin-right: 20px;
4074 }
4075 }
4076 .forum-post-widget .post-filter-widget .single-filter-item:last-child {
4077 margin-right: 0;
4078 }
4079 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio] {
4080 display: none;
4081 }
4082 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked {
4083 display: none;
4084 }
4085 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked ~ label .main-img {
4086 display: none;
4087 }
4088 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked ~ label .hover-img {
4089 display: block;
4090 }
4091 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked ~ label {
4092 color: var(--bbpc_brand_color);
4093 }
4094 .forum-post-widget .post-filter-widget .single-filter-item label {
4095 display: flex;
4096 align-items: center;
4097 cursor: pointer;
4098 }
4099 .forum-post-widget .post-filter-widget .single-filter-item label img {
4100 margin-right: 8.5px;
4101 margin-bottom: 1px;
4102 }
4103 .forum-post-widget .post-filter-widget .single-filter-item label .main-img {
4104 display: block;
4105 }
4106 .forum-post-widget .post-filter-widget .single-filter-item label .hover-img {
4107 display: none;
4108 }
4109 .forum-post-widget .post-filter-widget .single-filter-item label {
4110 font-size: 14px;
4111 font-weight: 400;
4112 line-height: 16px;
4113 color: #6a737c;
4114 }
4115
4116 .single-forum-post-widget {
4117 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);
4118 border-radius: 10px;
4119 background-color: var(--bs-white);
4120 transition: all 0.3s ease-out;
4121 padding: 22px 35px 18px 30px;
4122 display: flex;
4123 align-items: center;
4124 justify-content: space-between;
4125 margin-top: 10px;
4126 }
4127 .single-forum-post-widget:first-child {
4128 margin-top: 0;
4129 }
4130 .single-forum-post-widget:hover {
4131 box-shadow: 0 20px 45px 0 rgba(51, 77, 114, 0.1490196078);
4132 transform: translateX(2px);
4133 }
4134 .single-forum-post-widget:hover .post-title h6 a {
4135 color: var(--bbpc_brand_color);
4136 }
4137 .single-forum-post-widget .post-title {
4138 margin-bottom: 10px;
4139 }
4140 .single-forum-post-widget .post-title h6 {
4141 margin-top: 0;
4142 margin-bottom: 0;
4143 line-height: 22px;
4144 font-size: 16px;
4145 font-weight: 500;
4146 }
4147 .single-forum-post-widget .post-title h6 a {
4148 color: var(--black_800);
4149 font-size: 18px;
4150 }
4151 .single-forum-post-widget .post-title i {
4152 font-size: 15px;
4153 color: #2ed83f;
4154 vertical-align: middle;
4155 margin-left: 6px;
4156 }
4157 .single-forum-post-widget .post-info {
4158 display: flex;
4159 flex-wrap: wrap;
4160 }
4161 .single-forum-post-widget .post-info > div {
4162 margin-right: 15px;
4163 }
4164 .single-forum-post-widget .post-info > div img {
4165 margin-right: 5px;
4166 height: 15px;
4167 width: 15px;
4168 margin-top: 0px;
4169 }
4170 .single-forum-post-widget .post-info > div {
4171 color: var(--black_600);
4172 font-size: 14px;
4173 font-weight: 400;
4174 line-height: 16px;
4175 }
4176 .single-forum-post-widget .post-info .post-category a {
4177 color: #4a6ee0;
4178 }
4179 .single-forum-post-widget .post-tags {
4180 display: flex;
4181 }
4182 .single-forum-post-widget .post-tags .single-tag {
4183 padding: 3px 9.5px;
4184 border-radius: 3px;
4185 font-size: 12px;
4186 font-weight: 400;
4187 line-height: 14px;
4188 color: #fff;
4189 margin: 12px 10px 0 0;
4190 }
4191 .single-forum-post-widget .post-tags .single-tag:last-child {
4192 margin-right: 0;
4193 }
4194 .single-forum-post-widget .post-tags .single-tag.tag-jq {
4195 background-color: #f7ab40;
4196 }
4197 .single-forum-post-widget .post-tags .single-tag.tag-php {
4198 background-color: #7543e0;
4199 }
4200 .single-forum-post-widget .post-tags .single-tag.tag-wp {
4201 background-color: #6078ce;
4202 }
4203 .single-forum-post-widget .post-tags .single-tag.tag-js {
4204 background-color: #ff7245;
4205 }
4206 .single-forum-post-widget .post-tags .single-tag.tag-dvlp {
4207 background-color: #48a6ea;
4208 }
4209 .single-forum-post-widget .post-tags .single-tag.tag-ecmrc {
4210 background-color: #333333;
4211 }
4212 .single-forum-post-widget .post-tags .single-tag.tag-foram {
4213 background-color: var(--bbpc_brand_color);
4214 }
4215 .single-forum-post-widget .post-tags .single-tag.tag-hlp {
4216 background-color: #2c53df;
4217 }
4218 .single-forum-post-widget .post-tags .single-tag.tag-sprt {
4219 background-color: #0cc72a;
4220 }
4221 .single-forum-post-widget .post-reach {
4222 border-left: 1px solid var(--black_50);
4223 padding-left: 10px;
4224 }
4225 .single-forum-post-widget .post-reach > div {
4226 font-size: 12px;
4227 font-weight: 400;
4228 line-height: 14px;
4229 color: #848d95;
4230 margin-top: 10px;
4231 display: flex;
4232 align-items: center;
4233 }
4234 .single-forum-post-widget .post-reach > div:first-child {
4235 margin-top: 0;
4236 }
4237 .single-forum-post-widget .post-reach > div img {
4238 margin-right: 5px;
4239 }
4240
4241 .single-forum-post-widget .post-category img {
4242 width: 20px;
4243 height: auto;
4244 border-radius: 50%;
4245 }
4246
4247 .single-filter-item a {
4248 color: var(--black_600);
4249 }
4250 .single-filter-item a:hover {
4251 text-decoration: none !important;
4252 }
4253
4254 .single-forum-post-widget .post-content .post-category a {
4255 font-size: 14px;
4256 color: var(--black_600);
4257 gap: 5px;
4258 }
4259 .single-forum-post-widget .post-content .post-category a:hover {
4260 color: var(--bbpc_brand_color);
4261 text-decoration: none;
4262 }
4263
4264 #aj-post-filter-widget svg circle.bbpc-preloader {
4265 stroke: var(--bbpc_brand_color) !important;
4266 }
4267
4268 .ama-search-widget {
4269 position: relative;
4270 margin-left: auto;
4271 margin-right: auto;
4272 }
4273 .ama-search-widget .header_search_keyword {
4274 text-align: left;
4275 display: flex;
4276 flex-wrap: wrap;
4277 align-items: center;
4278 font-weight: 500;
4279 justify-content: center;
4280 margin-top: 10px;
4281 }
4282 .ama-search-widget .header_search_keyword span {
4283 font-size: 14px;
4284 margin-right: 10px;
4285 }
4286 .ama-search-widget .header_search_keyword ul {
4287 margin: 0;
4288 }
4289 .ama-search-widget .header_search_keyword ul li {
4290 display: inline-block;
4291 margin: 0 3px 0;
4292 }
4293 .ama-search-widget .header_search_keyword ul li a {
4294 display: block;
4295 font-size: 13px;
4296 padding: 0 19px;
4297 border-radius: 45px;
4298 background: var(--bbpc_color);
4299 color: #fff;
4300 font-weight: normal;
4301 }
4302 .ama-search-widget .header_search_keyword ul li a.header-search-form__keywords-label {
4303 color: var(--black_800);
4304 }
4305 .ama-search-widget .search-box {
4306 z-index: 99;
4307 position: relative;
4308 }
4309 .ama-search-widget .search-box svg {
4310 position: absolute;
4311 right: 8px;
4312 top: 49.59999%;
4313 transform: translateY(-50%);
4314 line-height: 22px;
4315 padding: 10px;
4316 border-radius: 4px;
4317 border-left-color: transparent;
4318 box-sizing: border-box;
4319 color: var(--bbpc_brand_color);
4320 }
4321 .ama-search-widget .search-box input.frmx-search-input {
4322 border: 0 solid transparent;
4323 box-shadow: none;
4324 }
4325 .ama-search-widget .search-box input {
4326 width: 100%;
4327 border-radius: 4px;
4328 line-height: 35px;
4329 text-indent: 15px;
4330 padding-right: 43px;
4331 }
4332 .ama-search-widget .search-box .frmx-search-input + .spinner {
4333 position: absolute;
4334 right: 45px;
4335 top: 50% !important;
4336 transform: translateY(-50%);
4337 display: none;
4338 z-index: 999;
4339 color: var(--bbpc_brand_color);
4340 line-height: 0;
4341 }
4342 .ama-search-widget .search-box .frmx-search-input + .spinner .frmx-spinner-icon {
4343 animation: frmx-search-spin 0.75s linear infinite;
4344 }
4345 .ama-search-widget .elementor img {
4346 height: auto;
4347 max-width: 100%;
4348 border: none;
4349 border-radius: 0;
4350 -webkit-box-shadow: none;
4351 box-shadow: none;
4352 }
4353
4354 ul.list-unstyled {
4355 padding-left: 0;
4356 }
4357
4358 .ama-search-keyword-wrapper .header_search_keyword ul li a {
4359 color: var(--black_600);
4360 background: var(--black_50);
4361 font-weight: normal;
4362 }
4363
4364 /* ------- Forum & Search -------- */
4365 .single-forum-post-widget .post-category img {
4366 width: 15px;
4367 height: auto;
4368 }
4369
4370 .single-filter-item a {
4371 color: var(--black_600);
4372 }
4373
4374 /** === Doc search form result === **/
4375 .bbpc-search-result-container {
4376 position: absolute;
4377 width: 100%;
4378 left: 0;
4379 right: 0;
4380 background: var(--bs-white);
4381 font-size: 14px;
4382 font-weight: 400;
4383 display: none;
4384 transition: all 0.4s;
4385 margin-top: 0;
4386 border: none;
4387 border-radius: 10px;
4388 box-shadow: 0 3px 4px 0 rgba(4, 73, 89, 0.06);
4389 padding: 0;
4390 /* Anchored to the bottom of the 48px input pill so the keyword chips below
4391 never push the panel down. */
4392 top: 48px;
4393 overflow-y: auto;
4394 max-height: 100vh;
4395 z-index: 99;
4396 /* Slim custom scrollbar. */
4397 scrollbar-width: thin;
4398 scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
4399 }
4400 .bbpc-search-result-container::-webkit-scrollbar {
4401 width: 8px;
4402 }
4403 .bbpc-search-result-container::-webkit-scrollbar-track {
4404 background: transparent;
4405 border-radius: 10px;
4406 }
4407 .bbpc-search-result-container::-webkit-scrollbar-thumb {
4408 background: rgba(0, 0, 0, 0.2);
4409 border-radius: 10px;
4410 }
4411 .bbpc-search-result-container::-webkit-scrollbar-thumb:hover {
4412 background: rgba(0, 0, 0, 0.3);
4413 }
4414 .bbpc-search-result-container .searchbar-tabs {
4415 padding: 0 10px 15px 0;
4416 }
4417 .bbpc-search-result-container a {
4418 text-decoration: none;
4419 }
4420 .bbpc-search-result-container.ajax-search {
4421 display: block;
4422 }
4423 .bbpc-search-result-container {
4424 /* Result type tabs (All / Forums / Topics / Replies). */
4425 }
4426 .bbpc-search-result-container .bbpc-result-tabs {
4427 display: flex;
4428 align-items: center;
4429 flex-wrap: wrap;
4430 gap: 2px;
4431 padding: 8px 10px;
4432 border-bottom: 1px solid var(--black_50);
4433 }
4434 .bbpc-search-result-container .bbpc-result-tabs .bbpc-tab {
4435 background: transparent;
4436 border: none;
4437 padding: 5px 14px;
4438 border-radius: 20px;
4439 font-size: 13px;
4440 font-weight: 500;
4441 color: #5f6368;
4442 cursor: pointer;
4443 transition: background 0.15s, color 0.15s;
4444 line-height: 1.5;
4445 }
4446 .bbpc-search-result-container .bbpc-result-tabs .bbpc-tab.active {
4447 background: #e8f0fe;
4448 color: #1a73e8;
4449 }
4450 .bbpc-search-result-container .bbpc-result-tabs .bbpc-tab:hover:not(.active) {
4451 background: #f1f3f4;
4452 color: #202124;
4453 }
4454 .bbpc-search-result-container {
4455 /* Empty state — centered title + subtitle. */
4456 }
4457 .bbpc-search-result-container .bbpc-search-empty {
4458 padding: 36px 24px 28px;
4459 text-align: center;
4460 }
4461 .bbpc-search-result-container .bbpc-not-found-text {
4462 display: block;
4463 font-size: 16px;
4464 font-weight: 700;
4465 margin: 0 0 8px;
4466 padding: 0;
4467 line-height: 1.4;
4468 text-align: center;
4469 color: var(--black_900, #0c0d0e);
4470 }
4471 .bbpc-search-result-container .bbpc-search-empty-hint {
4472 margin: 0;
4473 padding: 0;
4474 font-size: 14px;
4475 font-weight: 400;
4476 line-height: 1.5;
4477 color: var(--black_500, #6a737c);
4478 }
4479 .bbpc-search-result-container {
4480 /* Result group label — e.g. "REPLIES", "TOPICS". */
4481 }
4482 .bbpc-search-result-container .bbpc-result-group-label {
4483 font-size: 11px;
4484 font-weight: 600;
4485 color: #bdc1c6;
4486 padding: 8px 16px 4px;
4487 text-transform: uppercase;
4488 letter-spacing: 0.08em;
4489 }
4490 .bbpc-search-result-container {
4491 /* Scoped to this container so Docy/EazyDocs .search-result-item is untouched. */
4492 }
4493 .bbpc-search-result-container .search-result-item {
4494 display: block;
4495 width: 100%;
4496 padding: 12px 16px;
4497 border-bottom: 1px solid var(--black_50);
4498 transition: background 0.15s;
4499 cursor: pointer;
4500 }
4501 .bbpc-search-result-container .search-result-item:last-of-type {
4502 border-bottom: none;
4503 }
4504 .bbpc-search-result-container .search-result-item .bbpc-result-link {
4505 display: flex;
4506 align-items: center;
4507 gap: 12px;
4508 color: inherit;
4509 text-decoration: none;
4510 }
4511 .bbpc-search-result-container .search-result-item .bbpc-result-icon {
4512 width: 20px;
4513 height: 20px;
4514 flex-shrink: 0;
4515 color: #9aa0a6;
4516 }
4517 .bbpc-search-result-container .search-result-item .bbpc-result-body {
4518 display: flex;
4519 flex-direction: column;
4520 flex: 1;
4521 min-width: 0;
4522 }
4523 .bbpc-search-result-container .search-result-item .bbpc-result-title {
4524 font-size: 14px;
4525 font-weight: 500;
4526 color: var(--black_900, #0c0d0e);
4527 line-height: 1.4;
4528 margin: 0;
4529 white-space: nowrap;
4530 overflow: hidden;
4531 text-overflow: ellipsis;
4532 }
4533 .bbpc-search-result-container .search-result-item .bbpc-result-type {
4534 margin-top: 3px;
4535 font-size: 12px;
4536 font-weight: 400;
4537 color: #70757a;
4538 }
4539 .bbpc-search-result-container .search-result-item {
4540 /* Ancestor breadcrumb (Forum › Topic), aligned under the title text. */
4541 }
4542 .bbpc-search-result-container .search-result-item .bbpc-result-breadcrumb {
4543 display: flex;
4544 flex-wrap: wrap;
4545 list-style: none;
4546 margin: 0;
4547 padding: 0 0 0 32px;
4548 }
4549 .bbpc-search-result-container .search-result-item .bbpc-result-breadcrumb .bbpc-breadcrumb-item {
4550 font-size: 13px;
4551 line-height: 21px;
4552 color: var(--black_500, #6a737c);
4553 }
4554 .bbpc-search-result-container .search-result-item .bbpc-result-breadcrumb .bbpc-breadcrumb-item + .bbpc-breadcrumb-item::before {
4555 content: "›";
4556 color: #b7b9be;
4557 padding: 0 5px;
4558 }
4559 .bbpc-search-result-container .search-result-item:hover {
4560 background: var(--black_25, #f9f9f9);
4561 }
4562 .bbpc-search-result-container .search-result-item:hover .bbpc-result-title {
4563 color: #1a73e8;
4564 }
4565 .bbpc-search-result-container {
4566 /* Search keyword highlight styling. */
4567 }
4568 .bbpc-search-result-container .frmx-search-highlight {
4569 background-color: #fff3cd;
4570 padding: 1px 3px;
4571 border-radius: 3px;
4572 font-weight: 600;
4573 }
4574
4575 /* Seamless input↔results join while the panel is open — mirrors EazyDocs'
4576 `.ezd-results-open`, driven off the panel's own `.ajax-search` state. */
4577 .bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input[type=search],
4578 .bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input.frmx-search-input,
4579 .bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input[type=search]:focus,
4580 .bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input.frmx-search-input:focus {
4581 border-top-left-radius: 26px;
4582 border-top-right-radius: 26px;
4583 border-bottom-left-radius: 0;
4584 border-bottom-right-radius: 0;
4585 border: 1.5px solid var(--black_50);
4586 box-shadow: 0 1px 6px rgba(32, 33, 36, 0.05);
4587 }
4588 .bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .bbpc-search-result-container {
4589 border: 1.5px solid var(--black_50);
4590 border-top: none;
4591 border-radius: 0 0 26px 26px;
4592 box-shadow: 0 6px 20px rgba(32, 33, 36, 0.1);
4593 }
4594
4595 .search-results-tab .bbpc-search-title {
4596 font-size: 16px;
4597 color: var(--black_600);
4598 display: block;
4599 border-bottom: 1px solid var(--black_50);
4600 font-weight: 500;
4601 text-align: left;
4602 padding-left: 8px;
4603 margin: 12px 0 0;
4604 padding-bottom: 8px;
4605 text-transform: capitalize;
4606 }
4607
4608 /*
4609 keywords
4610 */
4611 .bbpc-search-keyword {
4612 display: block;
4613 text-align: center;
4614 margin: 15px 0 5px;
4615 }
4616 .bbpc-search-keyword.left {
4617 text-align: left;
4618 }
4619 .bbpc-search-keyword.right {
4620 text-align: right;
4621 }
4622 .bbpc-search-keyword ul {
4623 list-style: none;
4624 margin: 0 2px;
4625 padding: 0;
4626 display: inline-block;
4627 }
4628 .bbpc-search-keyword ul li {
4629 list-style: none;
4630 margin: 0 2px;
4631 padding: 0;
4632 display: inline-block;
4633 }
4634 .bbpc-search-keyword ul li a {
4635 color: #fff;
4636 background: #000;
4637 font-size: 14px;
4638 text-transform: capitalize;
4639 padding: 4px 12px;
4640 border-radius: 15px;
4641 font-weight: 400;
4642 text-decoration: none !important;
4643 }
4644 .bbpc-search-keyword ul li a:hover {
4645 background: #979393;
4646 }
4647
4648 .bbpc_search_form_wrapper {
4649 position: relative;
4650 }
4651 .bbpc_search_form_wrapper .input-wrapper {
4652 position: relative;
4653 /* Pill-shaped wrapper — mirrors the second reference design. */
4654 }
4655 .bbpc_search_form_wrapper .input-wrapper input[type=search],
4656 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input {
4657 width: 100%;
4658 height: 48px;
4659 padding: 0 44px 0 48px; /* left space for icon, right space for clear btn */
4660 border-radius: 50px; /* pill */
4661 border: 1.5px solid var(--black_50);
4662 background: var(--bs-white);
4663 font-size: 15px;
4664 color: var(--black_600);
4665 outline: none;
4666 transition: border-color 0.2s, box-shadow 0.2s;
4667 box-shadow: none;
4668 -webkit-appearance: none;
4669 }
4670 .bbpc_search_form_wrapper .input-wrapper input[type=search]::placeholder,
4671 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input::placeholder {
4672 color: #aaa;
4673 }
4674 .bbpc_search_form_wrapper .input-wrapper input[type=search]:focus,
4675 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input:focus {
4676 border-color: var(--bbpc_brand_color, #1a73e8);
4677 box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.1);
4678 }
4679 .bbpc_search_form_wrapper .input-wrapper input[type=search],
4680 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input {
4681 /* Native clear (×) button — keep it inside the pill. */
4682 }
4683 .bbpc_search_form_wrapper .input-wrapper input[type=search]::-webkit-search-cancel-button,
4684 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input::-webkit-search-cancel-button {
4685 -webkit-appearance: auto;
4686 margin-right: 10px;
4687 cursor: pointer;
4688 opacity: 0.5;
4689 }
4690 .bbpc_search_form_wrapper .input-wrapper input[type=search]::-webkit-search-cancel-button:hover,
4691 .bbpc_search_form_wrapper .input-wrapper input.frmx-search-input::-webkit-search-cancel-button:hover {
4692 opacity: 1;
4693 }
4694 .bbpc_search_form_wrapper .input-wrapper {
4695 /* Spinner sits just before the clear button. */
4696 }
4697 .bbpc_search_form_wrapper .input-wrapper .spinner {
4698 position: absolute;
4699 right: 40px;
4700 top: 50%;
4701 transform: translateY(-50%);
4702 display: none;
4703 z-index: 999;
4704 align-items: center;
4705 justify-content: center;
4706 color: var(--bbpc_brand_color, #1a73e8);
4707 line-height: 0;
4708 }
4709 [dir=rtl] .bbpc_search_form_wrapper .input-wrapper .spinner {
4710 right: auto;
4711 left: 40px;
4712 }
4713 .bbpc_search_form_wrapper .input-wrapper .spinner.show {
4714 display: inline-flex;
4715 }
4716 .bbpc_search_form_wrapper .input-wrapper .spinner .frmx-spinner-icon {
4717 animation: frmx-search-spin 0.75s linear infinite;
4718 }
4719 .bbpc_search_form_wrapper .input-wrapper {
4720 /* Submit button — always positioned absolute inside the pill. */
4721 }
4722 .bbpc_search_form_wrapper .input-wrapper .submit-btn-left,
4723 .bbpc_search_form_wrapper .input-wrapper .submit-btn-right {
4724 position: absolute;
4725 top: 0;
4726 bottom: 0;
4727 display: flex;
4728 align-items: center;
4729 margin: auto;
4730 z-index: 2;
4731 }
4732 .bbpc_search_form_wrapper .input-wrapper {
4733 /* Icon on the LEFT side (default / submit_btn_align = right → button on left). */
4734 }
4735 .bbpc_search_form_wrapper .input-wrapper .submit-btn-left {
4736 left: 24px;
4737 }
4738 .bbpc_search_form_wrapper .input-wrapper {
4739 /* Icon on the RIGHT side. */
4740 }
4741 .bbpc_search_form_wrapper .input-wrapper .submit-btn-right {
4742 right: 14px;
4743 }
4744 .bbpc_search_form_wrapper .input-wrapper {
4745 /* When icon is on the RIGHT — flip padding so text has left space instead. */
4746 }
4747 .bbpc_search_form_wrapper .input-wrapper.right input[type=search], .bbpc_search_form_wrapper .input-wrapper.right input.frmx-search-input {
4748 padding-left: 18px;
4749 padding-right: 52px;
4750 }
4751 .bbpc_search_form_wrapper .input-wrapper button {
4752 background: transparent;
4753 border: none;
4754 outline: none;
4755 cursor: pointer;
4756 padding: 0;
4757 margin: 0;
4758 color: var(--bbpc_brand_color, #1a73e8); /* blue icon — matches design */
4759 line-height: 1;
4760 display: inline-flex;
4761 align-items: center;
4762 justify-content: center;
4763 }
4764 .bbpc_search_form_wrapper .input-wrapper button i {
4765 font-size: 18px;
4766 line-height: 1;
4767 display: inline-block;
4768 width: auto;
4769 height: auto;
4770 font-style: normal;
4771 }
4772 .bbpc_search_form_wrapper .input-wrapper button svg {
4773 width: 18px;
4774 height: 18px;
4775 fill: currentColor;
4776 display: block;
4777 }
4778
4779 .searchbar-tabs .tab-item {
4780 font-size: 14px;
4781 font-weight: 500;
4782 padding: 11px 8px;
4783 margin-right: 20px;
4784 border: none;
4785 background: 0 0;
4786 color: var(--black_400);
4787 text-transform: capitalize;
4788 cursor: pointer;
4789 }
4790 .searchbar-tabs .tab-item.active {
4791 color: var(--bbpc_brand_color);
4792 border-bottom: 3px solid var(--bbpc_brand_color);
4793 }
4794 .searchbar-tabs .tab-item:hover {
4795 text-decoration: none;
4796 outline: none;
4797 }
4798 .searchbar-tabs .tab-item:focus {
4799 text-decoration: none;
4800 outline: none;
4801 }
4802
4803 .forum-card .forum-card-thumbnail-area {
4804 padding: 0 !important;
4805 }
4806
4807 /** === Focus Search Form === **/
4808 body.bbpc-search-open {
4809 opacity: 1;
4810 visibility: visible;
4811 }
4812
4813 body:not(.bbpc-search-open) .bbpc-search-result-container.ajax-search {
4814 display: none;
4815 }
4816
4817 .bbpc-search-overlay.active {
4818 display: none;
4819 position: fixed;
4820 top: 0;
4821 left: 0;
4822 width: 100%;
4823 height: 100%;
4824 background: rgba(0, 0, 0, 0.4); /* Semi-transparent black overlay */
4825 justify-content: center;
4826 align-items: center;
4827 z-index: 99;
4828 transition: 0.3s all;
4829 }
4830
4831 /* Spin animation for search spinner. */
4832 @keyframes frmx-search-spin {
4833 to {
4834 transform: rotate(360deg);
4835 }
4836 }
4837 .elementor-widget-container .more-communities {
4838 margin-top: 0px !important;
4839 }
4840 .elementor-widget-container .community-topic-widget-box img {
4841 height: 48px !important;
4842 }
4843
4844 .forum-with-topics {
4845 border-radius: 30px;
4846 }
4847 .forum-with-topics .thumb-area .forum-thumbnail {
4848 border-radius: 8px 8px 0 0;
4849 width: 100%;
4850 }
4851 .forum-with-topics .thumb-area .forum-thumbnail img {
4852 width: 100%;
4853 z-index: -1;
4854 }
4855 .forum-with-topics .topic-table .topic-heading {
4856 display: flex;
4857 flex-wrap: wrap;
4858 background: var(--bs-white);
4859 box-shadow: 0 20px 60px -5px rgba(51, 77, 114, 0.12);
4860 padding: 16px 30px;
4861 border-radius: 0 0 8px 8px;
4862 border: 1px solid var(--black_50);
4863 }
4864 .forum-with-topics .topic-table .topic-heading .icon-text {
4865 color: var(--black_600);
4866 font-size: 14px;
4867 font-weight: 400;
4868 display: flex;
4869 align-items: center;
4870 }
4871 .forum-with-topics .topic-table .topic-heading .icon-text svg {
4872 margin-right: 5px;
4873 }
4874 .forum-with-topics .topic-table .topic-heading .topic {
4875 width: 54%;
4876 }
4877 .forum-with-topics .topic-table .topic-heading .voice {
4878 width: 13%;
4879 }
4880 .forum-with-topics .topic-table .topic-heading .replies {
4881 width: 8%;
4882 }
4883 .forum-with-topics .topic-table .topic-heading .freshness {
4884 width: 20%;
4885 }
4886 .forum-with-topics .topic-table .topic-contents {
4887 display: flex;
4888 background: var(--bs-white);
4889 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);
4890 margin: 10px 0;
4891 border-radius: 8px;
4892 padding: 16px 30px;
4893 border: 1px solid var(--black_50);
4894 align-items: center;
4895 }
4896 .forum-with-topics .topic-table .topic-contents .title {
4897 width: 50%;
4898 }
4899 .forum-with-topics .topic-table .topic-contents .title:hover a {
4900 text-decoration: none;
4901 }
4902 .forum-with-topics .topic-table .topic-contents .title p {
4903 margin-top: 0;
4904 margin-bottom: 0;
4905 font-size: 15px;
4906 }
4907 .forum-with-topics .topic-table .topic-contents .title h3 {
4908 font-size: 16px;
4909 margin-bottom: 5px;
4910 margin-top: 0;
4911 line-height: 20px;
4912 }
4913 .forum-with-topics .topic-table .topic-contents .title h3:hover {
4914 color: var(--bbpc_brand_color);
4915 }
4916 .forum-with-topics .topic-table .topic-contents .voice {
4917 width: 12%;
4918 }
4919 .forum-with-topics .topic-table .topic-contents .topics {
4920 width: 14%;
4921 }
4922 .forum-with-topics .topic-table .topic-contents .voice,
4923 .forum-with-topics .topic-table .topic-contents .topics {
4924 text-align: center;
4925 }
4926 .forum-with-topics .topic-table .topic-contents .user {
4927 width: 25%;
4928 margin-top: 2px;
4929 }
4930 .forum-with-topics .topic-table .topic-contents .user .user-data {
4931 display: flex;
4932 }
4933 .forum-with-topics .topic-table .topic-contents .user .user-img {
4934 margin-right: 10px;
4935 }
4936 .forum-with-topics .topic-table .topic-contents .user .user-img img {
4937 border-radius: 50%;
4938 }
4939 .forum-with-topics .topic-table .topic-contents .user .user-info span.bbp-author-name {
4940 font-size: 14px;
4941 font-weight: 400;
4942 color: var(--black_800);
4943 letter-spacing: normal;
4944 margin-bottom: 8px;
4945 display: inline-block;
4946 }
4947 .forum-with-topics .topic-table .topic-contents .user .user-info .date {
4948 font-size: 13px;
4949 margin: 0;
4950 line-height: 1.5;
4951 }
4952 .forum-with-topics .topic-table .topic-contents .user .user-info .date a {
4953 color: var(--black_400);
4954 }
4955 .forum-with-topics .topic-table .topic-contents .user .user-info .date a:hover {
4956 color: var(--bbpc_brand_color);
4957 text-decoration: none;
4958 }
4959 .forum-with-topics .topic-table .topic-contents .user .user-info h3 {
4960 line-height: 0.5;
4961 margin: 0;
4962 }
4963 .forum-with-topics .topic-table .topic-contents h3 a {
4964 color: #171D24 !important;
4965 font-size: 16px;
4966 }
4967 .forum-with-topics .topic-table .topic-contents h3 a:hover {
4968 text-decoration: none;
4969 color: var(--bbpc_brand_color) !important;
4970 }
4971 .forum-with-topics .topic-table .topic-contents h3 a:hover span {
4972 color: var(--bbpc_brand_color) !important;
4973 }
4974
4975 .forum-info {
4976 padding: 50px 30px;
4977 }
4978 .forum-info .title-area {
4979 align-items: center;
4980 }
4981 @media all and (max-width: 560px) {
4982 .forum-info .title-area {
4983 margin-top: 10px;
4984 }
4985 }
4986 .forum-info .title-area .title,
4987 .forum-info .title-area .subtitle {
4988 color: #fff;
4989 }
4990 .forum-info .title-area .title {
4991 font-size: 28px;
4992 text-transform: capitalize;
4993 margin: 0;
4994 letter-spacing: normal;
4995 }
4996 @media all and (max-width: 560px) {
4997 .forum-info .title-area .title {
4998 margin-bottom: 4px;
4999 }
5000 }
5001 .forum-info .title-area .subtitle {
5002 font-style: italic;
5003 }
5004
5005 .forum-meta {
5006 display: flex;
5007 position: absolute;
5008 list-style-type: none;
5009 top: 20px;
5010 right: 20px;
5011 margin: 0;
5012 }
5013 .forum-meta li {
5014 display: flex;
5015 margin-right: 10px;
5016 line-height: 1 !important;
5017 border-radius: 3px;
5018 margin-left: 0;
5019 }
5020 .forum-meta li.button {
5021 padding: 0;
5022 }
5023 .forum-meta li.button:hover {
5024 text-decoration: none;
5025 }
5026 .forum-meta li:hover a {
5027 text-decoration: none;
5028 }
5029 .forum-meta li:last-child {
5030 margin-right: 0;
5031 }
5032 .forum-meta .topics,
5033 .forum-meta .replies {
5034 color: #fff;
5035 display: inline-flex;
5036 align-items: center;
5037 background: rgba(255, 255, 255, 0.15);
5038 padding: 8px;
5039 font-size: 14px !important;
5040 margin-top: 0;
5041 }
5042 .forum-meta .topics:hover,
5043 .forum-meta .replies:hover {
5044 background: rgba(255, 255, 255, 0.3);
5045 }
5046 .forum-meta .topics svg,
5047 .forum-meta .replies svg {
5048 margin-right: 5px;
5049 }
5050 .forum-meta .button a {
5051 color: #ffffff;
5052 background: var(--bbpc_brand_color);
5053 padding: 8px 14px;
5054 font-size: 14px;
5055 border-radius: 3px;
5056 text-decoration: none;
5057 }
5058 .forum-meta .button a:hover {
5059 background: #9ea2a9;
5060 }
5061
5062 .forum-with-topics .forum-card {
5063 background: var(--bs-white, #fff);
5064 border-color: var(--black_50);
5065 }
5066
5067 .forum-card {
5068 background: var(--bs-white);
5069 border-radius: 8px 8px 8px 8px;
5070 border: 1px solid var(--black_50);
5071 overflow: hidden;
5072 }
5073 .forum-card .card-body {
5074 padding: 25px;
5075 }
5076 .forum-card .card-body p {
5077 margin-bottom: 0;
5078 }
5079 .forum-card .card-title h3 {
5080 font-size: 18px;
5081 margin-bottom: 5px;
5082 margin-top: unset;
5083 }
5084 .forum-card .card-title h3:hover a {
5085 color: #0b589d;
5086 }
5087 .forum-card .card-title a {
5088 text-decoration: none;
5089 }
5090 .forum-card .forum-card-thumbnail-area {
5091 position: relative;
5092 border-radius: 30px 30px 0 0;
5093 padding: 10px 25px;
5094 }
5095 .forum-card .forum-card-thumbnail-area img {
5096 width: 100%;
5097 }
5098 .forum-card .forum-meta {
5099 display: flex;
5100 position: absolute;
5101 bottom: 0;
5102 right: 20px;
5103 top: auto;
5104 margin-bottom: 20px;
5105 }
5106 .forum-card .forum-meta .topics,
5107 .forum-card .forum-meta .replies {
5108 background: rgba(23, 29, 36, 0.7);
5109 }
5110 .forum-card .forum-meta .topics:hover,
5111 .forum-card .forum-meta .replies:hover {
5112 background: rgba(23, 29, 36, 0.8);
5113 }
5114
5115 @media all and (max-width: 560px) {
5116 .topic-contents .voice,
5117 .topic-contents .topics,
5118 .topic-contents .user {
5119 display: none;
5120 }
5121 .topic-table .topic-heading .voice,
5122 .topic-table .topic-heading .replies,
5123 .topic-table .topic-heading .freshness {
5124 display: none !important;
5125 }
5126 .topic-table .topic-heading .topic,
5127 .topic-table .topic-contents .title {
5128 width: 100% !important;
5129 }
5130 }
5131 .home-forum-counter .elementor-element-populated {
5132 background-color: var(--bs-white);
5133 }
5134 .home-forum-counter .elementor-element-populated .elementor-counter-number {
5135 color: var(--black_900);
5136 }
5137
5138 .home-forum-posts .elementor-post__card {
5139 background-color: var(--bs-white) !important;
5140 }
5141 .home-forum-posts .elementor-post__card .elementor-post__title a {
5142 color: var(--black_900);
5143 }
5144
5145 .card {
5146 position: relative;
5147 display: flex;
5148 flex-direction: column;
5149 }
5150
5151 .bbpc-sf-list .bbpc-sf-list-header {
5152 display: flex;
5153 align-items: center;
5154 justify-content: space-between;
5155 flex-wrap: wrap;
5156 margin-bottom: 12px;
5157 gap: 10px;
5158 }
5159 .bbpc-sf-list .bbpc-sf-list-forum-title {
5160 font-size: 20px;
5161 font-weight: 600;
5162 margin: 0;
5163 color: var(--black_900);
5164 }
5165 .bbpc-sf-list .bbpc-sf-list-forum-title a {
5166 color: inherit;
5167 text-decoration: none;
5168 }
5169 .bbpc-sf-list .bbpc-sf-list-forum-title a:hover {
5170 color: var(--bbpc_brand_color);
5171 }
5172 .bbpc-sf-list .bbpc-sf-list-counts {
5173 display: flex;
5174 gap: 10px;
5175 }
5176 .bbpc-sf-list .bbpc-sf-list-badge {
5177 font-size: 13px;
5178 color: var(--black_500);
5179 background: var(--black_50);
5180 padding: 4px 10px;
5181 border-radius: 20px;
5182 }
5183 .bbpc-sf-list .bbpc-sf-list-forum-desc {
5184 font-size: 14px;
5185 color: var(--black_600);
5186 margin: 0 0 16px;
5187 line-height: 1.6;
5188 }
5189 .bbpc-sf-list .bbpc-sf-list-item {
5190 background: var(--bs-white);
5191 border: 1px solid var(--black_50);
5192 padding: 16px 20px;
5193 margin-bottom: 10px;
5194 border-radius: 8px;
5195 transition: box-shadow 0.2s ease;
5196 }
5197 .bbpc-sf-list .bbpc-sf-list-item:hover {
5198 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
5199 }
5200 .bbpc-sf-list .bbpc-sf-list-item:last-of-type {
5201 margin-bottom: 0;
5202 }
5203 .bbpc-sf-list .bbpc-sf-list-title {
5204 font-size: 15px;
5205 font-weight: 500;
5206 margin: 0 0 4px;
5207 line-height: 1.4;
5208 }
5209 .bbpc-sf-list .bbpc-sf-list-title a {
5210 color: var(--black_900);
5211 text-decoration: none;
5212 }
5213 .bbpc-sf-list .bbpc-sf-list-title a:hover {
5214 color: var(--bbpc_brand_color);
5215 }
5216 .bbpc-sf-list .bbpc-sf-list-excerpt {
5217 font-size: 13px;
5218 color: var(--black_500);
5219 margin: 0 0 8px;
5220 line-height: 1.5;
5221 }
5222 .bbpc-sf-list .bbpc-sf-list-meta {
5223 display: flex;
5224 gap: 16px;
5225 flex-wrap: wrap;
5226 }
5227 .bbpc-sf-list .bbpc-sf-list-meta span {
5228 font-size: 12px;
5229 color: var(--black_400);
5230 }
5231 .bbpc-sf-list .bbpc-sf-list-footer {
5232 margin-top: 16px;
5233 text-align: right;
5234 }
5235 .bbpc-sf-list .bbpc-sf-list-view-all {
5236 display: inline-block;
5237 font-size: 14px;
5238 font-weight: 500;
5239 color: var(--bbpc_brand_color);
5240 text-decoration: none;
5241 }
5242 .bbpc-sf-list .bbpc-sf-list-view-all:hover {
5243 text-decoration: underline;
5244 }
5245
5246 .bbpc-sf-grid {
5247 display: grid;
5248 grid-template-columns: 1fr 1fr;
5249 gap: 0;
5250 border-radius: 8px;
5251 overflow: hidden;
5252 border: 1px solid var(--black_50);
5253 }
5254 @media all and (max-width: 768px) {
5255 .bbpc-sf-grid {
5256 grid-template-columns: 1fr;
5257 }
5258 }
5259 .bbpc-sf-grid .bbpc-sf-grid-info {
5260 display: flex;
5261 align-items: flex-end;
5262 padding: 30px;
5263 min-height: 250px;
5264 color: #fff;
5265 }
5266 .bbpc-sf-grid .bbpc-sf-grid-info-inner {
5267 width: 100%;
5268 }
5269 .bbpc-sf-grid .bbpc-sf-grid-title {
5270 font-size: 22px;
5271 font-weight: 600;
5272 margin: 0 0 8px;
5273 }
5274 .bbpc-sf-grid .bbpc-sf-grid-title a {
5275 color: #fff;
5276 text-decoration: none;
5277 }
5278 .bbpc-sf-grid .bbpc-sf-grid-title a:hover {
5279 opacity: 0.85;
5280 }
5281 .bbpc-sf-grid .bbpc-sf-grid-desc {
5282 font-size: 14px;
5283 line-height: 1.6;
5284 margin: 0 0 16px;
5285 opacity: 0.85;
5286 color: #fff;
5287 }
5288 .bbpc-sf-grid .bbpc-sf-grid-badges {
5289 display: flex;
5290 gap: 10px;
5291 margin-bottom: 16px;
5292 }
5293 .bbpc-sf-grid .bbpc-sf-grid-badge {
5294 font-size: 13px;
5295 color: #fff;
5296 background: rgba(255, 255, 255, 0.2);
5297 padding: 5px 12px;
5298 border-radius: 20px;
5299 }
5300 .bbpc-sf-grid .bbpc-sf-grid-view-all {
5301 display: inline-block;
5302 font-size: 14px;
5303 font-weight: 500;
5304 color: #fff;
5305 text-decoration: none;
5306 background: var(--bbpc_brand_color);
5307 padding: 8px 18px;
5308 border-radius: 6px;
5309 transition: opacity 0.2s ease;
5310 }
5311 .bbpc-sf-grid .bbpc-sf-grid-view-all:hover {
5312 opacity: 0.9;
5313 color: #fff;
5314 text-decoration: none;
5315 }
5316 .bbpc-sf-grid .bbpc-sf-grid-topics {
5317 background: var(--bs-white);
5318 }
5319 .bbpc-sf-grid .bbpc-sf-grid-topic {
5320 padding: 18px 24px;
5321 border-bottom: 1px solid var(--black_50);
5322 transition: background 0.2s ease;
5323 }
5324 .bbpc-sf-grid .bbpc-sf-grid-topic:last-child {
5325 border-bottom: none;
5326 }
5327 .bbpc-sf-grid .bbpc-sf-grid-topic:hover {
5328 background: var(--black_50);
5329 }
5330 .bbpc-sf-grid .bbpc-sf-grid-topic h3 {
5331 font-size: 15px;
5332 font-weight: 500;
5333 margin: 0 0 4px;
5334 line-height: 1.4;
5335 }
5336 .bbpc-sf-grid .bbpc-sf-grid-topic h3 a {
5337 color: var(--black_900);
5338 text-decoration: none;
5339 }
5340 .bbpc-sf-grid .bbpc-sf-grid-topic h3 a:hover {
5341 color: var(--bbpc_brand_color);
5342 }
5343 .bbpc-sf-grid .bbpc-sf-grid-topic p {
5344 font-size: 13px;
5345 color: var(--black_500);
5346 margin: 0 0 8px;
5347 line-height: 1.5;
5348 }
5349 .bbpc-sf-grid .bbpc-sf-grid-meta {
5350 display: flex;
5351 gap: 16px;
5352 flex-wrap: wrap;
5353 }
5354 .bbpc-sf-grid .bbpc-sf-grid-meta span {
5355 font-size: 12px;
5356 color: var(--black_400);
5357 }
5358
5359 .single-forum-post-widget {
5360 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);
5361 border-radius: 10px;
5362 background-color: var(--bs-white);
5363 transition: all 0.3s ease-out;
5364 padding: 22px 35px 18px 30px;
5365 display: flex;
5366 align-items: center;
5367 justify-content: space-between;
5368 margin-top: 10px;
5369 }
5370 .single-forum-post-widget:first-child {
5371 margin-top: 0;
5372 }
5373 .single-forum-post-widget:hover {
5374 box-shadow: 0 20px 45px 0 rgba(51, 77, 114, 0.1490196078);
5375 transform: translateX(2px);
5376 }
5377 .single-forum-post-widget:hover .post-title h6 a {
5378 color: var(--bbpc_brand_color);
5379 }
5380 .single-forum-post-widget .post-title {
5381 margin-bottom: 15px;
5382 }
5383 .single-forum-post-widget .post-title h6 {
5384 margin-bottom: 0;
5385 line-height: 22px;
5386 font-size: 16px;
5387 font-weight: 500;
5388 text-transform: capitalize;
5389 }
5390 .single-forum-post-widget .post-title h6 a {
5391 color: var(--black_800);
5392 font-size: 18px;
5393 }
5394 .single-forum-post-widget .post-title h6 a:hover {
5395 text-decoration: none;
5396 }
5397 .single-forum-post-widget .post-title i {
5398 font-size: 15px;
5399 color: #2ed83f;
5400 vertical-align: middle;
5401 margin-left: 6px;
5402 }
5403 .single-forum-post-widget .post-info {
5404 display: flex;
5405 flex-wrap: wrap;
5406 margin-bottom: 5px;
5407 }
5408 .single-forum-post-widget .post-info > div {
5409 margin-right: 15px;
5410 display: flex;
5411 }
5412 .single-forum-post-widget .post-info > div img {
5413 margin-right: 5px;
5414 height: 15px;
5415 width: 15px;
5416 }
5417 .single-forum-post-widget .post-info > div {
5418 color: var(--black_600);
5419 font-size: 14px;
5420 font-weight: 400;
5421 line-height: 16px;
5422 }
5423 .single-forum-post-widget .post-info > div a {
5424 color: var(--black_600);
5425 }
5426 .single-forum-post-widget .post-tags {
5427 display: flex;
5428 }
5429 .single-forum-post-widget .post-tags .single-tag {
5430 padding: 3px 9.5px;
5431 border-radius: 3px;
5432 font-size: 12px;
5433 font-weight: 400;
5434 line-height: 14px;
5435 color: #fff;
5436 margin: 12px 10px 0 0;
5437 }
5438 .single-forum-post-widget .post-tags .single-tag:last-child {
5439 margin-right: 0;
5440 }
5441 .single-forum-post-widget .post-tags .single-tag.tag-jq {
5442 background-color: #f7ab40;
5443 }
5444 .single-forum-post-widget .post-tags .single-tag.tag-php {
5445 background-color: #7543e0;
5446 }
5447 .single-forum-post-widget .post-tags .single-tag.tag-wp {
5448 background-color: #6078ce;
5449 }
5450 .single-forum-post-widget .post-tags .single-tag.tag-js {
5451 background-color: #ff7245;
5452 }
5453 .single-forum-post-widget .post-tags .single-tag.tag-dvlp {
5454 background-color: #48a6ea;
5455 }
5456 .single-forum-post-widget .post-tags .single-tag.tag-ecmrc {
5457 background-color: #333333;
5458 }
5459 .single-forum-post-widget .post-tags .single-tag.tag-foram {
5460 background-color: var(--bbpc_brand_color);
5461 }
5462 .single-forum-post-widget .post-tags .single-tag.tag-hlp {
5463 background-color: #2c53df;
5464 }
5465 .single-forum-post-widget .post-tags .single-tag.tag-sprt {
5466 background-color: #0cc72a;
5467 }
5468 .single-forum-post-widget .post-reach {
5469 border-left: 1px solid var(--black_50);
5470 padding-left: 15px;
5471 }
5472 .single-forum-post-widget .post-reach > div {
5473 font-size: 12px;
5474 font-weight: 400;
5475 line-height: 14px;
5476 color: #848d95;
5477 margin-top: 10px;
5478 display: flex;
5479 align-items: center;
5480 }
5481 .single-forum-post-widget .post-reach > div:first-child {
5482 margin-top: 0;
5483 }
5484 .single-forum-post-widget .post-reach > div img {
5485 margin-right: 5px;
5486 }
5487
5488 .community-area .nav-tabs {
5489 border-bottom: 1px solid var(--black_150);
5490 }
5491 .community-area .nav-tabs .nav-item:hover button {
5492 color: var(--bbpc_brand_color);
5493 }
5494 .community-area .nav-tabs .nav-item button {
5495 background-color: transparent;
5496 font-size: 16px;
5497 font-weight: 400;
5498 line-height: 26px;
5499 color: #535a60;
5500 padding: 10px 0;
5501 margin-right: 30px;
5502 border: none;
5503 border-bottom: 2px solid transparent;
5504 cursor: pointer;
5505 }
5506 .community-area .nav-tabs .nav-item button.active {
5507 border-bottom-color: var(--bbpc_brand_color);
5508 color: #171d24;
5509 font-weight: 500;
5510 }
5511 .community-area .sec-btn-blue {
5512 border-radius: 26px;
5513 border: 1px solid rgba(74, 110, 224, 0.4);
5514 color: #4a6ee0;
5515 background-color: transparent;
5516 font-weight: 700;
5517 font-size: 16px;
5518 padding: 10px 37px;
5519 }
5520 .community-area .sec-btn-blue:hover {
5521 background-color: #4a6ee0;
5522 color: #fff;
5523 box-shadow: none;
5524 }
5525
5526 .community-topic-widget-box {
5527 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);
5528 border-radius: 10px;
5529 display: flex;
5530 padding: 40px;
5531 transition: all 0.3s ease-out;
5532 background-color: var(--bs-white);
5533 }
5534 .community-topic-widget-box:hover {
5535 box-shadow: 0 20px 45px 0 rgba(51, 77, 114, 0.1490196078);
5536 }
5537 .community-topic-widget-box img {
5538 margin-right: 24px;
5539 width: auto;
5540 height: 48px;
5541 }
5542 .community-topic-widget-box .box-content h5 {
5543 margin-top: 0px;
5544 padding-top: 0px;
5545 }
5546 .community-topic-widget-box h5 {
5547 font-size: 18px;
5548 font-weight: 500;
5549 line-height: 21px;
5550 color: #171d24;
5551 margin-bottom: 5px;
5552 margin-top: 0;
5553 text-transform: capitalize;
5554 }
5555 .community-topic-widget-box h5:hover a {
5556 color: var(--bbpc_brand_color);
5557 text-decoration: none;
5558 }
5559 .community-topic-widget-box span {
5560 font-size: 14px;
5561 font-weight: 400;
5562 line-height: 22px;
5563 color: #6a737c;
5564 display: inline-block;
5565 }
5566 .community-topic-widget-box span:nth-child(2) {
5567 padding-right: 8px;
5568 }
5569 .community-topic-widget-box span:nth-child(4) {
5570 padding-left: 8px;
5571 }
5572 .community-topic-widget-box span.vr-line {
5573 color: var(--black_75);
5574 }
5575
5576 .nav {
5577 display: flex;
5578 flex-wrap: wrap;
5579 padding-left: 0;
5580 margin-bottom: 0;
5581 list-style: none;
5582 margin-left: 0;
5583 }
5584
5585 .bbpc-community-topic-widget-main-wrapper {
5586 --bs-gutter-x: 1.5rem;
5587 --bs-gutter-y: 0;
5588 display: grid;
5589 grid-template-columns: repeat(3, 1fr);
5590 grid-gap: 20px;
5591 }
5592 .bbpc-community-topic-widget-main-wrapper .bbpc-community-topic-widget-wrapper {
5593 display: contents;
5594 }
5595 @media (max-width: 1024px) {
5596 .bbpc-community-topic-widget-main-wrapper {
5597 grid-template-columns: repeat(2, 1fr);
5598 }
5599 }
5600 @media (max-width: 768px) {
5601 .bbpc-community-topic-widget-main-wrapper {
5602 grid-template-columns: repeat(1, 1fr);
5603 }
5604 }
5605
5606 .bbpc-show-more-btn-wrapper {
5607 width: 100%;
5608 text-align: center;
5609 }
5610 .bbpc-show-more-btn-wrapper .show-more-btn {
5611 display: inline-block;
5612 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);
5613 transition: all 0.3s ease-out;
5614 font-size: 18px;
5615 font-weight: 400;
5616 color: #4a6ee0;
5617 height: 50px;
5618 border-radius: 5px;
5619 line-height: 48px;
5620 padding: 0 40px;
5621 text-align: center;
5622 background-color: var(--bs-white);
5623 margin-top: 50px;
5624 }
5625 .bbpc-show-more-btn-wrapper .show-more-btn:hover {
5626 box-shadow: 0 10px 30px 0 rgba(51, 77, 114, 0.1215686275);
5627 color: #4a6ee0;
5628 }
5629 .bbpc-show-more-btn-wrapper .show-more-btn i {
5630 color: #4a6ee0;
5631 vertical-align: middle;
5632 }
5633 .bbpc-show-more-btn-wrapper .show-more-btn.show-more-round {
5634 height: 48px;
5635 border-radius: 24px;
5636 line-height: 47px;
5637 }
5638 .bbpc-show-more-btn-wrapper .show-more-btn:hover {
5639 text-decoration: none;
5640 }
5641
5642 /*------- Forum Tab widget tags --------*/
5643 .single-forum-post-widget .post-tags a {
5644 font-weight: 400;
5645 line-height: 14px;
5646 font-size: 12px;
5647 padding: 3px 10px;
5648 background: #6078ce;
5649 margin: 12px 10px 0 0;
5650 border-radius: 3px;
5651 color: #fff;
5652 text-decoration: none;
5653 }
5654 .single-forum-post-widget .post-tags a:hover {
5655 background: #4766d5;
5656 }
5657
5658 .tab-content {
5659 padding-top: 40px;
5660 }
5661 .tab-content .tab {
5662 display: none;
5663 }
5664 .tab-content.active {
5665 display: block;
5666 }
5667
5668 .community-area .tab-content:not(.active) {
5669 display: none;
5670 }
5671
5672 .alert-warning {
5673 color: #664d03;
5674 background-color: #fff3cd;
5675 border-color: #ffecb5;
5676 }
5677
5678 .alert {
5679 position: relative;
5680 padding: 1rem 1rem;
5681 margin-bottom: 1rem;
5682 border: 1px solid transparent;
5683 border-radius: 0.25rem;
5684 }
5685
5686 .dbl-arrow-upper {
5687 display: inline-block;
5688 }
5689 .dbl-arrow-upper .arrow-cont {
5690 cursor: pointer;
5691 position: relative;
5692 display: inline-block;
5693 height: 24px;
5694 width: 20px;
5695 margin-right: 3px;
5696 }
5697 .dbl-arrow-upper .arrow-cont svg {
5698 position: absolute;
5699 bottom: 0;
5700 margin-left: 0;
5701 background-size: contain;
5702 top: 8px;
5703 left: 0;
5704 }
5705 .dbl-arrow-upper .arrow-cont .second {
5706 margin-top: 5px;
5707 }
5708 .dbl-arrow-upper:hover svg {
5709 animation-name: bounceAlphaUp;
5710 animation-duration: 1.4s;
5711 animation-iteration-count: infinite;
5712 animation-timing-function: linear;
5713 }
5714 .dbl-arrow-upper:hover svg.first {
5715 animation-name: bounceAlphaUp;
5716 animation-duration: 1.4s;
5717 animation-delay: 0.2s;
5718 animation-iteration-count: infinite;
5719 animation-timing-function: linear;
5720 }
5721
5722 body.body_dark .community-area .dbl-arrow-upper .arrow-cont svg {
5723 fill: #fff;
5724 }
5725
5726 @keyframes bounceAlphaUp {
5727 0% {
5728 opacity: 1;
5729 transform: translateY(0) scale(1);
5730 }
5731 25% {
5732 opacity: 0;
5733 transform: translateY(10px) scale(0.9);
5734 }
5735 26% {
5736 opacity: 0;
5737 transform: translateY(-10px) scale(0.9);
5738 }
5739 55% {
5740 opacity: 1;
5741 transform: translateY(0) scale(1);
5742 }
5743 }
5744 /*============== doc_features_area css ===========*/
5745 .doc_features_area {
5746 padding-bottom: 40px;
5747 position: relative;
5748 z-index: 1;
5749 background: #fbfbfc;
5750 }
5751 .doc_features_area .doc_features_shap {
5752 position: absolute;
5753 bottom: 0;
5754 left: 0;
5755 z-index: -1;
5756 background-size: cover;
5757 }
5758
5759 .doc_features_inner {
5760 overflow: hidden;
5761 box-shadow: 0 30px 60px 0 rgba(2, 2, 48, 0.08);
5762 border-radius: 10px;
5763 background: #fff;
5764 top: -60px;
5765 position: relative;
5766 }
5767 .doc_features_inner .see_more_item,
5768 .doc_features_inner .forumax-collapse-wrap {
5769 display: none;
5770 flex-wrap: wrap;
5771 width: 100%;
5772 }
5773 .doc_features_inner .media-body a {
5774 text-decoration: none;
5775 }
5776 .doc_features_inner .media-body a:hover {
5777 text-decoration: underline;
5778 }
5779 .doc_features_inner a.see_btn {
5780 text-decoration: none;
5781 }
5782 .doc_features_inner a.see_btn:hover {
5783 text-decoration: underline;
5784 color: var(--bbpc_brand_color);
5785 }
5786 .doc_features_inner a.see_btn:focus {
5787 outline: none;
5788 }
5789
5790 .see_btn {
5791 font-size: 14px;
5792 line-height: 20px;
5793 color: var(--bbpc_brand_color);
5794 display: inline-block;
5795 margin: 16px 50px 12px;
5796 width: 100%;
5797 }
5798 .see_btn:hover i {
5799 background-color: var(--bbpc_brand_color);
5800 color: #fff;
5801 }
5802 .see_btn i {
5803 font-size: 20px;
5804 vertical-align: middle;
5805 margin-right: 5px;
5806 margin-top: -5px;
5807 display: inline-block;
5808 border-radius: 50%;
5809 border: 1px solid var(--bbpc_brand_color);
5810 transition: background-color 0.3s;
5811 }
5812 .see_btn .less {
5813 display: none;
5814 }
5815 .see_btn.active .less {
5816 display: inline;
5817 }
5818 .see_btn.active .more {
5819 display: none;
5820 }
5821 .see_btn.active i {
5822 transform: rotate(180deg);
5823 }
5824
5825 .doc_features_item {
5826 width: 33.3333333333%;
5827 float: left;
5828 padding: 35px 30px;
5829 border-bottom: 1px solid var(--black_100);
5830 border-left: 1px solid var(--black_100);
5831 }
5832 .doc_features_item img {
5833 margin-right: 15px;
5834 }
5835 .doc_features_item h4 {
5836 font-size: 16px;
5837 line-height: 26px;
5838 font-weight: 700;
5839 margin-bottom: 2px;
5840 }
5841 .doc_features_item h4:hover {
5842 color: var(--bbpc_brand_color);
5843 }
5844 .doc_features_item p {
5845 margin-bottom: 0;
5846 font-size: 14px;
5847 }
5848 .doc_features_item:nth-child(1), .doc_features_item:nth-child(4), .doc_features_item:nth-child(7), .doc_features_item:nth-child(10) {
5849 border-left: 0;
5850 }
5851
5852 .doc_features_item img {
5853 max-width: 50px !important;
5854 max-height: 50px !important;
5855 }
5856
5857 /*============== doc_features_area css ===========*/
5858 /*============= doc_community_area css ================*/
5859 .doc_community_area {
5860 padding: 200px 0 75px;
5861 position: relative;
5862 }
5863 .doc_community_area .shap_one,
5864 .doc_community_area .shap_two {
5865 position: absolute;
5866 z-index: -1;
5867 }
5868 .doc_community_area .shap_one {
5869 width: 1300px;
5870 right: 0;
5871 top: 100px;
5872 }
5873 .doc_community_area .shap_two {
5874 top: 0;
5875 }
5876 .doc_community_area .doc_title {
5877 margin-bottom: 64px;
5878 }
5879
5880 .doc_community_info .question_text {
5881 color: #a7acb7;
5882 font-size: 14px;
5883 font-weight: 400;
5884 line-height: 22px;
5885 margin-top: 40px;
5886 }
5887 .doc_community_info .question_text:hover {
5888 color: var(--bbpc_brand_color);
5889 }
5890 .doc_community_info .doc_entry_content a {
5891 text-decoration: none;
5892 }
5893 .doc_community_info .doc_entry_content a:hover {
5894 text-decoration: underline;
5895 }
5896
5897 .doc_community_item {
5898 display: flex;
5899 align-items: center;
5900 border-radius: 10px;
5901 background: #fff;
5902 box-shadow: 0 20px 30px 0 rgba(2, 2, 48, 0.06);
5903 margin-bottom: 20px;
5904 padding: 38px 70px;
5905 transition: all 0.2s linear;
5906 cursor: pointer;
5907 }
5908 .doc_community_item .doc_community_icon {
5909 width: 100px;
5910 height: 100px;
5911 line-height: 100px;
5912 border-radius: 50%;
5913 text-align: center;
5914 font-size: 36px;
5915 background: rgba(76, 76, 241, 0.06);
5916 color: var(--bbpc_brand_color);
5917 margin-right: 50px;
5918 }
5919 .doc_community_item h4 {
5920 font-size: 20px;
5921 margin-bottom: 5px;
5922 transition: color 0.2s linear;
5923 }
5924 .doc_community_item h4:hover {
5925 color: var(--bbpc_brand_color);
5926 }
5927 .doc_community_item p {
5928 font-size: 14px;
5929 color: #6b707f;
5930 }
5931 .doc_community_item .doc_entry_info {
5932 display: flex;
5933 flex-wrap: wrap;
5934 padding-top: 5px;
5935 }
5936 .doc_community_item .doc_entry_info .author_avatar {
5937 display: flex;
5938 margin-bottom: 0;
5939 margin-right: 15px;
5940 }
5941 .doc_community_item .doc_entry_info .author_avatar li {
5942 line-height: 34px;
5943 border-radius: 50%;
5944 font-size: 14px;
5945 font-weight: 500;
5946 color: var(--black_800);
5947 text-align: center;
5948 z-index: 2;
5949 position: relative;
5950 border: 2px solid var(--bs-white);
5951 list-style: none !important;
5952 }
5953 .doc_community_item .doc_entry_info .author_avatar li img {
5954 max-width: 30px;
5955 border-radius: 50%;
5956 }
5957 .doc_community_item .doc_entry_info .author_avatar li + li {
5958 margin-left: -10px;
5959 }
5960 .doc_community_item .doc_entry_info .author_avatar li.avatar_plus {
5961 border-color: #d7d8db;
5962 width: 32px;
5963 height: 32px;
5964 align-self: end;
5965 line-height: 28px;
5966 font-size: 12px;
5967 padding-left: 2px;
5968 z-index: 0;
5969 margin-left: -8px;
5970 }
5971 .doc_community_item .doc_entry_info .text {
5972 font-size: 14px;
5973 line-height: 1.3;
5974 color: #90939b;
5975 }
5976 .doc_community_item:hover {
5977 box-shadow: 0 10px 30px 0 rgba(2, 2, 48, 0.02);
5978 }
5979 .doc_community_item:nth-child(2) .doc_community_icon {
5980 background: #fef9ee;
5981 color: #f7b126;
5982 }
5983 .doc_community_item:nth-child(3) .doc_community_icon {
5984 background: #f1fbf8;
5985 color: #0fbc8b;
5986 }
5987
5988 /*============= doc_community_area css ================*/
5989