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 / forum.css

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

8,301 lines 180.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /*----------------------------------------------------*/
3 :root {
4 --rob: "Roboto", sans-serif;
5 --great: "Great Vibes", cursive;
6 --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);
7 --bbpc_brand_color: var(--bbpc_brand_color_opt, #4c4cf1);
8 --h_title: #1d2746;
9 --p_color: #6b707f;
10 --bs-white: #fff;
11 --black_25: #f9f9f9;
12 --black_50: #f2f2f2;
13 --black_75: #eeeeee;
14 --black_90: #e0e6f0;
15 --black_100: #d6d9dc;
16 --black_150: #c8ccd0;
17 --black_200: #bbc0c4;
18 --black_300: #9fa6ad;
19 --black_350: #9199a1;
20 --black_400: #848d95;
21 --black_500: #6a737c;
22 --black_600: #535a60;
23 --black_700: #3c4146;
24 --black_750: #2f3337;
25 --black_800: #242729;
26 --black_900: #0c0d0e;
27 --bbpc_color: #078669;
28 --baseColor2: #4a6ee0;
29 --bs_white: #fff;
30 }
31
32 /*font Variables*/
33 /**=== Functions ===**/
34 .col-md-offset-right-1,
35 .col-lg-offset-right-1 {
36 margin-right: 8.33333333%;
37 }
38
39 *,
40 *::before,
41 *::after {
42 box-sizing: border-box;
43 }
44
45 .frmx-container,
46 .frmx-container-fluid {
47 width: 100%;
48 padding-right: 15px;
49 padding-left: 15px;
50 margin-right: auto;
51 margin-left: auto;
52 }
53
54 .frmx-container-fluid {
55 max-width: 100%;
56 }
57
58 @media (min-width: 576px) {
59 .frmx-container {
60 max-width: 540px;
61 }
62 }
63 @media (min-width: 768px) {
64 .frmx-container {
65 max-width: 720px;
66 }
67 }
68 @media (min-width: 992px) {
69 .frmx-container {
70 max-width: 960px;
71 }
72 }
73 @media (min-width: 1200px) {
74 .frmx-container {
75 max-width: 1140px;
76 }
77 }
78 @media (min-width: 1400px) {
79 .frmx-container {
80 max-width: 1320px;
81 }
82 }
83 .frmx-row {
84 display: flex;
85 flex-wrap: wrap;
86 margin-right: -15px;
87 margin-left: -15px;
88 }
89
90 .frmx-row-no-gutters {
91 margin-right: 0;
92 margin-left: 0;
93 }
94 .frmx-row-no-gutters > [class*=frmx-col] {
95 padding-right: 0;
96 padding-left: 0;
97 }
98
99 [class*=frmx-col] {
100 position: relative;
101 width: 100%;
102 padding-right: 15px;
103 padding-left: 15px;
104 }
105
106 .frmx-col {
107 flex: 1 0 0%;
108 }
109
110 .frmx-col-auto {
111 flex: 0 0 auto;
112 width: auto;
113 }
114
115 .frmx-col-1 {
116 flex: 0 0 auto;
117 width: 8.3333333333%;
118 }
119
120 .frmx-col-2 {
121 flex: 0 0 auto;
122 width: 16.6666666667%;
123 }
124
125 .frmx-col-3 {
126 flex: 0 0 auto;
127 width: 25%;
128 }
129
130 .frmx-col-4 {
131 flex: 0 0 auto;
132 width: 33.3333333333%;
133 }
134
135 .frmx-col-5 {
136 flex: 0 0 auto;
137 width: 41.6666666667%;
138 }
139
140 .frmx-col-6 {
141 flex: 0 0 auto;
142 width: 50%;
143 }
144
145 .frmx-col-7 {
146 flex: 0 0 auto;
147 width: 58.3333333333%;
148 }
149
150 .frmx-col-8 {
151 flex: 0 0 auto;
152 width: 66.6666666667%;
153 }
154
155 .frmx-col-9 {
156 flex: 0 0 auto;
157 width: 75%;
158 }
159
160 .frmx-col-10 {
161 flex: 0 0 auto;
162 width: 83.3333333333%;
163 }
164
165 .frmx-col-11 {
166 flex: 0 0 auto;
167 width: 91.6666666667%;
168 }
169
170 .frmx-col-12 {
171 flex: 0 0 auto;
172 width: 100%;
173 }
174
175 .frmx-offset-0 {
176 margin-left: 0%;
177 }
178
179 .frmx-offset-1 {
180 margin-left: 8.3333333333%;
181 }
182
183 .frmx-offset-2 {
184 margin-left: 16.6666666667%;
185 }
186
187 .frmx-offset-3 {
188 margin-left: 25%;
189 }
190
191 .frmx-offset-4 {
192 margin-left: 33.3333333333%;
193 }
194
195 .frmx-offset-5 {
196 margin-left: 41.6666666667%;
197 }
198
199 .frmx-offset-6 {
200 margin-left: 50%;
201 }
202
203 .frmx-offset-7 {
204 margin-left: 58.3333333333%;
205 }
206
207 .frmx-offset-8 {
208 margin-left: 66.6666666667%;
209 }
210
211 .frmx-offset-9 {
212 margin-left: 75%;
213 }
214
215 .frmx-offset-10 {
216 margin-left: 83.3333333333%;
217 }
218
219 .frmx-offset-11 {
220 margin-left: 91.6666666667%;
221 }
222
223 @media (min-width: 576px) {
224 .frmx-col-sm {
225 flex: 1 0 0%;
226 }
227 .frmx-col-sm-auto {
228 flex: 0 0 auto;
229 width: auto;
230 }
231 .frmx-col-sm-1 {
232 flex: 0 0 auto;
233 width: 8.3333333333%;
234 }
235 .frmx-col-sm-2 {
236 flex: 0 0 auto;
237 width: 16.6666666667%;
238 }
239 .frmx-col-sm-3 {
240 flex: 0 0 auto;
241 width: 25%;
242 }
243 .frmx-col-sm-4 {
244 flex: 0 0 auto;
245 width: 33.3333333333%;
246 }
247 .frmx-col-sm-5 {
248 flex: 0 0 auto;
249 width: 41.6666666667%;
250 }
251 .frmx-col-sm-6 {
252 flex: 0 0 auto;
253 width: 50%;
254 }
255 .frmx-col-sm-7 {
256 flex: 0 0 auto;
257 width: 58.3333333333%;
258 }
259 .frmx-col-sm-8 {
260 flex: 0 0 auto;
261 width: 66.6666666667%;
262 }
263 .frmx-col-sm-9 {
264 flex: 0 0 auto;
265 width: 75%;
266 }
267 .frmx-col-sm-10 {
268 flex: 0 0 auto;
269 width: 83.3333333333%;
270 }
271 .frmx-col-sm-11 {
272 flex: 0 0 auto;
273 width: 91.6666666667%;
274 }
275 .frmx-col-sm-12 {
276 flex: 0 0 auto;
277 width: 100%;
278 }
279 .frmx-offset-sm-0 {
280 margin-left: 0%;
281 }
282 .frmx-offset-sm-1 {
283 margin-left: 8.3333333333%;
284 }
285 .frmx-offset-sm-2 {
286 margin-left: 16.6666666667%;
287 }
288 .frmx-offset-sm-3 {
289 margin-left: 25%;
290 }
291 .frmx-offset-sm-4 {
292 margin-left: 33.3333333333%;
293 }
294 .frmx-offset-sm-5 {
295 margin-left: 41.6666666667%;
296 }
297 .frmx-offset-sm-6 {
298 margin-left: 50%;
299 }
300 .frmx-offset-sm-7 {
301 margin-left: 58.3333333333%;
302 }
303 .frmx-offset-sm-8 {
304 margin-left: 66.6666666667%;
305 }
306 .frmx-offset-sm-9 {
307 margin-left: 75%;
308 }
309 .frmx-offset-sm-10 {
310 margin-left: 83.3333333333%;
311 }
312 .frmx-offset-sm-11 {
313 margin-left: 91.6666666667%;
314 }
315 .frmx-order-sm-first {
316 order: -1;
317 }
318 .frmx-order-sm-last {
319 order: 13;
320 }
321 .frmx-order-sm-0 {
322 order: 0;
323 }
324 .frmx-order-sm-1 {
325 order: 1;
326 }
327 .frmx-order-sm-2 {
328 order: 2;
329 }
330 .frmx-order-sm-3 {
331 order: 3;
332 }
333 .frmx-order-sm-4 {
334 order: 4;
335 }
336 .frmx-order-sm-5 {
337 order: 5;
338 }
339 .frmx-order-sm-6 {
340 order: 6;
341 }
342 .frmx-order-sm-7 {
343 order: 7;
344 }
345 .frmx-order-sm-8 {
346 order: 8;
347 }
348 .frmx-order-sm-9 {
349 order: 9;
350 }
351 .frmx-order-sm-10 {
352 order: 10;
353 }
354 .frmx-order-sm-11 {
355 order: 11;
356 }
357 .frmx-order-sm-12 {
358 order: 12;
359 }
360 }
361 @media (min-width: 768px) {
362 .frmx-col-md {
363 flex: 1 0 0%;
364 }
365 .frmx-col-md-auto {
366 flex: 0 0 auto;
367 width: auto;
368 }
369 .frmx-col-md-1 {
370 flex: 0 0 auto;
371 width: 8.3333333333%;
372 }
373 .frmx-col-md-2 {
374 flex: 0 0 auto;
375 width: 16.6666666667%;
376 }
377 .frmx-col-md-3 {
378 flex: 0 0 auto;
379 width: 25%;
380 }
381 .frmx-col-md-4 {
382 flex: 0 0 auto;
383 width: 33.3333333333%;
384 }
385 .frmx-col-md-5 {
386 flex: 0 0 auto;
387 width: 41.6666666667%;
388 }
389 .frmx-col-md-6 {
390 flex: 0 0 auto;
391 width: 50%;
392 }
393 .frmx-col-md-7 {
394 flex: 0 0 auto;
395 width: 58.3333333333%;
396 }
397 .frmx-col-md-8 {
398 flex: 0 0 auto;
399 width: 66.6666666667%;
400 }
401 .frmx-col-md-9 {
402 flex: 0 0 auto;
403 width: 75%;
404 }
405 .frmx-col-md-10 {
406 flex: 0 0 auto;
407 width: 83.3333333333%;
408 }
409 .frmx-col-md-11 {
410 flex: 0 0 auto;
411 width: 91.6666666667%;
412 }
413 .frmx-col-md-12 {
414 flex: 0 0 auto;
415 width: 100%;
416 }
417 .frmx-offset-md-0 {
418 margin-left: 0%;
419 }
420 .frmx-offset-md-1 {
421 margin-left: 8.3333333333%;
422 }
423 .frmx-offset-md-2 {
424 margin-left: 16.6666666667%;
425 }
426 .frmx-offset-md-3 {
427 margin-left: 25%;
428 }
429 .frmx-offset-md-4 {
430 margin-left: 33.3333333333%;
431 }
432 .frmx-offset-md-5 {
433 margin-left: 41.6666666667%;
434 }
435 .frmx-offset-md-6 {
436 margin-left: 50%;
437 }
438 .frmx-offset-md-7 {
439 margin-left: 58.3333333333%;
440 }
441 .frmx-offset-md-8 {
442 margin-left: 66.6666666667%;
443 }
444 .frmx-offset-md-9 {
445 margin-left: 75%;
446 }
447 .frmx-offset-md-10 {
448 margin-left: 83.3333333333%;
449 }
450 .frmx-offset-md-11 {
451 margin-left: 91.6666666667%;
452 }
453 .frmx-order-md-first {
454 order: -1;
455 }
456 .frmx-order-md-last {
457 order: 13;
458 }
459 .frmx-order-md-0 {
460 order: 0;
461 }
462 .frmx-order-md-1 {
463 order: 1;
464 }
465 .frmx-order-md-2 {
466 order: 2;
467 }
468 .frmx-order-md-3 {
469 order: 3;
470 }
471 .frmx-order-md-4 {
472 order: 4;
473 }
474 .frmx-order-md-5 {
475 order: 5;
476 }
477 .frmx-order-md-6 {
478 order: 6;
479 }
480 .frmx-order-md-7 {
481 order: 7;
482 }
483 .frmx-order-md-8 {
484 order: 8;
485 }
486 .frmx-order-md-9 {
487 order: 9;
488 }
489 .frmx-order-md-10 {
490 order: 10;
491 }
492 .frmx-order-md-11 {
493 order: 11;
494 }
495 .frmx-order-md-12 {
496 order: 12;
497 }
498 }
499 @media (min-width: 992px) {
500 .frmx-col-lg {
501 flex: 1 0 0%;
502 }
503 .frmx-col-lg-auto {
504 flex: 0 0 auto;
505 width: auto;
506 }
507 .frmx-col-lg-1 {
508 flex: 0 0 auto;
509 width: 8.3333333333%;
510 }
511 .frmx-col-lg-2 {
512 flex: 0 0 auto;
513 width: 16.6666666667%;
514 }
515 .frmx-col-lg-3 {
516 flex: 0 0 auto;
517 width: 25%;
518 }
519 .frmx-col-lg-4 {
520 flex: 0 0 auto;
521 width: 33.3333333333%;
522 }
523 .frmx-col-lg-5 {
524 flex: 0 0 auto;
525 width: 41.6666666667%;
526 }
527 .frmx-col-lg-6 {
528 flex: 0 0 auto;
529 width: 50%;
530 }
531 .frmx-col-lg-7 {
532 flex: 0 0 auto;
533 width: 58.3333333333%;
534 }
535 .frmx-col-lg-8 {
536 flex: 0 0 auto;
537 width: 66.6666666667%;
538 }
539 .frmx-col-lg-9 {
540 flex: 0 0 auto;
541 width: 75%;
542 }
543 .frmx-col-lg-10 {
544 flex: 0 0 auto;
545 width: 83.3333333333%;
546 }
547 .frmx-col-lg-11 {
548 flex: 0 0 auto;
549 width: 91.6666666667%;
550 }
551 .frmx-col-lg-12 {
552 flex: 0 0 auto;
553 width: 100%;
554 }
555 .frmx-offset-lg-0 {
556 margin-left: 0%;
557 }
558 .frmx-offset-lg-1 {
559 margin-left: 8.3333333333%;
560 }
561 .frmx-offset-lg-2 {
562 margin-left: 16.6666666667%;
563 }
564 .frmx-offset-lg-3 {
565 margin-left: 25%;
566 }
567 .frmx-offset-lg-4 {
568 margin-left: 33.3333333333%;
569 }
570 .frmx-offset-lg-5 {
571 margin-left: 41.6666666667%;
572 }
573 .frmx-offset-lg-6 {
574 margin-left: 50%;
575 }
576 .frmx-offset-lg-7 {
577 margin-left: 58.3333333333%;
578 }
579 .frmx-offset-lg-8 {
580 margin-left: 66.6666666667%;
581 }
582 .frmx-offset-lg-9 {
583 margin-left: 75%;
584 }
585 .frmx-offset-lg-10 {
586 margin-left: 83.3333333333%;
587 }
588 .frmx-offset-lg-11 {
589 margin-left: 91.6666666667%;
590 }
591 .frmx-order-lg-first {
592 order: -1;
593 }
594 .frmx-order-lg-last {
595 order: 13;
596 }
597 .frmx-order-lg-0 {
598 order: 0;
599 }
600 .frmx-order-lg-1 {
601 order: 1;
602 }
603 .frmx-order-lg-2 {
604 order: 2;
605 }
606 .frmx-order-lg-3 {
607 order: 3;
608 }
609 .frmx-order-lg-4 {
610 order: 4;
611 }
612 .frmx-order-lg-5 {
613 order: 5;
614 }
615 .frmx-order-lg-6 {
616 order: 6;
617 }
618 .frmx-order-lg-7 {
619 order: 7;
620 }
621 .frmx-order-lg-8 {
622 order: 8;
623 }
624 .frmx-order-lg-9 {
625 order: 9;
626 }
627 .frmx-order-lg-10 {
628 order: 10;
629 }
630 .frmx-order-lg-11 {
631 order: 11;
632 }
633 .frmx-order-lg-12 {
634 order: 12;
635 }
636 }
637 @media (min-width: 1200px) {
638 .frmx-col-xl {
639 flex: 1 0 0%;
640 }
641 .frmx-col-xl-auto {
642 flex: 0 0 auto;
643 width: auto;
644 }
645 .frmx-col-xl-1 {
646 flex: 0 0 auto;
647 width: 8.3333333333%;
648 }
649 .frmx-col-xl-2 {
650 flex: 0 0 auto;
651 width: 16.6666666667%;
652 }
653 .frmx-col-xl-3 {
654 flex: 0 0 auto;
655 width: 25%;
656 }
657 .frmx-col-xl-4 {
658 flex: 0 0 auto;
659 width: 33.3333333333%;
660 }
661 .frmx-col-xl-5 {
662 flex: 0 0 auto;
663 width: 41.6666666667%;
664 }
665 .frmx-col-xl-6 {
666 flex: 0 0 auto;
667 width: 50%;
668 }
669 .frmx-col-xl-7 {
670 flex: 0 0 auto;
671 width: 58.3333333333%;
672 }
673 .frmx-col-xl-8 {
674 flex: 0 0 auto;
675 width: 66.6666666667%;
676 }
677 .frmx-col-xl-9 {
678 flex: 0 0 auto;
679 width: 75%;
680 }
681 .frmx-col-xl-10 {
682 flex: 0 0 auto;
683 width: 83.3333333333%;
684 }
685 .frmx-col-xl-11 {
686 flex: 0 0 auto;
687 width: 91.6666666667%;
688 }
689 .frmx-col-xl-12 {
690 flex: 0 0 auto;
691 width: 100%;
692 }
693 .frmx-offset-xl-0 {
694 margin-left: 0%;
695 }
696 .frmx-offset-xl-1 {
697 margin-left: 8.3333333333%;
698 }
699 .frmx-offset-xl-2 {
700 margin-left: 16.6666666667%;
701 }
702 .frmx-offset-xl-3 {
703 margin-left: 25%;
704 }
705 .frmx-offset-xl-4 {
706 margin-left: 33.3333333333%;
707 }
708 .frmx-offset-xl-5 {
709 margin-left: 41.6666666667%;
710 }
711 .frmx-offset-xl-6 {
712 margin-left: 50%;
713 }
714 .frmx-offset-xl-7 {
715 margin-left: 58.3333333333%;
716 }
717 .frmx-offset-xl-8 {
718 margin-left: 66.6666666667%;
719 }
720 .frmx-offset-xl-9 {
721 margin-left: 75%;
722 }
723 .frmx-offset-xl-10 {
724 margin-left: 83.3333333333%;
725 }
726 .frmx-offset-xl-11 {
727 margin-left: 91.6666666667%;
728 }
729 .frmx-order-xl-first {
730 order: -1;
731 }
732 .frmx-order-xl-last {
733 order: 13;
734 }
735 .frmx-order-xl-0 {
736 order: 0;
737 }
738 .frmx-order-xl-1 {
739 order: 1;
740 }
741 .frmx-order-xl-2 {
742 order: 2;
743 }
744 .frmx-order-xl-3 {
745 order: 3;
746 }
747 .frmx-order-xl-4 {
748 order: 4;
749 }
750 .frmx-order-xl-5 {
751 order: 5;
752 }
753 .frmx-order-xl-6 {
754 order: 6;
755 }
756 .frmx-order-xl-7 {
757 order: 7;
758 }
759 .frmx-order-xl-8 {
760 order: 8;
761 }
762 .frmx-order-xl-9 {
763 order: 9;
764 }
765 .frmx-order-xl-10 {
766 order: 10;
767 }
768 .frmx-order-xl-11 {
769 order: 11;
770 }
771 .frmx-order-xl-12 {
772 order: 12;
773 }
774 }
775 @media (min-width: 1400px) {
776 .frmx-col-xxl {
777 flex: 1 0 0%;
778 }
779 .frmx-col-xxl-auto {
780 flex: 0 0 auto;
781 width: auto;
782 }
783 .frmx-col-xxl-1 {
784 flex: 0 0 auto;
785 width: 8.3333333333%;
786 }
787 .frmx-col-xxl-2 {
788 flex: 0 0 auto;
789 width: 16.6666666667%;
790 }
791 .frmx-col-xxl-3 {
792 flex: 0 0 auto;
793 width: 25%;
794 }
795 .frmx-col-xxl-4 {
796 flex: 0 0 auto;
797 width: 33.3333333333%;
798 }
799 .frmx-col-xxl-5 {
800 flex: 0 0 auto;
801 width: 41.6666666667%;
802 }
803 .frmx-col-xxl-6 {
804 flex: 0 0 auto;
805 width: 50%;
806 }
807 .frmx-col-xxl-7 {
808 flex: 0 0 auto;
809 width: 58.3333333333%;
810 }
811 .frmx-col-xxl-8 {
812 flex: 0 0 auto;
813 width: 66.6666666667%;
814 }
815 .frmx-col-xxl-9 {
816 flex: 0 0 auto;
817 width: 75%;
818 }
819 .frmx-col-xxl-10 {
820 flex: 0 0 auto;
821 width: 83.3333333333%;
822 }
823 .frmx-col-xxl-11 {
824 flex: 0 0 auto;
825 width: 91.6666666667%;
826 }
827 .frmx-col-xxl-12 {
828 flex: 0 0 auto;
829 width: 100%;
830 }
831 .frmx-offset-xxl-0 {
832 margin-left: 0%;
833 }
834 .frmx-offset-xxl-1 {
835 margin-left: 8.3333333333%;
836 }
837 .frmx-offset-xxl-2 {
838 margin-left: 16.6666666667%;
839 }
840 .frmx-offset-xxl-3 {
841 margin-left: 25%;
842 }
843 .frmx-offset-xxl-4 {
844 margin-left: 33.3333333333%;
845 }
846 .frmx-offset-xxl-5 {
847 margin-left: 41.6666666667%;
848 }
849 .frmx-offset-xxl-6 {
850 margin-left: 50%;
851 }
852 .frmx-offset-xxl-7 {
853 margin-left: 58.3333333333%;
854 }
855 .frmx-offset-xxl-8 {
856 margin-left: 66.6666666667%;
857 }
858 .frmx-offset-xxl-9 {
859 margin-left: 75%;
860 }
861 .frmx-offset-xxl-10 {
862 margin-left: 83.3333333333%;
863 }
864 .frmx-offset-xxl-11 {
865 margin-left: 91.6666666667%;
866 }
867 .frmx-order-xxl-first {
868 order: -1;
869 }
870 .frmx-order-xxl-last {
871 order: 13;
872 }
873 .frmx-order-xxl-0 {
874 order: 0;
875 }
876 .frmx-order-xxl-1 {
877 order: 1;
878 }
879 .frmx-order-xxl-2 {
880 order: 2;
881 }
882 .frmx-order-xxl-3 {
883 order: 3;
884 }
885 .frmx-order-xxl-4 {
886 order: 4;
887 }
888 .frmx-order-xxl-5 {
889 order: 5;
890 }
891 .frmx-order-xxl-6 {
892 order: 6;
893 }
894 .frmx-order-xxl-7 {
895 order: 7;
896 }
897 .frmx-order-xxl-8 {
898 order: 8;
899 }
900 .frmx-order-xxl-9 {
901 order: 9;
902 }
903 .frmx-order-xxl-10 {
904 order: 10;
905 }
906 .frmx-order-xxl-11 {
907 order: 11;
908 }
909 .frmx-order-xxl-12 {
910 order: 12;
911 }
912 }
913 .frmx-order-first {
914 order: -1;
915 }
916
917 .frmx-order-last {
918 order: 13;
919 }
920
921 .frmx-order-0 {
922 order: 0;
923 }
924
925 .frmx-order-1 {
926 order: 1;
927 }
928
929 .frmx-order-2 {
930 order: 2;
931 }
932
933 .frmx-order-3 {
934 order: 3;
935 }
936
937 .frmx-order-4 {
938 order: 4;
939 }
940
941 .frmx-order-5 {
942 order: 5;
943 }
944
945 .frmx-order-6 {
946 order: 6;
947 }
948
949 .frmx-order-7 {
950 order: 7;
951 }
952
953 .frmx-order-8 {
954 order: 8;
955 }
956
957 .frmx-order-9 {
958 order: 9;
959 }
960
961 .frmx-order-10 {
962 order: 10;
963 }
964
965 .frmx-order-11 {
966 order: 11;
967 }
968
969 .frmx-order-12 {
970 order: 12;
971 }
972
973 .frmx-justify-content-start {
974 justify-content: flex-start;
975 }
976
977 .frmx-justify-content-end {
978 justify-content: flex-end;
979 }
980
981 .frmx-justify-content-center {
982 justify-content: center;
983 }
984
985 .frmx-justify-content-between {
986 justify-content: space-between;
987 }
988
989 .frmx-justify-content-around {
990 justify-content: space-around;
991 }
992
993 .frmx-justify-content-evenly {
994 justify-content: space-evenly;
995 }
996
997 .frmx-align-items-start {
998 align-items: flex-start;
999 }
1000
1001 .frmx-align-items-end {
1002 align-items: flex-end;
1003 }
1004
1005 .frmx-align-items-center {
1006 align-items: center;
1007 }
1008
1009 .frmx-align-items-baseline {
1010 align-items: baseline;
1011 }
1012
1013 .frmx-align-items-stretch {
1014 align-items: stretch;
1015 }
1016
1017 .frmx-align-self-start {
1018 align-self: flex-start;
1019 }
1020
1021 .frmx-align-self-end {
1022 align-self: flex-end;
1023 }
1024
1025 .frmx-align-self-center {
1026 align-self: center;
1027 }
1028
1029 .frmx-align-self-baseline {
1030 align-self: baseline;
1031 }
1032
1033 .frmx-align-self-stretch {
1034 align-self: stretch;
1035 }
1036
1037 .frmx-d-none {
1038 display: none;
1039 }
1040
1041 .frmx-d-block {
1042 display: block;
1043 }
1044
1045 .frmx-d-flex {
1046 display: flex;
1047 }
1048
1049 .frmx-d-inline-flex {
1050 display: inline-flex;
1051 }
1052
1053 .frmx-d-grid {
1054 display: grid;
1055 }
1056
1057 @media (min-width: 576px) {
1058 .frmx-d-sm-none {
1059 display: none;
1060 }
1061 .frmx-d-sm-block {
1062 display: block;
1063 }
1064 .frmx-d-sm-flex {
1065 display: flex;
1066 }
1067 .frmx-d-sm-inline-flex {
1068 display: inline-flex;
1069 }
1070 .frmx-d-sm-grid {
1071 display: grid;
1072 }
1073 }
1074 @media (min-width: 768px) {
1075 .frmx-d-md-none {
1076 display: none;
1077 }
1078 .frmx-d-md-block {
1079 display: block;
1080 }
1081 .frmx-d-md-flex {
1082 display: flex;
1083 }
1084 .frmx-d-md-inline-flex {
1085 display: inline-flex;
1086 }
1087 .frmx-d-md-grid {
1088 display: grid;
1089 }
1090 }
1091 @media (min-width: 992px) {
1092 .frmx-d-lg-none {
1093 display: none;
1094 }
1095 .frmx-d-lg-block {
1096 display: block;
1097 }
1098 .frmx-d-lg-flex {
1099 display: flex;
1100 }
1101 .frmx-d-lg-inline-flex {
1102 display: inline-flex;
1103 }
1104 .frmx-d-lg-grid {
1105 display: grid;
1106 }
1107 }
1108 @media (min-width: 1200px) {
1109 .frmx-d-xl-none {
1110 display: none;
1111 }
1112 .frmx-d-xl-block {
1113 display: block;
1114 }
1115 .frmx-d-xl-flex {
1116 display: flex;
1117 }
1118 .frmx-d-xl-inline-flex {
1119 display: inline-flex;
1120 }
1121 .frmx-d-xl-grid {
1122 display: grid;
1123 }
1124 }
1125 @media (min-width: 1400px) {
1126 .frmx-d-xxl-none {
1127 display: none;
1128 }
1129 .frmx-d-xxl-block {
1130 display: block;
1131 }
1132 .frmx-d-xxl-flex {
1133 display: flex;
1134 }
1135 .frmx-d-xxl-inline-flex {
1136 display: inline-flex;
1137 }
1138 .frmx-d-xxl-grid {
1139 display: grid;
1140 }
1141 }
1142 .frmx-gap-0 {
1143 gap: 0;
1144 }
1145
1146 .frmx-gap-1 {
1147 gap: 0.25rem;
1148 }
1149
1150 .frmx-gap-2 {
1151 gap: 0.5rem;
1152 }
1153
1154 .frmx-gap-3 {
1155 gap: 1rem;
1156 }
1157
1158 .frmx-gap-4 {
1159 gap: 1.5rem;
1160 }
1161
1162 .frmx-gap-5 {
1163 gap: 3rem;
1164 }
1165
1166 .frmx-flex-wrap {
1167 flex-wrap: wrap;
1168 }
1169
1170 .frmx-flex-nowrap {
1171 flex-wrap: nowrap;
1172 }
1173
1174 .frmx-flex-wrap-reverse {
1175 flex-wrap: wrap-reverse;
1176 }
1177
1178 .frmx-flex-row {
1179 flex-direction: row;
1180 }
1181
1182 .frmx-flex-row-reverse {
1183 flex-direction: row-reverse;
1184 }
1185
1186 .frmx-flex-column {
1187 flex-direction: column;
1188 }
1189
1190 .frmx-flex-column-reverse {
1191 flex-direction: column-reverse;
1192 }
1193
1194 .frmx-flex-grow-0 {
1195 flex-grow: 0;
1196 }
1197
1198 .frmx-flex-grow-1 {
1199 flex-grow: 1;
1200 }
1201
1202 .frmx-flex-shrink-0 {
1203 flex-shrink: 0;
1204 }
1205
1206 .frmx-flex-shrink-1 {
1207 flex-shrink: 1;
1208 }
1209
1210 .frmx-m-0 {
1211 margin: 0 !important;
1212 }
1213
1214 .frmx-mx-0 {
1215 margin-left: 0 !important;
1216 margin-right: 0 !important;
1217 }
1218
1219 .frmx-my-0 {
1220 margin-top: 0 !important;
1221 margin-bottom: 0 !important;
1222 }
1223
1224 .frmx-mt-0 {
1225 margin-top: 0 !important;
1226 }
1227
1228 .frmx-mb-0 {
1229 margin-bottom: 0 !important;
1230 }
1231
1232 .frmx-ms-0 {
1233 margin-left: 0 !important;
1234 }
1235
1236 .frmx-me-0 {
1237 margin-right: 0 !important;
1238 }
1239
1240 .frmx-m-1 {
1241 margin: 0.25rem !important;
1242 }
1243
1244 .frmx-mx-1 {
1245 margin-left: 0.25rem !important;
1246 margin-right: 0.25rem !important;
1247 }
1248
1249 .frmx-my-1 {
1250 margin-top: 0.25rem !important;
1251 margin-bottom: 0.25rem !important;
1252 }
1253
1254 .frmx-mt-1 {
1255 margin-top: 0.25rem !important;
1256 }
1257
1258 .frmx-mb-1 {
1259 margin-bottom: 0.25rem !important;
1260 }
1261
1262 .frmx-ms-1 {
1263 margin-left: 0.25rem !important;
1264 }
1265
1266 .frmx-me-1 {
1267 margin-right: 0.25rem !important;
1268 }
1269
1270 .frmx-m-2 {
1271 margin: 0.5rem !important;
1272 }
1273
1274 .frmx-mx-2 {
1275 margin-left: 0.5rem !important;
1276 margin-right: 0.5rem !important;
1277 }
1278
1279 .frmx-my-2 {
1280 margin-top: 0.5rem !important;
1281 margin-bottom: 0.5rem !important;
1282 }
1283
1284 .frmx-mt-2 {
1285 margin-top: 0.5rem !important;
1286 }
1287
1288 .frmx-mb-2 {
1289 margin-bottom: 0.5rem !important;
1290 }
1291
1292 .frmx-ms-2 {
1293 margin-left: 0.5rem !important;
1294 }
1295
1296 .frmx-me-2 {
1297 margin-right: 0.5rem !important;
1298 }
1299
1300 .frmx-m-3 {
1301 margin: 1rem !important;
1302 }
1303
1304 .frmx-mx-3 {
1305 margin-left: 1rem !important;
1306 margin-right: 1rem !important;
1307 }
1308
1309 .frmx-my-3 {
1310 margin-top: 1rem !important;
1311 margin-bottom: 1rem !important;
1312 }
1313
1314 .frmx-mt-3 {
1315 margin-top: 1rem !important;
1316 }
1317
1318 .frmx-mb-3 {
1319 margin-bottom: 1rem !important;
1320 }
1321
1322 .frmx-ms-3 {
1323 margin-left: 1rem !important;
1324 }
1325
1326 .frmx-me-3 {
1327 margin-right: 1rem !important;
1328 }
1329
1330 .frmx-m-4 {
1331 margin: 1.5rem !important;
1332 }
1333
1334 .frmx-mx-4 {
1335 margin-left: 1.5rem !important;
1336 margin-right: 1.5rem !important;
1337 }
1338
1339 .frmx-my-4 {
1340 margin-top: 1.5rem !important;
1341 margin-bottom: 1.5rem !important;
1342 }
1343
1344 .frmx-mt-4 {
1345 margin-top: 1.5rem !important;
1346 }
1347
1348 .frmx-mb-4 {
1349 margin-bottom: 1.5rem !important;
1350 }
1351
1352 .frmx-ms-4 {
1353 margin-left: 1.5rem !important;
1354 }
1355
1356 .frmx-me-4 {
1357 margin-right: 1.5rem !important;
1358 }
1359
1360 .frmx-m-5 {
1361 margin: 3rem !important;
1362 }
1363
1364 .frmx-mx-5 {
1365 margin-left: 3rem !important;
1366 margin-right: 3rem !important;
1367 }
1368
1369 .frmx-my-5 {
1370 margin-top: 3rem !important;
1371 margin-bottom: 3rem !important;
1372 }
1373
1374 .frmx-mt-5 {
1375 margin-top: 3rem !important;
1376 }
1377
1378 .frmx-mb-5 {
1379 margin-bottom: 3rem !important;
1380 }
1381
1382 .frmx-ms-5 {
1383 margin-left: 3rem !important;
1384 }
1385
1386 .frmx-me-5 {
1387 margin-right: 3rem !important;
1388 }
1389
1390 .frmx-p-0 {
1391 padding: 0 !important;
1392 }
1393
1394 .frmx-px-0 {
1395 padding-left: 0 !important;
1396 padding-right: 0 !important;
1397 }
1398
1399 .frmx-py-0 {
1400 padding-top: 0 !important;
1401 padding-bottom: 0 !important;
1402 }
1403
1404 .frmx-pt-0 {
1405 padding-top: 0 !important;
1406 }
1407
1408 .frmx-pb-0 {
1409 padding-bottom: 0 !important;
1410 }
1411
1412 .frmx-ps-0 {
1413 padding-left: 0 !important;
1414 }
1415
1416 .frmx-pe-0 {
1417 padding-right: 0 !important;
1418 }
1419
1420 .frmx-p-1 {
1421 padding: 0.25rem !important;
1422 }
1423
1424 .frmx-px-1 {
1425 padding-left: 0.25rem !important;
1426 padding-right: 0.25rem !important;
1427 }
1428
1429 .frmx-py-1 {
1430 padding-top: 0.25rem !important;
1431 padding-bottom: 0.25rem !important;
1432 }
1433
1434 .frmx-pt-1 {
1435 padding-top: 0.25rem !important;
1436 }
1437
1438 .frmx-pb-1 {
1439 padding-bottom: 0.25rem !important;
1440 }
1441
1442 .frmx-ps-1 {
1443 padding-left: 0.25rem !important;
1444 }
1445
1446 .frmx-pe-1 {
1447 padding-right: 0.25rem !important;
1448 }
1449
1450 .frmx-p-2 {
1451 padding: 0.5rem !important;
1452 }
1453
1454 .frmx-px-2 {
1455 padding-left: 0.5rem !important;
1456 padding-right: 0.5rem !important;
1457 }
1458
1459 .frmx-py-2 {
1460 padding-top: 0.5rem !important;
1461 padding-bottom: 0.5rem !important;
1462 }
1463
1464 .frmx-pt-2 {
1465 padding-top: 0.5rem !important;
1466 }
1467
1468 .frmx-pb-2 {
1469 padding-bottom: 0.5rem !important;
1470 }
1471
1472 .frmx-ps-2 {
1473 padding-left: 0.5rem !important;
1474 }
1475
1476 .frmx-pe-2 {
1477 padding-right: 0.5rem !important;
1478 }
1479
1480 .frmx-p-3 {
1481 padding: 1rem !important;
1482 }
1483
1484 .frmx-px-3 {
1485 padding-left: 1rem !important;
1486 padding-right: 1rem !important;
1487 }
1488
1489 .frmx-py-3 {
1490 padding-top: 1rem !important;
1491 padding-bottom: 1rem !important;
1492 }
1493
1494 .frmx-pt-3 {
1495 padding-top: 1rem !important;
1496 }
1497
1498 .frmx-pb-3 {
1499 padding-bottom: 1rem !important;
1500 }
1501
1502 .frmx-ps-3 {
1503 padding-left: 1rem !important;
1504 }
1505
1506 .frmx-pe-3 {
1507 padding-right: 1rem !important;
1508 }
1509
1510 .frmx-p-4 {
1511 padding: 1.5rem !important;
1512 }
1513
1514 .frmx-px-4 {
1515 padding-left: 1.5rem !important;
1516 padding-right: 1.5rem !important;
1517 }
1518
1519 .frmx-py-4 {
1520 padding-top: 1.5rem !important;
1521 padding-bottom: 1.5rem !important;
1522 }
1523
1524 .frmx-pt-4 {
1525 padding-top: 1.5rem !important;
1526 }
1527
1528 .frmx-pb-4 {
1529 padding-bottom: 1.5rem !important;
1530 }
1531
1532 .frmx-ps-4 {
1533 padding-left: 1.5rem !important;
1534 }
1535
1536 .frmx-pe-4 {
1537 padding-right: 1.5rem !important;
1538 }
1539
1540 .frmx-p-5 {
1541 padding: 3rem !important;
1542 }
1543
1544 .frmx-px-5 {
1545 padding-left: 3rem !important;
1546 padding-right: 3rem !important;
1547 }
1548
1549 .frmx-py-5 {
1550 padding-top: 3rem !important;
1551 padding-bottom: 3rem !important;
1552 }
1553
1554 .frmx-pt-5 {
1555 padding-top: 3rem !important;
1556 }
1557
1558 .frmx-pb-5 {
1559 padding-bottom: 3rem !important;
1560 }
1561
1562 .frmx-ps-5 {
1563 padding-left: 3rem !important;
1564 }
1565
1566 .frmx-pe-5 {
1567 padding-right: 3rem !important;
1568 }
1569
1570 .frmx-m-auto {
1571 margin: auto !important;
1572 }
1573
1574 .frmx-mx-auto {
1575 margin-left: auto !important;
1576 margin-right: auto !important;
1577 }
1578
1579 .frmx-my-auto {
1580 margin-top: auto !important;
1581 margin-bottom: auto !important;
1582 }
1583
1584 .frmx-mt-auto {
1585 margin-top: auto !important;
1586 }
1587
1588 .frmx-mb-auto {
1589 margin-bottom: auto !important;
1590 }
1591
1592 .frmx-ms-auto {
1593 margin-left: auto !important;
1594 }
1595
1596 .frmx-me-auto {
1597 margin-right: auto !important;
1598 }
1599
1600 @media (min-width: 576px) {
1601 .frmx-m-sm-0 {
1602 margin: 0 !important;
1603 }
1604 .frmx-mx-sm-0 {
1605 margin-left: 0 !important;
1606 margin-right: 0 !important;
1607 }
1608 .frmx-my-sm-0 {
1609 margin-top: 0 !important;
1610 margin-bottom: 0 !important;
1611 }
1612 .frmx-mt-sm-0 {
1613 margin-top: 0 !important;
1614 }
1615 .frmx-mb-sm-0 {
1616 margin-bottom: 0 !important;
1617 }
1618 .frmx-ms-sm-0 {
1619 margin-left: 0 !important;
1620 }
1621 .frmx-me-sm-0 {
1622 margin-right: 0 !important;
1623 }
1624 .frmx-m-sm-1 {
1625 margin: 0.25rem !important;
1626 }
1627 .frmx-mx-sm-1 {
1628 margin-left: 0.25rem !important;
1629 margin-right: 0.25rem !important;
1630 }
1631 .frmx-my-sm-1 {
1632 margin-top: 0.25rem !important;
1633 margin-bottom: 0.25rem !important;
1634 }
1635 .frmx-mt-sm-1 {
1636 margin-top: 0.25rem !important;
1637 }
1638 .frmx-mb-sm-1 {
1639 margin-bottom: 0.25rem !important;
1640 }
1641 .frmx-ms-sm-1 {
1642 margin-left: 0.25rem !important;
1643 }
1644 .frmx-me-sm-1 {
1645 margin-right: 0.25rem !important;
1646 }
1647 .frmx-m-sm-2 {
1648 margin: 0.5rem !important;
1649 }
1650 .frmx-mx-sm-2 {
1651 margin-left: 0.5rem !important;
1652 margin-right: 0.5rem !important;
1653 }
1654 .frmx-my-sm-2 {
1655 margin-top: 0.5rem !important;
1656 margin-bottom: 0.5rem !important;
1657 }
1658 .frmx-mt-sm-2 {
1659 margin-top: 0.5rem !important;
1660 }
1661 .frmx-mb-sm-2 {
1662 margin-bottom: 0.5rem !important;
1663 }
1664 .frmx-ms-sm-2 {
1665 margin-left: 0.5rem !important;
1666 }
1667 .frmx-me-sm-2 {
1668 margin-right: 0.5rem !important;
1669 }
1670 .frmx-m-sm-3 {
1671 margin: 1rem !important;
1672 }
1673 .frmx-mx-sm-3 {
1674 margin-left: 1rem !important;
1675 margin-right: 1rem !important;
1676 }
1677 .frmx-my-sm-3 {
1678 margin-top: 1rem !important;
1679 margin-bottom: 1rem !important;
1680 }
1681 .frmx-mt-sm-3 {
1682 margin-top: 1rem !important;
1683 }
1684 .frmx-mb-sm-3 {
1685 margin-bottom: 1rem !important;
1686 }
1687 .frmx-ms-sm-3 {
1688 margin-left: 1rem !important;
1689 }
1690 .frmx-me-sm-3 {
1691 margin-right: 1rem !important;
1692 }
1693 .frmx-m-sm-4 {
1694 margin: 1.5rem !important;
1695 }
1696 .frmx-mx-sm-4 {
1697 margin-left: 1.5rem !important;
1698 margin-right: 1.5rem !important;
1699 }
1700 .frmx-my-sm-4 {
1701 margin-top: 1.5rem !important;
1702 margin-bottom: 1.5rem !important;
1703 }
1704 .frmx-mt-sm-4 {
1705 margin-top: 1.5rem !important;
1706 }
1707 .frmx-mb-sm-4 {
1708 margin-bottom: 1.5rem !important;
1709 }
1710 .frmx-ms-sm-4 {
1711 margin-left: 1.5rem !important;
1712 }
1713 .frmx-me-sm-4 {
1714 margin-right: 1.5rem !important;
1715 }
1716 .frmx-m-sm-5 {
1717 margin: 3rem !important;
1718 }
1719 .frmx-mx-sm-5 {
1720 margin-left: 3rem !important;
1721 margin-right: 3rem !important;
1722 }
1723 .frmx-my-sm-5 {
1724 margin-top: 3rem !important;
1725 margin-bottom: 3rem !important;
1726 }
1727 .frmx-mt-sm-5 {
1728 margin-top: 3rem !important;
1729 }
1730 .frmx-mb-sm-5 {
1731 margin-bottom: 3rem !important;
1732 }
1733 .frmx-ms-sm-5 {
1734 margin-left: 3rem !important;
1735 }
1736 .frmx-me-sm-5 {
1737 margin-right: 3rem !important;
1738 }
1739 .frmx-p-sm-0 {
1740 padding: 0 !important;
1741 }
1742 .frmx-px-sm-0 {
1743 padding-left: 0 !important;
1744 padding-right: 0 !important;
1745 }
1746 .frmx-py-sm-0 {
1747 padding-top: 0 !important;
1748 padding-bottom: 0 !important;
1749 }
1750 .frmx-pt-sm-0 {
1751 padding-top: 0 !important;
1752 }
1753 .frmx-pb-sm-0 {
1754 padding-bottom: 0 !important;
1755 }
1756 .frmx-ps-sm-0 {
1757 padding-left: 0 !important;
1758 }
1759 .frmx-pe-sm-0 {
1760 padding-right: 0 !important;
1761 }
1762 .frmx-p-sm-1 {
1763 padding: 0.25rem !important;
1764 }
1765 .frmx-px-sm-1 {
1766 padding-left: 0.25rem !important;
1767 padding-right: 0.25rem !important;
1768 }
1769 .frmx-py-sm-1 {
1770 padding-top: 0.25rem !important;
1771 padding-bottom: 0.25rem !important;
1772 }
1773 .frmx-pt-sm-1 {
1774 padding-top: 0.25rem !important;
1775 }
1776 .frmx-pb-sm-1 {
1777 padding-bottom: 0.25rem !important;
1778 }
1779 .frmx-ps-sm-1 {
1780 padding-left: 0.25rem !important;
1781 }
1782 .frmx-pe-sm-1 {
1783 padding-right: 0.25rem !important;
1784 }
1785 .frmx-p-sm-2 {
1786 padding: 0.5rem !important;
1787 }
1788 .frmx-px-sm-2 {
1789 padding-left: 0.5rem !important;
1790 padding-right: 0.5rem !important;
1791 }
1792 .frmx-py-sm-2 {
1793 padding-top: 0.5rem !important;
1794 padding-bottom: 0.5rem !important;
1795 }
1796 .frmx-pt-sm-2 {
1797 padding-top: 0.5rem !important;
1798 }
1799 .frmx-pb-sm-2 {
1800 padding-bottom: 0.5rem !important;
1801 }
1802 .frmx-ps-sm-2 {
1803 padding-left: 0.5rem !important;
1804 }
1805 .frmx-pe-sm-2 {
1806 padding-right: 0.5rem !important;
1807 }
1808 .frmx-p-sm-3 {
1809 padding: 1rem !important;
1810 }
1811 .frmx-px-sm-3 {
1812 padding-left: 1rem !important;
1813 padding-right: 1rem !important;
1814 }
1815 .frmx-py-sm-3 {
1816 padding-top: 1rem !important;
1817 padding-bottom: 1rem !important;
1818 }
1819 .frmx-pt-sm-3 {
1820 padding-top: 1rem !important;
1821 }
1822 .frmx-pb-sm-3 {
1823 padding-bottom: 1rem !important;
1824 }
1825 .frmx-ps-sm-3 {
1826 padding-left: 1rem !important;
1827 }
1828 .frmx-pe-sm-3 {
1829 padding-right: 1rem !important;
1830 }
1831 .frmx-p-sm-4 {
1832 padding: 1.5rem !important;
1833 }
1834 .frmx-px-sm-4 {
1835 padding-left: 1.5rem !important;
1836 padding-right: 1.5rem !important;
1837 }
1838 .frmx-py-sm-4 {
1839 padding-top: 1.5rem !important;
1840 padding-bottom: 1.5rem !important;
1841 }
1842 .frmx-pt-sm-4 {
1843 padding-top: 1.5rem !important;
1844 }
1845 .frmx-pb-sm-4 {
1846 padding-bottom: 1.5rem !important;
1847 }
1848 .frmx-ps-sm-4 {
1849 padding-left: 1.5rem !important;
1850 }
1851 .frmx-pe-sm-4 {
1852 padding-right: 1.5rem !important;
1853 }
1854 .frmx-p-sm-5 {
1855 padding: 3rem !important;
1856 }
1857 .frmx-px-sm-5 {
1858 padding-left: 3rem !important;
1859 padding-right: 3rem !important;
1860 }
1861 .frmx-py-sm-5 {
1862 padding-top: 3rem !important;
1863 padding-bottom: 3rem !important;
1864 }
1865 .frmx-pt-sm-5 {
1866 padding-top: 3rem !important;
1867 }
1868 .frmx-pb-sm-5 {
1869 padding-bottom: 3rem !important;
1870 }
1871 .frmx-ps-sm-5 {
1872 padding-left: 3rem !important;
1873 }
1874 .frmx-pe-sm-5 {
1875 padding-right: 3rem !important;
1876 }
1877 .frmx-m-sm-auto {
1878 margin: auto !important;
1879 }
1880 .frmx-mx-sm-auto {
1881 margin-left: auto !important;
1882 margin-right: auto !important;
1883 }
1884 .frmx-my-sm-auto {
1885 margin-top: auto !important;
1886 margin-bottom: auto !important;
1887 }
1888 .frmx-mt-sm-auto {
1889 margin-top: auto !important;
1890 }
1891 .frmx-mb-sm-auto {
1892 margin-bottom: auto !important;
1893 }
1894 .frmx-ms-sm-auto {
1895 margin-left: auto !important;
1896 }
1897 .frmx-me-sm-auto {
1898 margin-right: auto !important;
1899 }
1900 }
1901 @media (min-width: 768px) {
1902 .frmx-m-md-0 {
1903 margin: 0 !important;
1904 }
1905 .frmx-mx-md-0 {
1906 margin-left: 0 !important;
1907 margin-right: 0 !important;
1908 }
1909 .frmx-my-md-0 {
1910 margin-top: 0 !important;
1911 margin-bottom: 0 !important;
1912 }
1913 .frmx-mt-md-0 {
1914 margin-top: 0 !important;
1915 }
1916 .frmx-mb-md-0 {
1917 margin-bottom: 0 !important;
1918 }
1919 .frmx-ms-md-0 {
1920 margin-left: 0 !important;
1921 }
1922 .frmx-me-md-0 {
1923 margin-right: 0 !important;
1924 }
1925 .frmx-m-md-1 {
1926 margin: 0.25rem !important;
1927 }
1928 .frmx-mx-md-1 {
1929 margin-left: 0.25rem !important;
1930 margin-right: 0.25rem !important;
1931 }
1932 .frmx-my-md-1 {
1933 margin-top: 0.25rem !important;
1934 margin-bottom: 0.25rem !important;
1935 }
1936 .frmx-mt-md-1 {
1937 margin-top: 0.25rem !important;
1938 }
1939 .frmx-mb-md-1 {
1940 margin-bottom: 0.25rem !important;
1941 }
1942 .frmx-ms-md-1 {
1943 margin-left: 0.25rem !important;
1944 }
1945 .frmx-me-md-1 {
1946 margin-right: 0.25rem !important;
1947 }
1948 .frmx-m-md-2 {
1949 margin: 0.5rem !important;
1950 }
1951 .frmx-mx-md-2 {
1952 margin-left: 0.5rem !important;
1953 margin-right: 0.5rem !important;
1954 }
1955 .frmx-my-md-2 {
1956 margin-top: 0.5rem !important;
1957 margin-bottom: 0.5rem !important;
1958 }
1959 .frmx-mt-md-2 {
1960 margin-top: 0.5rem !important;
1961 }
1962 .frmx-mb-md-2 {
1963 margin-bottom: 0.5rem !important;
1964 }
1965 .frmx-ms-md-2 {
1966 margin-left: 0.5rem !important;
1967 }
1968 .frmx-me-md-2 {
1969 margin-right: 0.5rem !important;
1970 }
1971 .frmx-m-md-3 {
1972 margin: 1rem !important;
1973 }
1974 .frmx-mx-md-3 {
1975 margin-left: 1rem !important;
1976 margin-right: 1rem !important;
1977 }
1978 .frmx-my-md-3 {
1979 margin-top: 1rem !important;
1980 margin-bottom: 1rem !important;
1981 }
1982 .frmx-mt-md-3 {
1983 margin-top: 1rem !important;
1984 }
1985 .frmx-mb-md-3 {
1986 margin-bottom: 1rem !important;
1987 }
1988 .frmx-ms-md-3 {
1989 margin-left: 1rem !important;
1990 }
1991 .frmx-me-md-3 {
1992 margin-right: 1rem !important;
1993 }
1994 .frmx-m-md-4 {
1995 margin: 1.5rem !important;
1996 }
1997 .frmx-mx-md-4 {
1998 margin-left: 1.5rem !important;
1999 margin-right: 1.5rem !important;
2000 }
2001 .frmx-my-md-4 {
2002 margin-top: 1.5rem !important;
2003 margin-bottom: 1.5rem !important;
2004 }
2005 .frmx-mt-md-4 {
2006 margin-top: 1.5rem !important;
2007 }
2008 .frmx-mb-md-4 {
2009 margin-bottom: 1.5rem !important;
2010 }
2011 .frmx-ms-md-4 {
2012 margin-left: 1.5rem !important;
2013 }
2014 .frmx-me-md-4 {
2015 margin-right: 1.5rem !important;
2016 }
2017 .frmx-m-md-5 {
2018 margin: 3rem !important;
2019 }
2020 .frmx-mx-md-5 {
2021 margin-left: 3rem !important;
2022 margin-right: 3rem !important;
2023 }
2024 .frmx-my-md-5 {
2025 margin-top: 3rem !important;
2026 margin-bottom: 3rem !important;
2027 }
2028 .frmx-mt-md-5 {
2029 margin-top: 3rem !important;
2030 }
2031 .frmx-mb-md-5 {
2032 margin-bottom: 3rem !important;
2033 }
2034 .frmx-ms-md-5 {
2035 margin-left: 3rem !important;
2036 }
2037 .frmx-me-md-5 {
2038 margin-right: 3rem !important;
2039 }
2040 .frmx-p-md-0 {
2041 padding: 0 !important;
2042 }
2043 .frmx-px-md-0 {
2044 padding-left: 0 !important;
2045 padding-right: 0 !important;
2046 }
2047 .frmx-py-md-0 {
2048 padding-top: 0 !important;
2049 padding-bottom: 0 !important;
2050 }
2051 .frmx-pt-md-0 {
2052 padding-top: 0 !important;
2053 }
2054 .frmx-pb-md-0 {
2055 padding-bottom: 0 !important;
2056 }
2057 .frmx-ps-md-0 {
2058 padding-left: 0 !important;
2059 }
2060 .frmx-pe-md-0 {
2061 padding-right: 0 !important;
2062 }
2063 .frmx-p-md-1 {
2064 padding: 0.25rem !important;
2065 }
2066 .frmx-px-md-1 {
2067 padding-left: 0.25rem !important;
2068 padding-right: 0.25rem !important;
2069 }
2070 .frmx-py-md-1 {
2071 padding-top: 0.25rem !important;
2072 padding-bottom: 0.25rem !important;
2073 }
2074 .frmx-pt-md-1 {
2075 padding-top: 0.25rem !important;
2076 }
2077 .frmx-pb-md-1 {
2078 padding-bottom: 0.25rem !important;
2079 }
2080 .frmx-ps-md-1 {
2081 padding-left: 0.25rem !important;
2082 }
2083 .frmx-pe-md-1 {
2084 padding-right: 0.25rem !important;
2085 }
2086 .frmx-p-md-2 {
2087 padding: 0.5rem !important;
2088 }
2089 .frmx-px-md-2 {
2090 padding-left: 0.5rem !important;
2091 padding-right: 0.5rem !important;
2092 }
2093 .frmx-py-md-2 {
2094 padding-top: 0.5rem !important;
2095 padding-bottom: 0.5rem !important;
2096 }
2097 .frmx-pt-md-2 {
2098 padding-top: 0.5rem !important;
2099 }
2100 .frmx-pb-md-2 {
2101 padding-bottom: 0.5rem !important;
2102 }
2103 .frmx-ps-md-2 {
2104 padding-left: 0.5rem !important;
2105 }
2106 .frmx-pe-md-2 {
2107 padding-right: 0.5rem !important;
2108 }
2109 .frmx-p-md-3 {
2110 padding: 1rem !important;
2111 }
2112 .frmx-px-md-3 {
2113 padding-left: 1rem !important;
2114 padding-right: 1rem !important;
2115 }
2116 .frmx-py-md-3 {
2117 padding-top: 1rem !important;
2118 padding-bottom: 1rem !important;
2119 }
2120 .frmx-pt-md-3 {
2121 padding-top: 1rem !important;
2122 }
2123 .frmx-pb-md-3 {
2124 padding-bottom: 1rem !important;
2125 }
2126 .frmx-ps-md-3 {
2127 padding-left: 1rem !important;
2128 }
2129 .frmx-pe-md-3 {
2130 padding-right: 1rem !important;
2131 }
2132 .frmx-p-md-4 {
2133 padding: 1.5rem !important;
2134 }
2135 .frmx-px-md-4 {
2136 padding-left: 1.5rem !important;
2137 padding-right: 1.5rem !important;
2138 }
2139 .frmx-py-md-4 {
2140 padding-top: 1.5rem !important;
2141 padding-bottom: 1.5rem !important;
2142 }
2143 .frmx-pt-md-4 {
2144 padding-top: 1.5rem !important;
2145 }
2146 .frmx-pb-md-4 {
2147 padding-bottom: 1.5rem !important;
2148 }
2149 .frmx-ps-md-4 {
2150 padding-left: 1.5rem !important;
2151 }
2152 .frmx-pe-md-4 {
2153 padding-right: 1.5rem !important;
2154 }
2155 .frmx-p-md-5 {
2156 padding: 3rem !important;
2157 }
2158 .frmx-px-md-5 {
2159 padding-left: 3rem !important;
2160 padding-right: 3rem !important;
2161 }
2162 .frmx-py-md-5 {
2163 padding-top: 3rem !important;
2164 padding-bottom: 3rem !important;
2165 }
2166 .frmx-pt-md-5 {
2167 padding-top: 3rem !important;
2168 }
2169 .frmx-pb-md-5 {
2170 padding-bottom: 3rem !important;
2171 }
2172 .frmx-ps-md-5 {
2173 padding-left: 3rem !important;
2174 }
2175 .frmx-pe-md-5 {
2176 padding-right: 3rem !important;
2177 }
2178 .frmx-m-md-auto {
2179 margin: auto !important;
2180 }
2181 .frmx-mx-md-auto {
2182 margin-left: auto !important;
2183 margin-right: auto !important;
2184 }
2185 .frmx-my-md-auto {
2186 margin-top: auto !important;
2187 margin-bottom: auto !important;
2188 }
2189 .frmx-mt-md-auto {
2190 margin-top: auto !important;
2191 }
2192 .frmx-mb-md-auto {
2193 margin-bottom: auto !important;
2194 }
2195 .frmx-ms-md-auto {
2196 margin-left: auto !important;
2197 }
2198 .frmx-me-md-auto {
2199 margin-right: auto !important;
2200 }
2201 }
2202 @media (min-width: 992px) {
2203 .frmx-m-lg-0 {
2204 margin: 0 !important;
2205 }
2206 .frmx-mx-lg-0 {
2207 margin-left: 0 !important;
2208 margin-right: 0 !important;
2209 }
2210 .frmx-my-lg-0 {
2211 margin-top: 0 !important;
2212 margin-bottom: 0 !important;
2213 }
2214 .frmx-mt-lg-0 {
2215 margin-top: 0 !important;
2216 }
2217 .frmx-mb-lg-0 {
2218 margin-bottom: 0 !important;
2219 }
2220 .frmx-ms-lg-0 {
2221 margin-left: 0 !important;
2222 }
2223 .frmx-me-lg-0 {
2224 margin-right: 0 !important;
2225 }
2226 .frmx-m-lg-1 {
2227 margin: 0.25rem !important;
2228 }
2229 .frmx-mx-lg-1 {
2230 margin-left: 0.25rem !important;
2231 margin-right: 0.25rem !important;
2232 }
2233 .frmx-my-lg-1 {
2234 margin-top: 0.25rem !important;
2235 margin-bottom: 0.25rem !important;
2236 }
2237 .frmx-mt-lg-1 {
2238 margin-top: 0.25rem !important;
2239 }
2240 .frmx-mb-lg-1 {
2241 margin-bottom: 0.25rem !important;
2242 }
2243 .frmx-ms-lg-1 {
2244 margin-left: 0.25rem !important;
2245 }
2246 .frmx-me-lg-1 {
2247 margin-right: 0.25rem !important;
2248 }
2249 .frmx-m-lg-2 {
2250 margin: 0.5rem !important;
2251 }
2252 .frmx-mx-lg-2 {
2253 margin-left: 0.5rem !important;
2254 margin-right: 0.5rem !important;
2255 }
2256 .frmx-my-lg-2 {
2257 margin-top: 0.5rem !important;
2258 margin-bottom: 0.5rem !important;
2259 }
2260 .frmx-mt-lg-2 {
2261 margin-top: 0.5rem !important;
2262 }
2263 .frmx-mb-lg-2 {
2264 margin-bottom: 0.5rem !important;
2265 }
2266 .frmx-ms-lg-2 {
2267 margin-left: 0.5rem !important;
2268 }
2269 .frmx-me-lg-2 {
2270 margin-right: 0.5rem !important;
2271 }
2272 .frmx-m-lg-3 {
2273 margin: 1rem !important;
2274 }
2275 .frmx-mx-lg-3 {
2276 margin-left: 1rem !important;
2277 margin-right: 1rem !important;
2278 }
2279 .frmx-my-lg-3 {
2280 margin-top: 1rem !important;
2281 margin-bottom: 1rem !important;
2282 }
2283 .frmx-mt-lg-3 {
2284 margin-top: 1rem !important;
2285 }
2286 .frmx-mb-lg-3 {
2287 margin-bottom: 1rem !important;
2288 }
2289 .frmx-ms-lg-3 {
2290 margin-left: 1rem !important;
2291 }
2292 .frmx-me-lg-3 {
2293 margin-right: 1rem !important;
2294 }
2295 .frmx-m-lg-4 {
2296 margin: 1.5rem !important;
2297 }
2298 .frmx-mx-lg-4 {
2299 margin-left: 1.5rem !important;
2300 margin-right: 1.5rem !important;
2301 }
2302 .frmx-my-lg-4 {
2303 margin-top: 1.5rem !important;
2304 margin-bottom: 1.5rem !important;
2305 }
2306 .frmx-mt-lg-4 {
2307 margin-top: 1.5rem !important;
2308 }
2309 .frmx-mb-lg-4 {
2310 margin-bottom: 1.5rem !important;
2311 }
2312 .frmx-ms-lg-4 {
2313 margin-left: 1.5rem !important;
2314 }
2315 .frmx-me-lg-4 {
2316 margin-right: 1.5rem !important;
2317 }
2318 .frmx-m-lg-5 {
2319 margin: 3rem !important;
2320 }
2321 .frmx-mx-lg-5 {
2322 margin-left: 3rem !important;
2323 margin-right: 3rem !important;
2324 }
2325 .frmx-my-lg-5 {
2326 margin-top: 3rem !important;
2327 margin-bottom: 3rem !important;
2328 }
2329 .frmx-mt-lg-5 {
2330 margin-top: 3rem !important;
2331 }
2332 .frmx-mb-lg-5 {
2333 margin-bottom: 3rem !important;
2334 }
2335 .frmx-ms-lg-5 {
2336 margin-left: 3rem !important;
2337 }
2338 .frmx-me-lg-5 {
2339 margin-right: 3rem !important;
2340 }
2341 .frmx-p-lg-0 {
2342 padding: 0 !important;
2343 }
2344 .frmx-px-lg-0 {
2345 padding-left: 0 !important;
2346 padding-right: 0 !important;
2347 }
2348 .frmx-py-lg-0 {
2349 padding-top: 0 !important;
2350 padding-bottom: 0 !important;
2351 }
2352 .frmx-pt-lg-0 {
2353 padding-top: 0 !important;
2354 }
2355 .frmx-pb-lg-0 {
2356 padding-bottom: 0 !important;
2357 }
2358 .frmx-ps-lg-0 {
2359 padding-left: 0 !important;
2360 }
2361 .frmx-pe-lg-0 {
2362 padding-right: 0 !important;
2363 }
2364 .frmx-p-lg-1 {
2365 padding: 0.25rem !important;
2366 }
2367 .frmx-px-lg-1 {
2368 padding-left: 0.25rem !important;
2369 padding-right: 0.25rem !important;
2370 }
2371 .frmx-py-lg-1 {
2372 padding-top: 0.25rem !important;
2373 padding-bottom: 0.25rem !important;
2374 }
2375 .frmx-pt-lg-1 {
2376 padding-top: 0.25rem !important;
2377 }
2378 .frmx-pb-lg-1 {
2379 padding-bottom: 0.25rem !important;
2380 }
2381 .frmx-ps-lg-1 {
2382 padding-left: 0.25rem !important;
2383 }
2384 .frmx-pe-lg-1 {
2385 padding-right: 0.25rem !important;
2386 }
2387 .frmx-p-lg-2 {
2388 padding: 0.5rem !important;
2389 }
2390 .frmx-px-lg-2 {
2391 padding-left: 0.5rem !important;
2392 padding-right: 0.5rem !important;
2393 }
2394 .frmx-py-lg-2 {
2395 padding-top: 0.5rem !important;
2396 padding-bottom: 0.5rem !important;
2397 }
2398 .frmx-pt-lg-2 {
2399 padding-top: 0.5rem !important;
2400 }
2401 .frmx-pb-lg-2 {
2402 padding-bottom: 0.5rem !important;
2403 }
2404 .frmx-ps-lg-2 {
2405 padding-left: 0.5rem !important;
2406 }
2407 .frmx-pe-lg-2 {
2408 padding-right: 0.5rem !important;
2409 }
2410 .frmx-p-lg-3 {
2411 padding: 1rem !important;
2412 }
2413 .frmx-px-lg-3 {
2414 padding-left: 1rem !important;
2415 padding-right: 1rem !important;
2416 }
2417 .frmx-py-lg-3 {
2418 padding-top: 1rem !important;
2419 padding-bottom: 1rem !important;
2420 }
2421 .frmx-pt-lg-3 {
2422 padding-top: 1rem !important;
2423 }
2424 .frmx-pb-lg-3 {
2425 padding-bottom: 1rem !important;
2426 }
2427 .frmx-ps-lg-3 {
2428 padding-left: 1rem !important;
2429 }
2430 .frmx-pe-lg-3 {
2431 padding-right: 1rem !important;
2432 }
2433 .frmx-p-lg-4 {
2434 padding: 1.5rem !important;
2435 }
2436 .frmx-px-lg-4 {
2437 padding-left: 1.5rem !important;
2438 padding-right: 1.5rem !important;
2439 }
2440 .frmx-py-lg-4 {
2441 padding-top: 1.5rem !important;
2442 padding-bottom: 1.5rem !important;
2443 }
2444 .frmx-pt-lg-4 {
2445 padding-top: 1.5rem !important;
2446 }
2447 .frmx-pb-lg-4 {
2448 padding-bottom: 1.5rem !important;
2449 }
2450 .frmx-ps-lg-4 {
2451 padding-left: 1.5rem !important;
2452 }
2453 .frmx-pe-lg-4 {
2454 padding-right: 1.5rem !important;
2455 }
2456 .frmx-p-lg-5 {
2457 padding: 3rem !important;
2458 }
2459 .frmx-px-lg-5 {
2460 padding-left: 3rem !important;
2461 padding-right: 3rem !important;
2462 }
2463 .frmx-py-lg-5 {
2464 padding-top: 3rem !important;
2465 padding-bottom: 3rem !important;
2466 }
2467 .frmx-pt-lg-5 {
2468 padding-top: 3rem !important;
2469 }
2470 .frmx-pb-lg-5 {
2471 padding-bottom: 3rem !important;
2472 }
2473 .frmx-ps-lg-5 {
2474 padding-left: 3rem !important;
2475 }
2476 .frmx-pe-lg-5 {
2477 padding-right: 3rem !important;
2478 }
2479 .frmx-m-lg-auto {
2480 margin: auto !important;
2481 }
2482 .frmx-mx-lg-auto {
2483 margin-left: auto !important;
2484 margin-right: auto !important;
2485 }
2486 .frmx-my-lg-auto {
2487 margin-top: auto !important;
2488 margin-bottom: auto !important;
2489 }
2490 .frmx-mt-lg-auto {
2491 margin-top: auto !important;
2492 }
2493 .frmx-mb-lg-auto {
2494 margin-bottom: auto !important;
2495 }
2496 .frmx-ms-lg-auto {
2497 margin-left: auto !important;
2498 }
2499 .frmx-me-lg-auto {
2500 margin-right: auto !important;
2501 }
2502 }
2503 @media (min-width: 1200px) {
2504 .frmx-m-xl-0 {
2505 margin: 0 !important;
2506 }
2507 .frmx-mx-xl-0 {
2508 margin-left: 0 !important;
2509 margin-right: 0 !important;
2510 }
2511 .frmx-my-xl-0 {
2512 margin-top: 0 !important;
2513 margin-bottom: 0 !important;
2514 }
2515 .frmx-mt-xl-0 {
2516 margin-top: 0 !important;
2517 }
2518 .frmx-mb-xl-0 {
2519 margin-bottom: 0 !important;
2520 }
2521 .frmx-ms-xl-0 {
2522 margin-left: 0 !important;
2523 }
2524 .frmx-me-xl-0 {
2525 margin-right: 0 !important;
2526 }
2527 .frmx-m-xl-1 {
2528 margin: 0.25rem !important;
2529 }
2530 .frmx-mx-xl-1 {
2531 margin-left: 0.25rem !important;
2532 margin-right: 0.25rem !important;
2533 }
2534 .frmx-my-xl-1 {
2535 margin-top: 0.25rem !important;
2536 margin-bottom: 0.25rem !important;
2537 }
2538 .frmx-mt-xl-1 {
2539 margin-top: 0.25rem !important;
2540 }
2541 .frmx-mb-xl-1 {
2542 margin-bottom: 0.25rem !important;
2543 }
2544 .frmx-ms-xl-1 {
2545 margin-left: 0.25rem !important;
2546 }
2547 .frmx-me-xl-1 {
2548 margin-right: 0.25rem !important;
2549 }
2550 .frmx-m-xl-2 {
2551 margin: 0.5rem !important;
2552 }
2553 .frmx-mx-xl-2 {
2554 margin-left: 0.5rem !important;
2555 margin-right: 0.5rem !important;
2556 }
2557 .frmx-my-xl-2 {
2558 margin-top: 0.5rem !important;
2559 margin-bottom: 0.5rem !important;
2560 }
2561 .frmx-mt-xl-2 {
2562 margin-top: 0.5rem !important;
2563 }
2564 .frmx-mb-xl-2 {
2565 margin-bottom: 0.5rem !important;
2566 }
2567 .frmx-ms-xl-2 {
2568 margin-left: 0.5rem !important;
2569 }
2570 .frmx-me-xl-2 {
2571 margin-right: 0.5rem !important;
2572 }
2573 .frmx-m-xl-3 {
2574 margin: 1rem !important;
2575 }
2576 .frmx-mx-xl-3 {
2577 margin-left: 1rem !important;
2578 margin-right: 1rem !important;
2579 }
2580 .frmx-my-xl-3 {
2581 margin-top: 1rem !important;
2582 margin-bottom: 1rem !important;
2583 }
2584 .frmx-mt-xl-3 {
2585 margin-top: 1rem !important;
2586 }
2587 .frmx-mb-xl-3 {
2588 margin-bottom: 1rem !important;
2589 }
2590 .frmx-ms-xl-3 {
2591 margin-left: 1rem !important;
2592 }
2593 .frmx-me-xl-3 {
2594 margin-right: 1rem !important;
2595 }
2596 .frmx-m-xl-4 {
2597 margin: 1.5rem !important;
2598 }
2599 .frmx-mx-xl-4 {
2600 margin-left: 1.5rem !important;
2601 margin-right: 1.5rem !important;
2602 }
2603 .frmx-my-xl-4 {
2604 margin-top: 1.5rem !important;
2605 margin-bottom: 1.5rem !important;
2606 }
2607 .frmx-mt-xl-4 {
2608 margin-top: 1.5rem !important;
2609 }
2610 .frmx-mb-xl-4 {
2611 margin-bottom: 1.5rem !important;
2612 }
2613 .frmx-ms-xl-4 {
2614 margin-left: 1.5rem !important;
2615 }
2616 .frmx-me-xl-4 {
2617 margin-right: 1.5rem !important;
2618 }
2619 .frmx-m-xl-5 {
2620 margin: 3rem !important;
2621 }
2622 .frmx-mx-xl-5 {
2623 margin-left: 3rem !important;
2624 margin-right: 3rem !important;
2625 }
2626 .frmx-my-xl-5 {
2627 margin-top: 3rem !important;
2628 margin-bottom: 3rem !important;
2629 }
2630 .frmx-mt-xl-5 {
2631 margin-top: 3rem !important;
2632 }
2633 .frmx-mb-xl-5 {
2634 margin-bottom: 3rem !important;
2635 }
2636 .frmx-ms-xl-5 {
2637 margin-left: 3rem !important;
2638 }
2639 .frmx-me-xl-5 {
2640 margin-right: 3rem !important;
2641 }
2642 .frmx-p-xl-0 {
2643 padding: 0 !important;
2644 }
2645 .frmx-px-xl-0 {
2646 padding-left: 0 !important;
2647 padding-right: 0 !important;
2648 }
2649 .frmx-py-xl-0 {
2650 padding-top: 0 !important;
2651 padding-bottom: 0 !important;
2652 }
2653 .frmx-pt-xl-0 {
2654 padding-top: 0 !important;
2655 }
2656 .frmx-pb-xl-0 {
2657 padding-bottom: 0 !important;
2658 }
2659 .frmx-ps-xl-0 {
2660 padding-left: 0 !important;
2661 }
2662 .frmx-pe-xl-0 {
2663 padding-right: 0 !important;
2664 }
2665 .frmx-p-xl-1 {
2666 padding: 0.25rem !important;
2667 }
2668 .frmx-px-xl-1 {
2669 padding-left: 0.25rem !important;
2670 padding-right: 0.25rem !important;
2671 }
2672 .frmx-py-xl-1 {
2673 padding-top: 0.25rem !important;
2674 padding-bottom: 0.25rem !important;
2675 }
2676 .frmx-pt-xl-1 {
2677 padding-top: 0.25rem !important;
2678 }
2679 .frmx-pb-xl-1 {
2680 padding-bottom: 0.25rem !important;
2681 }
2682 .frmx-ps-xl-1 {
2683 padding-left: 0.25rem !important;
2684 }
2685 .frmx-pe-xl-1 {
2686 padding-right: 0.25rem !important;
2687 }
2688 .frmx-p-xl-2 {
2689 padding: 0.5rem !important;
2690 }
2691 .frmx-px-xl-2 {
2692 padding-left: 0.5rem !important;
2693 padding-right: 0.5rem !important;
2694 }
2695 .frmx-py-xl-2 {
2696 padding-top: 0.5rem !important;
2697 padding-bottom: 0.5rem !important;
2698 }
2699 .frmx-pt-xl-2 {
2700 padding-top: 0.5rem !important;
2701 }
2702 .frmx-pb-xl-2 {
2703 padding-bottom: 0.5rem !important;
2704 }
2705 .frmx-ps-xl-2 {
2706 padding-left: 0.5rem !important;
2707 }
2708 .frmx-pe-xl-2 {
2709 padding-right: 0.5rem !important;
2710 }
2711 .frmx-p-xl-3 {
2712 padding: 1rem !important;
2713 }
2714 .frmx-px-xl-3 {
2715 padding-left: 1rem !important;
2716 padding-right: 1rem !important;
2717 }
2718 .frmx-py-xl-3 {
2719 padding-top: 1rem !important;
2720 padding-bottom: 1rem !important;
2721 }
2722 .frmx-pt-xl-3 {
2723 padding-top: 1rem !important;
2724 }
2725 .frmx-pb-xl-3 {
2726 padding-bottom: 1rem !important;
2727 }
2728 .frmx-ps-xl-3 {
2729 padding-left: 1rem !important;
2730 }
2731 .frmx-pe-xl-3 {
2732 padding-right: 1rem !important;
2733 }
2734 .frmx-p-xl-4 {
2735 padding: 1.5rem !important;
2736 }
2737 .frmx-px-xl-4 {
2738 padding-left: 1.5rem !important;
2739 padding-right: 1.5rem !important;
2740 }
2741 .frmx-py-xl-4 {
2742 padding-top: 1.5rem !important;
2743 padding-bottom: 1.5rem !important;
2744 }
2745 .frmx-pt-xl-4 {
2746 padding-top: 1.5rem !important;
2747 }
2748 .frmx-pb-xl-4 {
2749 padding-bottom: 1.5rem !important;
2750 }
2751 .frmx-ps-xl-4 {
2752 padding-left: 1.5rem !important;
2753 }
2754 .frmx-pe-xl-4 {
2755 padding-right: 1.5rem !important;
2756 }
2757 .frmx-p-xl-5 {
2758 padding: 3rem !important;
2759 }
2760 .frmx-px-xl-5 {
2761 padding-left: 3rem !important;
2762 padding-right: 3rem !important;
2763 }
2764 .frmx-py-xl-5 {
2765 padding-top: 3rem !important;
2766 padding-bottom: 3rem !important;
2767 }
2768 .frmx-pt-xl-5 {
2769 padding-top: 3rem !important;
2770 }
2771 .frmx-pb-xl-5 {
2772 padding-bottom: 3rem !important;
2773 }
2774 .frmx-ps-xl-5 {
2775 padding-left: 3rem !important;
2776 }
2777 .frmx-pe-xl-5 {
2778 padding-right: 3rem !important;
2779 }
2780 .frmx-m-xl-auto {
2781 margin: auto !important;
2782 }
2783 .frmx-mx-xl-auto {
2784 margin-left: auto !important;
2785 margin-right: auto !important;
2786 }
2787 .frmx-my-xl-auto {
2788 margin-top: auto !important;
2789 margin-bottom: auto !important;
2790 }
2791 .frmx-mt-xl-auto {
2792 margin-top: auto !important;
2793 }
2794 .frmx-mb-xl-auto {
2795 margin-bottom: auto !important;
2796 }
2797 .frmx-ms-xl-auto {
2798 margin-left: auto !important;
2799 }
2800 .frmx-me-xl-auto {
2801 margin-right: auto !important;
2802 }
2803 }
2804 @media (min-width: 1400px) {
2805 .frmx-m-xxl-0 {
2806 margin: 0 !important;
2807 }
2808 .frmx-mx-xxl-0 {
2809 margin-left: 0 !important;
2810 margin-right: 0 !important;
2811 }
2812 .frmx-my-xxl-0 {
2813 margin-top: 0 !important;
2814 margin-bottom: 0 !important;
2815 }
2816 .frmx-mt-xxl-0 {
2817 margin-top: 0 !important;
2818 }
2819 .frmx-mb-xxl-0 {
2820 margin-bottom: 0 !important;
2821 }
2822 .frmx-ms-xxl-0 {
2823 margin-left: 0 !important;
2824 }
2825 .frmx-me-xxl-0 {
2826 margin-right: 0 !important;
2827 }
2828 .frmx-m-xxl-1 {
2829 margin: 0.25rem !important;
2830 }
2831 .frmx-mx-xxl-1 {
2832 margin-left: 0.25rem !important;
2833 margin-right: 0.25rem !important;
2834 }
2835 .frmx-my-xxl-1 {
2836 margin-top: 0.25rem !important;
2837 margin-bottom: 0.25rem !important;
2838 }
2839 .frmx-mt-xxl-1 {
2840 margin-top: 0.25rem !important;
2841 }
2842 .frmx-mb-xxl-1 {
2843 margin-bottom: 0.25rem !important;
2844 }
2845 .frmx-ms-xxl-1 {
2846 margin-left: 0.25rem !important;
2847 }
2848 .frmx-me-xxl-1 {
2849 margin-right: 0.25rem !important;
2850 }
2851 .frmx-m-xxl-2 {
2852 margin: 0.5rem !important;
2853 }
2854 .frmx-mx-xxl-2 {
2855 margin-left: 0.5rem !important;
2856 margin-right: 0.5rem !important;
2857 }
2858 .frmx-my-xxl-2 {
2859 margin-top: 0.5rem !important;
2860 margin-bottom: 0.5rem !important;
2861 }
2862 .frmx-mt-xxl-2 {
2863 margin-top: 0.5rem !important;
2864 }
2865 .frmx-mb-xxl-2 {
2866 margin-bottom: 0.5rem !important;
2867 }
2868 .frmx-ms-xxl-2 {
2869 margin-left: 0.5rem !important;
2870 }
2871 .frmx-me-xxl-2 {
2872 margin-right: 0.5rem !important;
2873 }
2874 .frmx-m-xxl-3 {
2875 margin: 1rem !important;
2876 }
2877 .frmx-mx-xxl-3 {
2878 margin-left: 1rem !important;
2879 margin-right: 1rem !important;
2880 }
2881 .frmx-my-xxl-3 {
2882 margin-top: 1rem !important;
2883 margin-bottom: 1rem !important;
2884 }
2885 .frmx-mt-xxl-3 {
2886 margin-top: 1rem !important;
2887 }
2888 .frmx-mb-xxl-3 {
2889 margin-bottom: 1rem !important;
2890 }
2891 .frmx-ms-xxl-3 {
2892 margin-left: 1rem !important;
2893 }
2894 .frmx-me-xxl-3 {
2895 margin-right: 1rem !important;
2896 }
2897 .frmx-m-xxl-4 {
2898 margin: 1.5rem !important;
2899 }
2900 .frmx-mx-xxl-4 {
2901 margin-left: 1.5rem !important;
2902 margin-right: 1.5rem !important;
2903 }
2904 .frmx-my-xxl-4 {
2905 margin-top: 1.5rem !important;
2906 margin-bottom: 1.5rem !important;
2907 }
2908 .frmx-mt-xxl-4 {
2909 margin-top: 1.5rem !important;
2910 }
2911 .frmx-mb-xxl-4 {
2912 margin-bottom: 1.5rem !important;
2913 }
2914 .frmx-ms-xxl-4 {
2915 margin-left: 1.5rem !important;
2916 }
2917 .frmx-me-xxl-4 {
2918 margin-right: 1.5rem !important;
2919 }
2920 .frmx-m-xxl-5 {
2921 margin: 3rem !important;
2922 }
2923 .frmx-mx-xxl-5 {
2924 margin-left: 3rem !important;
2925 margin-right: 3rem !important;
2926 }
2927 .frmx-my-xxl-5 {
2928 margin-top: 3rem !important;
2929 margin-bottom: 3rem !important;
2930 }
2931 .frmx-mt-xxl-5 {
2932 margin-top: 3rem !important;
2933 }
2934 .frmx-mb-xxl-5 {
2935 margin-bottom: 3rem !important;
2936 }
2937 .frmx-ms-xxl-5 {
2938 margin-left: 3rem !important;
2939 }
2940 .frmx-me-xxl-5 {
2941 margin-right: 3rem !important;
2942 }
2943 .frmx-p-xxl-0 {
2944 padding: 0 !important;
2945 }
2946 .frmx-px-xxl-0 {
2947 padding-left: 0 !important;
2948 padding-right: 0 !important;
2949 }
2950 .frmx-py-xxl-0 {
2951 padding-top: 0 !important;
2952 padding-bottom: 0 !important;
2953 }
2954 .frmx-pt-xxl-0 {
2955 padding-top: 0 !important;
2956 }
2957 .frmx-pb-xxl-0 {
2958 padding-bottom: 0 !important;
2959 }
2960 .frmx-ps-xxl-0 {
2961 padding-left: 0 !important;
2962 }
2963 .frmx-pe-xxl-0 {
2964 padding-right: 0 !important;
2965 }
2966 .frmx-p-xxl-1 {
2967 padding: 0.25rem !important;
2968 }
2969 .frmx-px-xxl-1 {
2970 padding-left: 0.25rem !important;
2971 padding-right: 0.25rem !important;
2972 }
2973 .frmx-py-xxl-1 {
2974 padding-top: 0.25rem !important;
2975 padding-bottom: 0.25rem !important;
2976 }
2977 .frmx-pt-xxl-1 {
2978 padding-top: 0.25rem !important;
2979 }
2980 .frmx-pb-xxl-1 {
2981 padding-bottom: 0.25rem !important;
2982 }
2983 .frmx-ps-xxl-1 {
2984 padding-left: 0.25rem !important;
2985 }
2986 .frmx-pe-xxl-1 {
2987 padding-right: 0.25rem !important;
2988 }
2989 .frmx-p-xxl-2 {
2990 padding: 0.5rem !important;
2991 }
2992 .frmx-px-xxl-2 {
2993 padding-left: 0.5rem !important;
2994 padding-right: 0.5rem !important;
2995 }
2996 .frmx-py-xxl-2 {
2997 padding-top: 0.5rem !important;
2998 padding-bottom: 0.5rem !important;
2999 }
3000 .frmx-pt-xxl-2 {
3001 padding-top: 0.5rem !important;
3002 }
3003 .frmx-pb-xxl-2 {
3004 padding-bottom: 0.5rem !important;
3005 }
3006 .frmx-ps-xxl-2 {
3007 padding-left: 0.5rem !important;
3008 }
3009 .frmx-pe-xxl-2 {
3010 padding-right: 0.5rem !important;
3011 }
3012 .frmx-p-xxl-3 {
3013 padding: 1rem !important;
3014 }
3015 .frmx-px-xxl-3 {
3016 padding-left: 1rem !important;
3017 padding-right: 1rem !important;
3018 }
3019 .frmx-py-xxl-3 {
3020 padding-top: 1rem !important;
3021 padding-bottom: 1rem !important;
3022 }
3023 .frmx-pt-xxl-3 {
3024 padding-top: 1rem !important;
3025 }
3026 .frmx-pb-xxl-3 {
3027 padding-bottom: 1rem !important;
3028 }
3029 .frmx-ps-xxl-3 {
3030 padding-left: 1rem !important;
3031 }
3032 .frmx-pe-xxl-3 {
3033 padding-right: 1rem !important;
3034 }
3035 .frmx-p-xxl-4 {
3036 padding: 1.5rem !important;
3037 }
3038 .frmx-px-xxl-4 {
3039 padding-left: 1.5rem !important;
3040 padding-right: 1.5rem !important;
3041 }
3042 .frmx-py-xxl-4 {
3043 padding-top: 1.5rem !important;
3044 padding-bottom: 1.5rem !important;
3045 }
3046 .frmx-pt-xxl-4 {
3047 padding-top: 1.5rem !important;
3048 }
3049 .frmx-pb-xxl-4 {
3050 padding-bottom: 1.5rem !important;
3051 }
3052 .frmx-ps-xxl-4 {
3053 padding-left: 1.5rem !important;
3054 }
3055 .frmx-pe-xxl-4 {
3056 padding-right: 1.5rem !important;
3057 }
3058 .frmx-p-xxl-5 {
3059 padding: 3rem !important;
3060 }
3061 .frmx-px-xxl-5 {
3062 padding-left: 3rem !important;
3063 padding-right: 3rem !important;
3064 }
3065 .frmx-py-xxl-5 {
3066 padding-top: 3rem !important;
3067 padding-bottom: 3rem !important;
3068 }
3069 .frmx-pt-xxl-5 {
3070 padding-top: 3rem !important;
3071 }
3072 .frmx-pb-xxl-5 {
3073 padding-bottom: 3rem !important;
3074 }
3075 .frmx-ps-xxl-5 {
3076 padding-left: 3rem !important;
3077 }
3078 .frmx-pe-xxl-5 {
3079 padding-right: 3rem !important;
3080 }
3081 .frmx-m-xxl-auto {
3082 margin: auto !important;
3083 }
3084 .frmx-mx-xxl-auto {
3085 margin-left: auto !important;
3086 margin-right: auto !important;
3087 }
3088 .frmx-my-xxl-auto {
3089 margin-top: auto !important;
3090 margin-bottom: auto !important;
3091 }
3092 .frmx-mt-xxl-auto {
3093 margin-top: auto !important;
3094 }
3095 .frmx-mb-xxl-auto {
3096 margin-bottom: auto !important;
3097 }
3098 .frmx-ms-xxl-auto {
3099 margin-left: auto !important;
3100 }
3101 .frmx-me-xxl-auto {
3102 margin-right: auto !important;
3103 }
3104 }
3105 .frmx-shadow-none {
3106 box-shadow: none !important;
3107 }
3108
3109 .frmx-shadow-sm {
3110 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3111 }
3112
3113 .frmx-shadow {
3114 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3115 }
3116
3117 .frmx-shadow-lg {
3118 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3119 }
3120
3121 @media (min-width: 576px) {
3122 .frmx-shadow-sm-none {
3123 box-shadow: none !important;
3124 }
3125 .frmx-shadow-sm-sm {
3126 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3127 }
3128 .frmx-shadow-sm {
3129 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3130 }
3131 .frmx-shadow-sm-lg {
3132 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3133 }
3134 }
3135 @media (min-width: 768px) {
3136 .frmx-shadow-md-none {
3137 box-shadow: none !important;
3138 }
3139 .frmx-shadow-md-sm {
3140 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3141 }
3142 .frmx-shadow-md {
3143 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3144 }
3145 .frmx-shadow-md-lg {
3146 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3147 }
3148 }
3149 @media (min-width: 992px) {
3150 .frmx-shadow-lg-none {
3151 box-shadow: none !important;
3152 }
3153 .frmx-shadow-lg-sm {
3154 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3155 }
3156 .frmx-shadow-lg {
3157 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3158 }
3159 .frmx-shadow-lg-lg {
3160 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3161 }
3162 }
3163 @media (min-width: 1200px) {
3164 .frmx-shadow-xl-none {
3165 box-shadow: none !important;
3166 }
3167 .frmx-shadow-xl-sm {
3168 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3169 }
3170 .frmx-shadow-xl {
3171 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3172 }
3173 .frmx-shadow-xl-lg {
3174 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3175 }
3176 }
3177 @media (min-width: 1400px) {
3178 .frmx-shadow-xxl-none {
3179 box-shadow: none !important;
3180 }
3181 .frmx-shadow-xxl-sm {
3182 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3183 }
3184 .frmx-shadow-xxl {
3185 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3186 }
3187 .frmx-shadow-xxl-lg {
3188 box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3189 }
3190 }
3191 .frmx-text-center {
3192 text-align: center !important;
3193 }
3194
3195 .frmx-text-start {
3196 text-align: left !important;
3197 }
3198
3199 .frmx-text-end {
3200 text-align: right !important;
3201 }
3202
3203 @media (min-width: 576px) {
3204 .frmx-text-sm-center {
3205 text-align: center !important;
3206 }
3207 .frmx-text-sm-start {
3208 text-align: left !important;
3209 }
3210 .frmx-text-sm-end {
3211 text-align: right !important;
3212 }
3213 }
3214 @media (min-width: 768px) {
3215 .frmx-text-md-center {
3216 text-align: center !important;
3217 }
3218 .frmx-text-md-start {
3219 text-align: left !important;
3220 }
3221 .frmx-text-md-end {
3222 text-align: right !important;
3223 }
3224 }
3225 @media (min-width: 992px) {
3226 .frmx-text-lg-center {
3227 text-align: center !important;
3228 }
3229 .frmx-text-lg-start {
3230 text-align: left !important;
3231 }
3232 .frmx-text-lg-end {
3233 text-align: right !important;
3234 }
3235 }
3236 @media (min-width: 1200px) {
3237 .frmx-text-xl-center {
3238 text-align: center !important;
3239 }
3240 .frmx-text-xl-start {
3241 text-align: left !important;
3242 }
3243 .frmx-text-xl-end {
3244 text-align: right !important;
3245 }
3246 }
3247 @media (min-width: 1400px) {
3248 .frmx-text-xxl-center {
3249 text-align: center !important;
3250 }
3251 .frmx-text-xxl-start {
3252 text-align: left !important;
3253 }
3254 .frmx-text-xxl-end {
3255 text-align: right !important;
3256 }
3257 }
3258 .frmx-g-0 {
3259 --frmx-gutter-x: 0;
3260 --frmx-gutter-y: 0;
3261 }
3262
3263 .frmx-g-1 {
3264 --frmx-gutter-x: 0.25rem;
3265 --frmx-gutter-y: 0.25rem;
3266 }
3267
3268 .frmx-g-2 {
3269 --frmx-gutter-x: 0.5rem;
3270 --frmx-gutter-y: 0.5rem;
3271 }
3272
3273 .frmx-g-3 {
3274 --frmx-gutter-x: 1rem;
3275 --frmx-gutter-y: 1rem;
3276 }
3277
3278 .frmx-g-4 {
3279 --frmx-gutter-x: 1.5rem;
3280 --frmx-gutter-y: 1.5rem;
3281 }
3282
3283 .frmx-g-5 {
3284 --frmx-gutter-x: 3rem;
3285 --frmx-gutter-y: 3rem;
3286 }
3287
3288 .frmx-row[class*=frmx-g-] {
3289 margin-right: calc(var(--frmx-gutter-x) / -2);
3290 margin-left: calc(var(--frmx-gutter-x) / -2);
3291 margin-top: calc(var(--frmx-gutter-y) * -1);
3292 }
3293 .frmx-row[class*=frmx-g-] > [class*=frmx-col] {
3294 padding-right: calc(var(--frmx-gutter-x) / 2);
3295 padding-left: calc(var(--frmx-gutter-x) / 2);
3296 margin-top: var(--frmx-gutter-y);
3297 }
3298
3299 .frmx-mt-70 {
3300 margin-top: 70px !important;
3301 }
3302
3303 .frmx-position-static {
3304 position: static !important;
3305 }
3306
3307 .frmx-position-relative {
3308 position: relative !important;
3309 }
3310
3311 .frmx-position-absolute {
3312 position: absolute !important;
3313 }
3314
3315 .frmx-position-fixed {
3316 position: fixed !important;
3317 }
3318
3319 .frmx-position-sticky {
3320 position: sticky !important;
3321 }
3322
3323 .frmx-list-unstyled {
3324 list-style: none !important;
3325 padding: 0 !important;
3326 }
3327
3328 .frmx-dropdown-item {
3329 display: block;
3330 width: 100%;
3331 padding: 0.25rem 0.5rem;
3332 clear: both;
3333 font-weight: 400;
3334 color: #212529;
3335 text-align: inherit;
3336 text-decoration: none;
3337 white-space: nowrap;
3338 background-color: transparent;
3339 border: 0;
3340 }
3341
3342 .frmx-dropdown-item:focus, .frmx-dropdown-item:hover {
3343 color: #1e2125;
3344 background-color: #e9ecef;
3345 }
3346
3347 .frmx-dropdown-item.active, .frmx-dropdown-item:active {
3348 color: #fff;
3349 text-decoration: none;
3350 background-color: #0d6efd;
3351 }
3352
3353 .frmx-dropdown-item.disabled, .frmx-dropdown-item:disabled {
3354 color: #adb5bd;
3355 pointer-events: none;
3356 background-color: transparent;
3357 }
3358
3359 .dropdown-menu.show {
3360 display: block;
3361 }
3362
3363 /* Forumax FSE layout isolation (block themes) */
3364 .forumax-fse #frmx-bbpress-main .frmx-row {
3365 display: flex;
3366 flex-wrap: wrap;
3367 gap: 0;
3368 margin-right: -15px;
3369 margin-left: -15px;
3370 align-items: flex-start;
3371 max-width: 100%;
3372 box-sizing: border-box;
3373 }
3374 .forumax-fse #frmx-bbpress-main .community-post {
3375 padding: 15px 30px;
3376 }
3377 .forumax-fse #frmx-bbpress-main .frmx-row > [class*=frmx-col] {
3378 flex-shrink: 0;
3379 min-width: 0;
3380 box-sizing: border-box;
3381 padding-right: 15px;
3382 padding-left: 15px;
3383 }
3384 .forumax-fse #frmx-bbpress-main {
3385 /* main column takes remaining space */
3386 }
3387 .forumax-fse #frmx-bbpress-main .frmx-col-lg-8 {
3388 flex: 1 1 0%;
3389 }
3390 .forumax-fse #frmx-bbpress-main {
3391 /* sidebar column fixed width - no overflow:hidden so widgets do not get clipped */
3392 }
3393 .forumax-fse #frmx-bbpress-main .frmx-col-lg-4 {
3394 flex: 0 0 280px;
3395 max-width: 280px;
3396 width: 280px;
3397 }
3398 .forumax-fse #frmx-bbpress-main {
3399 /* Ensure sidebar widgets stack vertically and text stays contained */
3400 }
3401 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget {
3402 width: 100%;
3403 max-width: 100%;
3404 overflow: visible;
3405 }
3406 .forumax-fse #frmx-bbpress-main {
3407 /* Stats widget (dl/dt/dd) layout for block themes */
3408 }
3409 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_display_stats dl {
3410 display: grid;
3411 grid-template-columns: 1fr auto;
3412 -moz-column-gap: 12px;
3413 column-gap: 12px;
3414 row-gap: 8px;
3415 margin: 0;
3416 }
3417 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_display_stats dt,
3418 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_display_stats dd {
3419 margin: 0;
3420 font-size: 16px;
3421 font-weight: 500;
3422 }
3423 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_display_stats dd {
3424 text-align: right;
3425 }
3426 .forumax-fse #frmx-bbpress-main {
3427 /* Reset list spacing for sidebar widgets */
3428 }
3429 .forumax-fse #frmx-bbpress-main .forum-sidebar ul {
3430 margin: 0;
3431 padding-left: 0;
3432 list-style: none;
3433 }
3434 .forumax-fse #frmx-bbpress-main .forum-sidebar li {
3435 list-style: none;
3436 display: flex;
3437 align-items: center;
3438 }
3439 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_display_views .bbp-views-widget {
3440 margin: 0;
3441 padding: 0;
3442 list-style: none;
3443 }
3444 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_display_views .bbp-views-widget li {
3445 display: block;
3446 margin: 0;
3447 padding: 12px 0 10px;
3448 border-bottom: 1px solid var(--black_50);
3449 }
3450 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_display_views .bbp-view-title {
3451 display: flex;
3452 align-items: center;
3453 justify-content: space-between;
3454 color: var(--black_700);
3455 font-size: 16px;
3456 font-weight: 400;
3457 line-height: 1.5;
3458 text-decoration: none;
3459 padding: 0 2px 0 0;
3460 transition: all 0.2s ease;
3461 }
3462 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_display_views .bbp-view-title::after {
3463 content: "›";
3464 color: var(--black_350);
3465 font-size: 15px;
3466 line-height: 1;
3467 }
3468 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_display_views .bbp-view-title:hover, .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_display_views .bbp-view-title:focus {
3469 color: var(--bbpc_brand_color);
3470 }
3471 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-widget {
3472 margin: 0;
3473 padding: 0;
3474 list-style: none;
3475 }
3476 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-widget li {
3477 display: grid;
3478 grid-template-columns: minmax(78px, auto) 1fr;
3479 -moz-column-gap: 12px;
3480 column-gap: 12px;
3481 align-items: start;
3482 margin: 0;
3483 padding: 11px 0;
3484 border-bottom: 1px solid var(--black_50);
3485 }
3486 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-label {
3487 color: var(--black_700);
3488 font-size: 14px;
3489 font-weight: 500;
3490 line-height: 1.5;
3491 letter-spacing: 0.01em;
3492 }
3493 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-value {
3494 min-width: 0;
3495 color: var(--black_600);
3496 font-size: 14px;
3497 font-weight: 400;
3498 line-height: 1.5;
3499 overflow-wrap: anywhere;
3500 word-break: break-word;
3501 }
3502 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-value a {
3503 color: var(--black_700);
3504 text-decoration: none;
3505 }
3506 .forumax-fse #frmx-bbpress-main .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-value a:hover {
3507 color: var(--bbpc_brand_color);
3508 text-decoration: underline;
3509 }
3510 .forumax-fse #frmx-bbpress-main {
3511 /* Forum thumbnail size (block themes can shrink it) */
3512 }
3513 .forumax-fse #frmx-bbpress-main .community-post .post-content .author-avatar.forum-icon {
3514 width: 40px;
3515 }
3516 .forumax-fse #frmx-bbpress-main .community-post .post-content .author-avatar.forum-icon img {
3517 height: auto;
3518 }
3519 .forumax-fse #frmx-bbpress-main .load-forum .community-posts-wrapper .meta img {
3520 height: auto;
3521 }
3522 .forumax-fse #frmx-bbpress-main {
3523 /* Responsive: stack on mobile */
3524 }
3525 @media (max-width: 768px) {
3526 .forumax-fse #frmx-bbpress-main .frmx-row {
3527 flex-direction: column;
3528 }
3529 .forumax-fse #frmx-bbpress-main .frmx-col-lg-4 {
3530 flex: 0 0 100%;
3531 max-width: 100%;
3532 width: 100%;
3533 }
3534 }
3535 .forumax-fse #frmx-bbpress-main {
3536 /* Outer page padding */
3537 padding: 40px 20px;
3538 max-width: 1200px;
3539 margin: 0 auto;
3540 width: 100%;
3541 box-sizing: border-box;
3542 }
3543
3544 /* Hello Elementor theme - forum archive page */
3545 .frmx-forum-archive {
3546 padding: 40px 20px;
3547 }
3548 .frmx-forum-archive .entry-title {
3549 margin-bottom: 20px;
3550 font-size: 28px;
3551 font-weight: 600;
3552 }
3553
3554 body.body_dark .forum-post-widget .post-filter-widget .single-filter-item svg,
3555 body.body_dark .forum-post-widget .post-filter-widget .single-filter-item path {
3556 fill: darkgrey;
3557 }
3558 body.body_dark .communities-boxes .com-box .com-box-content .title a {
3559 color: #fff;
3560 }
3561 body.body_dark .communities-boxes .com-box .com-box-content .title a:hover {
3562 color: var(--bbpc_brand_color);
3563 }
3564 body.body_dark .communities-boxes .com-box .com-box-content .total-post {
3565 color: #8b8b8b;
3566 }
3567 body.body_dark .more-communities {
3568 border-color: #272727;
3569 }
3570 body.body_dark .single-forum-post-widget .post-info div {
3571 color: #848d95;
3572 }
3573 body.body_dark .single-forum-post-widget .post-info .post-category a {
3574 color: #848d95;
3575 }
3576 body.body_dark .single-forum-post-widget .post-info .post-category a:hover {
3577 color: var(--bbpc_brand_color);
3578 }
3579 body.body_dark .community-area .nav-tabs .nav-item button.active {
3580 color: #fff;
3581 }
3582 body.body_dark input.frmx-search-input.input_focused {
3583 background: #fff;
3584 }
3585 body.body_dark .bbpc-not-found-text {
3586 color: black;
3587 }
3588 body.body_dark .bbpc-hc-wrap .bbpc-hc-grid {
3589 background: #2a2a2a;
3590 border-color: #2a2a2a;
3591 }
3592 body.body_dark .bbpc-hc-wrap .bbpc-hc-card {
3593 background: #1a1a1a;
3594 }
3595 body.body_dark .bbpc-hc-wrap .bbpc-hc-card:hover {
3596 background: #222;
3597 }
3598 body.body_dark .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-title {
3599 color: #fff;
3600 }
3601 body.body_dark .bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-desc {
3602 color: var(--black_400);
3603 }
3604 body.body_dark .forum-with-topics .topic-table .topic-contents h3 a {
3605 color: #fff !important;
3606 }
3607 body.body_dark .forum-with-topics .topic-table .topic-contents h3 a:hover {
3608 color: var(--bbpc_brand_color) !important;
3609 }
3610 body.body_dark .forum-with-topics .topic-table .topic-contents .title p {
3611 color: var(--black_400);
3612 }
3613 body.body_dark .forum-with-topics .forum-card .card-body .card-title h3 a {
3614 color: #fff !important;
3615 }
3616 body.body_dark .forum-with-topics .forum-card .card-body .card-title h3 a:hover {
3617 color: var(--bbpc_brand_color) !important;
3618 }
3619 body.body_dark .forum-with-topics .forum-card .card-body:not(.card-title) {
3620 color: var(--black_400);
3621 }
3622 body.body_dark .bbpc-sf-list .bbpc-sf-list-forum-title a {
3623 color: #fff;
3624 }
3625 body.body_dark .bbpc-sf-list .bbpc-sf-list-forum-desc {
3626 color: var(--black_400);
3627 }
3628 body.body_dark .bbpc-sf-list .bbpc-sf-list-item {
3629 background: var(--black_50);
3630 }
3631 body.body_dark .bbpc-sf-list .bbpc-sf-list-item .bbpc-sf-list-title a {
3632 color: #fff;
3633 }
3634 body.body_dark .bbpc-sf-list .bbpc-sf-list-item .bbpc-sf-list-title a:hover {
3635 color: var(--bbpc_brand_color);
3636 }
3637 body.body_dark .bbpc-sf-list .bbpc-sf-list-item .bbpc-sf-list-excerpt {
3638 color: var(--black_400);
3639 }
3640 body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic {
3641 background: var(--black_50);
3642 }
3643 body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic h3 a {
3644 color: #fff;
3645 }
3646 body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic h3 a:hover {
3647 color: var(--bbpc_brand_color);
3648 }
3649 body.body_dark .bbpc-sf-grid .bbpc-sf-grid-topics .bbpc-sf-grid-topic p {
3650 color: var(--black_400);
3651 }
3652 body.body_dark .wp-editor-wrap,
3653 body.body_dark .wp-editor-container {
3654 border-color: var(--black_750);
3655 background: var(--black_900);
3656 }
3657 body.body_dark .mce-tinymce,
3658 body.body_dark .mce-panel,
3659 body.body_dark .mce-toolbar-grp,
3660 body.body_dark .mce-statusbar {
3661 background: var(--black_800) !important;
3662 border-color: var(--black_750) !important;
3663 }
3664 body.body_dark .mce-btn,
3665 body.body_dark .mce-btn-group {
3666 background: transparent !important;
3667 border: none !important;
3668 box-shadow: none !important;
3669 }
3670 body.body_dark .mce-ico,
3671 body.body_dark .mce-txt,
3672 body.body_dark .mce-path-item,
3673 body.body_dark .mce-path-item:hover {
3674 color: var(--black_150) !important;
3675 }
3676 body.body_dark .mce-btn.mce-active,
3677 body.body_dark .mce-btn:hover {
3678 background: var(--black_750) !important;
3679 }
3680 body.body_dark .mce-menu,
3681 body.body_dark .mce-floatpanel {
3682 background: var(--black_800) !important;
3683 border-color: var(--black_750) !important;
3684 }
3685 body.body_dark .mce-menu .mce-menu-item,
3686 body.body_dark .mce-floatpanel .mce-menu-item {
3687 background: transparent;
3688 }
3689 body.body_dark .mce-menu .mce-menu-item .mce-text,
3690 body.body_dark .mce-menu .mce-menu-item .mce-ico,
3691 body.body_dark .mce-floatpanel .mce-menu-item .mce-text,
3692 body.body_dark .mce-floatpanel .mce-menu-item .mce-ico {
3693 color: var(--black_150) !important;
3694 }
3695 body.body_dark .mce-menu .mce-menu-item:hover, body.body_dark .mce-menu .mce-menu-item.mce-selected,
3696 body.body_dark .mce-floatpanel .mce-menu-item:hover,
3697 body.body_dark .mce-floatpanel .mce-menu-item.mce-selected {
3698 background: var(--black_750) !important;
3699 }
3700 body.body_dark .quicktags-toolbar {
3701 background: var(--black_800) !important;
3702 border-color: var(--black_750) !important;
3703 }
3704 body.body_dark .quicktags-toolbar input.ed_button {
3705 background: transparent !important;
3706 border: none !important;
3707 color: var(--black_150) !important;
3708 }
3709 body.body_dark textarea.wp-editor-area {
3710 background: var(--black_900) !important;
3711 color: var(--black_75) !important;
3712 border-color: var(--black_750) !important;
3713 }
3714 body.body_dark .media-modal,
3715 body.body_dark .media-modal-backdrop {
3716 filter: invert(1) hue-rotate(180deg);
3717 }
3718 body.body_dark .media-modal img,
3719 body.body_dark .media-modal video,
3720 body.body_dark .media-modal .dashicons {
3721 filter: invert(1) hue-rotate(180deg);
3722 }
3723 body.body_dark #wp-link-backdrop {
3724 background: rgba(0, 0, 0, 0.6);
3725 }
3726 body.body_dark #wp-link-wrap {
3727 background: var(--black_800);
3728 border-color: var(--black_750);
3729 color: var(--black_150);
3730 }
3731 body.body_dark #wp-link-wrap #link-modal-title {
3732 background: var(--black_900);
3733 border-color: var(--black_750);
3734 color: var(--bs-white);
3735 }
3736 body.body_dark #wp-link-wrap #link-modal-title #wp-link-close:before {
3737 color: var(--black_150);
3738 }
3739 body.body_dark #wp-link-wrap #link-modal-title #wp-link-close:hover:before {
3740 color: var(--bs-white);
3741 }
3742 body.body_dark #wp-link-wrap .howto {
3743 color: var(--black_400);
3744 }
3745 body.body_dark #wp-link-wrap label span:first-child {
3746 color: var(--black_150);
3747 }
3748 body.body_dark #wp-link-wrap input[type=text],
3749 body.body_dark #wp-link-wrap input[type=search] {
3750 background: var(--black_900);
3751 border-color: var(--black_750);
3752 color: var(--black_75);
3753 }
3754 body.body_dark #wp-link-wrap input[type=text]:focus,
3755 body.body_dark #wp-link-wrap input[type=search]:focus {
3756 border-color: var(--bbpc_brand_color);
3757 box-shadow: none;
3758 }
3759 body.body_dark #wp-link-wrap #search-panel {
3760 border-color: var(--black_750);
3761 }
3762 body.body_dark #wp-link-wrap .query-results,
3763 body.body_dark #wp-link-wrap #search-results,
3764 body.body_dark #wp-link-wrap #most-recent-results {
3765 background: var(--black_900);
3766 border-color: var(--black_750);
3767 }
3768 body.body_dark #wp-link-wrap .query-results::-webkit-scrollbar,
3769 body.body_dark #wp-link-wrap #search-results::-webkit-scrollbar,
3770 body.body_dark #wp-link-wrap #most-recent-results::-webkit-scrollbar {
3771 width: 10px;
3772 }
3773 body.body_dark #wp-link-wrap .query-results::-webkit-scrollbar-track,
3774 body.body_dark #wp-link-wrap #search-results::-webkit-scrollbar-track,
3775 body.body_dark #wp-link-wrap #most-recent-results::-webkit-scrollbar-track {
3776 background: var(--black_900);
3777 }
3778 body.body_dark #wp-link-wrap .query-results::-webkit-scrollbar-thumb,
3779 body.body_dark #wp-link-wrap #search-results::-webkit-scrollbar-thumb,
3780 body.body_dark #wp-link-wrap #most-recent-results::-webkit-scrollbar-thumb {
3781 background: var(--black_700);
3782 border-radius: 5px;
3783 }
3784 body.body_dark #wp-link-wrap .query-results::-webkit-scrollbar-thumb:hover,
3785 body.body_dark #wp-link-wrap #search-results::-webkit-scrollbar-thumb:hover,
3786 body.body_dark #wp-link-wrap #most-recent-results::-webkit-scrollbar-thumb:hover {
3787 background: var(--black_600);
3788 }
3789 body.body_dark #wp-link-wrap .query-notice {
3790 background: var(--black_750);
3791 border-color: var(--black_750);
3792 }
3793 body.body_dark #wp-link-wrap .query-notice .query-notice-default {
3794 color: var(--black_150);
3795 }
3796 body.body_dark #wp-link-wrap .query-results li {
3797 border-color: var(--black_750);
3798 }
3799 body.body_dark #wp-link-wrap .query-results li .item-title {
3800 color: var(--black_75);
3801 }
3802 body.body_dark #wp-link-wrap .query-results li .item-info {
3803 color: var(--black_400);
3804 }
3805 body.body_dark #wp-link-wrap .query-results li:hover, body.body_dark #wp-link-wrap .query-results li.unselectable:hover {
3806 background: var(--black_750);
3807 }
3808 body.body_dark #wp-link-wrap .query-results li.selected {
3809 background: var(--black_750);
3810 border-left-color: var(--bbpc_brand_color);
3811 }
3812 body.body_dark #wp-link-wrap .query-results li.selected .item-title,
3813 body.body_dark #wp-link-wrap .query-results li.selected .item-info {
3814 color: var(--bs-white);
3815 }
3816 body.body_dark #wp-link-wrap .submitbox {
3817 background: var(--black_900);
3818 border-color: var(--black_750);
3819 }
3820 body.body_dark #wp-link-wrap .button {
3821 background: var(--black_750);
3822 border-color: var(--black_700);
3823 color: var(--black_75);
3824 box-shadow: none;
3825 text-shadow: none;
3826 }
3827 body.body_dark #wp-link-wrap .button:hover {
3828 background: var(--black_750);
3829 border-color: var(--black_600);
3830 color: var(--bs-white);
3831 }
3832 body.body_dark #wp-link-wrap .button-primary {
3833 background: var(--bbpc_brand_color);
3834 border-color: var(--bbpc_brand_color);
3835 color: var(--bs-white);
3836 }
3837 body.body_dark #wp-link-wrap .button-primary:hover {
3838 filter: brightness(1.1);
3839 }
3840 body.body_dark .mce-floatpanel {
3841 background: var(--bs-white) !important;
3842 }
3843 body.body_dark .all-answers .forum-comment.bbp-private-reply .frmx-reply-card {
3844 background: var(--bs-white) !important;
3845 }
3846 body.body_dark .mce-abs-layout-item .mce-textbox {
3847 background: var(--bs-white) !important;
3848 }
3849
3850 /*---------------------------------------------------- */
3851 .frmx-row.frmx-sidebar-left {
3852 flex-direction: row-reverse;
3853 }
3854
3855 .load-forum .community-posts-wrapper .community-post .entry-content .community-post-meta {
3856 margin: 0;
3857 }
3858
3859 /** === Forum === **/
3860 .forum-title-area {
3861 text-align: left;
3862 display: inline-flex;
3863 justify-content: center;
3864 align-items: center;
3865 gap: 25px;
3866 padding: 15px 25px;
3867 background: linear-gradient(264deg, rgba(0, 0, 0, 0) 0.95%, rgba(255, 255, 255, 0.4) 98.24%);
3868 border-radius: 15px;
3869 backdrop-filter: blur(4px);
3870 }
3871 @media (max-width: 550px) {
3872 .forum-title-area {
3873 padding: 15px;
3874 flex-direction: column;
3875 gap: 20px;
3876 text-align: center;
3877 }
3878 }
3879 .forum-title-area h1 {
3880 font-size: 34px;
3881 margin-bottom: 6px;
3882 }
3883 @media (max-width: 550px) {
3884 .forum-title-area h1 {
3885 font-size: 28px;
3886 }
3887 }
3888 .forum-title-area.no-thumb {
3889 text-align: center;
3890 }
3891 .forum-title-area .content {
3892 padding-top: 5px;
3893 }
3894 .forum-title-area p {
3895 margin: 0;
3896 font-size: 18px;
3897 }
3898 .forum-title-area .thumbnail img {
3899 max-width: 75px;
3900 padding-top: 5px;
3901 }
3902
3903 input.mce-textbox {
3904 padding: 0 5px !important;
3905 }
3906
3907 /** === Topics === **/
3908 .bb-radius {
3909 border-bottom-left-radius: 6px;
3910 border-bottom-right-radius: 6px;
3911 overflow: hidden;
3912 border: 1px solid var(--black_50);
3913 margin-top: -1px;
3914 background: var(--bs-white);
3915 }
3916
3917 .button-container .all_doc_btn {
3918 margin-top: 40px;
3919 }
3920
3921 @keyframes slideDown {
3922 0% {
3923 transform: translate3d(0, 15px, 0);
3924 }
3925 100% {
3926 transform: translate3d(0, 23px, 0);
3927 }
3928 }
3929 .doc_border_btn.border-light {
3930 border-color: #cfebf1 !important;
3931 }
3932 .doc_border_btn.border-light svg {
3933 margin-left: 8px;
3934 vertical-align: 0;
3935 transition: all 0.3s ease-in-out;
3936 }
3937 .doc_border_btn.border-light:hover {
3938 border-color: var(--bbpc_brand_color) !important;
3939 }
3940 .doc_border_btn.border-light:hover svg path {
3941 fill: #fff;
3942 }
3943
3944 .pagination-wrapper {
3945 background: var(--bs-white);
3946 padding: 23px 30px;
3947 display: flex;
3948 align-items: center;
3949 justify-content: space-between;
3950 margin-top: 10px;
3951 border-radius: 6px;
3952 box-shadow: 0 3px 6px 0 rgba(4, 73, 89, 0.06);
3953 }
3954 @media (max-width: 768px) {
3955 .pagination-wrapper {
3956 padding: 20px;
3957 }
3958 }
3959 @media (max-width: 576px) {
3960 .pagination-wrapper {
3961 flex-direction: column;
3962 }
3963 }
3964 .pagination-wrapper p {
3965 margin: 0;
3966 font-size: 14px;
3967 color: var(--black_500);
3968 }
3969 .pagination-wrapper .post-pagination {
3970 margin: 0;
3971 padding: 0;
3972 list-style: none;
3973 }
3974 @media (max-width: 768px) {
3975 .pagination-wrapper .post-pagination {
3976 margin-top: 30px;
3977 }
3978 }
3979 .pagination-wrapper .post-pagination li {
3980 display: inline-block;
3981 }
3982 .pagination-wrapper .post-pagination li.pegi-disable {
3983 display: none;
3984 }
3985 .pagination-wrapper .post-pagination li:not(:last-child) {
3986 margin-right: 3px;
3987 }
3988 .pagination-wrapper .post-pagination li a {
3989 display: block;
3990 color: var(--black_500);
3991 height: 35px;
3992 width: 35px;
3993 text-align: center;
3994 line-height: 35px;
3995 background: #f2f5f6;
3996 border-radius: 3px;
3997 }
3998 .pagination-wrapper .post-pagination li a:hover, .pagination-wrapper .post-pagination li a.active {
3999 background: var(--bbpc_brand_color);
4000 color: #fff;
4001 }
4002
4003 body.reply-template-default .page_wrapper {
4004 padding-top: 150px;
4005 }
4006 @media (max-width: 768px) {
4007 body.reply-template-default .page_wrapper {
4008 padding-top: 100px;
4009 }
4010 }
4011
4012 .forums-box .community-post.forum-item {
4013 padding: 25px 20px;
4014 }
4015
4016 .community-post {
4017 border-radius: 6px;
4018 box-shadow: 0 2px 8px 0 rgba(2, 47, 57, 0.1);
4019 padding: 23px 30px;
4020 display: flex;
4021 align-items: center;
4022 justify-content: space-between;
4023 margin-bottom: 20px;
4024 transition: all 0.3s ease-in-out;
4025 border: 1px solid transparent;
4026 }
4027 .community-post.forum-item {
4028 padding: 25px 20px;
4029 }
4030 .community-post.forum-item .post-content p {
4031 font-size: 14px;
4032 line-height: 1.6;
4033 }
4034 @media (max-width: 667px) {
4035 .community-post {
4036 display: block;
4037 }
4038 }
4039 @media (max-width: 420px) {
4040 .community-post {
4041 padding: 20px 15px;
4042 }
4043 }
4044 .community-post:hover {
4045 box-shadow: 0 24px 40px 0 rgba(2, 47, 57, 0.12);
4046 border-color: #eef3f6;
4047 transform: translateX(10px);
4048 }
4049 .community-post .post-content {
4050 display: flex;
4051 flex-wrap: wrap;
4052 align-items: center;
4053 gap: 25px;
4054 }
4055 .community-post .post-content .author-avatar {
4056 margin-bottom: 5px;
4057 margin-right: 0 !important;
4058 }
4059 .community-post .post-content .author-avatar.forum-icon img {
4060 border-radius: 0;
4061 }
4062 .community-post .post-content .author-avatar img {
4063 max-width: 60px;
4064 border-radius: 50%;
4065 }
4066 @media (max-width: 667px) {
4067 .community-post .post-content .author-avatar {
4068 display: none;
4069 }
4070 }
4071 @media (max-width: 450px) {
4072 .community-post .post-content .author-avatar {
4073 margin-right: 15px;
4074 }
4075 }
4076 .community-post .post-content .entry-content {
4077 flex: 2;
4078 padding: 0;
4079 }
4080 .community-post .post-content .entry-content .post-title {
4081 font-size: 18px;
4082 font-weight: 500;
4083 margin-bottom: 0;
4084 line-height: 1.4;
4085 }
4086 .community-post .post-content .entry-content .post-title:hover {
4087 color: var(--bbpc_brand_color);
4088 }
4089 .community-post .post-content .entry-content p {
4090 margin: 0;
4091 }
4092 @media (max-width: 667px) {
4093 .community-post .post-meta-wrapper {
4094 margin-top: 15px;
4095 display: none;
4096 }
4097 }
4098 .community-post .post-meta-wrapper .post-meta-info {
4099 margin: 0;
4100 padding: 0;
4101 list-style: none;
4102 }
4103 .community-post .post-meta-wrapper .post-meta-info li {
4104 display: inline-block;
4105 }
4106 .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
4107 margin-right: 50px;
4108 }
4109 @media (max-width: 991px) {
4110 .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
4111 margin-right: 20px;
4112 }
4113 }
4114 .community-post .post-meta-wrapper .post-meta-info li a {
4115 display: flex;
4116 align-items: center;
4117 font-size: 14px;
4118 color: var(--black_500);
4119 text-decoration: none;
4120 }
4121 .community-post .post-meta-wrapper .post-meta-info li a i {
4122 margin-right: 4px;
4123 }
4124 .community-post .post-meta-wrapper .post-meta-info li a:hover {
4125 color: var(--bbpc_brand_color);
4126 }
4127 .community-post.style-two {
4128 margin-bottom: 0;
4129 border-radius: 0;
4130 box-shadow: none;
4131 position: relative;
4132 }
4133 .community-post.style-two:not(:last-child) {
4134 border-bottom: 1px solid var(--black_50);
4135 }
4136 .community-post.style-two .post-meta-wrapper .post-meta-info li i {
4137 transition: all 0.3s ease-in-out;
4138 }
4139 .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover a {
4140 color: #b1b5c0;
4141 }
4142 .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover i {
4143 color: #f9ae44;
4144 }
4145 .community-post.style-two .post-content .entry-content .post-title {
4146 display: inline-block;
4147 margin: 0 0 8px 0;
4148 }
4149 .community-post.style-two .post-content .com-featured {
4150 position: absolute;
4151 right: 0;
4152 top: -2px;
4153 height: 30px;
4154 width: 30px;
4155 z-index: 2;
4156 text-align: center;
4157 color: #fff;
4158 padding: 0 15px;
4159 }
4160 .community-post.style-two .post-content .com-featured i {
4161 z-index: 22;
4162 position: relative;
4163 font-size: 14px;
4164 }
4165 .community-post.style-two .post-content .com-featured:after {
4166 content: "";
4167 top: 0;
4168 position: absolute;
4169 right: 0;
4170 width: 0;
4171 height: 0;
4172 border-left: 30px solid transparent;
4173 border-right: 0 solid transparent;
4174 border-top: 30px solid #00ae69;
4175 z-index: 1;
4176 }
4177 .community-post.style-two .post-content .cat-wrap {
4178 display: inline-block;
4179 vertical-align: 3px;
4180 }
4181 .community-post.style-two .meta {
4182 display: flex;
4183 align-items: center;
4184 gap: 16px;
4185 padding-left: 0;
4186 }
4187 .community-post.style-two .meta li {
4188 display: inline-block;
4189 color: var(--black_400);
4190 font-size: 14px;
4191 }
4192 .community-post.style-two .meta li img {
4193 display: inline-block;
4194 vertical-align: -2px;
4195 }
4196 .community-post.style-two .meta li i,
4197 .community-post.style-two .meta li img {
4198 margin-right: 10px;
4199 font-size: 14px;
4200 }
4201 .community-post.style-two .meta li a {
4202 font-size: 14px;
4203 color: var(--black_350);
4204 text-decoration: none;
4205 }
4206 .community-post.style-two .meta li a:hover {
4207 color: var(--bbpc_brand_color);
4208 }
4209 .community-post.style-two:hover {
4210 background: #f7f9fa;
4211 transform: translateX(0);
4212 box-shadow: none;
4213 border-color: #f7f9fa;
4214 }
4215
4216 /** === Forum heading bar === **/
4217 .forums-box {
4218 background: var(--black_25);
4219 margin-bottom: 20px;
4220 }
4221 .forums-box .forum-titles {
4222 list-style: none !important;
4223 display: flex;
4224 padding: 0;
4225 margin: 0;
4226 justify-content: flex-end;
4227 }
4228 .forums-box .forum-titles li {
4229 text-align: right;
4230 font-size: 14px;
4231 }
4232 .forums-box .forum-titles .forum-topic-count,
4233 .forums-box .forum-titles .forum-reply-count {
4234 flex-basis: 25%;
4235 color: var(--black_800);
4236 }
4237 .forums-box .forum-titles .forum-freshness {
4238 flex-basis: 50%;
4239 }
4240 .forums-box .forum-titles .forum-freshness .freshness-box {
4241 display: flex;
4242 font-size: 14px;
4243 line-height: 1.3;
4244 flex-direction: column;
4245 }
4246 .forums-box .forum-titles .forum-freshness .freshness-box a {
4247 color: var(--black_500);
4248 text-decoration: none;
4249 }
4250 .forums-box .forum-titles .forum-freshness .freshness-box a:hover {
4251 color: var(--bbpc_brand_color);
4252 }
4253 .forums-box .forum-titles .forum-freshness .freshness-box .freshness-btm {
4254 display: flex;
4255 justify-content: flex-end;
4256 padding-top: 5px;
4257 align-items: center;
4258 }
4259 .forums-box .forum-titles .forum-freshness .freshness-box .freshness-btm .bbp-author-name {
4260 margin-right: 10px;
4261 }
4262 .forums-box .forum-titles .forum-freshness .freshness-box .freshness-btm .bbp-author-avatar img {
4263 max-width: 30px;
4264 border-radius: 50%;
4265 }
4266 .forums-box .support-info span,
4267 .forums-box .support-info .forum-titles li,
4268 .forums-box .support-category-menus span,
4269 .forums-box .support-category-menus .forum-titles li {
4270 font-weight: 500;
4271 }
4272
4273 .post-header {
4274 display: flex;
4275 justify-content: space-between;
4276 background: rgba(7, 134, 105, 0.05);
4277 padding: 17px 30px;
4278 border: 1px solid var(--black_50);
4279 border-top-left-radius: 6px;
4280 border-top-right-radius: 6px;
4281 }
4282 .post-header.forums-header {
4283 padding: 17px 15px;
4284 display: flex;
4285 align-items: center;
4286 background: var(--black_50);
4287 }
4288 @media (max-width: 767px) {
4289 .post-header.forums-header .support-category-menus {
4290 display: none;
4291 }
4292 }
4293 @media (max-width: 768px) {
4294 .post-header {
4295 display: block;
4296 }
4297 }
4298 @media (max-width: 576px) {
4299 .post-header {
4300 padding: 15px;
4301 }
4302 }
4303 .post-header .support-total-info {
4304 margin: 0;
4305 padding: 0;
4306 list-style: none;
4307 }
4308 @media (max-width: 768px) {
4309 .post-header .support-total-info {
4310 margin-bottom: 10px;
4311 }
4312 }
4313 .post-header .support-total-info li {
4314 display: inline-block;
4315 font-size: 14px;
4316 }
4317 .post-header .support-total-info li.active .open-data {
4318 color: var(--black_800);
4319 font-weight: 500;
4320 }
4321 .post-header .support-total-info li.open-ticket {
4322 color: var(--black_800);
4323 font-weight: 500;
4324 }
4325 .post-header .support-total-info li.close-ticket a {
4326 color: var(--black_500);
4327 }
4328 .post-header .support-total-info li a {
4329 font-size: 14px;
4330 font-weight: 400;
4331 color: var(--black_500);
4332 text-decoration: none;
4333 }
4334 .post-header .support-total-info li a:hover {
4335 color: var(--bbpc_brand_color);
4336 }
4337 .post-header .support-total-info li:not(:last-child) {
4338 margin-right: 20px;
4339 }
4340 .post-header .support-total-info li i {
4341 color: #00ae69;
4342 margin-right: 3px;
4343 vertical-align: -2px;
4344 }
4345 .post-header .support-total-info li:nth-child(1) i {
4346 color: #f06292;
4347 }
4348 .post-header .category-menu {
4349 margin: 0;
4350 padding: 0;
4351 list-style: none;
4352 }
4353 .post-header .category-menu li {
4354 display: inline-block;
4355 font-size: 14px;
4356 }
4357 .post-header .category-menu li .dropdown-menu {
4358 top: 12px !important;
4359 transform: translate3d(0, 23px, 0) !important;
4360 display: none;
4361 }
4362 .post-header .category-menu li .dropdown-menu.show {
4363 display: block;
4364 position: absolute;
4365 z-index: 1;
4366 }
4367 .post-header .category-menu li:not(:last-child) {
4368 margin-right: 10px;
4369 }
4370 .post-header .category-menu li:nth-child(4) .dropdown-menu, .post-header .category-menu li:nth-child(3) .dropdown-menu {
4371 right: -11px;
4372 left: auto !important;
4373 }
4374 @media (max-width: 380px) {
4375 .post-header .category-menu li:nth-child(4) .dropdown-menu {
4376 width: 190px;
4377 }
4378 }
4379 .post-header .category-menu li:nth-child(3) .title:before, .post-header .category-menu li:nth-child(3) .title:after {
4380 right: 40px;
4381 }
4382 .post-header .category-menu li:nth-child(1) .title:before, .post-header .category-menu li:nth-child(1) .title:after {
4383 right: auto;
4384 left: 30px;
4385 }
4386 .post-header .category-menu li:nth-child(2) .title:before, .post-header .category-menu li:nth-child(2) .title:after {
4387 right: auto;
4388 left: 25px;
4389 }
4390 .post-header .category-menu .dropdown-toggle {
4391 position: relative;
4392 background: transparent;
4393 box-shadow: none;
4394 border: 0;
4395 color: var(--black_500);
4396 padding: 0 15px;
4397 font-size: 14px;
4398 }
4399 .post-header .category-menu .dropdown-toggle:hover, .post-header .category-menu .dropdown-toggle.show {
4400 color: var(--black_900);
4401 }
4402 .post-header .category-menu .dropdown-toggle.show::after {
4403 transform: rotate(180deg);
4404 top: 0;
4405 }
4406 .post-header .category-menu .dropdown-toggle:after {
4407 content: "3";
4408 font-family: eleganticons;
4409 border: 0;
4410 position: absolute;
4411 top: 50%;
4412 right: -5px;
4413 transform: translateY(-50%);
4414 }
4415 .post-header .category-menu .btn-secondary:not(:disabled):not(.disabled).active,
4416 .post-header .category-menu .btn-secondary:not(:disabled):not(.disabled):active,
4417 .post-header .category-menu .show > .btn-secondary.dropdown-toggle {
4418 background-color: transparent;
4419 border: none;
4420 color: var(--black_500);
4421 box-shadow: none;
4422 }
4423 .post-header .category-menu .dropdown-menu {
4424 border: 1px solid var(--black_50);
4425 background: var(--bs-white);
4426 box-shadow: var(--bs_xl);
4427 padding: 0;
4428 width: 260px;
4429 animation: slideDown 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
4430 }
4431 @media (max-width: 576px) {
4432 .post-header .category-menu .dropdown-menu {
4433 width: 210px;
4434 }
4435 }
4436 .post-header .category-menu .title {
4437 font-size: 14px;
4438 font-weight: 500;
4439 margin: 0;
4440 background: var(--black_25);
4441 border-bottom: 1px solid var(--black_75);
4442 padding: 14px 20px 11px;
4443 line-height: 1;
4444 position: relative;
4445 }
4446 .post-header .category-menu .title:before {
4447 content: "";
4448 height: 16px;
4449 width: 16px;
4450 background: var(--black_50);
4451 position: absolute;
4452 right: 30px;
4453 transform: rotate(45deg);
4454 top: -8px;
4455 }
4456 .post-header .category-menu .title:after {
4457 content: "";
4458 height: 16px;
4459 width: 16px;
4460 background: var(--black_25);
4461 position: absolute;
4462 right: 30px;
4463 transform: rotate(45deg);
4464 top: -6px;
4465 }
4466 .post-header .category-menu .cate-search-form {
4467 padding: 0 20px;
4468 margin-top: 12px;
4469 margin-bottom: 0;
4470 }
4471 .post-header .category-menu .cate-search-form input {
4472 width: 100%;
4473 background: var(--bs-white);
4474 border: 1px solid var(--black_75);
4475 border-radius: 4px;
4476 padding: 6px 20px;
4477 font-size: 14px;
4478 color: var(--black_800);
4479 }
4480 .post-header .category-menu .cate-search-form input::-moz-placeholder {
4481 color: #a8acb6;
4482 }
4483 .post-header .category-menu .cate-search-form input::placeholder {
4484 color: #a8acb6;
4485 }
4486 .post-header .category-menu .cate-search-form input:focus {
4487 background: var(--bs-white);
4488 border: 1px solid var(--black_800);
4489 }
4490 .post-header .category-menu .all-users {
4491 font-size: 14px;
4492 padding: 12px 22px;
4493 border-bottom: 1px solid var(--black_75);
4494 display: flex;
4495 flex-flow: column;
4496 gap: 5px;
4497 }
4498 .post-header .category-menu .all-users .count {
4499 margin-left: 5px;
4500 font-size: 10px;
4501 background: #ebedf0;
4502 border-radius: 10px;
4503 color: #838793;
4504 font-size: 12px;
4505 margin-left: 5px;
4506 padding: 1px 5px 0;
4507 top: 8px;
4508 width: auto;
4509 height: auto;
4510 }
4511 .post-header .category-menu .all-users .frmx-dropdown-item {
4512 display: flex;
4513 align-items: center;
4514 color: var(--black_500);
4515 text-decoration: none;
4516 }
4517 .post-header .category-menu .all-users .frmx-dropdown-item:hover {
4518 text-decoration: none;
4519 border-radius: 5px;
4520 color: var(--black_900);
4521 }
4522 .post-header .category-menu .all-users img {
4523 width: 20px;
4524 margin-right: 10px;
4525 display: inline-block;
4526 border-radius: 50%;
4527 }
4528 .post-header .category-menu .tagList a {
4529 padding: 0;
4530 color: var(--black_400);
4531 }
4532 .post-header .category-menu .tagList a span {
4533 border-radius: 4px;
4534 width: 12px;
4535 height: 12px;
4536 background: var(--bbpc_brand_color);
4537 display: inline-block;
4538 margin-right: 10px;
4539 vertical-align: -3px;
4540 }
4541 .post-header .category-menu .tagList a:not(:last-child) {
4542 border-bottom: 1px solid #e6eeef;
4543 }
4544 .post-header .category-menu .tagList a:hover, .post-header .category-menu .tagList a:focus {
4545 background: transparent;
4546 color: var(--black_800);
4547 }
4548 .post-header .category-menu .short-by {
4549 padding: 10px 20px;
4550 background-color: var(--bs-white);
4551 display: block;
4552 text-decoration: none;
4553 }
4554 .post-header .category-menu .short-by a {
4555 padding: 7px 0 7px 20px;
4556 position: relative;
4557 color: var(--black_400);
4558 font-size: 14px;
4559 display: block;
4560 text-decoration: none;
4561 }
4562 .post-header .category-menu .short-by a:hover {
4563 background: transparent;
4564 color: var(--black_800);
4565 }
4566 .post-header .category-menu .short-by a.active-short {
4567 color: var(--black_800);
4568 }
4569 .post-header .category-menu .short-by a.active-short:before {
4570 content: "N";
4571 position: absolute;
4572 font-family: eleganticons;
4573 left: 0;
4574 top: 7px;
4575 color: #0abe76;
4576 font-size: 14px;
4577 }
4578
4579 .forum-page-content .communities-boxes {
4580 margin: 0 -30px;
4581 }
4582
4583 .post-header .support-category-menus .forumax-sort-lists .frmx-dropdown .frmx-dropdown-toggle:hover, .post-header .support-category-menus .forumax-sort-lists .frmx-dropdown .frmx-dropdown-toggle:focus {
4584 color: var(--black_900);
4585 background: transparent;
4586 }
4587
4588 .shadow {
4589 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
4590 }
4591
4592 .answer-action {
4593 border-radius: 6px;
4594 background: #fff;
4595 padding: 20px 30px;
4596 display: flex;
4597 justify-content: space-between;
4598 align-items: center;
4599 margin-bottom: 80px;
4600 }
4601 @media (max-width: 768px) {
4602 .answer-action {
4603 display: block;
4604 }
4605 }
4606 .answer-action .action-content {
4607 display: flex;
4608 align-items: center;
4609 }
4610 .answer-action .action-content .image-wrap {
4611 margin-right: 30px;
4612 }
4613 .answer-action .action-content .ans-title {
4614 font-size: 22px;
4615 font-weight: 500;
4616 margin-bottom: 5px;
4617 }
4618 .answer-action .action-content p {
4619 margin: 0;
4620 }
4621 .answer-action .btn-ans {
4622 font-size: 16px;
4623 font-weight: 500;
4624 padding: 10px 25px;
4625 box-shadow: none;
4626 border: 1px solid var(--bbpc_brand_color);
4627 transition: all 0.3s ease-in-out;
4628 }
4629 .answer-action .btn-ans:hover {
4630 background: transparent;
4631 color: var(--bbpc_brand_color);
4632 }
4633 @media (max-width: 768px) {
4634 .answer-action .btn-ans {
4635 margin-left: 130px;
4636 margin-top: 5px;
4637 }
4638 }
4639
4640 .call-to-action {
4641 padding: 55px 0;
4642 background: #242729;
4643 position: relative;
4644 }
4645 .call-to-action .container {
4646 position: relative;
4647 }
4648 .call-to-action .overlay-bg {
4649 position: absolute;
4650 width: 100%;
4651 height: 100%;
4652 background-size: cover;
4653 background-position: center center;
4654 top: 0;
4655 left: 0;
4656 background-repeat: no-repeat;
4657 opacity: 0.5;
4658 }
4659 .call-to-action .action-content-wrapper {
4660 margin: 0 auto;
4661 display: flex;
4662 justify-content: space-between;
4663 align-items: center;
4664 }
4665 @media (max-width: 576px) {
4666 .call-to-action .action-content-wrapper {
4667 display: block;
4668 text-align: center;
4669 }
4670 }
4671 .call-to-action .action-content-wrapper .action-title-wrap {
4672 display: flex;
4673 align-items: center;
4674 }
4675 .call-to-action .action-content-wrapper .action-title-wrap img {
4676 padding-right: 45px;
4677 }
4678 .call-to-action .action-content-wrapper .action-title-wrap .action-title {
4679 color: #fff;
4680 font-size: 44px;
4681 line-height: 1.2;
4682 font-weight: 500;
4683 }
4684 @media (max-width: 991px) {
4685 .call-to-action .action-content-wrapper .action-title-wrap .action-title {
4686 font-size: 34px;
4687 }
4688 }
4689 .call-to-action .action-content-wrapper .action_btn {
4690 border: 1px solid var(--bbpc_brand_color);
4691 font-size: 16px;
4692 padding: 12px 25px;
4693 font-weight: 500;
4694 }
4695 .call-to-action .action-content-wrapper .action_btn:hover {
4696 background: transparent;
4697 border-color: #fff;
4698 color: #fff;
4699 }
4700
4701 .status_widget .status {
4702 margin-bottom: 25px;
4703 }
4704 .status_widget .offline {
4705 color: #f4b130;
4706 border: 2px solid #f5d597;
4707 padding: 0 13px;
4708 display: inline-block;
4709 border-radius: 4px;
4710 margin-left: 5px;
4711 }
4712 .status_widget .title-sm {
4713 font-size: 16px;
4714 color: var(--black_800);
4715 font-weight: 500;
4716 margin-bottom: 10px;
4717 }
4718 .status_widget .open-hours {
4719 margin-bottom: 30px;
4720 }
4721 .status_widget .open-hours p {
4722 margin-bottom: 0;
4723 }
4724 @media (min-width: 991px) {
4725 .status_widget .open-hours p {
4726 max-width: 240px;
4727 }
4728 }
4729 .status_widget .current-time {
4730 margin-top: 28px;
4731 }
4732 .status_widget .current-time:after {
4733 content: "";
4734 display: block;
4735 clear: both;
4736 }
4737 .status_widget .current-time li {
4738 float: left;
4739 width: 50%;
4740 }
4741
4742 .w_tag_list.style-light li a {
4743 background: #f0f2f5;
4744 }
4745 .w_tag_list.style-light li a:hover {
4746 background: rgba(7, 134, 105, 0.15);
4747 color: var(--bbpc_brand_color);
4748 box-shadow: none;
4749 }
4750
4751 .usefull-links {
4752 margin: 0;
4753 padding: 0;
4754 list-style: none;
4755 }
4756 .usefull-links li {
4757 padding: 7px 0;
4758 }
4759 .usefull-links li i {
4760 margin-right: 10px;
4761 }
4762 .usefull-links li a {
4763 color: var(--black_500);
4764 font-size: 16px;
4765 font-weight: 400;
4766 display: inline-block;
4767 }
4768 .usefull-links li a:hover {
4769 color: var(--bbpc_brand_color);
4770 }
4771
4772 .ticket_categories li {
4773 padding: 12px 0 10px;
4774 position: relative;
4775 display: flex;
4776 justify-content: space-between;
4777 align-items: center;
4778 }
4779 .ticket_categories li:not(:last-child) {
4780 border-bottom: 1px solid var(--black_50);
4781 }
4782 .ticket_categories li .forumax-forum-count {
4783 background: rgba(175, 184, 193, 0.2);
4784 height: 22px;
4785 color: #838793;
4786 font-size: 12px;
4787 display: flex;
4788 line-height: 1.2;
4789 padding: 5px 7px 5px 8px;
4790 transition: all 0.3s;
4791 min-width: 20px;
4792 border-radius: 2em;
4793 font-weight: 500;
4794 }
4795 .ticket_categories li:hover .forumax-forum-count {
4796 background: var(--bbpc_brand_color);
4797 color: #fff;
4798 }
4799 .ticket_categories li:hover a {
4800 color: var(--bbpc_brand_color);
4801 }
4802 .ticket_categories li .forumax-forum-title {
4803 display: flex;
4804 align-items: center;
4805 gap: 10px;
4806 min-width: 0;
4807 }
4808 .ticket_categories li .forumax-forum-icon img {
4809 display: block;
4810 width: 16px;
4811 height: 16px;
4812 max-width: 16px;
4813 -o-object-fit: cover;
4814 object-fit: cover;
4815 }
4816 .ticket_categories li a {
4817 font-size: 16px;
4818 color: var(--black_700);
4819 text-decoration: none !important;
4820 }
4821
4822 .forumax-forums-list li {
4823 padding: 12px 0 10px !important;
4824 position: relative !important;
4825 display: flex !important;
4826 justify-content: space-between !important;
4827 align-items: center !important;
4828 }
4829 .forumax-forums-list li:not(:last-child) {
4830 border-bottom: 1px solid var(--black_50) !important;
4831 }
4832 .forumax-forums-list li .forumax-forum-count {
4833 background: rgba(175, 184, 193, 0.2) !important;
4834 height: 22px !important;
4835 color: #838793 !important;
4836 font-size: 12px !important;
4837 display: flex !important;
4838 line-height: 1.2 !important;
4839 padding: 5px 7px 5px 8px !important;
4840 transition: all 0.3s !important;
4841 min-width: 20px !important;
4842 border-radius: 2em !important;
4843 font-weight: 500 !important;
4844 }
4845 .forumax-forums-list li:hover .forumax-forum-count {
4846 background: var(--bbpc_brand_color) !important;
4847 color: #fff !important;
4848 }
4849 .forumax-forums-list li:hover a {
4850 color: var(--bbpc_brand_color) !important;
4851 }
4852 .forumax-forums-list li .forumax-forum-title {
4853 display: flex !important;
4854 align-items: center !important;
4855 gap: 10px !important;
4856 min-width: 0 !important;
4857 }
4858 .forumax-forums-list li .forumax-forum-icon img {
4859 display: block !important;
4860 width: 16px !important;
4861 height: 16px !important;
4862 max-width: 16px !important;
4863 -o-object-fit: cover !important;
4864 object-fit: cover !important;
4865 }
4866 .forumax-forums-list li a {
4867 font-size: 16px !important;
4868 color: var(--black_700) !important;
4869 text-decoration: none !important;
4870 }
4871
4872 /* Active Members Widget
4873 ============================================================================================ */
4874 .frmx-active-members {
4875 display: flex;
4876 flex-wrap: wrap;
4877 gap: 8px;
4878 }
4879 .frmx-active-members .frmx-active-member-item {
4880 flex-shrink: 0;
4881 position: relative;
4882 }
4883 .frmx-active-members .frmx-active-member-item::after {
4884 content: attr(data-frmx-tooltip);
4885 position: absolute;
4886 bottom: calc(100% + 8px);
4887 left: 50%;
4888 transform: translateX(-50%);
4889 background: var(--black_800);
4890 color: var(--bs-white);
4891 font-size: 12px;
4892 font-weight: 500;
4893 line-height: 1.3;
4894 white-space: nowrap;
4895 padding: 4px 10px;
4896 border-radius: 4px;
4897 pointer-events: none;
4898 opacity: 0;
4899 visibility: hidden;
4900 z-index: 10;
4901 transition: opacity 150ms ease-in-out 0s;
4902 }
4903 .frmx-active-members .frmx-active-member-item::before {
4904 content: "";
4905 position: absolute;
4906 bottom: calc(100% + 4px);
4907 left: 50%;
4908 transform: translateX(-50%);
4909 border: 4px solid transparent;
4910 border-top-color: var(--black_800);
4911 pointer-events: none;
4912 opacity: 0;
4913 visibility: hidden;
4914 z-index: 10;
4915 transition: opacity 150ms ease-in-out 0s;
4916 }
4917 .frmx-active-members .frmx-active-member-item:hover::after, .frmx-active-members .frmx-active-member-item:hover::before {
4918 opacity: 1;
4919 visibility: visible;
4920 }
4921 .frmx-active-members .frmx-active-member-link {
4922 display: block;
4923 line-height: 0;
4924 border-radius: 50%;
4925 overflow: hidden;
4926 flex-shrink: 0;
4927 border: 2px solid var(--black_75);
4928 transition: all 200ms ease-in-out 0s;
4929 }
4930 .frmx-active-members .frmx-active-member-link:hover {
4931 border-color: var(--bbpc_brand_color);
4932 transform: translateY(-2px);
4933 }
4934 .frmx-active-members .frmx-active-member-link img {
4935 display: block;
4936 width: 100%;
4937 height: 100%;
4938 -o-object-fit: cover;
4939 object-fit: cover;
4940 }
4941
4942 /* Forum Profile Area css
4943 ============================================================================================ */
4944 .forum-user-wrapper {
4945 background: #fbfbfc;
4946 padding-bottom: 135px;
4947 }
4948 .forum-user-wrapper .forum_main_inner {
4949 margin-top: -60px;
4950 }
4951
4952 form#bbp-reply-search-form:focus-within,
4953 form#bbp-topic-search-form:focus-within {
4954 border-color: var(--bbpc_brand_color);
4955 }
4956 form#bbp-reply-search-form input[type=search],
4957 form#bbp-topic-search-form input[type=search] {
4958 border: none;
4959 padding-left: 10px;
4960 width: 100%;
4961 }
4962
4963 .author_option {
4964 background: #fff;
4965 border-radius: 10px;
4966 padding: 30px 30px 50px 30px;
4967 box-shadow: 0 30px 60px 0 rgba(2, 2, 48, 0.08);
4968 }
4969 .author_option .author_img {
4970 border-radius: 5px;
4971 overflow: hidden;
4972 margin-bottom: 20px;
4973 }
4974 .author_option .nav.nav-tabs {
4975 border: none;
4976 }
4977 .author_option .nav.nav-tabs li {
4978 margin-bottom: 10px;
4979 }
4980 .author_option .nav.nav-tabs li a {
4981 border: none;
4982 background: #f5f5f9;
4983 line-height: 50px;
4984 padding: 0 28px;
4985 border-radius: 25px;
4986 font-size: 14px;
4987 font-weight: 500;
4988 color: #232361;
4989 }
4990 .author_option .nav.nav-tabs li a i {
4991 padding-right: 2px;
4992 }
4993 .author_option .nav.nav-tabs li a svg {
4994 position: relative;
4995 top: -2.5px;
4996 margin-right: 7px;
4997 }
4998 .author_option .nav.nav-tabs li a:hover, .author_option .nav.nav-tabs li a.active {
4999 background: var(--bbpc_brand_color);
5000 color: #fff;
5001 }
5002 .author_option .nav.nav-tabs li a:hover svg path, .author_option .nav.nav-tabs li a.active svg path {
5003 fill: #fff;
5004 }
5005 .author_option .nav.nav-tabs li:last-child {
5006 margin-bottom: 0;
5007 }
5008
5009 .forum_body_area {
5010 background: #fff;
5011 padding: 50px 40px 30px 40px;
5012 border-radius: 10px;
5013 box-shadow: 0 30px 60px 0 rgba(2, 2, 48, 0.08);
5014 }
5015
5016 .search_forum {
5017 margin-bottom: 45px;
5018 }
5019 .search_forum input {
5020 height: 50px;
5021 border: 1px solid #f1f1f8;
5022 border-radius: 25px;
5023 background: #f7f7fb;
5024 padding: 0 30px;
5025 line-height: 50px;
5026 outline: none !important;
5027 box-shadow: none !important;
5028 font-size: 14px;
5029 font-weight: 400;
5030 color: #848996;
5031 font-family: var(--rob);
5032 }
5033 .search_forum input:focus {
5034 border: 1px solid #f1f1f8;
5035 background: #f7f7fb;
5036 outline: none !important;
5037 box-shadow: none !important;
5038 }
5039 .search_forum input.placeholder {
5040 font-size: 14px;
5041 font-weight: 400;
5042 color: #848996;
5043 font-family: var(--rob);
5044 }
5045 .search_forum input:-moz-placeholder {
5046 font-size: 14px;
5047 font-weight: 400;
5048 color: #848996;
5049 font-family: var(--rob);
5050 }
5051 .search_forum input::-moz-placeholder {
5052 font-size: 14px;
5053 font-weight: 400;
5054 color: #848996;
5055 font-family: var(--rob);
5056 }
5057 .search_forum input::-webkit-input-placeholder {
5058 font-size: 14px;
5059 font-weight: 400;
5060 color: #848996;
5061 font-family: var(--rob);
5062 }
5063 .search_forum .input-group-append button {
5064 position: relative;
5065 background: var(--bbpc_brand_color);
5066 width: 80px;
5067 padding: 0;
5068 border: none;
5069 color: #fff;
5070 text-align: center;
5071 border-top-right-radius: 25px;
5072 border-bottom-right-radius: 25px;
5073 }
5074 .search_forum .input-group-append button i {
5075 transform: rotate(-90deg);
5076 position: absolute;
5077 left: 58%;
5078 text-align: center;
5079 top: 0;
5080 height: 100%;
5081 }
5082
5083 .forum_topic_list h2 {
5084 color: #232361;
5085 font-size: 20px;
5086 font-weight: 900;
5087 margin-bottom: 20px;
5088 }
5089
5090 .list_pagination {
5091 padding-top: 20px;
5092 }
5093 .list_pagination .left {
5094 line-height: 36px;
5095 }
5096 .list_pagination .left p {
5097 font-size: 14px;
5098 color: #6b6b80;
5099 font-weight: 400;
5100 margin-bottom: 0;
5101 }
5102 .list_pagination .right nav ul {
5103 border: none;
5104 margin-bottom: 0;
5105 }
5106 .list_pagination .right nav ul li {
5107 margin-right: 6px;
5108 }
5109 .list_pagination .right nav ul li a {
5110 border: none;
5111 background: #f8f8f8;
5112 padding: 0;
5113 font-size: 14px;
5114 color: #6b6b80;
5115 height: 36px;
5116 width: 36px;
5117 text-align: center;
5118 line-height: 36px;
5119 border-radius: 10px !important;
5120 outline: none;
5121 box-shadow: none;
5122 }
5123 .list_pagination .right nav ul li:hover a, .list_pagination .right nav ul li.active a {
5124 background: var(--bbpc_brand_color);
5125 color: #fff;
5126 }
5127 .list_pagination .right nav ul li:last-child {
5128 margin-right: 0;
5129 }
5130
5131 .profile_info .p_info_item_inner .col-sm-4:last-child .p_info_item img {
5132 margin-top: -13px;
5133 }
5134 .profile_info .p_info_item_inner .p_info_item {
5135 border: 1px solid #f1f1f8;
5136 text-align: center;
5137 padding-bottom: 40px;
5138 padding-top: 40px;
5139 border-radius: 6px;
5140 }
5141 .profile_info .p_info_item_inner .p_info_item img {
5142 margin-bottom: 20px;
5143 }
5144 .profile_info .p_info_item_inner .p_info_item h4 {
5145 font-size: 20px;
5146 font-weight: 700;
5147 margin-bottom: 10px;
5148 }
5149 .profile_info .p_info_item_inner .p_info_item .info_btn {
5150 color: var(--bbpc_brand_color);
5151 background: #f1f1fe;
5152 font-size: 14px;
5153 font-weight: 500;
5154 line-height: 26px;
5155 padding: 0 12px;
5156 display: inline-block;
5157 border-radius: 13px;
5158 }
5159 .profile_info .p_info_item_inner .p_info_item .info_number {
5160 background: #fff4ee;
5161 font-size: 14px;
5162 font-weight: 500;
5163 line-height: 26px;
5164 padding: 0 18px;
5165 display: inline-block;
5166 border-radius: 13px;
5167 color: #ff762b;
5168 }
5169
5170 .info_list {
5171 padding-top: 45px;
5172 padding-bottom: 60px;
5173 }
5174 .info_list li {
5175 margin-bottom: 25px;
5176 font-size: 14px;
5177 font-weight: 500;
5178 color: var(--p_color);
5179 }
5180 .info_list li span {
5181 min-width: 250px;
5182 color: var(--black_800);
5183 font-size: 14px;
5184 font-weight: 700;
5185 float: left;
5186 overflow: hidden;
5187 }
5188 .info_list li a {
5189 color: #6b6b80;
5190 display: block;
5191 overflow: hidden;
5192 font-weight: 400;
5193 }
5194 .info_list li:last-child {
5195 margin-bottom: 0;
5196 }
5197
5198 .p_social {
5199 border-top: 1px solid #f0f0f7;
5200 margin-left: -40px;
5201 margin-right: -40px;
5202 padding-top: 22px;
5203 }
5204 .p_social li:first-child {
5205 padding-left: 40px;
5206 }
5207 .p_social li:last-child {
5208 padding-right: 40px;
5209 margin-right: 0;
5210 }
5211 .p_social li {
5212 margin-right: 10px;
5213 }
5214 .p_social li a {
5215 height: 45px;
5216 width: 45px;
5217 background: #f2f2f7;
5218 color: var(--black_400);
5219 font-size: 14px;
5220 text-align: center;
5221 line-height: 45px;
5222 display: inline-block;
5223 border-radius: 10px;
5224 transition: all 300ms linear 0s;
5225 }
5226 .p_social li a:hover {
5227 color: #fff;
5228 background: var(--bbpc_brand_color);
5229 }
5230
5231 .topic_comment_list li .media {
5232 padding-left: 18px;
5233 padding-right: 25px;
5234 padding-top: 28px;
5235 }
5236 .topic_comment_list li .media .d-flex {
5237 padding-right: 18px;
5238 }
5239 .topic_comment_list li .media .media-body {
5240 border-bottom: 1px solid var(--black_50);
5241 padding-bottom: 28px;
5242 }
5243 .topic_comment_list li .media .media-body .t_title h4 {
5244 font-weight: 500;
5245 font-size: 16px;
5246 margin-bottom: 4px;
5247 }
5248 .topic_comment_list li .media .media-body .dropdown {
5249 margin-top: -30px;
5250 float: right;
5251 margin-right: 14px;
5252 }
5253 .topic_comment_list li .media .media-body .dropdown button:after {
5254 display: none;
5255 }
5256 .topic_comment_list li .media .media-body .dropdown button {
5257 font-size: 34px;
5258 color: var(--black_400);
5259 padding: 0;
5260 line-height: 26px;
5261 border: none;
5262 outline: none;
5263 box-shadow: none;
5264 }
5265 .topic_comment_list li .media .media-body .dropdown .dropdown-menu {
5266 left: auto !important;
5267 right: -14px;
5268 top: 20px !important;
5269 padding: 14px 0;
5270 border: 1px solid #e8eff0;
5271 background: #fff;
5272 min-width: 218px;
5273 box-shadow: 0 30px 40px 0 rgba(4, 4, 89, 0.1);
5274 }
5275 .topic_comment_list li .media .media-body .dropdown .dropdown-menu:before {
5276 content: "";
5277 width: 0;
5278 height: 0;
5279 border-style: solid;
5280 border-width: 0 10px 10px 10px;
5281 border-color: transparent transparent #fff transparent;
5282 position: absolute;
5283 right: 16px;
5284 top: -10px;
5285 z-index: 1;
5286 }
5287 .topic_comment_list li .media .media-body .dropdown .dropdown-menu:after {
5288 content: "";
5289 width: 0;
5290 height: 0;
5291 border-style: solid;
5292 border-width: 0 10px 10px 10px;
5293 border-color: transparent transparent #e8eff0 transparent;
5294 position: absolute;
5295 right: 16px;
5296 top: -11px;
5297 }
5298 .topic_comment_list li .media .media-body .dropdown .dropdown-menu a {
5299 padding: 0 24px;
5300 line-height: 34px;
5301 font-size: 16px;
5302 color: var(--p_color);
5303 }
5304 .topic_comment_list li .media .media-body h6 {
5305 display: inline-block;
5306 font-size: 14px;
5307 font-weight: 400;
5308 color: var(--p_color);
5309 margin-right: 18px;
5310 margin-bottom: 13px;
5311 }
5312 .topic_comment_list li .media .media-body h6 i {
5313 padding-right: 7px;
5314 font-size: 14px;
5315 }
5316 .topic_comment_list li .media .media-body p {
5317 font-size: 14px;
5318 line-height: 22px;
5319 margin-bottom: 20px;
5320 }
5321 .topic_comment_list li .media .media-body .help_start {
5322 font-size: 14px;
5323 color: var(--black_400);
5324 float: right;
5325 margin-top: -22px;
5326 }
5327 .topic_comment_list li .media .media-body .help_start i {
5328 color: #f9ae44;
5329 font-size: 14px;
5330 padding-right: 5px;
5331 }
5332 .topic_comment_list li .media .help_btn {
5333 margin-left: 7px;
5334 }
5335 .topic_comment_list li:last-child .media .media-body {
5336 border-bottom: 0;
5337 }
5338
5339 /* End Forum Area css
5340 ============================================================================================ */
5341 /* Forum Sidebar Area css
5342 ============================================================================================ */
5343 .forum_sidebar {
5344 padding-left: 20px;
5345 font-size: 14px;
5346 padding-right: 5px;
5347 }
5348
5349 .topics-filter {
5350 margin-bottom: 30px;
5351 }
5352 .topics-filter .nav-item .nav-links {
5353 position: relative;
5354 color: var(--black_400);
5355 }
5356 .topics-filter .nav-item .nav-links i {
5357 margin-right: 2px;
5358 margin-top: -2px;
5359 }
5360 .topics-filter .nav-item .nav-links.active, .topics-filter .nav-item .nav-links:hover {
5361 color: var(--black_800);
5362 }
5363 .topics-filter .nav-item .nav-links.active::after, .topics-filter .nav-item .nav-links:hover::after {
5364 position: absolute;
5365 left: 0;
5366 right: 0;
5367 bottom: 0;
5368 margin: auto;
5369 content: " ";
5370 width: 100%;
5371 height: 2px;
5372 border-radius: 25%;
5373 background: var(--bbpc_brand_color);
5374 }
5375
5376 .forum_sidebar_area {
5377 padding-top: 100px;
5378 padding-bottom: 100px;
5379 }
5380 .forum_sidebar_area .custom_container {
5381 position: relative;
5382 }
5383 .forum_sidebar_area .right_side_forum {
5384 margin-left: 50px;
5385 }
5386
5387 .left_side_forum {
5388 max-width: 265px;
5389 }
5390
5391 .wd_title {
5392 margin-bottom: 25px;
5393 font-size: 18px;
5394 }
5395
5396 .l_widget {
5397 margin-bottom: 45px;
5398 }
5399
5400 .comment_list .navbar-nav li {
5401 border-bottom: 1px solid #e6edf0;
5402 padding: 10px 0;
5403 }
5404 .comment_list .navbar-nav li:first-child {
5405 padding-top: 0;
5406 }
5407 .comment_list .navbar-nav li .media .d-flex {
5408 padding-right: 10px;
5409 }
5410 .comment_list .navbar-nav li .media .d-flex i {
5411 margin-top: 3px;
5412 color: var(--p_color);
5413 }
5414 .comment_list .navbar-nav li .media .media-body h4 {
5415 font-size: 14px;
5416 font-weight: 400;
5417 display: inline-block;
5418 margin-bottom: 0;
5419 transition: all 300ms linear 0s;
5420 }
5421 .comment_list .navbar-nav li .media .media-body h5 {
5422 display: inline-block;
5423 font-size: 14px;
5424 font-weight: 400;
5425 margin-left: 9px;
5426 margin-bottom: 0;
5427 }
5428 .comment_list .navbar-nav li .media .media-body p {
5429 margin-bottom: 0;
5430 font-size: 12px;
5431 }
5432 .comment_list .navbar-nav li:hover .media .media-body h4 {
5433 color: var(--bbpc_brand_color);
5434 }
5435 .comment_list .navbar-nav li:last-child {
5436 border-bottom: none;
5437 padding-bottom: 0;
5438 }
5439
5440 .forum_body .navbar-nav li {
5441 padding: 25.5px 30px;
5442 transition: all 300ms linear 0s;
5443 }
5444 .forum_body .navbar-nav li .media .media-body .t_title h4 {
5445 margin-bottom: 8px;
5446 }
5447 .forum_body .navbar-nav li .media .media-body .t_title h4 i {
5448 color: #22863a;
5449 position: relative;
5450 top: 3px;
5451 font-size: 20px;
5452 margin-left: 5px;
5453 }
5454 .forum_body .navbar-nav li .media .media-body h6 svg {
5455 position: relative;
5456 top: -1px;
5457 margin-right: 5px;
5458 }
5459 .forum_body .navbar-nav li .media .media-body h6:hover {
5460 color: var(--bbpc_brand_color);
5461 }
5462 .forum_body .navbar-nav li .media .media-body h6:hover svg path {
5463 fill: var(--bbpc_brand_color);
5464 }
5465 .forum_body .navbar-nav li .media .media-right .nav {
5466 display: inline-block;
5467 }
5468 .forum_body .navbar-nav li .media .media-right .nav li {
5469 display: inline-block;
5470 padding: 0;
5471 margin-left: -12px;
5472 border: none;
5473 transition: all 300ms linear 0s;
5474 }
5475 .forum_body .navbar-nav li .media .media-right .nav li a {
5476 margin-left: 0;
5477 }
5478 .forum_body .navbar-nav li .media .media-right .nav li a:after {
5479 display: none;
5480 }
5481 .forum_body .navbar-nav li .media .media-right .nav li .dropdown-menu {
5482 min-width: 400px;
5483 background: #fff;
5484 left: auto !important;
5485 right: -18px !important;
5486 padding: 30px 30px 30px 30px;
5487 margin-top: 15px;
5488 border: 1px solid #e6edf0;
5489 box-shadow: 0 30px 40px rgba(10, 71, 102, 0.1);
5490 border-radius: 4px;
5491 display: block;
5492 visibility: hidden;
5493 position: absolute;
5494 opacity: 0;
5495 transition: all 300ms linear 0s;
5496 }
5497 .forum_body .navbar-nav li .media .media-right .nav li .dropdown-menu:before {
5498 content: "";
5499 position: absolute;
5500 right: 18px;
5501 width: 0;
5502 height: 0;
5503 border-style: solid;
5504 border-width: 0 8px 8px 8px;
5505 border-color: transparent transparent #fff transparent;
5506 top: -8px;
5507 z-index: 1;
5508 }
5509 .forum_body .navbar-nav li .media .media-right .nav li .dropdown-menu:after {
5510 content: "";
5511 height: 16px;
5512 width: 16px;
5513 border-style: solid;
5514 border-width: 0 8px 8px 8px;
5515 border-color: transparent transparent #e6edf0 transparent;
5516 position: absolute;
5517 right: 18px;
5518 top: -17px;
5519 }
5520 .forum_body .navbar-nav li .media .media-right .nav li .dropdown-menu .media {
5521 margin-bottom: 50px;
5522 }
5523 .forum_body .navbar-nav li .media .media-right .nav li .dropdown-menu .media .d-flex {
5524 padding-right: 15px;
5525 }
5526 .forum_body .navbar-nav li .media .media-right .nav li .dropdown-menu .media .media-body h4 {
5527 display: block;
5528 width: 100%;
5529 font-size: 18px;
5530 font-weight: 400;
5531 margin-bottom: 18px;
5532 }
5533 .forum_body .navbar-nav li .media .media-right .nav li .dropdown-menu .media .media-body .follow_btn {
5534 width: 90px;
5535 height: 30px;
5536 border: 1px solid var(--black_500);
5537 border-radius: 4px;
5538 display: inline-block;
5539 text-align: center;
5540 font-size: 14px;
5541 font-weight: 400;
5542 line-height: 28px;
5543 transition: all 300ms linear 0s;
5544 }
5545 .forum_body .navbar-nav li .media .media-right .nav li .dropdown-menu .media .media-body .follow_btn:hover {
5546 background: var(--bbpc_brand_color);
5547 color: #fff;
5548 border-color: var(--bbpc_brand_color);
5549 }
5550 .forum_body .navbar-nav li .media .media-right .nav li .dropdown-menu .answere_items {
5551 text-align: center;
5552 }
5553 .forum_body .navbar-nav li .media .media-right .nav li .dropdown-menu .answere_items h4 {
5554 font-size: 14px;
5555 font-weight: 400;
5556 }
5557 .forum_body .navbar-nav li .media .media-right .nav li .dropdown-menu .answere_items h6 {
5558 font-size: 18px;
5559 font-weight: 400;
5560 margin-bottom: 0;
5561 }
5562 .forum_body .navbar-nav li .media .media-right .nav li:hover .dropdown-menu {
5563 visibility: visible;
5564 opacity: 1;
5565 }
5566 .forum_body .navbar-nav li .media .media-right .nav:hover li {
5567 margin-left: 4px;
5568 }
5569 .forum_body .navbar-nav li .media .media-right a {
5570 margin-left: 45px;
5571 color: #54595d;
5572 }
5573 .forum_body .navbar-nav li .media .media-right a i {
5574 margin-right: 10px;
5575 color: #818799;
5576 }
5577 .forum_body .navbar-nav li .media .media-right a:hover {
5578 color: var(--bbpc_brand_color);
5579 }
5580 .forum_body .navbar-nav li .media .media-right a:hover i {
5581 color: var(--bbpc_brand_color);
5582 }
5583 .forum_body .navbar-nav li:hover .media .media-body .t_title h4 {
5584 color: var(--bbpc_brand_color);
5585 }
5586
5587 .fade {
5588 transition: opacity 0.5s ease-in-out;
5589 }
5590
5591 input::-webkit-outer-spin-button,
5592 input::-webkit-inner-spin-button {
5593 /* display: none; <- Crashes Chrome on hover */
5594 -webkit-appearance: none;
5595 margin: 0;
5596 /* <-- Apparently some margin are still there even though it's hidden */
5597 }
5598
5599 .bbpress .breadcrumb .breadcrumb-item {
5600 margin-top: 0;
5601 }
5602 .bbpress a.bbp-breadcrumb-home {
5603 color: var(--black_900);
5604 font-size: 14px;
5605 text-decoration: none;
5606 }
5607 .bbpress a.bbp-breadcrumb-home:hover {
5608 color: #fff;
5609 }
5610
5611 /****** ===================================== CSS ==================================== **/
5612 .bbp-template-notice {
5613 margin-bottom: 30px;
5614 }
5615
5616 .bbp-template-notice ul {
5617 list-style: none;
5618 margin: 0;
5619 padding: 0;
5620 }
5621 .bbp-template-notice ul li.bbp-forum-description {
5622 background: transparent;
5623 color: var(--black_700);
5624 }
5625 .bbp-template-notice ul li.bbp-forum-description a {
5626 color: var(--bbpc_brand_color);
5627 text-decoration: none;
5628 }
5629 .bbp-template-notice ul li.bbp-forum-description a:hover {
5630 text-decoration: underline;
5631 }
5632
5633 .bbp-forum-description span.bbp-author-avatar {
5634 display: none;
5635 }
5636
5637 .communities-boxes .forumax-com-box .icon-container {
5638 margin-bottom: 25px;
5639 }
5640
5641 .communities-boxes .forumax-com-box .icon-container img {
5642 max-width: 50px;
5643 border-radius: 5px;
5644 }
5645
5646 .community-post.style-two .meta li img {
5647 max-width: 18px;
5648 height: 100%;
5649 border-radius: 10px;
5650 }
5651
5652 .bbp-shortcode .bbp-no-topic {
5653 margin: 0;
5654 }
5655
5656 .bbp-no-topic,
5657 .bbp-reply-form {
5658 margin-top: 60px;
5659 }
5660
5661 .bbp-login-form legend,
5662 #new-post legend {
5663 color: var(--black_800);
5664 font-size: 20px;
5665 font-weight: 600;
5666 line-height: 1.4;
5667 }
5668
5669 #bbpress-forums fieldset.bbp-form input[type=text],
5670 .bbp-login-form input[type=text],
5671 .bbp-login-form input[type=password],
5672 #bbpress-forums fieldset.bbp-form input[type=password],
5673 #bbpress-forums fieldset.bbp-form input[type=text],
5674 #bbpress-forums fieldset.bbp-form select,
5675 #new-post .bbp-the-content-wrapper textarea,
5676 #new-post input[type=text] {
5677 height: 46px;
5678 line-height: 1.4;
5679 background: var(--bs-white);
5680 box-shadow: none;
5681 border: 1px solid var(--black_75);
5682 padding-left: 20px;
5683 font-weight: 400;
5684 transition: all 0.2s linear;
5685 border-radius: 4px;
5686 color: var(--black_600);
5687 width: 100%;
5688 }
5689 #bbpress-forums fieldset.bbp-form input[type=text]:focus,
5690 .bbp-login-form input[type=text]:focus,
5691 .bbp-login-form input[type=password]:focus,
5692 #bbpress-forums fieldset.bbp-form input[type=password]:focus,
5693 #bbpress-forums fieldset.bbp-form input[type=text]:focus,
5694 #bbpress-forums fieldset.bbp-form select:focus,
5695 #new-post .bbp-the-content-wrapper textarea:focus,
5696 #new-post input[type=text]:focus {
5697 border-color: var(--bbpc_brand_color);
5698 }
5699
5700 #bbpress-forums fieldset.bbp-form .frmx-nice-select {
5701 float: inherit;
5702 }
5703
5704 .bbp-form .wp-editor-container {
5705 border: 1px solid var(--black_75);
5706 }
5707 .bbp-form .wp-editor-container:hover {
5708 box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 2px 6px 2px rgba(60, 64, 67, 0.149);
5709 border: 1px solid transparent;
5710 }
5711
5712 #bbpress-forums fieldset.bbp-form p {
5713 margin: 8px 0 8px;
5714 }
5715
5716 #bbpress-forums fieldset select#bbp_forum_id {
5717 max-width: 100%;
5718 }
5719
5720 .aq-form-wrapper .form-item {
5721 margin-top: 30px;
5722 }
5723 .aq-form-wrapper .form-item .frmx-nice-select.bbp_dropdown {
5724 width: 100%;
5725 }
5726
5727 .bbp-submit-wrapper .fill-brand {
5728 font-size: 14px;
5729 font-weight: 500;
5730 color: #fff !important;
5731 margin: 0;
5732 background: var(--bbpc_brand_color);
5733 padding: 12px 24px;
5734 border-radius: 4px;
5735 transition: all 0.3s linear;
5736 cursor: pointer;
5737 text-decoration: none !important;
5738 border: none;
5739 width: -moz-fit-content;
5740 width: fit-content;
5741 }
5742
5743 #new-post .bbp-the-content-wrapper {
5744 margin-top: 30px;
5745 width: 100%;
5746 }
5747
5748 .bbp-reply-form #new-post .bbp-the-content-wrapper {
5749 padding: 0;
5750 margin-bottom: 25px;
5751 }
5752
5753 div.bbp-submit-wrapper {
5754 float: none;
5755 display: flex;
5756 gap: 15px;
5757 flex-flow: column;
5758 }
5759
5760 .bbp-your-profile > fieldset.bbp-form {
5761 margin-bottom: 40px;
5762 padding-bottom: 40px;
5763 border-bottom: 3px dashed var(--black_75);
5764 }
5765 .bbp-your-profile > fieldset.bbp-form input[value=admin] {
5766 color: red;
5767 }
5768 .bbp-your-profile > fieldset.bbp-form #password {
5769 margin: 25px 0;
5770 }
5771 .bbp-your-profile > fieldset.bbp-form #password .user-generate-password {
5772 margin: 20px 0;
5773 display: flex;
5774 align-items: center;
5775 gap: 12px;
5776 }
5777 .bbp-your-profile > fieldset.bbp-form #password .wp-pwd .wp-cancel-pw span {
5778 height: auto;
5779 width: auto;
5780 line-height: 22px;
5781 }
5782 .bbp-your-profile > fieldset.bbp-form #password .button {
5783 background: transparent;
5784 border: 1px solid transparent;
5785 padding: 4px 13px;
5786 transition: all 0.3s;
5787 border-radius: 5px;
5788 font-size: 14px;
5789 }
5790 .bbp-your-profile > fieldset.bbp-form #password .button.wp-generate-pw {
5791 background: rgba(8, 102, 255, 0.1);
5792 border-color: rgba(8, 102, 255, 0.1);
5793 color: var(--bbpc_brand_color);
5794 }
5795 .bbp-your-profile > fieldset.bbp-form #password .button.wp-generate-pw:hover {
5796 background: rgba(8, 102, 255, 0.3);
5797 border-color: rgba(8, 102, 255, 0.3);
5798 }
5799 .bbp-your-profile > fieldset.bbp-form #password .button.wp-hide-pw {
5800 color: var(--bbpc_brand_color);
5801 border: 1px solid var(--black_50);
5802 }
5803 .bbp-your-profile > fieldset.bbp-form #password .button.wp-cancel-pw {
5804 color: #f84949;
5805 border: 1px solid var(--black_50);
5806 transition: all 0.3s ease-in-out;
5807 }
5808 .bbp-your-profile > fieldset.bbp-form #password .button.wp-cancel-pw:hover {
5809 color: #fff;
5810 background: #f84949;
5811 border-color: #f84949;
5812 }
5813 .bbp-your-profile > fieldset.bbp-form #password .button .dashicons {
5814 font-size: 14px;
5815 }
5816 .bbp-your-profile > fieldset.bbp-form #password .password-button-wrapper {
5817 display: flex;
5818 gap: 8px;
5819 }
5820 .bbp-your-profile > fieldset.bbp-form #password .password-input-wrapper {
5821 position: relative;
5822 }
5823 .bbp-your-profile > fieldset.bbp-form #password .password-input-wrapper .wp-hide-pw {
5824 position: absolute;
5825 right: 14px;
5826 top: 50%;
5827 transform: translateY(-50%);
5828 color: #7e8695;
5829 padding: 0;
5830 border: 0;
5831 }
5832 .bbp-your-profile > fieldset.bbp-form textarea {
5833 width: 100%;
5834 padding: 10px 20px;
5835 }
5836 .bbp-your-profile > fieldset.bbp-form textarea:focus {
5837 border-color: var(--bbpc_brand_color);
5838 }
5839 .bbp-your-profile > fieldset.bbp-form .pw-weak {
5840 margin: 4px 0 12px;
5841 }
5842 .bbp-your-profile > fieldset.bbp-form .pw-weak .pw-checkbox {
5843 margin: 0;
5844 }
5845 .bbp-your-profile .user-submit {
5846 margin-top: 18px;
5847 }
5848 .bbp-your-profile .form-table th,
5849 .bbp-your-profile .form-table td {
5850 border: none;
5851 vertical-align: text-top;
5852 }
5853
5854 #new-post .bbp-the-content-wrapper textarea {
5855 height: 300px;
5856 border: none;
5857 line-height: 1.5;
5858 padding: 20px;
5859 }
5860
5861 form.bbp-login-form {
5862 position: relative;
5863 }
5864
5865 .bbp-login-form .bbp-form .bbp-remember-me {
5866 margin-bottom: 5px;
5867 margin-top: 20px;
5868 }
5869
5870 .bbp_widget_login .bbp-login-links {
5871 float: right;
5872 }
5873
5874 .bbp-login-form label,
5875 #new-post label {
5876 display: inline-block;
5877 font-weight: 600;
5878 color: var(--black_800);
5879 font-size: 14px;
5880 margin-bottom: 0.4rem;
5881 }
5882
5883 .bbp_widget_login .bbp-login-links a.bbp-lostpass-link {
5884 padding-top: 5px;
5885 }
5886
5887 input.checkbox-tik {
5888 color: var(--black_500);
5889 position: relative;
5890 width: 12px;
5891 outline: none;
5892 height: 12px;
5893 top: 1px;
5894 left: 0;
5895 margin: 0;
5896 }
5897
5898 .checkbox-tik + label {
5899 padding-left: 5px;
5900 font-size: 15px;
5901 }
5902
5903 input.checkbox-tik:checked:before {
5904 border-color: var(--bbpc_brand_color);
5905 }
5906
5907 input.checkbox-tik:before {
5908 content: "";
5909 display: block;
5910 position: absolute;
5911 width: 12px;
5912 height: 12px;
5913 border: 1px solid var(--black_500);
5914 top: 0;
5915 left: 0;
5916 border-radius: 2px;
5917 background-color: #fff;
5918 }
5919
5920 input.checkbox-tik:after {
5921 content: "";
5922 display: block;
5923 width: 5px;
5924 height: 11px;
5925 border: solid var(--bbpc_brand_color);
5926 border-width: 0 2px 2px 0;
5927 transform: rotate(45deg);
5928 position: absolute;
5929 top: -2px;
5930 left: 5px;
5931 opacity: 0;
5932 transition: all 0.2s linear;
5933 }
5934
5935 input.checkbox-tik:checked:after {
5936 opacity: 1;
5937 }
5938
5939 .bbp-remember-me label,
5940 #new-post #bbp_topic_subscription + label {
5941 font-weight: 400;
5942 margin-bottom: 0;
5943 font-size: 14px;
5944 }
5945
5946 .bbp-submit-wrapper {
5947 margin-bottom: 0;
5948 }
5949
5950 input#bbp_topic_subscription + label {
5951 color: var(--black_500);
5952 }
5953
5954 .community-post .post-meta-wrapper .post-meta-info li a i {
5955 font-size: 14px;
5956 }
5957
5958 #bbpress-forums .post-header .category-menu li:not(:last-child) {
5959 margin-right: 40px;
5960 }
5961
5962 .community-post.style-two .post-meta-wrapper .post-meta-info li:not(:last-child) {
5963 margin-right: 60px;
5964 }
5965
5966 .forum-post-content .forum-post-btm .taxonomy i,
5967 .forum-post-content .forum-post-btm .taxonomy img,
5968 .community-post.style-two .meta li i,
5969 .community-post.style-two .meta li img {
5970 margin-right: 4px;
5971 }
5972
5973 ul.forum-titles .forum-freshness .freshness-box a {
5974 font-size: 12px;
5975 }
5976
5977 ul.forum-titles .forum-freshness .freshness-box .freshness-btm .bbp-author-avatar img {
5978 height: auto;
5979 }
5980
5981 .bbp-pagination {
5982 display: flex;
5983 justify-content: flex-end;
5984 margin-bottom: 0;
5985 }
5986 @media (max-width: 576px) {
5987 .bbp-pagination {
5988 justify-content: start;
5989 margin-top: 15px;
5990 margin-bottom: 0;
5991 }
5992 }
5993
5994 .pagination-wrapper .page-numbers {
5995 display: block;
5996 color: var(--black_500);
5997 height: 30px;
5998 width: 30px;
5999 text-align: center;
6000 line-height: 30px;
6001 background: var(--black_50);
6002 border-radius: 3px;
6003 margin-right: 5px;
6004 font-size: 14px;
6005 text-decoration: none !important;
6006 }
6007 .pagination-wrapper .page-numbers:not(.current):hover {
6008 background: rgba(7, 134, 105, 0.2);
6009 }
6010 .pagination-wrapper .page-numbers.current {
6011 background: var(--bbpc_brand_color);
6012 color: #fff;
6013 }
6014
6015 .pagination-wrapper .view-post-of {
6016 width: 100%;
6017 }
6018
6019 .pagination-wrapper .page-numbers:last-child {
6020 margin-right: 0;
6021 }
6022
6023 .bbp-no-reply,
6024 .bbp-forum-closed {
6025 margin-top: 50px;
6026 }
6027
6028 /** === Widgets === **/
6029 .widget_display_stats dl dt {
6030 float: left;
6031 clear: left;
6032 margin: 0 0 10px;
6033 }
6034
6035 .widget_display_stats dl dd {
6036 float: right;
6037 margin: 0;
6038 }
6039
6040 .widget_display_replies li:before {
6041 font-family: eleganticons;
6042 content: "w";
6043 margin: 0 12px 0 0;
6044 font-size: 15px;
6045 position: absolute;
6046 left: 0;
6047 top: 0;
6048 }
6049
6050 .widget_display_topics li::before {
6051 font-family: eleganticons;
6052 content: "b";
6053 margin: 0 12px 0 0;
6054 font-size: 15px;
6055 position: absolute;
6056 left: 0;
6057 top: -2px;
6058 }
6059
6060 .widget_display_topics li,
6061 .widget_display_replies li {
6062 padding-left: 30px;
6063 position: relative;
6064 margin-bottom: 10px;
6065 padding-bottom: 10px;
6066 border-bottom: 1px solid #e5e7e9;
6067 }
6068 .widget_display_topics li div,
6069 .widget_display_topics li time,
6070 .widget_display_replies li div,
6071 .widget_display_replies li time {
6072 color: var(--black_400);
6073 display: block;
6074 }
6075 .widget_display_topics li .bbp-author-avatar img,
6076 .widget_display_replies li .bbp-author-avatar img {
6077 border-radius: 50%;
6078 margin-right: 5px;
6079 height: revert-layer;
6080 }
6081
6082 .widget_display_topics li a:hover,
6083 .widget_display_replies li a:hover {
6084 color: var(--bbpc_brand_color);
6085 }
6086
6087 .bbp-logged-in .avatar {
6088 float: left;
6089 margin: 0 15px 0 0;
6090 border-radius: 99%;
6091 }
6092
6093 .bbp-logged-in h4 {
6094 font-weight: normal;
6095 font-size: 18px;
6096 clear: none;
6097 margin: 0 0 5px;
6098 }
6099
6100 .bbp-logged-in h4 a {
6101 color: #333;
6102 font-weight: 500;
6103 }
6104
6105 .bbp-logged-in a.button.logout-link:hover,
6106 .bbp-logged-in h4 a:hover {
6107 color: var(--bbpc_brand_color);
6108 }
6109
6110 .bbp-logged-in a.button.logout-link:hover,
6111 .bbp-logged-in a.button.logout-link {
6112 color: #666;
6113 }
6114
6115 /* bbPress Login Widget (classic widget) — logged-in state */
6116 .bbp_widget_login .bbp-logged-in {
6117 display: flex;
6118 align-items: center;
6119 justify-content: space-between;
6120 gap: 12px;
6121 }
6122
6123 .bbp_widget_login .bbp-logged-in > a.submit.user-submit {
6124 display: inline-flex;
6125 align-items: center;
6126 justify-content: center;
6127 flex: 0 0 auto;
6128 line-height: 0;
6129 }
6130
6131 .bbp_widget_login .bbp-logged-in .avatar {
6132 float: none;
6133 margin: 0;
6134 display: block;
6135 border-radius: 99%;
6136 }
6137
6138 .bbp_widget_login .bbp-logged-in h4 {
6139 flex: 1 1 auto;
6140 margin: 0;
6141 font-size: 16px;
6142 line-height: 1.2;
6143 }
6144
6145 .bbp_widget_login .bbp-logged-in h4 a {
6146 color: var(--black_800);
6147 text-decoration: none;
6148 }
6149
6150 .bbp_widget_login .bbp-logged-in .logout-link {
6151 flex: 0 0 auto;
6152 display: inline-flex;
6153 align-items: center;
6154 justify-content: center;
6155 width: auto;
6156 min-height: 36px;
6157 padding: 8px 14px;
6158 margin: 0;
6159 white-space: nowrap;
6160 background: transparent;
6161 border: 1px solid var(--black_100);
6162 color: var(--black_600);
6163 border-radius: 6px;
6164 text-decoration: none;
6165 }
6166
6167 .bbp_widget_login .bbp-logged-in .logout-link:hover {
6168 border-color: var(--bbpc_brand_color);
6169 color: var(--bbpc_brand_color);
6170 }
6171
6172 @media (max-width: 480px) {
6173 .bbp_widget_login .bbp-logged-in {
6174 flex-wrap: wrap;
6175 }
6176 .bbp_widget_login .bbp-logged-in .logout-link {
6177 width: 100%;
6178 }
6179 }
6180 .bbp-submit-wrapper {
6181 float: left;
6182 margin-top: 0;
6183 }
6184
6185 .forum-post-content .forum-post-btm .taxonomy.forum-post-cat {
6186 display: flex;
6187 }
6188
6189 .comment-content .bbp-topic-reply-link:hover {
6190 background: #fff;
6191 border: 1px solid var(--black_800);
6192 color: var(--black_800);
6193 }
6194
6195 .page-numbers {
6196 cursor: pointer !important;
6197 }
6198
6199 .pagination-wrapper .page-numbers.next {
6200 display: flex;
6201 align-items: center;
6202 justify-content: center;
6203 padding-bottom: 2px;
6204 }
6205
6206 #tagList {
6207 padding-left: 30px;
6208 }
6209
6210 /* Error */
6211 .community-post-error {
6212 padding: 60px 40px;
6213 border-style: solid;
6214 border-color: #e1e4e8;
6215 border-right-width: 1px;
6216 border-bottom-width: 1px;
6217 border-top-width: 0;
6218 border-left-width: 1px;
6219 }
6220
6221 .community-post-error .error-content {
6222 text-align: center;
6223 }
6224
6225 .community-post-error .error-content h3 {
6226 margin: 16px 0 10px;
6227 font-size: 24px;
6228 font-weight: 400;
6229 }
6230
6231 .community-post-error .error-content p {
6232 font-size: 16px;
6233 margin-top: 0;
6234 margin-bottom: 10px;
6235 }
6236
6237 .community-post-error .error-content .error-icon {
6238 margin-right: 4px;
6239 margin-bottom: 8px;
6240 margin-left: 4px;
6241 color: #a3aab1;
6242 }
6243
6244 .community-post-error .error-content .forumax-error {
6245 display: inline-block;
6246 vertical-align: text-top;
6247 fill: currentColor;
6248 }
6249
6250 /* Loading */
6251 .forum-loading {
6252 display: flex;
6253 justify-content: center;
6254 align-items: center;
6255 background-color: transparent;
6256 padding: 50px;
6257 text-align: center;
6258 }
6259
6260 .forum-loading .configure-border-1 {
6261 width: 50px;
6262 height: 50px;
6263 padding: 3px;
6264 position: absolute;
6265 display: flex;
6266 justify-content: center;
6267 align-items: center;
6268 background: #fb5b53;
6269 animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
6270 }
6271
6272 .forum-loading .configure-border-2 {
6273 width: 50px;
6274 height: 50px;
6275 padding: 3px;
6276 left: -115px;
6277 display: flex;
6278 justify-content: center;
6279 align-items: center;
6280 background: rgb(63, 249, 220);
6281 transform: rotate(45deg);
6282 animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
6283 }
6284
6285 .forum-loading .configure-core {
6286 width: 100%;
6287 height: 100%;
6288 background-color: #1d2630;
6289 }
6290
6291 @keyframes configure-clockwise {
6292 0% {
6293 transform: rotate(0);
6294 }
6295 25% {
6296 transform: rotate(90deg);
6297 }
6298 50% {
6299 transform: rotate(180deg);
6300 }
6301 75% {
6302 transform: rotate(270deg);
6303 }
6304 100% {
6305 transform: rotate(360deg);
6306 }
6307 }
6308 @keyframes configure-xclockwise {
6309 0% {
6310 transform: rotate(45deg);
6311 }
6312 25% {
6313 transform: rotate(-45deg);
6314 }
6315 50% {
6316 transform: rotate(-135deg);
6317 }
6318 75% {
6319 transform: rotate(-225deg);
6320 }
6321 100% {
6322 transform: rotate(-315deg);
6323 }
6324 }
6325 .community-post.style-two .post-content .entry-content .solved-topic-bar {
6326 display: inline;
6327 }
6328
6329 /** ==== Forum Search Results === **/
6330 div.bbp-forum-header,
6331 div.bbp-reply-header,
6332 div.bbp-topic-header,
6333 li.bbp-body div.hentry {
6334 padding: 0px;
6335 }
6336
6337 #bbpress-forums li.bbp-footer .bbp-forum-author,
6338 #bbpress-forums li.bbp-footer .bbp-reply-author,
6339 #bbpress-forums li.bbp-footer .bbp-search-author,
6340 #bbpress-forums li.bbp-footer .bbp-topic-author,
6341 #bbpress-forums li.bbp-header .bbp-forum-author,
6342 #bbpress-forums li.bbp-header .bbp-reply-author,
6343 #bbpress-forums li.bbp-header .bbp-search-author,
6344 #bbpress-forums li.bbp-header .bbp-topic-author {
6345 text-align: left;
6346 padding-left: 10px;
6347 }
6348
6349 #bbpress-forums ul.bbp-forums,
6350 #bbpress-forums ul.bbp-lead-topic,
6351 #bbpress-forums ul.bbp-replies,
6352 #bbpress-forums ul.bbp-search-results,
6353 #bbpress-forums ul.bbp-topics {
6354 border-radius: 5px;
6355 }
6356
6357 a.sbv-show-where-step {
6358 padding-left: 5px;
6359 margin-bottom: 10px;
6360 display: block;
6361 }
6362
6363 .reply-edit #bbpress-forums fieldset.bbp-form,
6364 .reply-edit .bbp-no-topic,
6365 .bbp-reply-form,
6366 .topic-edit .bbp-topic-form {
6367 margin-top: 0;
6368 }
6369
6370 /** === Topic Edit Page Styling === **/
6371 .topic-edit #bbpress-forums fieldset.bbp-form {
6372 padding: 0;
6373 margin: 0;
6374 }
6375
6376 .reply-edit .bbp-reply-form {
6377 padding: 0;
6378 }
6379 .reply-edit .breadcrumb .breadcrumb-item:last-child {
6380 display: none;
6381 }
6382
6383 .bbpress-wrapper .bbp-reply-form {
6384 padding: 30px;
6385 margin: 50px;
6386 }
6387
6388 .forum-search #bbpress-forums .bbp-pagination {
6389 width: 100%;
6390 justify-content: center;
6391 margin-bottom: 10px;
6392 }
6393
6394 .forum-search #bbpress-forums .bbp-search-summary {
6395 margin: 0 0 12px;
6396 padding: 12px 16px;
6397 border-radius: 8px;
6398 background: var(--bs-white);
6399 border: 1px solid var(--black_75);
6400 }
6401 .forum-search #bbpress-forums .bbp-search-summary-title {
6402 margin: 0;
6403 font-size: 17px;
6404 line-height: 1.4;
6405 color: var(--black_800);
6406 font-weight: 600;
6407 }
6408 .forum-search #bbpress-forums ul.bbp-search-results {
6409 margin: 0;
6410 padding: 0;
6411 list-style: none;
6412 border-radius: 10px;
6413 border: none;
6414 background: transparent;
6415 }
6416 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-header,
6417 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-footer {
6418 display: none;
6419 }
6420 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body {
6421 margin: 0;
6422 padding: 0;
6423 background: transparent;
6424 border: none;
6425 }
6426 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-topic-header,
6427 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-reply-header,
6428 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-forum-header {
6429 display: block;
6430 margin: 0;
6431 padding: 16px 18px 12px;
6432 border: 1px solid var(--black_75);
6433 border-bottom: 0;
6434 border-radius: 10px 10px 0 0;
6435 background: var(--bs-white);
6436 }
6437 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-topic-header + div,
6438 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-reply-header + div,
6439 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-forum-header + div {
6440 display: flex;
6441 margin: 0 0 12px;
6442 border: 1px solid var(--black_75);
6443 border-top: 0;
6444 border-radius: 0 0 10px 10px;
6445 overflow: hidden;
6446 background: var(--bs-white);
6447 box-shadow: 0 2px 10px rgba(2, 47, 57, 0.05);
6448 }
6449 .forum-search #bbpress-forums .bbp-topic-header .bbp-meta,
6450 .forum-search #bbpress-forums .bbp-reply-header .bbp-meta,
6451 .forum-search #bbpress-forums .bbp-forum-header .bbp-meta {
6452 display: flex;
6453 align-items: center;
6454 justify-content: space-between;
6455 gap: 10px;
6456 margin-bottom: 6px;
6457 color: var(--black_500);
6458 font-size: 13px;
6459 line-height: 1.5;
6460 }
6461 .forum-search #bbpress-forums .bbp-topic-header .bbp-topic-permalink,
6462 .forum-search #bbpress-forums .bbp-reply-header .bbp-reply-permalink,
6463 .forum-search #bbpress-forums .bbp-forum-header .bbp-forum-permalink {
6464 color: var(--black_500);
6465 font-weight: 500;
6466 }
6467 .forum-search #bbpress-forums .bbp-topic-header .bbp-topic-title h3,
6468 .forum-search #bbpress-forums .bbp-reply-header .bbp-reply-title h3,
6469 .forum-search #bbpress-forums .bbp-forum-header .bbp-forum-title h3 {
6470 margin: 0;
6471 font-size: 17px;
6472 line-height: 1.4;
6473 font-weight: 600;
6474 color: var(--black_800);
6475 }
6476 .forum-search #bbpress-forums .bbp-topic-header a,
6477 .forum-search #bbpress-forums .bbp-reply-header a,
6478 .forum-search #bbpress-forums .bbp-forum-header a {
6479 color: inherit;
6480 text-decoration: none;
6481 }
6482 .forum-search #bbpress-forums .bbp-topic-header .bbp-topic-title-meta,
6483 .forum-search #bbpress-forums .bbp-reply-header .bbp-reply-title,
6484 .forum-search #bbpress-forums .bbp-forum-header .bbp-forum-title {
6485 margin-top: 4px;
6486 color: var(--black_600);
6487 font-size: 13px;
6488 }
6489 .forum-search #bbpress-forums .bbp-topic-author,
6490 .forum-search #bbpress-forums .bbp-reply-author {
6491 width: 130px;
6492 min-width: 130px;
6493 padding: 14px 12px;
6494 border-right: 1px solid var(--black_75);
6495 background: #f8fbfc;
6496 text-align: center;
6497 }
6498 .forum-search #bbpress-forums .bbp-topic-author .bbp-author-avatar img,
6499 .forum-search #bbpress-forums .bbp-reply-author .bbp-author-avatar img {
6500 width: 54px;
6501 height: 54px;
6502 border-radius: 50%;
6503 margin-bottom: 6px;
6504 }
6505 .forum-search #bbpress-forums .bbp-topic-author .bbp-author-name,
6506 .forum-search #bbpress-forums .bbp-reply-author .bbp-author-name {
6507 display: block;
6508 font-size: 13px;
6509 line-height: 1.4;
6510 font-weight: 600;
6511 color: var(--black_700);
6512 }
6513 .forum-search #bbpress-forums .bbp-topic-author .bbp-author-role,
6514 .forum-search #bbpress-forums .bbp-reply-author .bbp-author-role {
6515 display: block;
6516 font-size: 12px;
6517 color: var(--black_500);
6518 }
6519 .forum-search #bbpress-forums .bbp-topic-content,
6520 .forum-search #bbpress-forums .bbp-reply-content,
6521 .forum-search #bbpress-forums .bbp-forum-content {
6522 flex: 1;
6523 width: 100%;
6524 padding: 14px 18px;
6525 color: var(--black_600);
6526 font-size: 14px;
6527 line-height: 1.8;
6528 margin: 0;
6529 }
6530 .forum-search #bbpress-forums .bbp-topic-content p:last-child,
6531 .forum-search #bbpress-forums .bbp-reply-content p:last-child,
6532 .forum-search #bbpress-forums .bbp-forum-content p:last-child {
6533 margin-bottom: 0;
6534 }
6535 .forum-search #bbpress-forums .bbp-pagination {
6536 align-items: center;
6537 justify-content: space-between;
6538 gap: 14px;
6539 margin-bottom: 12px;
6540 padding: 12px 16px;
6541 border: 1px solid var(--black_75);
6542 border-radius: 8px;
6543 background: var(--bs-white);
6544 }
6545 .forum-search #bbpress-forums .bbp-pagination .bbp-pagination-count {
6546 color: var(--black_500);
6547 font-size: 14px;
6548 }
6549 .forum-search #bbpress-forums .bbp-pagination .bbp-pagination-links {
6550 display: flex;
6551 align-items: center;
6552 gap: 5px;
6553 }
6554 .forum-search #bbpress-forums .bbp-pagination .bbp-pagination-links .page-numbers {
6555 display: inline-flex;
6556 align-items: center;
6557 justify-content: center;
6558 width: 30px;
6559 height: 30px;
6560 border-radius: 3px;
6561 background: var(--black_50);
6562 color: var(--black_600);
6563 text-decoration: none;
6564 font-size: 13px;
6565 }
6566 .forum-search #bbpress-forums .bbp-pagination .bbp-pagination-links .page-numbers.current,
6567 .forum-search #bbpress-forums .bbp-pagination .bbp-pagination-links .page-numbers:hover {
6568 background: var(--bbpc_brand_color);
6569 color: #fff;
6570 }
6571 @media (max-width: 767px) {
6572 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-topic-header,
6573 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-reply-header,
6574 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-forum-header {
6575 padding: 14px 14px 10px;
6576 }
6577 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-topic-header + div,
6578 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-reply-header + div,
6579 .forum-search #bbpress-forums ul.bbp-search-results > li.bbp-body > .bbp-forum-header + div {
6580 flex-direction: column;
6581 }
6582 .forum-search #bbpress-forums .bbp-topic-author,
6583 .forum-search #bbpress-forums .bbp-reply-author {
6584 width: 100%;
6585 min-width: 100%;
6586 border-right: 0;
6587 border-bottom: 1px solid var(--black_75);
6588 text-align: left;
6589 }
6590 .forum-search #bbpress-forums .bbp-topic-author .bbp-author-avatar,
6591 .forum-search #bbpress-forums .bbp-reply-author .bbp-author-avatar {
6592 margin-right: 8px;
6593 display: inline-block;
6594 vertical-align: middle;
6595 }
6596 .forum-search #bbpress-forums .bbp-topic-author .bbp-author-name,
6597 .forum-search #bbpress-forums .bbp-topic-author .bbp-author-role,
6598 .forum-search #bbpress-forums .bbp-reply-author .bbp-author-name,
6599 .forum-search #bbpress-forums .bbp-reply-author .bbp-author-role {
6600 display: inline-block;
6601 }
6602 .forum-search #bbpress-forums .bbp-topic-content,
6603 .forum-search #bbpress-forums .bbp-reply-content,
6604 .forum-search #bbpress-forums .bbp-forum-content {
6605 padding: 12px 14px;
6606 }
6607 .forum-search #bbpress-forums .bbp-pagination {
6608 flex-direction: column;
6609 align-items: flex-start;
6610 }
6611 }
6612
6613 #bbpress-forums {
6614 font-size: 14px;
6615 line-height: 1.7;
6616 }
6617 #bbpress-forums .bbp-single-user-details {
6618 background: var(--bs-white);
6619 border-radius: 10px;
6620 padding: 30px 20px;
6621 }
6622 #bbpress-forums .bbp-single-user-details #bbp-user-navigation a {
6623 padding: 10px 15px;
6624 border: none;
6625 font-size: 14px;
6626 color: var(--black_800);
6627 background: rgba(208, 215, 222, 0.32);
6628 border-radius: 3px;
6629 display: block;
6630 text-decoration: none;
6631 }
6632 #bbpress-forums .bbp-single-user-details #bbp-user-navigation ul {
6633 padding-left: 0;
6634 margin-bottom: 0;
6635 }
6636 #bbpress-forums .bbp-single-user-details #bbp-user-navigation li {
6637 margin-top: 4px;
6638 list-style: none;
6639 }
6640 #bbpress-forums .bbp-single-user-details #bbp-user-navigation li:not(.current) a:hover {
6641 background: rgba(7, 134, 105, 0.2);
6642 }
6643 #bbpress-forums .bbp-single-user-details #bbp-user-navigation li.current a {
6644 color: #fff;
6645 background-color: var(--bbpc_brand_color);
6646 }
6647 #bbpress-forums .bbp-single-user-details #bbp-user-avatar {
6648 margin-bottom: 20px;
6649 }
6650 #bbpress-forums .bbp-single-user-details #bbp-user-avatar img.avatar {
6651 border-radius: 5px;
6652 width: 100%;
6653 height: auto;
6654 }
6655
6656 #bbpress-forums .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
6657 margin-right: 65px;
6658 }
6659 #bbpress-forums .bbp-user-section .forum-post-top {
6660 margin-bottom: 8px;
6661 }
6662 #bbpress-forums .bbp-user-section .forum-post-top .bbp-author {
6663 align-items: center;
6664 }
6665 #bbpress-forums .bbp-user-section .pagination-wrapper {
6666 padding: 0;
6667 margin-top: 30px;
6668 margin-bottom: 18px;
6669 box-shadow: none;
6670 }
6671
6672 .bbp-search-form form.search-form .form-control {
6673 height: 50px;
6674 padding-left: 45px;
6675 background: var(--black_25);
6676 border: 1px solid var(--black_75);
6677 }
6678 .bbp-search-form form.search-form button {
6679 left: 20px;
6680 font-size: 14px;
6681 }
6682
6683 .bbp-shortcode.page #bbpress-forums {
6684 margin-bottom: 0;
6685 }
6686 .bbp-shortcode.page #bbpress-forums fieldset.bbp-form {
6687 box-shadow: none;
6688 margin-top: 30px;
6689 margin-bottom: 0;
6690 }
6691 .bbp-shortcode.page #bbpress-forums fieldset.bbp-form.bbpc-attachment {
6692 border: none;
6693 }
6694 .bbp-shortcode.page .bbp-topic-form {
6695 margin-top: 0;
6696 }
6697 .bbp-shortcode.page form#new-post {
6698 margin: 0;
6699 }
6700 @media (max-width: 768px) {
6701 .bbp-shortcode.page form#new-post {
6702 margin: 0 20px 20px;
6703 }
6704 }
6705 .bbp-shortcode.page .page_wrapper ul:not(.ordered-list) {
6706 list-style: none !important;
6707 padding: 0;
6708 }
6709
6710 /* REPLY SINGLE USER ICON */
6711 .forum-author-meta .author-badge > img {
6712 margin-right: 2px;
6713 width: 18px;
6714 max-width: 18px;
6715 height: auto;
6716 margin-top: -3px;
6717 }
6718 .forum-author-meta .author-badge.keymaster {
6719 background-color: #262626;
6720 }
6721 .forum-author-meta .author-badge.participant img {
6722 width: 16px;
6723 }
6724
6725 /* === bbPress Template Notice (Forum Description) === */
6726 .bbp-no-reply .bbp-template-notice {
6727 margin-left: 54px;
6728 margin-right: 80px;
6729 }
6730
6731 .bbp-template-notice.info {
6732 margin-bottom: 0;
6733 background: transparent;
6734 border: none;
6735 }
6736
6737 body.bbpress.single-forum #bbpress-forums .bbp-template-notice.info {
6738 margin: 14px 0 24px;
6739 padding: 14px 16px;
6740 border: 1px solid var(--black_100);
6741 border-radius: 8px;
6742 background: var(--black_25);
6743 display: flex;
6744 flex-direction: row;
6745 align-items: flex-start;
6746 gap: 12px;
6747 }
6748 body.bbpress.single-forum #bbpress-forums .bbp-template-notice.info::before {
6749 width: 22px;
6750 height: 22px;
6751 margin-top: 2px;
6752 flex: 0 0 22px;
6753 }
6754 body.bbpress.single-forum #bbpress-forums .bbp-template-notice.info ul {
6755 margin: 0;
6756 padding: 0;
6757 width: 100%;
6758 }
6759 body.bbpress.single-forum #bbpress-forums .bbp-template-notice.info li,
6760 body.bbpress.single-forum #bbpress-forums .bbp-template-notice.info p {
6761 margin: 0;
6762 font-size: 14px;
6763 line-height: 1.65;
6764 color: var(--black_700);
6765 }
6766 body.bbpress.single-forum #bbpress-forums .bbp-template-notice.info a {
6767 font-weight: 600;
6768 text-underline-offset: 2px;
6769 }
6770
6771 body.bbpress.single-forum #bbpress-forums .frmx-forum-description-row .bbp-template-notice.info {
6772 margin-bottom: 0;
6773 background: transparent;
6774 border: none;
6775 padding: 0;
6776 }
6777
6778 @media (max-width: 576px) {
6779 body.bbpress.single-forum #bbpress-forums .bbp-template-notice.info {
6780 padding: 12px;
6781 gap: 10px;
6782 }
6783 body.bbpress.single-forum #bbpress-forums .bbp-template-notice.info::before {
6784 width: 20px;
6785 height: 20px;
6786 flex-basis: 20px;
6787 }
6788 }
6789 .bbp-login-form .bbp-submit-wrapper {
6790 text-align: right;
6791 }
6792 .bbp-login-form .bbp-submit-wrapper.has-bbp-register {
6793 display: flex;
6794 flex-flow: row;
6795 align-items: center;
6796 margin-top: 15px;
6797 }
6798
6799 /* ============================
6800 Auth Tabs (Login / Register)
6801 ============================ */
6802 /* Tab header: subtle pill container */
6803 .frmx-auth-tabs-header {
6804 display: flex;
6805 gap: 6px;
6806 background: var(--black_25, #f5f5f5);
6807 border-radius: 12px;
6808 padding: 5px;
6809 margin-bottom: 28px;
6810 }
6811
6812 /* Individual tab pill */
6813 .frmx-auth-tab {
6814 flex: 1;
6815 padding: 11px 16px;
6816 font-size: 14px;
6817 font-weight: 600;
6818 letter-spacing: 0.01em;
6819 color: var(--black_400);
6820 background: transparent;
6821 border: none;
6822 border-radius: 10px;
6823 cursor: pointer;
6824 transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
6825 text-align: center;
6826 position: relative;
6827 }
6828
6829 .frmx-auth-tab:hover {
6830 color: var(--black_800);
6831 background: rgba(0, 0, 0, 0.03);
6832 }
6833
6834 /* Active tab: filled pill */
6835 .frmx-auth-tab.frmx-auth-tab-active {
6836 color: #fff;
6837 background: var(--bbpc_brand_color);
6838 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
6839 }
6840
6841 .frmx-auth-tab.frmx-auth-tab-active:hover {
6842 background: var(--bbpc_brand_color);
6843 color: #fff;
6844 }
6845
6846 /* Panels */
6847 .frmx-auth-panel {
6848 display: none;
6849 }
6850
6851 .frmx-auth-panel.frmx-auth-panel-active {
6852 display: block;
6853 animation: frmxFadeSlide 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
6854 }
6855
6856 .frmx-inline-login-prompt.frmx-login-highlight,
6857 .frmx-auth-tabs.frmx-login-highlight {
6858 outline: 2px solid var(--bbpc_brand_color);
6859 outline-offset: 6px;
6860 border-radius: 12px;
6861 transition: outline-color 0.3s ease;
6862 }
6863
6864 @keyframes frmxFadeSlide {
6865 from {
6866 opacity: 0;
6867 transform: translateY(10px);
6868 }
6869 to {
6870 opacity: 1;
6871 transform: translateY(0);
6872 }
6873 }
6874 /* ---- Login form inside tabs ---- */
6875 .frmx-auth-panel .forumax_login_form {
6876 margin: 0;
6877 }
6878
6879 .frmx-auth-panel .forumax_login_form p {
6880 margin-bottom: 18px;
6881 }
6882
6883 .frmx-auth-panel .forumax_login_form label {
6884 display: block;
6885 font-weight: 500;
6886 font-size: 13px;
6887 color: var(--black_500);
6888 margin-bottom: 7px;
6889 letter-spacing: 0.02em;
6890 }
6891
6892 .frmx-auth-panel .forumax_login_form input[type=text],
6893 .frmx-auth-panel .forumax_login_form input[type=password] {
6894 width: 100%;
6895 height: 50px;
6896 line-height: 1.4;
6897 background: var(--black_25, #f5f5f5);
6898 box-shadow: none;
6899 border: 1.5px solid transparent;
6900 padding: 0 16px;
6901 font-weight: 400;
6902 font-size: 15px;
6903 transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
6904 border-radius: 10px;
6905 color: var(--black_800);
6906 }
6907
6908 .frmx-auth-panel .forumax_login_form input[type=text]:focus,
6909 .frmx-auth-panel .forumax_login_form input[type=password]:focus {
6910 border-color: var(--bbpc_brand_color);
6911 background: var(--bs-white);
6912 box-shadow: 0 0 0 3px rgba(8, 102, 255, 0.1);
6913 outline: none;
6914 }
6915
6916 .frmx-auth-panel .forumax_login_form .forgetmenot {
6917 margin-bottom: 18px;
6918 }
6919
6920 .frmx-auth-panel .forumax_login_form .forgetmenot label {
6921 display: inline-flex;
6922 align-items: center;
6923 gap: 6px;
6924 font-weight: 400;
6925 font-size: 13px;
6926 color: var(--black_400);
6927 cursor: pointer;
6928 }
6929
6930 /* Submit button — login */
6931 .frmx-auth-panel .forumax_login_form input[type=submit] {
6932 font-size: 15px;
6933 font-weight: 600;
6934 letter-spacing: 0.02em;
6935 color: #fff;
6936 background: var(--bbpc_brand_color);
6937 padding: 14px 30px;
6938 border-radius: 10px;
6939 transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
6940 cursor: pointer;
6941 border: none;
6942 width: 100%;
6943 }
6944
6945 .frmx-auth-panel .forumax_login_form input[type=submit]:hover {
6946 transform: translateY(-1px);
6947 box-shadow: 0 6px 20px rgba(8, 102, 255, 0.25);
6948 }
6949
6950 .frmx-auth-panel .forumax_login_form input[type=submit]:active {
6951 transform: translateY(0);
6952 box-shadow: 0 2px 8px rgba(8, 102, 255, 0.15);
6953 }
6954
6955 /* ---- Registration form inside tabs ---- */
6956 .frmx-auth-register-form .frmx-auth-field {
6957 margin-bottom: 18px;
6958 }
6959
6960 .frmx-auth-register-form .frmx-auth-field label {
6961 display: block;
6962 font-weight: 500;
6963 font-size: 13px;
6964 color: var(--black_500);
6965 margin-bottom: 7px;
6966 letter-spacing: 0.02em;
6967 }
6968
6969 .frmx-auth-register-form .frmx-auth-field input[type=text],
6970 .frmx-auth-register-form .frmx-auth-field input[type=email],
6971 .frmx-auth-register-form .frmx-auth-field input[type=password] {
6972 width: 100%;
6973 height: 50px;
6974 line-height: 1.4;
6975 background: var(--black_25, #f5f5f5);
6976 box-shadow: none;
6977 border: 1.5px solid transparent;
6978 padding: 0 16px;
6979 font-weight: 400;
6980 font-size: 15px;
6981 transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
6982 border-radius: 10px;
6983 color: var(--black_800);
6984 }
6985
6986 .frmx-auth-register-form .frmx-auth-field input[type=text]:focus,
6987 .frmx-auth-register-form .frmx-auth-field input[type=email]:focus,
6988 .frmx-auth-register-form .frmx-auth-field input[type=password]:focus {
6989 border-color: var(--bbpc_brand_color);
6990 background: var(--bs-white);
6991 box-shadow: 0 0 0 3px rgba(8, 102, 255, 0.1);
6992 outline: none;
6993 }
6994
6995 .frmx-auth-submit {
6996 margin-top: 22px;
6997 }
6998
6999 /* Registration Verification Fields */
7000 .sbv-reg-verify-wrap select {
7001 width: 100%;
7002 height: 50px;
7003 background: var(--black_25, #f5f5f5);
7004 box-shadow: none;
7005 border: 1.5px solid transparent;
7006 padding: 0 16px;
7007 font-weight: 400;
7008 font-size: 15px;
7009 transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
7010 border-radius: 10px;
7011 color: var(--black_800);
7012 -webkit-appearance: auto;
7013 -moz-appearance: auto;
7014 appearance: auto;
7015 }
7016
7017 .sbv-reg-verify-wrap select:focus {
7018 border-color: var(--bbpc_brand_color);
7019 background: var(--bs-white);
7020 box-shadow: 0 0 0 3px rgba(8, 102, 255, 0.1);
7021 outline: none;
7022 }
7023
7024 .sbv-reg-key-row {
7025 display: flex;
7026 gap: 8px;
7027 align-items: stretch;
7028 }
7029
7030 .sbv-reg-key-row input[type=text] {
7031 flex: 1;
7032 }
7033
7034 .frmx-auth-validate-btn {
7035 padding: 10px 18px;
7036 background: var(--bbpc_brand_color);
7037 color: #fff;
7038 border: none;
7039 border-radius: 10px;
7040 cursor: pointer;
7041 font-size: 13px;
7042 font-weight: 600;
7043 white-space: nowrap;
7044 transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
7045 }
7046
7047 .frmx-auth-validate-btn:hover {
7048 transform: translateY(-1px);
7049 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
7050 }
7051
7052 .frmx-auth-validate-btn:disabled {
7053 opacity: 0.45;
7054 cursor: not-allowed;
7055 transform: none;
7056 box-shadow: none;
7057 }
7058
7059 .sbv-reg-notice {
7060 margin-top: 8px;
7061 padding: 10px 14px;
7062 border-radius: 10px;
7063 font-size: 13px;
7064 line-height: 1.5;
7065 }
7066
7067 .sbv-reg-notice--success {
7068 background: #ecfdf5;
7069 color: #065f46;
7070 border: 1px solid #a7f3d0;
7071 }
7072
7073 .sbv-reg-notice--error {
7074 background: #fef2f2;
7075 color: #991b1b;
7076 border: 1px solid #fecaca;
7077 }
7078
7079 .frmx-auth-register-form .frmx-auth-submit button:disabled {
7080 opacity: 0.45;
7081 cursor: not-allowed;
7082 transform: none;
7083 box-shadow: none;
7084 }
7085
7086 .frmx-auth-register-form .frmx-auth-submit .button,
7087 .frmx-auth-register-form .frmx-auth-submit .button.fill-brand,
7088 .frmx-auth-register-form .frmx-auth-submit button[type=submit] {
7089 width: 100%;
7090 font-size: 15px;
7091 font-weight: 600;
7092 letter-spacing: 0.02em;
7093 color: #fff !important;
7094 background: var(--bbpc_brand_color) !important;
7095 padding: 14px 30px;
7096 border-radius: 10px;
7097 border: none !important;
7098 box-shadow: none;
7099 cursor: pointer;
7100 transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
7101 }
7102
7103 .frmx-auth-register-form .frmx-auth-submit .button:hover,
7104 .frmx-auth-register-form .frmx-auth-submit .button.fill-brand:hover,
7105 .frmx-auth-register-form .frmx-auth-submit button[type=submit]:hover {
7106 transform: translateY(-1px);
7107 box-shadow: 0 6px 20px rgba(8, 102, 255, 0.25);
7108 color: #fff !important;
7109 background: var(--bbpc_brand_color) !important;
7110 }
7111
7112 .frmx-auth-register-form .frmx-auth-submit .button:active,
7113 .frmx-auth-register-form .frmx-auth-submit .button.fill-brand:active,
7114 .frmx-auth-register-form .frmx-auth-submit button[type=submit]:active {
7115 transform: translateY(0);
7116 box-shadow: 0 2px 8px rgba(8, 102, 255, 0.15);
7117 }
7118
7119 /* Password visibility toggle */
7120 .frmx-auth-password-wrap {
7121 position: relative;
7122 }
7123
7124 .frmx-auth-eye-toggle {
7125 position: absolute;
7126 top: 50%;
7127 right: 14px;
7128 transform: translateY(-50%);
7129 background: none;
7130 border: none;
7131 padding: 4px;
7132 cursor: pointer;
7133 color: var(--black_400, #9ca3af);
7134 line-height: 0;
7135 border-radius: 6px;
7136 transition: color 0.2s ease, background 0.2s ease;
7137 display: flex;
7138 align-items: center;
7139 justify-content: center;
7140 }
7141
7142 .frmx-auth-eye-toggle:hover {
7143 color: var(--black_700, #1f2937);
7144 background: rgba(0, 0, 0, 0.04);
7145 }
7146
7147 .frmx-auth-eye-toggle svg {
7148 display: block;
7149 }
7150
7151 /* Logged-in badge */
7152 .frmx-auth-logged-in {
7153 max-width: 480px;
7154 margin: 0 auto;
7155 padding: 14px 20px;
7156 background: #ecfdf5;
7157 color: #065f46;
7158 border: 1px solid #a7f3d0;
7159 border-radius: 12px;
7160 font-size: 14px;
7161 font-weight: 500;
7162 text-align: center;
7163 }
7164
7165 /* Responsive adjustments */
7166 @media (max-width: 576px) {
7167 .frmx-auth-tabs {
7168 max-width: 100%;
7169 padding: 20px 15px 15px;
7170 border-radius: 12px;
7171 box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
7172 }
7173 .frmx-auth-tabs-header {
7174 border-radius: 10px;
7175 }
7176 .frmx-auth-tab {
7177 font-size: 13px;
7178 padding: 10px 12px;
7179 border-radius: 8px;
7180 }
7181 .sbv-reg-key-row {
7182 flex-direction: column;
7183 }
7184 .sbv-reg-key-row input[type=text] {
7185 flex: auto;
7186 }
7187 }
7188 .post-header .category-menu {
7189 margin: 0;
7190 padding: 0;
7191 list-style: none;
7192 }
7193
7194 .post-header .category-menu li {
7195 display: inline-block;
7196 font-size: 14px;
7197 position: relative;
7198 }
7199
7200 .post-header .category-menu li:not(:last-child) {
7201 margin-right: 10px;
7202 }
7203
7204 .bbp-search-form {
7205 width: 100%;
7206 padding-bottom: 24px;
7207 }
7208 .bbp-search-form form {
7209 width: 100%;
7210 background: transparent;
7211 border: 0;
7212 padding: 0;
7213 box-sizing: border-box;
7214 }
7215 .bbp-search-form form > div {
7216 display: flex;
7217 align-items: center;
7218 gap: 10px;
7219 width: 100%;
7220 background-color: var(--bs-white);
7221 border: 1px solid var(--black_75);
7222 border-radius: 999px;
7223 min-height: 48px;
7224 padding: 6px 8px;
7225 box-sizing: border-box;
7226 transition: border-color 0.2s ease, box-shadow 0.2s ease;
7227 }
7228 .bbp-search-form form:focus-within > div {
7229 border-color: var(--bbpc_brand_color) !important;
7230 box-shadow: 0 0 0 3px rgba(76, 76, 241, 0.12);
7231 }
7232 .bbp-search-form form input[type=search],
7233 .bbp-search-form form input[type=text] {
7234 flex: 1;
7235 min-width: 0;
7236 border: 0;
7237 outline: none;
7238 background: transparent;
7239 box-shadow: none;
7240 height: 36px;
7241 padding: 0 12px;
7242 font-size: 15px;
7243 color: var(--black_800);
7244 }
7245 .bbp-search-form form input[type=search]:focus,
7246 .bbp-search-form form input[type=text]:focus {
7247 border: none;
7248 }
7249 .bbp-search-form form input[type=search]::-moz-placeholder, .bbp-search-form form input[type=text]::-moz-placeholder {
7250 color: var(--black_350);
7251 }
7252 .bbp-search-form form input[type=search]::placeholder,
7253 .bbp-search-form form input[type=text]::placeholder {
7254 color: var(--black_350);
7255 }
7256 .bbp-search-form form input[type=submit] {
7257 border: 0;
7258 background: var(--bbpc_brand_color);
7259 color: #fff;
7260 height: 34px;
7261 padding: 0 16px;
7262 border-radius: 999px;
7263 font-size: 13px;
7264 font-weight: 600;
7265 cursor: pointer;
7266 transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
7267 }
7268 .bbp-search-form form input[type=submit]:hover {
7269 transform: translateY(-1px);
7270 box-shadow: 0 6px 14px rgba(76, 76, 241, 0.22);
7271 }
7272 .bbp-search-form form input[type=submit]:active {
7273 transform: translateY(0);
7274 box-shadow: none;
7275 }
7276 .bbp-search-form form button {
7277 border: 0;
7278 background: transparent;
7279 padding: 0 8px;
7280 margin: 0;
7281 display: flex;
7282 align-items: center;
7283 justify-content: center;
7284 cursor: pointer;
7285 }
7286 .bbp-search-form form i,
7287 .bbp-search-form form .icon_search {
7288 color: var(--bbpc_brand_color);
7289 font-size: 16px;
7290 display: inline-block;
7291 transform: rotate(270deg);
7292 visibility: visible;
7293 opacity: 1;
7294 }
7295
7296 /** === Table Styles === **/
7297 table {
7298 margin: 0 0 1.5em;
7299 width: 100%;
7300 border-collapse: collapse;
7301 border-spacing: 0;
7302 }
7303 table th {
7304 font-weight: 500;
7305 text-align: left;
7306 padding-right: 10px !important;
7307 }
7308 table td,
7309 table th {
7310 border-top: 1px solid var(--black_75);
7311 padding: 10px 15px;
7312 }
7313 table tr td p:last-child {
7314 margin-bottom: 0;
7315 }
7316 table.is-style-stripes tbody > tr:nth-child(2n) td {
7317 background: #f2f2f2;
7318 color: #6d7882;
7319 }
7320
7321 table thead,
7322 .table_shortcode thead {
7323 background: var(--bbpc_brand_color);
7324 color: #fff;
7325 }
7326 table thead th,
7327 .table_shortcode thead th {
7328 padding: 20px 25px;
7329 border: 0;
7330 }
7331 table thead tr th,
7332 table thead tr .th,
7333 .table_shortcode thead tr th,
7334 .table_shortcode thead tr .th {
7335 background: var(--bbpc_brand_color);
7336 color: #fff;
7337 }
7338 table th,
7339 table td,
7340 .table_shortcode th,
7341 .table_shortcode td {
7342 border: 0;
7343 font-size: 16px;
7344 font-weight: 400;
7345 vertical-align: middle;
7346 }
7347 table th,
7348 .table_shortcode th {
7349 font-weight: 500;
7350 }
7351 table tbody tr,
7352 .table_shortcode tbody tr {
7353 background: var(--black_50);
7354 border: none;
7355 }
7356 table tbody tr th,
7357 .table_shortcode tbody tr th {
7358 background: var(--black_90);
7359 }
7360 table tbody tr th a,
7361 .table_shortcode tbody tr th a {
7362 color: #fff;
7363 }
7364 table tbody tr td,
7365 table tbody tr th,
7366 .table_shortcode tbody tr td,
7367 .table_shortcode tbody tr th {
7368 padding: 8px 15px;
7369 }
7370 table tbody tr td,
7371 .table_shortcode tbody tr td {
7372 color: var(--black_700);
7373 }
7374 table tbody tr:nth-child(odd),
7375 .table_shortcode tbody tr:nth-child(odd) {
7376 background: rgba(249, 249, 249, 0.4);
7377 }
7378
7379 .forum-sidebar .widget-title,
7380 .sidebar_widget .widget-title {
7381 margin-bottom: 25px;
7382 padding-top: 20px;
7383 font-weight: 700;
7384 font-family: var(--rob);
7385 color: var(--black_900);
7386 line-height: 1.3;
7387 font-size: 20px;
7388 }
7389
7390 .forum-sidebar {
7391 padding-left: 15px;
7392 padding-right: 5px;
7393 }
7394 .forum-sidebar .widget_display_replies .bbp-replies-widget .bbp-reply-topic-title,
7395 .forum-sidebar .widget_display_replies .bbp-replies-widget .bbp-forum-title,
7396 .forum-sidebar .widget_display_replies .bbp-topics-widget .bbp-reply-topic-title,
7397 .forum-sidebar .widget_display_replies .bbp-topics-widget .bbp-forum-title,
7398 .forum-sidebar .widget_display_topics .bbp-replies-widget .bbp-reply-topic-title,
7399 .forum-sidebar .widget_display_topics .bbp-replies-widget .bbp-forum-title,
7400 .forum-sidebar .widget_display_topics .bbp-topics-widget .bbp-reply-topic-title,
7401 .forum-sidebar .widget_display_topics .bbp-topics-widget .bbp-forum-title {
7402 display: inline-block;
7403 font-size: 14px;
7404 line-height: 1.36;
7405 color: var(--black_800);
7406 font-weight: 500;
7407 text-decoration: none;
7408 }
7409 .forum-sidebar .widget_display_replies .bbp-replies-widget .bbp-reply-topic-title:hover,
7410 .forum-sidebar .widget_display_replies .bbp-replies-widget .bbp-forum-title:hover,
7411 .forum-sidebar .widget_display_replies .bbp-topics-widget .bbp-reply-topic-title:hover,
7412 .forum-sidebar .widget_display_replies .bbp-topics-widget .bbp-forum-title:hover,
7413 .forum-sidebar .widget_display_topics .bbp-replies-widget .bbp-reply-topic-title:hover,
7414 .forum-sidebar .widget_display_topics .bbp-replies-widget .bbp-forum-title:hover,
7415 .forum-sidebar .widget_display_topics .bbp-topics-widget .bbp-reply-topic-title:hover,
7416 .forum-sidebar .widget_display_topics .bbp-topics-widget .bbp-forum-title:hover {
7417 text-decoration: underline;
7418 color: var(--bbpc_brand_color);
7419 }
7420 .forum-sidebar .bbpc_forum_information .bbpc-widget-forum-info table {
7421 border: none;
7422 }
7423 .forum-sidebar .bbpc_forum_information .bbpc-widget-forum-info .show_last_post_user td a {
7424 text-decoration: none;
7425 }
7426 .forum-sidebar .bbpc_forum_information .bbpc-widget-forum-info .show_last_post_user td a:hover {
7427 text-decoration: underline;
7428 }
7429 .forum-sidebar .widget_display_topics li a:hover,
7430 .forum-sidebar .widget_display_replies li a:hover {
7431 color: var(--bbpc_brand_color);
7432 }
7433 .forum-sidebar .widget_display_stats dl {
7434 display: grid;
7435 grid-template-columns: 1fr auto;
7436 -moz-column-gap: 12px;
7437 column-gap: 12px;
7438 row-gap: 8px;
7439 margin: 0;
7440 }
7441 .forum-sidebar .widget_display_stats dt,
7442 .forum-sidebar .widget_display_stats dd {
7443 margin: 0;
7444 }
7445 .forum-sidebar .widget_display_stats dt {
7446 text-align: left;
7447 }
7448 .forum-sidebar .widget_display_stats dd {
7449 text-align: right;
7450 justify-self: end;
7451 }
7452 .forum-sidebar .widget_display_views .bbp-views-widget {
7453 margin: 0;
7454 padding: 0;
7455 list-style: none;
7456 }
7457 .forum-sidebar .widget_display_views .bbp-views-widget li {
7458 margin: 0;
7459 padding: 12px 0 10px;
7460 border-bottom: 1px solid var(--black_50);
7461 }
7462 .forum-sidebar .widget_display_views .bbp-view-title {
7463 display: flex;
7464 align-items: center;
7465 justify-content: space-between;
7466 color: var(--black_700);
7467 font-size: 16px;
7468 font-weight: 400;
7469 line-height: 1.5;
7470 text-decoration: none;
7471 padding: 0 2px 0 0;
7472 transition: all 0.2s ease;
7473 }
7474 .forum-sidebar .widget_display_views .bbp-view-title::after {
7475 content: "›";
7476 color: var(--black_350);
7477 font-size: 15px;
7478 line-height: 1;
7479 }
7480 .forum-sidebar .widget_display_views .bbp-view-title:hover, .forum-sidebar .widget_display_views .bbp-view-title:focus {
7481 color: var(--bbpc_brand_color);
7482 }
7483 .forum-sidebar .forumax_recent_topics_widget .bbp-topics-widget li a,
7484 .forum-sidebar .forumax_recent_topics_widget .bbp-replies-widget li a,
7485 .forum-sidebar .forumax_recent_replies_widget .bbp-topics-widget li a,
7486 .forum-sidebar .forumax_recent_replies_widget .bbp-replies-widget li a {
7487 text-decoration: none;
7488 color: var(--black_800);
7489 }
7490 .forum-sidebar .forumax_recent_topics_widget .bbp-topics-widget li a:hover,
7491 .forum-sidebar .forumax_recent_topics_widget .bbp-replies-widget li a:hover,
7492 .forum-sidebar .forumax_recent_replies_widget .bbp-topics-widget li a:hover,
7493 .forum-sidebar .forumax_recent_replies_widget .bbp-replies-widget li a:hover {
7494 text-decoration: underline;
7495 color: var(--bbpc_brand_color);
7496 }
7497 .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-widget {
7498 margin: 0;
7499 padding: 0;
7500 list-style: none;
7501 }
7502 .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-widget li {
7503 margin: 0;
7504 padding: 11px 0;
7505 border-bottom: 1px solid var(--black_50);
7506 display: grid;
7507 grid-template-columns: minmax(78px, auto) 1fr;
7508 -moz-column-gap: 12px;
7509 column-gap: 12px;
7510 align-items: start;
7511 }
7512 .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-label {
7513 color: var(--black_700);
7514 font-size: 14px;
7515 font-weight: 500;
7516 line-height: 1.5;
7517 letter-spacing: 0.01em;
7518 }
7519 .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-value {
7520 min-width: 0;
7521 color: var(--black_600);
7522 font-size: 14px;
7523 font-weight: 400;
7524 line-height: 1.5;
7525 overflow-wrap: anywhere;
7526 word-break: break-word;
7527 }
7528 .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-value a {
7529 color: var(--black_700);
7530 text-decoration: none;
7531 }
7532 .forum-sidebar .widget_bbpress_forum_topic_info_widget .forumax-topic-info-value a:hover {
7533 color: var(--bbpc_brand_color);
7534 text-decoration: underline;
7535 }
7536
7537 .upload-attachments-form .bbpc_attachments input {
7538 border: none;
7539 box-shadow: none;
7540 padding: 0;
7541 width: -moz-max-content;
7542 width: max-content;
7543 }
7544
7545 .bbp-reply-form .upload-attachments-form {
7546 padding-left: 0 !important;
7547 }
7548
7549 .bbp-topic-form .upload-attachments-form {
7550 margin-left: 15px;
7551 margin-top: 15px;
7552 width: 100%;
7553 }
7554
7555 .upload-attachments-form legend {
7556 padding: 0;
7557 margin: 8;
7558 }
7559
7560 .bbp-your-profile fieldset {
7561 border: none;
7562 }
7563 .bbp-your-profile .bbp-form .frmx-edit-user {
7564 width: 100% !important;
7565 }
7566 .bbp-your-profile .bbp-form .frmx-edit-user .frmx-col-lg-6 {
7567 width: 50% !important;
7568 }
7569 @media (max-width: 768px) {
7570 .bbp-your-profile .bbp-form .frmx-edit-user .frmx-col-lg-6 {
7571 width: 100% !important;
7572 }
7573 }
7574
7575 .topic-content-wrapper .bbp-voting {
7576 left: 45px;
7577 }
7578
7579 .bbp-author-wrap {
7580 display: flex;
7581 align-items: flex-start;
7582 gap: 10px;
7583 }
7584
7585 #bbpress-forums #bbp-your-profile fieldset input,
7586 #bbpress-forums #bbp-your-profile fieldset textarea {
7587 width: 100% !important;
7588 }
7589
7590 .bbp-user-section .comment-content p {
7591 word-break: break-all;
7592 }
7593
7594 .wp-theme-twentytwentyfive.single-topic .forum-single-content .main-post .q-title {
7595 padding: 0 0 4px 0;
7596 }
7597 .wp-theme-twentytwentyfive.single-topic .frmx-reply-card .comment-content p {
7598 margin-top: 0;
7599 }
7600
7601 .wp-theme-blocksy .bbp-search-form form.search-form button {
7602 left: 0px;
7603 background: none;
7604 }
7605
7606 .wp-theme-astra .bbp-author-wrap .bbp-voting {
7607 left: 34px;
7608 }
7609 .wp-theme-astra .all-answers .forum-comment .comment-content .alert {
7610 margin-bottom: 16px !important;
7611 }
7612 .wp-theme-astra .bbp-eib-content button {
7613 box-shadow: none !important;
7614 border: none !important;
7615 }
7616 .wp-theme-astra .mce-widget button:hover {
7617 background-color: transparent !important;
7618 }
7619 .wp-theme-astra #bbpress-forums fieldset.bbp-form {
7620 padding: 0 !important;
7621 }
7622
7623 .wp-theme-hello-elementor button.forumax-reaction-option {
7624 border: none;
7625 }
7626 .wp-theme-hello-elementor .forumax-reaction-option {
7627 padding: 0 !important;
7628 }
7629 .wp-theme-hello-elementor .forum-sidebar .widget_display_stats dl {
7630 display: grid;
7631 grid-template-columns: 1fr auto;
7632 -moz-column-gap: 12px;
7633 column-gap: 12px;
7634 row-gap: 8px;
7635 margin: 0;
7636 }
7637 .wp-theme-hello-elementor .forum-sidebar .widget_display_stats dt,
7638 .wp-theme-hello-elementor .forum-sidebar .widget_display_stats dd {
7639 margin: 0;
7640 }
7641 .wp-theme-hello-elementor .forum-sidebar .widget_display_stats dd {
7642 text-align: right;
7643 }
7644
7645 .wp-theme-oceanwp .content-area {
7646 width: 100% !important;
7647 }
7648 .wp-theme-oceanwp .all-answers .forum-comment .comment-content .alert {
7649 margin-bottom: 16px !important;
7650 }
7651 .wp-theme-oceanwp a:focus {
7652 outline: none !important;
7653 }
7654 .wp-theme-oceanwp #bbpress-forums fieldset.bbp-form p.bbp-attachments-form {
7655 float: none !important;
7656 width: 50%;
7657 margin-top: 0 !important;
7658 }
7659 .wp-theme-oceanwp #bbpress-forums fieldset.bbp-form legend {
7660 margin-bottom: 0 !important;
7661 }
7662 .wp-theme-oceanwp .bbp-topic-form input#anonymous_topic {
7663 margin-top: 0 !important;
7664 }
7665 .wp-theme-oceanwp .bbp-shortcode.page #bbpress-forums fieldset.bbp-form {
7666 box-shadow: none;
7667 margin-top: 0px !important;
7668 }
7669 .wp-theme-oceanwp form legend {
7670 border: none !important;
7671 }
7672 .wp-theme-oceanwp .aq-form-wrapper p {
7673 margin-top: 10px;
7674 }
7675
7676 #bbpress-forums #bbp-your-profile fieldset fieldset.password {
7677 width: 97% !important;
7678 margin-left: 0 !important;
7679 }
7680
7681 .wp-theme-generatepress .site-content {
7682 display: flex;
7683 flex-direction: column !important;
7684 }
7685 .wp-theme-generatepress .site-content .content-area {
7686 width: 100% !important;
7687 }
7688 .wp-theme-generatepress .site-content .all-answers .forum-comment .comment-content .alert {
7689 margin-bottom: 16px !important;
7690 }
7691 .wp-theme-generatepress .community-posts-wrapper .entry-content {
7692 margin-top: 0 !important;
7693 }
7694 .wp-theme-generatepress #bbpress-forums fieldset.bbp-form {
7695 padding: 0 !important;
7696 }
7697
7698 .wp-theme-ama .topic-content-wrapper .bbp-voting {
7699 left: 35px;
7700 }
7701 .wp-theme-ama .bbp-private-reply .bbp-author-wrap .bbp-voting {
7702 left: 56px;
7703 }
7704 .wp-theme-ama .single-topic .main-post .forum-post-top {
7705 margin-bottom: 8px !important;
7706 }
7707 .wp-theme-ama .forum-post-top {
7708 margin-bottom: 0;
7709 }
7710 .wp-theme-ama .best-answer .bbp-author-wrap .bbp-voting {
7711 left: 18px !important;
7712 }
7713 .wp-theme-ama .bbp-author-wrap .bbp-voting {
7714 left: 32px;
7715 }
7716 @media (max-width: 768px) {
7717 .wp-theme-ama .bbp-author-wrap .bbp-voting {
7718 left: 0;
7719 }
7720 }
7721 .wp-theme-ama .aq-form-wrapper .form-item {
7722 margin-top: 1rem;
7723 }
7724 .wp-theme-ama .all-answers .forum-comment {
7725 margin-top: 0px;
7726 }
7727
7728 img.attachment-forumax_60x60.size-forumax_60x60.wp-post-image {
7729 width: 100%;
7730 }
7731
7732 .wp-theme-docly .bbpress-wrapper .bbp-topic-form {
7733 margin: 100px !important;
7734 }
7735 .wp-theme-docly .bbp-author-wrap .bbp-voting {
7736 left: 47px !important;
7737 }
7738 .wp-theme-docly .best-answer .bbp-author-wrap .bbp-voting {
7739 left: 33px !important;
7740 }
7741 .wp-theme-docly #bbpress-forums fieldset.bbp-form {
7742 padding: 0 !important;
7743 }
7744
7745 .wp-theme-docy #bbpress-forums fieldset.bbp-form {
7746 padding: 10px 0px !important;
7747 }
7748 .wp-theme-docy #bbpress-forums div.bbp-the-content-wrapper {
7749 padding: 14px !important;
7750 }
7751 .wp-theme-docy .bbp-author-wrap .bbp-voting {
7752 left: 29px;
7753 }
7754 .wp-theme-docy .best-answer .bbp-author-wrap .bbp-voting {
7755 left: 18px !important;
7756 }
7757 .wp-theme-docy .topic-content-wrapper .bbp-voting {
7758 left: 36px !important;
7759 }
7760 .wp-theme-docy .aq-form-wrapper .bbp-the-content-wrapper {
7761 padding: 13px !important;
7762 }
7763 .wp-theme-docy .bbp-attachments-form {
7764 margin: 0;
7765 }
7766 .wp-theme-docy .aq-form-wrapper .form-item {
7767 margin-top: 1rem;
7768 }
7769
7770 #new-post .bbp-the-content-wrapper {
7771 padding: 15px;
7772 }
7773
7774 .wp-theme-blocksy #bbpress-forums fieldset.bbp-form {
7775 padding: 10px 0px !important;
7776 }
7777 .wp-theme-blocksy .all-answers .forum-comment .comment-content .alert {
7778 margin-bottom: 16px !important;
7779 }
7780 .wp-theme-blocksy #bbpress-forums fieldset.bbp-form legend {
7781 padding: 13px !important;
7782 }
7783 .wp-theme-blocksy .upload-attachments-form legend {
7784 padding: 14px !important;
7785 }
7786
7787 .frmx-reaction-topic-wrap {
7788 display: flex;
7789 align-items: center;
7790 justify-content: space-between !important;
7791 width: 100% !important;
7792 }
7793 @media (max-width: 768px) {
7794 .frmx-reaction-topic-wrap {
7795 flex-direction: column;
7796 }
7797 }
7798 .frmx-reaction-topic-wrap .forumax-reactions-wrapper {
7799 position: absolute;
7800 right: 30px;
7801 }
7802 @media (max-width: 768px) {
7803 .frmx-reaction-topic-wrap .forumax-reactions-wrapper {
7804 position: static;
7805 }
7806 }
7807
7808 .avatar.avatar-40.photo.avatar-default {
7809 border-radius: 50%;
7810 }
7811
7812 .wp-theme-Divi #left-area:has(.type-topic, .type-forum) {
7813 width: 100% !important;
7814 }
7815 .wp-theme-Divi .bbp-template-notice ul {
7816 list-style: none !important;
7817 }
7818 .wp-theme-Divi #bbpress-forums {
7819 padding: 50px;
7820 }
7821 .wp-theme-Divi #bbpress-forums fieldset.bbp-form {
7822 padding: 10px 20px !important;
7823 }
7824
7825 .reply-result:has(.frmx-pipeline-timeline) .bbp-voting {
7826 left: -6px !important;
7827 }
7828 @media (max-width: 768px) {
7829 .reply-result:has(.frmx-pipeline-timeline) .bbp-voting {
7830 left: -6px !important;
7831 }
7832 }
7833
7834 .reply-result:has(.frmx-pipeline-timeline) .bbp-private-reply .bbp-voting {
7835 left: -6px !important;
7836 }
7837
7838 .bbp-author-avatar .avatar {
7839 border-radius: 50% !important;
7840 }
7841
7842 .forum-post-content .test {
7843 width: 100%;
7844 }
7845
7846 /* === FRMX Custom Dropdown (to avoid theme conflicts) === */
7847 .frmx-dropdown {
7848 position: relative;
7849 display: inline-block;
7850 }
7851
7852 .frmx-dropdown-toggle {
7853 position: relative;
7854 background: transparent;
7855 box-shadow: none;
7856 border: 0;
7857 color: var(--black_500);
7858 padding: 0 15px;
7859 font-size: 14px;
7860 cursor: pointer;
7861 font-family: inherit;
7862 }
7863 .frmx-dropdown-toggle:hover, .frmx-dropdown-toggle[aria-expanded=true] {
7864 color: var(--black_900);
7865 }
7866 .frmx-dropdown-toggle[aria-expanded=true]::after {
7867 transform: rotate(180deg) translateY(50%);
7868 }
7869 .frmx-dropdown-toggle::after {
7870 content: "3";
7871 font-family: eleganticons;
7872 border: 0;
7873 position: absolute;
7874 top: 50%;
7875 right: -5px;
7876 transform: translateY(-50%);
7877 transition: transform 0.2s ease;
7878 }
7879
7880 .frmx-dropdown-menu {
7881 position: absolute;
7882 top: 100%;
7883 left: 0;
7884 z-index: 1;
7885 display: none;
7886 min-width: 260px;
7887 padding: 0;
7888 margin-top: 12px;
7889 background: var(--bs-white);
7890 border: 1px solid var(--black_50);
7891 border-radius: 4px;
7892 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
7893 animation: frmxSlideDown 0.15s ease-out;
7894 }
7895 .frmx-dropdown-menu.frmx-show {
7896 display: block;
7897 }
7898 @media (max-width: 576px) {
7899 .frmx-dropdown-menu {
7900 min-width: 210px;
7901 }
7902 }
7903
7904 .forumax-sort-lists li:nth-child(3) .frmx-dropdown-menu,
7905 .forumax-sort-lists li:last-child .frmx-dropdown-menu {
7906 left: auto;
7907 right: 0;
7908 }
7909 .forumax-sort-lists li:nth-child(3) .frmx-dropdown-menu .title::before,
7910 .forumax-sort-lists li:nth-child(3) .frmx-dropdown-menu .title::after,
7911 .forumax-sort-lists li:last-child .frmx-dropdown-menu .title::before,
7912 .forumax-sort-lists li:last-child .frmx-dropdown-menu .title::after {
7913 left: auto;
7914 right: 30px;
7915 }
7916 .forumax-sort-lists li:nth-child(1) .title::before,
7917 .forumax-sort-lists li:nth-child(1) .title::after {
7918 right: auto;
7919 left: 30px;
7920 }
7921 .forumax-sort-lists li:nth-child(2) .title::before,
7922 .forumax-sort-lists li:nth-child(2) .title::after {
7923 right: auto;
7924 left: 25px;
7925 }
7926
7927 .frmx-frmx-dropdown-item {
7928 display: block;
7929 padding: 7px 0 5px 20px !important;
7930 color: var(--black_400);
7931 font-size: 14px;
7932 text-decoration: none;
7933 transition: color 0.2s ease;
7934 }
7935 .frmx-frmx-dropdown-item:hover {
7936 color: var(--black_800);
7937 background: transparent;
7938 text-decoration: none;
7939 }
7940 .frmx-frmx-dropdown-item.active-short {
7941 color: var(--black_800);
7942 }
7943 .frmx-frmx-dropdown-item.active-short::before {
7944 content: "N";
7945 position: absolute;
7946 font-family: eleganticons;
7947 left: 0;
7948 color: #0abe76;
7949 font-size: 14px;
7950 }
7951
7952 @keyframes frmxSlideDown {
7953 from {
7954 opacity: 0;
7955 transform: translateY(-8px);
7956 }
7957 to {
7958 opacity: 1;
7959 transform: translateY(0);
7960 }
7961 }
7962 @keyframes frmxModalIn {
7963 from {
7964 opacity: 0;
7965 transform: translateY(16px) scale(0.97);
7966 }
7967 to {
7968 opacity: 1;
7969 transform: translateY(0) scale(1);
7970 }
7971 }
7972 .frmx-dropdown-menu .all-users .userlist {
7973 padding: 0 !important;
7974 }
7975
7976 #bbp-user-topics-started.bbp-user-topics-started .bbp-user-section .frmx-pagination,
7977 #bbp-user-subscriptions.bbp-user-subscriptions .bbp-user-section .frmx-pagination,
7978 #bbp-user-favorites.bbp-user-favorites .bbp-user-section .frmx-pagination,
7979 #bbp-user-engagements.bbp-user-engagements .bbp-user-section .frmx-pagination {
7980 display: flex;
7981 align-items: center;
7982 justify-content: space-between;
7983 margin-top: 16px;
7984 padding: 14px 10px;
7985 }
7986 #bbp-user-topics-started.bbp-user-topics-started .bbp-user-section .frmx-pagination .bbp-pagination-count,
7987 #bbp-user-subscriptions.bbp-user-subscriptions .bbp-user-section .frmx-pagination .bbp-pagination-count,
7988 #bbp-user-favorites.bbp-user-favorites .bbp-user-section .frmx-pagination .bbp-pagination-count,
7989 #bbp-user-engagements.bbp-user-engagements .bbp-user-section .frmx-pagination .bbp-pagination-count {
7990 font-size: 13px;
7991 color: var(--black_500);
7992 font-weight: 400;
7993 }
7994 #bbp-user-topics-started.bbp-user-topics-started .bbp-user-section .frmx-pagination .bbp-pagination-links,
7995 #bbp-user-subscriptions.bbp-user-subscriptions .bbp-user-section .frmx-pagination .bbp-pagination-links,
7996 #bbp-user-favorites.bbp-user-favorites .bbp-user-section .frmx-pagination .bbp-pagination-links,
7997 #bbp-user-engagements.bbp-user-engagements .bbp-user-section .frmx-pagination .bbp-pagination-links {
7998 display: flex;
7999 align-items: center;
8000 gap: 4px;
8001 }
8002 #bbp-user-topics-started.bbp-user-topics-started .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers,
8003 #bbp-user-subscriptions.bbp-user-subscriptions .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers,
8004 #bbp-user-favorites.bbp-user-favorites .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers,
8005 #bbp-user-engagements.bbp-user-engagements .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers {
8006 display: inline-flex;
8007 justify-content: center;
8008 align-items: center;
8009 width: 30px;
8010 height: 30px;
8011 border-radius: 3px;
8012 background: var(--black_50);
8013 color: var(--black_500);
8014 font-size: 13px;
8015 font-weight: 400;
8016 text-decoration: none !important;
8017 transition: background 0.2s ease, color 0.2s ease;
8018 cursor: pointer;
8019 }
8020 #bbp-user-topics-started.bbp-user-topics-started .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers:not(.current):hover,
8021 #bbp-user-subscriptions.bbp-user-subscriptions .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers:not(.current):hover,
8022 #bbp-user-favorites.bbp-user-favorites .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers:not(.current):hover,
8023 #bbp-user-engagements.bbp-user-engagements .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers:not(.current):hover {
8024 background: var(--bbpc_brand_color);
8025 color: #fff;
8026 }
8027 #bbp-user-topics-started.bbp-user-topics-started .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.current,
8028 #bbp-user-subscriptions.bbp-user-subscriptions .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.current,
8029 #bbp-user-favorites.bbp-user-favorites .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.current,
8030 #bbp-user-engagements.bbp-user-engagements .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.current {
8031 background: var(--bbpc_brand_color);
8032 color: #fff;
8033 font-weight: 500;
8034 cursor: default;
8035 }
8036 #bbp-user-topics-started.bbp-user-topics-started .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.next, #bbp-user-topics-started.bbp-user-topics-started .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.prev,
8037 #bbp-user-subscriptions.bbp-user-subscriptions .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.next,
8038 #bbp-user-subscriptions.bbp-user-subscriptions .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.prev,
8039 #bbp-user-favorites.bbp-user-favorites .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.next,
8040 #bbp-user-favorites.bbp-user-favorites .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.prev,
8041 #bbp-user-engagements.bbp-user-engagements .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.next,
8042 #bbp-user-engagements.bbp-user-engagements .bbp-user-section .frmx-pagination .bbp-pagination-links .page-numbers.prev {
8043 font-size: 14px;
8044 }
8045 #bbp-user-topics-started.bbp-user-topics-started .bbp-user-section .frmx-pagination .bbp-pagination-links .dots,
8046 #bbp-user-subscriptions.bbp-user-subscriptions .bbp-user-section .frmx-pagination .bbp-pagination-links .dots,
8047 #bbp-user-favorites.bbp-user-favorites .bbp-user-section .frmx-pagination .bbp-pagination-links .dots,
8048 #bbp-user-engagements.bbp-user-engagements .bbp-user-section .frmx-pagination .bbp-pagination-links .dots {
8049 background: transparent;
8050 cursor: default;
8051 color: var(--black_400);
8052 }
8053 #bbp-user-topics-started.bbp-user-topics-started .bbp-user-section .frmx-pagination .bbp-pagination-links .dots:hover,
8054 #bbp-user-subscriptions.bbp-user-subscriptions .bbp-user-section .frmx-pagination .bbp-pagination-links .dots:hover,
8055 #bbp-user-favorites.bbp-user-favorites .bbp-user-section .frmx-pagination .bbp-pagination-links .dots:hover,
8056 #bbp-user-engagements.bbp-user-engagements .bbp-user-section .frmx-pagination .bbp-pagination-links .dots:hover {
8057 background: transparent;
8058 color: var(--black_400);
8059 }
8060
8061 .bbp-user-page .support-info {
8062 display: flex;
8063 justify-content: space-between;
8064 width: inherit !important;
8065 }
8066 .bbp-user-page .page_wrapper {
8067 position: relative;
8068 }
8069 .bbp-user-page .titlebar {
8070 padding: 180px 0 170px;
8071 background: linear-gradient(45deg, #C7F5FE 10%, #C7F5FE 40%, #FCC8F8 40%, #FCC8F8 60%, #EAB4F8 60%, #EAB4F8 65%, #F3F798 65%, #F3F798 90%);
8072 }
8073
8074 /** === Forum Description Row with Subscription === **/
8075 .frmx-forum-description-row {
8076 display: flex;
8077 align-items: center;
8078 justify-content: space-between;
8079 background-color: rgba(249, 249, 249, 0.3411764706);
8080 border: 1px solid var(--black_100);
8081 color: var(--black_700);
8082 border-radius: 6px;
8083 padding: 8px 20px;
8084 margin-bottom: 24px;
8085 }
8086 @media (max-width: 576px) {
8087 .frmx-forum-description-row {
8088 flex-direction: column;
8089 align-items: stretch;
8090 gap: 12px;
8091 }
8092 }
8093 .frmx-forum-description-row .frmx-forum-description-text {
8094 flex: 1;
8095 }
8096 .frmx-forum-description-row .frmx-forum-description-text .bbp-template-notice {
8097 padding: 0;
8098 margin: 0;
8099 background: transparent !important;
8100 border: none;
8101 }
8102 .frmx-forum-description-row .frmx-forum-subscription-action {
8103 flex-shrink: 0;
8104 position: relative;
8105 }
8106 .frmx-forum-description-row .frmx-forum-subscription-action #subscription-toggle a {
8107 display: inline-flex;
8108 align-items: center;
8109 gap: 8px;
8110 padding: 4px 12px;
8111 border-radius: 6px;
8112 font-size: 14px;
8113 font-weight: 500;
8114 text-decoration: none !important;
8115 transition: all 0.3s ease;
8116 background-color: var(--bbpc_brand_color);
8117 color: #ffffff !important;
8118 border: 1.5px solid var(--bbpc_brand_color);
8119 }
8120 .frmx-forum-description-row .frmx-forum-subscription-action #subscription-toggle a::before {
8121 content: "";
8122 display: inline-block;
8123 width: 16px;
8124 height: 16px;
8125 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E");
8126 background-size: contain;
8127 background-repeat: no-repeat;
8128 }
8129 .frmx-forum-description-row .frmx-forum-subscription-action #subscription-toggle a:hover {
8130 opacity: 0.9;
8131 box-shadow: 0 4px 12px rgba(76, 76, 241, 0.2);
8132 }
8133 .frmx-forum-description-row .frmx-forum-subscription-action #subscription-toggle.is-subscribed a {
8134 background-color: transparent;
8135 color: var(--bbpc_brand_color) !important;
8136 border: 1.5px solid var(--bbpc_brand_color);
8137 }
8138 .frmx-forum-description-row .frmx-forum-subscription-action #subscription-toggle.is-subscribed a::before {
8139 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234c4cf1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E");
8140 }
8141 .frmx-forum-description-row .frmx-forum-subscription-action #subscription-toggle.is-subscribed a:hover {
8142 background-color: var(--bbpc_brand_color);
8143 color: #ffffff !important;
8144 }
8145 .frmx-forum-description-row .frmx-forum-subscription-action #subscription-toggle.is-subscribed a:hover::before {
8146 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E");
8147 }
8148
8149 .frmx-subscribe-trigger-btn {
8150 display: inline-flex;
8151 align-items: center;
8152 gap: 8px;
8153 padding: 4px 12px;
8154 border-radius: 6px;
8155 font-size: 14px;
8156 font-weight: 500;
8157 cursor: pointer;
8158 border: 1.5px solid var(--bbpc_brand_color);
8159 background-color: var(--bbpc_brand_color);
8160 color: #ffffff;
8161 transition: all 0.3s ease;
8162 }
8163 .frmx-subscribe-trigger-btn::before {
8164 content: "";
8165 display: inline-block;
8166 width: 16px;
8167 height: 16px;
8168 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E");
8169 background-size: contain;
8170 background-repeat: no-repeat;
8171 }
8172 .frmx-subscribe-trigger-btn:hover {
8173 opacity: 0.9;
8174 box-shadow: 0 4px 12px rgba(76, 76, 241, 0.2);
8175 }
8176
8177 .subscription-login-modal {
8178 display: none;
8179 position: fixed;
8180 inset: 0;
8181 z-index: 99999;
8182 align-items: center;
8183 justify-content: center;
8184 background: rgba(0, 0, 0, 0.45);
8185 backdrop-filter: blur(2px);
8186 padding: 20px;
8187 opacity: 0;
8188 transition: opacity 0.2s ease;
8189 }
8190 .subscription-login-modal.active {
8191 display: flex;
8192 opacity: 1;
8193 }
8194 .subscription-login-modal .subscription-login-modal-inner {
8195 position: relative;
8196 background: var(--bs-white, #fff);
8197 border-radius: 16px;
8198 padding: 36px 32px 28px;
8199 width: 100%;
8200 max-width: 400px;
8201 box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
8202 transform: translateY(0);
8203 animation: frmxModalIn 0.25s ease;
8204 }
8205 .subscription-login-modal .subscription-login-modal-inner .subscription-login-modal-close {
8206 position: absolute;
8207 top: 14px;
8208 right: 16px;
8209 display: flex;
8210 align-items: center;
8211 justify-content: center;
8212 width: 32px;
8213 height: 32px;
8214 background: var(--black_50, #f3f4f6);
8215 border: none;
8216 border-radius: 50%;
8217 font-size: 18px;
8218 line-height: 1;
8219 cursor: pointer;
8220 color: var(--black_600);
8221 transition: background 0.2s ease, color 0.2s ease;
8222 }
8223 .subscription-login-modal .subscription-login-modal-inner .subscription-login-modal-close:hover {
8224 background: var(--black_100, #e5e7eb);
8225 color: var(--black_900);
8226 }
8227 .subscription-login-modal .subscription-login-modal-inner .frmx-inline-login-title {
8228 font-size: 20px;
8229 font-weight: 700;
8230 margin: 0 0 8px;
8231 color: var(--black_900);
8232 padding-right: 24px;
8233 }
8234 .subscription-login-modal .subscription-login-modal-inner .frmx-inline-login-subtitle {
8235 font-size: 14px;
8236 margin: 0 0 20px;
8237 line-height: 1.6;
8238 color: var(--black_500);
8239 }
8240
8241 body.bbpress.single-forum .bbp__success-subscribe {
8242 margin: 14px 0 20px;
8243 padding: 14px 16px;
8244 border: 1px solid rgba(76, 82, 241, 0.2);
8245 border-radius: 10px;
8246 color: var(--black_700);
8247 display: flex;
8248 align-items: flex-start;
8249 gap: 12px;
8250 font-size: 14px;
8251 line-height: 1.65;
8252 }
8253 body.bbpress.single-forum .bbp__success-subscribe .mailIcon {
8254 width: 26px;
8255 height: 26px;
8256 flex: 0 0 26px;
8257 margin-top: 2px;
8258 border-radius: 999px;
8259 background: rgba(76, 82, 241, 0.12);
8260 display: inline-flex;
8261 align-items: center;
8262 justify-content: center;
8263 }
8264 body.bbpress.single-forum .bbp__success-subscribe .mailIcon svg {
8265 width: 16px;
8266 height: 16px;
8267 display: block;
8268 }
8269 body.bbpress.single-forum .bbp__success-subscribe .bbp__success-subscribe-content {
8270 flex: 1;
8271 min-width: 0;
8272 }
8273 body.bbpress.single-forum .bbp__success-subscribe .bbp__success-subscribe-text,
8274 body.bbpress.single-forum .bbp__success-subscribe .bbp__success-subscribe-action {
8275 margin: 0;
8276 }
8277 body.bbpress.single-forum .bbp__success-subscribe .bbp__success-subscribe-action {
8278 margin-top: 2px;
8279 color: var(--black_600);
8280 }
8281 body.bbpress.single-forum .bbp__success-subscribe .bbpc-unsubscribe-link {
8282 font-weight: 600;
8283 text-underline-offset: 2px;
8284 color: var(--bbpc_brand_color);
8285 }
8286
8287 @media (max-width: 576px) {
8288 body.bbpress.single-forum .bbp__success-subscribe {
8289 padding: 12px;
8290 gap: 10px;
8291 }
8292 body.bbpress.single-forum .bbp__success-subscribe .mailIcon {
8293 width: 24px;
8294 height: 24px;
8295 flex-basis: 24px;
8296 }
8297 body.bbpress.single-forum .bbp__success-subscribe .mailIcon svg {
8298 width: 14px;
8299 height: 14px;
8300 }
8301 }