PluginProbe
Forumax – AI Powered Advanced Community Forum Plugin / 2.5.1
Forumax – AI Powered Advanced Community Forum Plugin v2.5.1
2.5.1 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 All 31 releases
← All changes | assets/frontend/css/el-widgets.css +4274 -201 1.4.0 → 2.5.1 View file →
@@ -1,4 +1,5 @@
1 +@charset "UTF-8";
1 2 /*----------------------------------------------------
2 3 @File: Default Styles
3 4
4 5 This file contains the styling for the actual template, this
@@ -17,13 +18,3337 @@
17 18 05/ forums
18 19
19 20
20 21 =====================================================================*/
22 +*,
23 +*::before,
24 +*::after {
25 + box-sizing: border-box;
26 +}
27 +
28 +.frmx-container,
29 +.frmx-container-fluid {
30 + width: 100%;
31 + padding-right: 15px;
32 + padding-left: 15px;
33 + margin-right: auto;
34 + margin-left: auto;
35 +}
36 +
37 +.frmx-container-fluid {
38 + max-width: 100%;
39 +}
40 +
41 +@media (min-width: 576px) {
42 + .frmx-container {
43 + max-width: 540px;
44 + }
45 +}
46 +@media (min-width: 768px) {
47 + .frmx-container {
48 + max-width: 720px;
49 + }
50 +}
51 +@media (min-width: 992px) {
52 + .frmx-container {
53 + max-width: 960px;
54 + }
55 +}
56 +@media (min-width: 1200px) {
57 + .frmx-container {
58 + max-width: 1140px;
59 + }
60 +}
61 +@media (min-width: 1400px) {
62 + .frmx-container {
63 + max-width: 1320px;
64 + }
65 +}
66 +.frmx-row {
67 + display: flex;
68 + flex-wrap: wrap;
69 + margin-right: -15px;
70 + margin-left: -15px;
71 +}
72 +
73 +.frmx-row-no-gutters {
74 + margin-right: 0;
75 + margin-left: 0;
76 +}
77 +.frmx-row-no-gutters > [class*=frmx-col] {
78 + padding-right: 0;
79 + padding-left: 0;
80 +}
81 +
82 +[class*=frmx-col] {
83 + position: relative;
84 + width: 100%;
85 + padding-right: 15px;
86 + padding-left: 15px;
87 +}
88 +
89 +.frmx-col {
90 + flex: 1 0 0%;
91 +}
92 +
93 +.frmx-col-auto {
94 + flex: 0 0 auto;
95 + width: auto;
96 +}
97 +
98 +.frmx-col-1 {
99 + flex: 0 0 auto;
100 + width: 8.3333333333%;
101 +}
102 +
103 +.frmx-col-2 {
104 + flex: 0 0 auto;
105 + width: 16.6666666667%;
106 +}
107 +
108 +.frmx-col-3 {
109 + flex: 0 0 auto;
110 + width: 25%;
111 +}
112 +
113 +.frmx-col-4 {
114 + flex: 0 0 auto;
115 + width: 33.3333333333%;
116 +}
117 +
118 +.frmx-col-5 {
119 + flex: 0 0 auto;
120 + width: 41.6666666667%;
121 +}
122 +
123 +.frmx-col-6 {
124 + flex: 0 0 auto;
125 + width: 50%;
126 +}
127 +
128 +.frmx-col-7 {
129 + flex: 0 0 auto;
130 + width: 58.3333333333%;
131 +}
132 +
133 +.frmx-col-8 {
134 + flex: 0 0 auto;
135 + width: 66.6666666667%;
136 +}
137 +
138 +.frmx-col-9 {
139 + flex: 0 0 auto;
140 + width: 75%;
141 +}
142 +
143 +.frmx-col-10 {
144 + flex: 0 0 auto;
145 + width: 83.3333333333%;
146 +}
147 +
148 +.frmx-col-11 {
149 + flex: 0 0 auto;
150 + width: 91.6666666667%;
151 +}
152 +
153 +.frmx-col-12 {
154 + flex: 0 0 auto;
155 + width: 100%;
156 +}
157 +
158 +.frmx-offset-0 {
159 + margin-left: 0%;
160 +}
161 +
162 +.frmx-offset-1 {
163 + margin-left: 8.3333333333%;
164 +}
165 +
166 +.frmx-offset-2 {
167 + margin-left: 16.6666666667%;
168 +}
169 +
170 +.frmx-offset-3 {
171 + margin-left: 25%;
172 +}
173 +
174 +.frmx-offset-4 {
175 + margin-left: 33.3333333333%;
176 +}
177 +
178 +.frmx-offset-5 {
179 + margin-left: 41.6666666667%;
180 +}
181 +
182 +.frmx-offset-6 {
183 + margin-left: 50%;
184 +}
185 +
186 +.frmx-offset-7 {
187 + margin-left: 58.3333333333%;
188 +}
189 +
190 +.frmx-offset-8 {
191 + margin-left: 66.6666666667%;
192 +}
193 +
194 +.frmx-offset-9 {
195 + margin-left: 75%;
196 +}
197 +
198 +.frmx-offset-10 {
199 + margin-left: 83.3333333333%;
200 +}
201 +
202 +.frmx-offset-11 {
203 + margin-left: 91.6666666667%;
204 +}
205 +
206 +@media (min-width: 576px) {
207 + .frmx-col-sm {
208 + flex: 1 0 0%;
209 + }
210 + .frmx-col-sm-auto {
211 + flex: 0 0 auto;
212 + width: auto;
213 + }
214 + .frmx-col-sm-1 {
215 + flex: 0 0 auto;
216 + width: 8.3333333333%;
217 + }
218 + .frmx-col-sm-2 {
219 + flex: 0 0 auto;
220 + width: 16.6666666667%;
221 + }
222 + .frmx-col-sm-3 {
223 + flex: 0 0 auto;
224 + width: 25%;
225 + }
226 + .frmx-col-sm-4 {
227 + flex: 0 0 auto;
228 + width: 33.3333333333%;
229 + }
230 + .frmx-col-sm-5 {
231 + flex: 0 0 auto;
232 + width: 41.6666666667%;
233 + }
234 + .frmx-col-sm-6 {
235 + flex: 0 0 auto;
236 + width: 50%;
237 + }
238 + .frmx-col-sm-7 {
239 + flex: 0 0 auto;
240 + width: 58.3333333333%;
241 + }
242 + .frmx-col-sm-8 {
243 + flex: 0 0 auto;
244 + width: 66.6666666667%;
245 + }
246 + .frmx-col-sm-9 {
247 + flex: 0 0 auto;
248 + width: 75%;
249 + }
250 + .frmx-col-sm-10 {
251 + flex: 0 0 auto;
252 + width: 83.3333333333%;
253 + }
254 + .frmx-col-sm-11 {
255 + flex: 0 0 auto;
256 + width: 91.6666666667%;
257 + }
258 + .frmx-col-sm-12 {
259 + flex: 0 0 auto;
260 + width: 100%;
261 + }
262 + .frmx-offset-sm-0 {
263 + margin-left: 0%;
264 + }
265 + .frmx-offset-sm-1 {
266 + margin-left: 8.3333333333%;
267 + }
268 + .frmx-offset-sm-2 {
269 + margin-left: 16.6666666667%;
270 + }
271 + .frmx-offset-sm-3 {
272 + margin-left: 25%;
273 + }
274 + .frmx-offset-sm-4 {
275 + margin-left: 33.3333333333%;
276 + }
277 + .frmx-offset-sm-5 {
278 + margin-left: 41.6666666667%;
279 + }
280 + .frmx-offset-sm-6 {
281 + margin-left: 50%;
282 + }
283 + .frmx-offset-sm-7 {
284 + margin-left: 58.3333333333%;
285 + }
286 + .frmx-offset-sm-8 {
287 + margin-left: 66.6666666667%;
288 + }
289 + .frmx-offset-sm-9 {
290 + margin-left: 75%;
291 + }
292 + .frmx-offset-sm-10 {
293 + margin-left: 83.3333333333%;
294 + }
295 + .frmx-offset-sm-11 {
296 + margin-left: 91.6666666667%;
297 + }
298 + .frmx-order-sm-first {
299 + order: -1;
300 + }
301 + .frmx-order-sm-last {
302 + order: 13;
303 + }
304 + .frmx-order-sm-0 {
305 + order: 0;
306 + }
307 + .frmx-order-sm-1 {
308 + order: 1;
309 + }
310 + .frmx-order-sm-2 {
311 + order: 2;
312 + }
313 + .frmx-order-sm-3 {
314 + order: 3;
315 + }
316 + .frmx-order-sm-4 {
317 + order: 4;
318 + }
319 + .frmx-order-sm-5 {
320 + order: 5;
321 + }
322 + .frmx-order-sm-6 {
323 + order: 6;
324 + }
325 + .frmx-order-sm-7 {
326 + order: 7;
327 + }
328 + .frmx-order-sm-8 {
329 + order: 8;
330 + }
331 + .frmx-order-sm-9 {
332 + order: 9;
333 + }
334 + .frmx-order-sm-10 {
335 + order: 10;
336 + }
337 + .frmx-order-sm-11 {
338 + order: 11;
339 + }
340 + .frmx-order-sm-12 {
341 + order: 12;
342 + }
343 +}
344 +@media (min-width: 768px) {
345 + .frmx-col-md {
346 + flex: 1 0 0%;
347 + }
348 + .frmx-col-md-auto {
349 + flex: 0 0 auto;
350 + width: auto;
351 + }
352 + .frmx-col-md-1 {
353 + flex: 0 0 auto;
354 + width: 8.3333333333%;
355 + }
356 + .frmx-col-md-2 {
357 + flex: 0 0 auto;
358 + width: 16.6666666667%;
359 + }
360 + .frmx-col-md-3 {
361 + flex: 0 0 auto;
362 + width: 25%;
363 + }
364 + .frmx-col-md-4 {
365 + flex: 0 0 auto;
366 + width: 33.3333333333%;
367 + }
368 + .frmx-col-md-5 {
369 + flex: 0 0 auto;
370 + width: 41.6666666667%;
371 + }
372 + .frmx-col-md-6 {
373 + flex: 0 0 auto;
374 + width: 50%;
375 + }
376 + .frmx-col-md-7 {
377 + flex: 0 0 auto;
378 + width: 58.3333333333%;
379 + }
380 + .frmx-col-md-8 {
381 + flex: 0 0 auto;
382 + width: 66.6666666667%;
383 + }
384 + .frmx-col-md-9 {
385 + flex: 0 0 auto;
386 + width: 75%;
387 + }
388 + .frmx-col-md-10 {
389 + flex: 0 0 auto;
390 + width: 83.3333333333%;
391 + }
392 + .frmx-col-md-11 {
393 + flex: 0 0 auto;
394 + width: 91.6666666667%;
395 + }
396 + .frmx-col-md-12 {
397 + flex: 0 0 auto;
398 + width: 100%;
399 + }
400 + .frmx-offset-md-0 {
401 + margin-left: 0%;
402 + }
403 + .frmx-offset-md-1 {
404 + margin-left: 8.3333333333%;
405 + }
406 + .frmx-offset-md-2 {
407 + margin-left: 16.6666666667%;
408 + }
409 + .frmx-offset-md-3 {
410 + margin-left: 25%;
411 + }
412 + .frmx-offset-md-4 {
413 + margin-left: 33.3333333333%;
414 + }
415 + .frmx-offset-md-5 {
416 + margin-left: 41.6666666667%;
417 + }
418 + .frmx-offset-md-6 {
419 + margin-left: 50%;
420 + }
421 + .frmx-offset-md-7 {
422 + margin-left: 58.3333333333%;
423 + }
424 + .frmx-offset-md-8 {
425 + margin-left: 66.6666666667%;
426 + }
427 + .frmx-offset-md-9 {
428 + margin-left: 75%;
429 + }
430 + .frmx-offset-md-10 {
431 + margin-left: 83.3333333333%;
432 + }
433 + .frmx-offset-md-11 {
434 + margin-left: 91.6666666667%;
435 + }
436 + .frmx-order-md-first {
437 + order: -1;
438 + }
439 + .frmx-order-md-last {
440 + order: 13;
441 + }
442 + .frmx-order-md-0 {
443 + order: 0;
444 + }
445 + .frmx-order-md-1 {
446 + order: 1;
447 + }
448 + .frmx-order-md-2 {
449 + order: 2;
450 + }
451 + .frmx-order-md-3 {
452 + order: 3;
453 + }
454 + .frmx-order-md-4 {
455 + order: 4;
456 + }
457 + .frmx-order-md-5 {
458 + order: 5;
459 + }
460 + .frmx-order-md-6 {
461 + order: 6;
462 + }
463 + .frmx-order-md-7 {
464 + order: 7;
465 + }
466 + .frmx-order-md-8 {
467 + order: 8;
468 + }
469 + .frmx-order-md-9 {
470 + order: 9;
471 + }
472 + .frmx-order-md-10 {
473 + order: 10;
474 + }
475 + .frmx-order-md-11 {
476 + order: 11;
477 + }
478 + .frmx-order-md-12 {
479 + order: 12;
480 + }
481 +}
482 +@media (min-width: 992px) {
483 + .frmx-col-lg {
484 + flex: 1 0 0%;
485 + }
486 + .frmx-col-lg-auto {
487 + flex: 0 0 auto;
488 + width: auto;
489 + }
490 + .frmx-col-lg-1 {
491 + flex: 0 0 auto;
492 + width: 8.3333333333%;
493 + }
494 + .frmx-col-lg-2 {
495 + flex: 0 0 auto;
496 + width: 16.6666666667%;
497 + }
498 + .frmx-col-lg-3 {
499 + flex: 0 0 auto;
500 + width: 25%;
501 + }
502 + .frmx-col-lg-4 {
503 + flex: 0 0 auto;
504 + width: 33.3333333333%;
505 + }
506 + .frmx-col-lg-5 {
507 + flex: 0 0 auto;
508 + width: 41.6666666667%;
509 + }
510 + .frmx-col-lg-6 {
511 + flex: 0 0 auto;
512 + width: 50%;
513 + }
514 + .frmx-col-lg-7 {
515 + flex: 0 0 auto;
516 + width: 58.3333333333%;
517 + }
518 + .frmx-col-lg-8 {
519 + flex: 0 0 auto;
520 + width: 66.6666666667%;
521 + }
522 + .frmx-col-lg-9 {
523 + flex: 0 0 auto;
524 + width: 75%;
525 + }
526 + .frmx-col-lg-10 {
527 + flex: 0 0 auto;
528 + width: 83.3333333333%;
529 + }
530 + .frmx-col-lg-11 {
531 + flex: 0 0 auto;
532 + width: 91.6666666667%;
533 + }
534 + .frmx-col-lg-12 {
535 + flex: 0 0 auto;
536 + width: 100%;
537 + }
538 + .frmx-offset-lg-0 {
539 + margin-left: 0%;
540 + }
541 + .frmx-offset-lg-1 {
542 + margin-left: 8.3333333333%;
543 + }
544 + .frmx-offset-lg-2 {
545 + margin-left: 16.6666666667%;
546 + }
547 + .frmx-offset-lg-3 {
548 + margin-left: 25%;
549 + }
550 + .frmx-offset-lg-4 {
551 + margin-left: 33.3333333333%;
552 + }
553 + .frmx-offset-lg-5 {
554 + margin-left: 41.6666666667%;
555 + }
556 + .frmx-offset-lg-6 {
557 + margin-left: 50%;
558 + }
559 + .frmx-offset-lg-7 {
560 + margin-left: 58.3333333333%;
561 + }
562 + .frmx-offset-lg-8 {
563 + margin-left: 66.6666666667%;
564 + }
565 + .frmx-offset-lg-9 {
566 + margin-left: 75%;
567 + }
568 + .frmx-offset-lg-10 {
569 + margin-left: 83.3333333333%;
570 + }
571 + .frmx-offset-lg-11 {
572 + margin-left: 91.6666666667%;
573 + }
574 + .frmx-order-lg-first {
575 + order: -1;
576 + }
577 + .frmx-order-lg-last {
578 + order: 13;
579 + }
580 + .frmx-order-lg-0 {
581 + order: 0;
582 + }
583 + .frmx-order-lg-1 {
584 + order: 1;
585 + }
586 + .frmx-order-lg-2 {
587 + order: 2;
588 + }
589 + .frmx-order-lg-3 {
590 + order: 3;
591 + }
592 + .frmx-order-lg-4 {
593 + order: 4;
594 + }
595 + .frmx-order-lg-5 {
596 + order: 5;
597 + }
598 + .frmx-order-lg-6 {
599 + order: 6;
600 + }
601 + .frmx-order-lg-7 {
602 + order: 7;
603 + }
604 + .frmx-order-lg-8 {
605 + order: 8;
606 + }
607 + .frmx-order-lg-9 {
608 + order: 9;
609 + }
610 + .frmx-order-lg-10 {
611 + order: 10;
612 + }
613 + .frmx-order-lg-11 {
614 + order: 11;
615 + }
616 + .frmx-order-lg-12 {
617 + order: 12;
618 + }
619 +}
620 +@media (min-width: 1200px) {
621 + .frmx-col-xl {
622 + flex: 1 0 0%;
623 + }
624 + .frmx-col-xl-auto {
625 + flex: 0 0 auto;
626 + width: auto;
627 + }
628 + .frmx-col-xl-1 {
629 + flex: 0 0 auto;
630 + width: 8.3333333333%;
631 + }
632 + .frmx-col-xl-2 {
633 + flex: 0 0 auto;
634 + width: 16.6666666667%;
635 + }
636 + .frmx-col-xl-3 {
637 + flex: 0 0 auto;
638 + width: 25%;
639 + }
640 + .frmx-col-xl-4 {
641 + flex: 0 0 auto;
642 + width: 33.3333333333%;
643 + }
644 + .frmx-col-xl-5 {
645 + flex: 0 0 auto;
646 + width: 41.6666666667%;
647 + }
648 + .frmx-col-xl-6 {
649 + flex: 0 0 auto;
650 + width: 50%;
651 + }
652 + .frmx-col-xl-7 {
653 + flex: 0 0 auto;
654 + width: 58.3333333333%;
655 + }
656 + .frmx-col-xl-8 {
657 + flex: 0 0 auto;
658 + width: 66.6666666667%;
659 + }
660 + .frmx-col-xl-9 {
661 + flex: 0 0 auto;
662 + width: 75%;
663 + }
664 + .frmx-col-xl-10 {
665 + flex: 0 0 auto;
666 + width: 83.3333333333%;
667 + }
668 + .frmx-col-xl-11 {
669 + flex: 0 0 auto;
670 + width: 91.6666666667%;
671 + }
672 + .frmx-col-xl-12 {
673 + flex: 0 0 auto;
674 + width: 100%;
675 + }
676 + .frmx-offset-xl-0 {
677 + margin-left: 0%;
678 + }
679 + .frmx-offset-xl-1 {
680 + margin-left: 8.3333333333%;
681 + }
682 + .frmx-offset-xl-2 {
683 + margin-left: 16.6666666667%;
684 + }
685 + .frmx-offset-xl-3 {
686 + margin-left: 25%;
687 + }
688 + .frmx-offset-xl-4 {
689 + margin-left: 33.3333333333%;
690 + }
691 + .frmx-offset-xl-5 {
692 + margin-left: 41.6666666667%;
693 + }
694 + .frmx-offset-xl-6 {
695 + margin-left: 50%;
696 + }
697 + .frmx-offset-xl-7 {
698 + margin-left: 58.3333333333%;
699 + }
700 + .frmx-offset-xl-8 {
701 + margin-left: 66.6666666667%;
702 + }
703 + .frmx-offset-xl-9 {
704 + margin-left: 75%;
705 + }
706 + .frmx-offset-xl-10 {
707 + margin-left: 83.3333333333%;
708 + }
709 + .frmx-offset-xl-11 {
710 + margin-left: 91.6666666667%;
711 + }
712 + .frmx-order-xl-first {
713 + order: -1;
714 + }
715 + .frmx-order-xl-last {
716 + order: 13;
717 + }
718 + .frmx-order-xl-0 {
719 + order: 0;
720 + }
721 + .frmx-order-xl-1 {
722 + order: 1;
723 + }
724 + .frmx-order-xl-2 {
725 + order: 2;
726 + }
727 + .frmx-order-xl-3 {
728 + order: 3;
729 + }
730 + .frmx-order-xl-4 {
731 + order: 4;
732 + }
733 + .frmx-order-xl-5 {
734 + order: 5;
735 + }
736 + .frmx-order-xl-6 {
737 + order: 6;
738 + }
739 + .frmx-order-xl-7 {
740 + order: 7;
741 + }
742 + .frmx-order-xl-8 {
743 + order: 8;
744 + }
745 + .frmx-order-xl-9 {
746 + order: 9;
747 + }
748 + .frmx-order-xl-10 {
749 + order: 10;
750 + }
751 + .frmx-order-xl-11 {
752 + order: 11;
753 + }
754 + .frmx-order-xl-12 {
755 + order: 12;
756 + }
757 +}
758 +@media (min-width: 1400px) {
759 + .frmx-col-xxl {
760 + flex: 1 0 0%;
761 + }
762 + .frmx-col-xxl-auto {
763 + flex: 0 0 auto;
764 + width: auto;
765 + }
766 + .frmx-col-xxl-1 {
767 + flex: 0 0 auto;
768 + width: 8.3333333333%;
769 + }
770 + .frmx-col-xxl-2 {
771 + flex: 0 0 auto;
772 + width: 16.6666666667%;
773 + }
774 + .frmx-col-xxl-3 {
775 + flex: 0 0 auto;
776 + width: 25%;
777 + }
778 + .frmx-col-xxl-4 {
779 + flex: 0 0 auto;
780 + width: 33.3333333333%;
781 + }
782 + .frmx-col-xxl-5 {
783 + flex: 0 0 auto;
784 + width: 41.6666666667%;
785 + }
786 + .frmx-col-xxl-6 {
787 + flex: 0 0 auto;
788 + width: 50%;
789 + }
790 + .frmx-col-xxl-7 {
791 + flex: 0 0 auto;
792 + width: 58.3333333333%;
793 + }
794 + .frmx-col-xxl-8 {
795 + flex: 0 0 auto;
796 + width: 66.6666666667%;
797 + }
798 + .frmx-col-xxl-9 {
799 + flex: 0 0 auto;
800 + width: 75%;
801 + }
802 + .frmx-col-xxl-10 {
803 + flex: 0 0 auto;
804 + width: 83.3333333333%;
805 + }
806 + .frmx-col-xxl-11 {
807 + flex: 0 0 auto;
808 + width: 91.6666666667%;
809 + }
810 + .frmx-col-xxl-12 {
811 + flex: 0 0 auto;
812 + width: 100%;
813 + }
814 + .frmx-offset-xxl-0 {
815 + margin-left: 0%;
816 + }
817 + .frmx-offset-xxl-1 {
818 + margin-left: 8.3333333333%;
819 + }
820 + .frmx-offset-xxl-2 {
821 + margin-left: 16.6666666667%;
822 + }
823 + .frmx-offset-xxl-3 {
824 + margin-left: 25%;
825 + }
826 + .frmx-offset-xxl-4 {
827 + margin-left: 33.3333333333%;
828 + }
829 + .frmx-offset-xxl-5 {
830 + margin-left: 41.6666666667%;
831 + }
832 + .frmx-offset-xxl-6 {
833 + margin-left: 50%;
834 + }
835 + .frmx-offset-xxl-7 {
836 + margin-left: 58.3333333333%;
837 + }
838 + .frmx-offset-xxl-8 {
839 + margin-left: 66.6666666667%;
840 + }
841 + .frmx-offset-xxl-9 {
842 + margin-left: 75%;
843 + }
844 + .frmx-offset-xxl-10 {
845 + margin-left: 83.3333333333%;
846 + }
847 + .frmx-offset-xxl-11 {
848 + margin-left: 91.6666666667%;
849 + }
850 + .frmx-order-xxl-first {
851 + order: -1;
852 + }
853 + .frmx-order-xxl-last {
854 + order: 13;
855 + }
856 + .frmx-order-xxl-0 {
857 + order: 0;
858 + }
859 + .frmx-order-xxl-1 {
860 + order: 1;
861 + }
862 + .frmx-order-xxl-2 {
863 + order: 2;
864 + }
865 + .frmx-order-xxl-3 {
866 + order: 3;
867 + }
868 + .frmx-order-xxl-4 {
869 + order: 4;
870 + }
871 + .frmx-order-xxl-5 {
872 + order: 5;
873 + }
874 + .frmx-order-xxl-6 {
875 + order: 6;
876 + }
877 + .frmx-order-xxl-7 {
878 + order: 7;
879 + }
880 + .frmx-order-xxl-8 {
881 + order: 8;
882 + }
883 + .frmx-order-xxl-9 {
884 + order: 9;
885 + }
886 + .frmx-order-xxl-10 {
887 + order: 10;
888 + }
889 + .frmx-order-xxl-11 {
890 + order: 11;
891 + }
892 + .frmx-order-xxl-12 {
893 + order: 12;
894 + }
895 +}
896 +.frmx-order-first {
897 + order: -1;
898 +}
899 +
900 +.frmx-order-last {
901 + order: 13;
902 +}
903 +
904 +.frmx-order-0 {
905 + order: 0;
906 +}
907 +
908 +.frmx-order-1 {
909 + order: 1;
910 +}
911 +
912 +.frmx-order-2 {
913 + order: 2;
914 +}
915 +
916 +.frmx-order-3 {
917 + order: 3;
918 +}
919 +
920 +.frmx-order-4 {
921 + order: 4;
922 +}
923 +
924 +.frmx-order-5 {
925 + order: 5;
926 +}
927 +
928 +.frmx-order-6 {
929 + order: 6;
930 +}
931 +
932 +.frmx-order-7 {
933 + order: 7;
934 +}
935 +
936 +.frmx-order-8 {
937 + order: 8;
938 +}
939 +
940 +.frmx-order-9 {
941 + order: 9;
942 +}
943 +
944 +.frmx-order-10 {
945 + order: 10;
946 +}
947 +
948 +.frmx-order-11 {
949 + order: 11;
950 +}
951 +
952 +.frmx-order-12 {
953 + order: 12;
954 +}
955 +
956 +.frmx-justify-content-start {
957 + justify-content: flex-start;
958 +}
959 +
960 +.frmx-justify-content-end {
961 + justify-content: flex-end;
962 +}
963 +
964 +.frmx-justify-content-center {
965 + justify-content: center;
966 +}
967 +
968 +.frmx-justify-content-between {
969 + justify-content: space-between;
970 +}
971 +
972 +.frmx-justify-content-around {
973 + justify-content: space-around;
974 +}
975 +
976 +.frmx-justify-content-evenly {
977 + justify-content: space-evenly;
978 +}
979 +
980 +.frmx-align-items-start {
981 + align-items: flex-start;
982 +}
983 +
984 +.frmx-align-items-end {
985 + align-items: flex-end;
986 +}
987 +
988 +.frmx-align-items-center {
989 + align-items: center;
990 +}
991 +
992 +.frmx-align-items-baseline {
993 + align-items: baseline;
994 +}
995 +
996 +.frmx-align-items-stretch {
997 + align-items: stretch;
998 +}
999 +
1000 +.frmx-align-self-start {
1001 + align-self: flex-start;
1002 +}
1003 +
1004 +.frmx-align-self-end {
1005 + align-self: flex-end;
1006 +}
1007 +
1008 +.frmx-align-self-center {
1009 + align-self: center;
1010 +}
1011 +
1012 +.frmx-align-self-baseline {
1013 + align-self: baseline;
1014 +}
1015 +
1016 +.frmx-align-self-stretch {
1017 + align-self: stretch;
1018 +}
1019 +
1020 +.frmx-d-none {
1021 + display: none;
1022 +}
1023 +
1024 +.frmx-d-block {
1025 + display: block;
1026 +}
1027 +
1028 +.frmx-d-flex {
1029 + display: flex;
1030 +}
1031 +
1032 +.frmx-d-inline-flex {
1033 + display: inline-flex;
1034 +}
1035 +
1036 +.frmx-d-grid {
1037 + display: grid;
1038 +}
1039 +
1040 +@media (min-width: 576px) {
1041 + .frmx-d-sm-none {
1042 + display: none;
1043 + }
1044 + .frmx-d-sm-block {
1045 + display: block;
1046 + }
1047 + .frmx-d-sm-flex {
1048 + display: flex;
1049 + }
1050 + .frmx-d-sm-inline-flex {
1051 + display: inline-flex;
1052 + }
1053 + .frmx-d-sm-grid {
1054 + display: grid;
1055 + }
1056 +}
1057 +@media (min-width: 768px) {
1058 + .frmx-d-md-none {
1059 + display: none;
1060 + }
1061 + .frmx-d-md-block {
1062 + display: block;
1063 + }
1064 + .frmx-d-md-flex {
1065 + display: flex;
1066 + }
1067 + .frmx-d-md-inline-flex {
1068 + display: inline-flex;
1069 + }
1070 + .frmx-d-md-grid {
1071 + display: grid;
1072 + }
1073 +}
1074 +@media (min-width: 992px) {
1075 + .frmx-d-lg-none {
1076 + display: none;
1077 + }
1078 + .frmx-d-lg-block {
1079 + display: block;
1080 + }
1081 + .frmx-d-lg-flex {
1082 + display: flex;
1083 + }
1084 + .frmx-d-lg-inline-flex {
1085 + display: inline-flex;
1086 + }
1087 + .frmx-d-lg-grid {
1088 + display: grid;
1089 + }
1090 +}
1091 +@media (min-width: 1200px) {
1092 + .frmx-d-xl-none {
1093 + display: none;
1094 + }
1095 + .frmx-d-xl-block {
1096 + display: block;
1097 + }
1098 + .frmx-d-xl-flex {
1099 + display: flex;
1100 + }
1101 + .frmx-d-xl-inline-flex {
1102 + display: inline-flex;
1103 + }
1104 + .frmx-d-xl-grid {
1105 + display: grid;
1106 + }
1107 +}
1108 +@media (min-width: 1400px) {
1109 + .frmx-d-xxl-none {
1110 + display: none;
1111 + }
1112 + .frmx-d-xxl-block {
1113 + display: block;
1114 + }
1115 + .frmx-d-xxl-flex {
1116 + display: flex;
1117 + }
1118 + .frmx-d-xxl-inline-flex {
1119 + display: inline-flex;
1120 + }
1121 + .frmx-d-xxl-grid {
1122 + display: grid;
1123 + }
1124 +}
1125 +.frmx-gap-0 {
1126 + gap: 0;
1127 +}
1128 +
1129 +.frmx-gap-1 {
1130 + gap: 0.25rem;
1131 +}
1132 +
1133 +.frmx-gap-2 {
1134 + gap: 0.5rem;
1135 +}
1136 +
1137 +.frmx-gap-3 {
1138 + gap: 1rem;
1139 +}
1140 +
1141 +.frmx-gap-4 {
1142 + gap: 1.5rem;
1143 +}
1144 +
1145 +.frmx-gap-5 {
1146 + gap: 3rem;
1147 +}
1148 +
1149 +.frmx-flex-wrap {
1150 + flex-wrap: wrap;
1151 +}
1152 +
1153 +.frmx-flex-nowrap {
1154 + flex-wrap: nowrap;
1155 +}
1156 +
1157 +.frmx-flex-wrap-reverse {
1158 + flex-wrap: wrap-reverse;
1159 +}
1160 +
1161 +.frmx-flex-row {
1162 + flex-direction: row;
1163 +}
1164 +
1165 +.frmx-flex-row-reverse {
1166 + flex-direction: row-reverse;
1167 +}
1168 +
1169 +.frmx-flex-column {
1170 + flex-direction: column;
1171 +}
1172 +
1173 +.frmx-flex-column-reverse {
1174 + flex-direction: column-reverse;
1175 +}
1176 +
1177 +.frmx-flex-grow-0 {
1178 + flex-grow: 0;
1179 +}
1180 +
1181 +.frmx-flex-grow-1 {
1182 + flex-grow: 1;
1183 +}
1184 +
1185 +.frmx-flex-shrink-0 {
1186 + flex-shrink: 0;
1187 +}
1188 +
1189 +.frmx-flex-shrink-1 {
1190 + flex-shrink: 1;
1191 +}
1192 +
1193 +.frmx-m-0 {
1194 + margin: 0 !important;
1195 +}
1196 +
1197 +.frmx-mx-0 {
1198 + margin-left: 0 !important;
1199 + margin-right: 0 !important;
1200 +}
1201 +
1202 +.frmx-my-0 {
1203 + margin-top: 0 !important;
1204 + margin-bottom: 0 !important;
1205 +}
1206 +
1207 +.frmx-mt-0 {
1208 + margin-top: 0 !important;
1209 +}
1210 +
1211 +.frmx-mb-0 {
1212 + margin-bottom: 0 !important;
1213 +}
1214 +
1215 +.frmx-ms-0 {
1216 + margin-left: 0 !important;
1217 +}
1218 +
1219 +.frmx-me-0 {
1220 + margin-right: 0 !important;
1221 +}
1222 +
1223 +.frmx-m-1 {
1224 + margin: 0.25rem !important;
1225 +}
1226 +
1227 +.frmx-mx-1 {
1228 + margin-left: 0.25rem !important;
1229 + margin-right: 0.25rem !important;
1230 +}
1231 +
1232 +.frmx-my-1 {
1233 + margin-top: 0.25rem !important;
1234 + margin-bottom: 0.25rem !important;
1235 +}
1236 +
1237 +.frmx-mt-1 {
1238 + margin-top: 0.25rem !important;
1239 +}
1240 +
1241 +.frmx-mb-1 {
1242 + margin-bottom: 0.25rem !important;
1243 +}
1244 +
1245 +.frmx-ms-1 {
1246 + margin-left: 0.25rem !important;
1247 +}
1248 +
1249 +.frmx-me-1 {
1250 + margin-right: 0.25rem !important;
1251 +}
1252 +
1253 +.frmx-m-2 {
1254 + margin: 0.5rem !important;
1255 +}
1256 +
1257 +.frmx-mx-2 {
1258 + margin-left: 0.5rem !important;
1259 + margin-right: 0.5rem !important;
1260 +}
1261 +
1262 +.frmx-my-2 {
1263 + margin-top: 0.5rem !important;
1264 + margin-bottom: 0.5rem !important;
1265 +}
1266 +
1267 +.frmx-mt-2 {
1268 + margin-top: 0.5rem !important;
1269 +}
1270 +
1271 +.frmx-mb-2 {
1272 + margin-bottom: 0.5rem !important;
1273 +}
1274 +
1275 +.frmx-ms-2 {
1276 + margin-left: 0.5rem !important;
1277 +}
1278 +
1279 +.frmx-me-2 {
1280 + margin-right: 0.5rem !important;
1281 +}
1282 +
1283 +.frmx-m-3 {
1284 + margin: 1rem !important;
1285 +}
1286 +
1287 +.frmx-mx-3 {
1288 + margin-left: 1rem !important;
1289 + margin-right: 1rem !important;
1290 +}
1291 +
1292 +.frmx-my-3 {
1293 + margin-top: 1rem !important;
1294 + margin-bottom: 1rem !important;
1295 +}
1296 +
1297 +.frmx-mt-3 {
1298 + margin-top: 1rem !important;
1299 +}
1300 +
1301 +.frmx-mb-3 {
1302 + margin-bottom: 1rem !important;
1303 +}
1304 +
1305 +.frmx-ms-3 {
1306 + margin-left: 1rem !important;
1307 +}
1308 +
1309 +.frmx-me-3 {
1310 + margin-right: 1rem !important;
1311 +}
1312 +
1313 +.frmx-m-4 {
1314 + margin: 1.5rem !important;
1315 +}
1316 +
1317 +.frmx-mx-4 {
1318 + margin-left: 1.5rem !important;
1319 + margin-right: 1.5rem !important;
1320 +}
1321 +
1322 +.frmx-my-4 {
1323 + margin-top: 1.5rem !important;
1324 + margin-bottom: 1.5rem !important;
1325 +}
1326 +
1327 +.frmx-mt-4 {
1328 + margin-top: 1.5rem !important;
1329 +}
1330 +
1331 +.frmx-mb-4 {
1332 + margin-bottom: 1.5rem !important;
1333 +}
1334 +
1335 +.frmx-ms-4 {
1336 + margin-left: 1.5rem !important;
1337 +}
1338 +
1339 +.frmx-me-4 {
1340 + margin-right: 1.5rem !important;
1341 +}
1342 +
1343 +.frmx-m-5 {
1344 + margin: 3rem !important;
1345 +}
1346 +
1347 +.frmx-mx-5 {
1348 + margin-left: 3rem !important;
1349 + margin-right: 3rem !important;
1350 +}
1351 +
1352 +.frmx-my-5 {
1353 + margin-top: 3rem !important;
1354 + margin-bottom: 3rem !important;
1355 +}
1356 +
1357 +.frmx-mt-5 {
1358 + margin-top: 3rem !important;
1359 +}
1360 +
1361 +.frmx-mb-5 {
1362 + margin-bottom: 3rem !important;
1363 +}
1364 +
1365 +.frmx-ms-5 {
1366 + margin-left: 3rem !important;
1367 +}
1368 +
1369 +.frmx-me-5 {
1370 + margin-right: 3rem !important;
1371 +}
1372 +
1373 +.frmx-p-0 {
1374 + padding: 0 !important;
1375 +}
1376 +
1377 +.frmx-px-0 {
1378 + padding-left: 0 !important;
1379 + padding-right: 0 !important;
1380 +}
1381 +
1382 +.frmx-py-0 {
1383 + padding-top: 0 !important;
1384 + padding-bottom: 0 !important;
1385 +}
1386 +
1387 +.frmx-pt-0 {
1388 + padding-top: 0 !important;
1389 +}
1390 +
1391 +.frmx-pb-0 {
1392 + padding-bottom: 0 !important;
1393 +}
1394 +
1395 +.frmx-ps-0 {
1396 + padding-left: 0 !important;
1397 +}
1398 +
1399 +.frmx-pe-0 {
1400 + padding-right: 0 !important;
1401 +}
1402 +
1403 +.frmx-p-1 {
1404 + padding: 0.25rem !important;
1405 +}
1406 +
1407 +.frmx-px-1 {
1408 + padding-left: 0.25rem !important;
1409 + padding-right: 0.25rem !important;
1410 +}
1411 +
1412 +.frmx-py-1 {
1413 + padding-top: 0.25rem !important;
1414 + padding-bottom: 0.25rem !important;
1415 +}
1416 +
1417 +.frmx-pt-1 {
1418 + padding-top: 0.25rem !important;
1419 +}
1420 +
1421 +.frmx-pb-1 {
1422 + padding-bottom: 0.25rem !important;
1423 +}
1424 +
1425 +.frmx-ps-1 {
1426 + padding-left: 0.25rem !important;
1427 +}
1428 +
1429 +.frmx-pe-1 {
1430 + padding-right: 0.25rem !important;
1431 +}
1432 +
1433 +.frmx-p-2 {
1434 + padding: 0.5rem !important;
1435 +}
1436 +
1437 +.frmx-px-2 {
1438 + padding-left: 0.5rem !important;
1439 + padding-right: 0.5rem !important;
1440 +}
1441 +
1442 +.frmx-py-2 {
1443 + padding-top: 0.5rem !important;
1444 + padding-bottom: 0.5rem !important;
1445 +}
1446 +
1447 +.frmx-pt-2 {
1448 + padding-top: 0.5rem !important;
1449 +}
1450 +
1451 +.frmx-pb-2 {
1452 + padding-bottom: 0.5rem !important;
1453 +}
1454 +
1455 +.frmx-ps-2 {
1456 + padding-left: 0.5rem !important;
1457 +}
1458 +
1459 +.frmx-pe-2 {
1460 + padding-right: 0.5rem !important;
1461 +}
1462 +
1463 +.frmx-p-3 {
1464 + padding: 1rem !important;
1465 +}
1466 +
1467 +.frmx-px-3 {
1468 + padding-left: 1rem !important;
1469 + padding-right: 1rem !important;
1470 +}
1471 +
1472 +.frmx-py-3 {
1473 + padding-top: 1rem !important;
1474 + padding-bottom: 1rem !important;
1475 +}
1476 +
1477 +.frmx-pt-3 {
1478 + padding-top: 1rem !important;
1479 +}
1480 +
1481 +.frmx-pb-3 {
1482 + padding-bottom: 1rem !important;
1483 +}
1484 +
1485 +.frmx-ps-3 {
1486 + padding-left: 1rem !important;
1487 +}
1488 +
1489 +.frmx-pe-3 {
1490 + padding-right: 1rem !important;
1491 +}
1492 +
1493 +.frmx-p-4 {
1494 + padding: 1.5rem !important;
1495 +}
1496 +
1497 +.frmx-px-4 {
1498 + padding-left: 1.5rem !important;
1499 + padding-right: 1.5rem !important;
1500 +}
1501 +
1502 +.frmx-py-4 {
1503 + padding-top: 1.5rem !important;
1504 + padding-bottom: 1.5rem !important;
1505 +}
1506 +
1507 +.frmx-pt-4 {
1508 + padding-top: 1.5rem !important;
1509 +}
1510 +
1511 +.frmx-pb-4 {
1512 + padding-bottom: 1.5rem !important;
1513 +}
1514 +
1515 +.frmx-ps-4 {
1516 + padding-left: 1.5rem !important;
1517 +}
1518 +
1519 +.frmx-pe-4 {
1520 + padding-right: 1.5rem !important;
1521 +}
1522 +
1523 +.frmx-p-5 {
1524 + padding: 3rem !important;
1525 +}
1526 +
1527 +.frmx-px-5 {
1528 + padding-left: 3rem !important;
1529 + padding-right: 3rem !important;
1530 +}
1531 +
1532 +.frmx-py-5 {
1533 + padding-top: 3rem !important;
1534 + padding-bottom: 3rem !important;
1535 +}
1536 +
1537 +.frmx-pt-5 {
1538 + padding-top: 3rem !important;
1539 +}
1540 +
1541 +.frmx-pb-5 {
1542 + padding-bottom: 3rem !important;
1543 +}
1544 +
1545 +.frmx-ps-5 {
1546 + padding-left: 3rem !important;
1547 +}
1548 +
1549 +.frmx-pe-5 {
1550 + padding-right: 3rem !important;
1551 +}
1552 +
1553 +.frmx-m-auto {
1554 + margin: auto !important;
1555 +}
1556 +
1557 +.frmx-mx-auto {
1558 + margin-left: auto !important;
1559 + margin-right: auto !important;
1560 +}
1561 +
1562 +.frmx-my-auto {
1563 + margin-top: auto !important;
1564 + margin-bottom: auto !important;
1565 +}
1566 +
1567 +.frmx-mt-auto {
1568 + margin-top: auto !important;
1569 +}
1570 +
1571 +.frmx-mb-auto {
1572 + margin-bottom: auto !important;
1573 +}
1574 +
1575 +.frmx-ms-auto {
1576 + margin-left: auto !important;
1577 +}
1578 +
1579 +.frmx-me-auto {
1580 + margin-right: auto !important;
1581 +}
1582 +
1583 +@media (min-width: 576px) {
1584 + .frmx-m-sm-0 {
1585 + margin: 0 !important;
1586 + }
1587 + .frmx-mx-sm-0 {
1588 + margin-left: 0 !important;
1589 + margin-right: 0 !important;
1590 + }
1591 + .frmx-my-sm-0 {
1592 + margin-top: 0 !important;
1593 + margin-bottom: 0 !important;
1594 + }
1595 + .frmx-mt-sm-0 {
1596 + margin-top: 0 !important;
1597 + }
1598 + .frmx-mb-sm-0 {
1599 + margin-bottom: 0 !important;
1600 + }
1601 + .frmx-ms-sm-0 {
1602 + margin-left: 0 !important;
1603 + }
1604 + .frmx-me-sm-0 {
1605 + margin-right: 0 !important;
1606 + }
1607 + .frmx-m-sm-1 {
1608 + margin: 0.25rem !important;
1609 + }
1610 + .frmx-mx-sm-1 {
1611 + margin-left: 0.25rem !important;
1612 + margin-right: 0.25rem !important;
1613 + }
1614 + .frmx-my-sm-1 {
1615 + margin-top: 0.25rem !important;
1616 + margin-bottom: 0.25rem !important;
1617 + }
1618 + .frmx-mt-sm-1 {
1619 + margin-top: 0.25rem !important;
1620 + }
1621 + .frmx-mb-sm-1 {
1622 + margin-bottom: 0.25rem !important;
1623 + }
1624 + .frmx-ms-sm-1 {
1625 + margin-left: 0.25rem !important;
1626 + }
1627 + .frmx-me-sm-1 {
1628 + margin-right: 0.25rem !important;
1629 + }
1630 + .frmx-m-sm-2 {
1631 + margin: 0.5rem !important;
1632 + }
1633 + .frmx-mx-sm-2 {
1634 + margin-left: 0.5rem !important;
1635 + margin-right: 0.5rem !important;
1636 + }
1637 + .frmx-my-sm-2 {
1638 + margin-top: 0.5rem !important;
1639 + margin-bottom: 0.5rem !important;
1640 + }
1641 + .frmx-mt-sm-2 {
1642 + margin-top: 0.5rem !important;
1643 + }
1644 + .frmx-mb-sm-2 {
1645 + margin-bottom: 0.5rem !important;
1646 + }
1647 + .frmx-ms-sm-2 {
1648 + margin-left: 0.5rem !important;
1649 + }
1650 + .frmx-me-sm-2 {
1651 + margin-right: 0.5rem !important;
1652 + }
1653 + .frmx-m-sm-3 {
1654 + margin: 1rem !important;
1655 + }
1656 + .frmx-mx-sm-3 {
1657 + margin-left: 1rem !important;
1658 + margin-right: 1rem !important;
1659 + }
1660 + .frmx-my-sm-3 {
1661 + margin-top: 1rem !important;
1662 + margin-bottom: 1rem !important;
1663 + }
1664 + .frmx-mt-sm-3 {
1665 + margin-top: 1rem !important;
1666 + }
1667 + .frmx-mb-sm-3 {
1668 + margin-bottom: 1rem !important;
1669 + }
1670 + .frmx-ms-sm-3 {
1671 + margin-left: 1rem !important;
1672 + }
1673 + .frmx-me-sm-3 {
1674 + margin-right: 1rem !important;
1675 + }
1676 + .frmx-m-sm-4 {
1677 + margin: 1.5rem !important;
1678 + }
1679 + .frmx-mx-sm-4 {
1680 + margin-left: 1.5rem !important;
1681 + margin-right: 1.5rem !important;
1682 + }
1683 + .frmx-my-sm-4 {
1684 + margin-top: 1.5rem !important;
1685 + margin-bottom: 1.5rem !important;
1686 + }
1687 + .frmx-mt-sm-4 {
1688 + margin-top: 1.5rem !important;
1689 + }
1690 + .frmx-mb-sm-4 {
1691 + margin-bottom: 1.5rem !important;
1692 + }
1693 + .frmx-ms-sm-4 {
1694 + margin-left: 1.5rem !important;
1695 + }
1696 + .frmx-me-sm-4 {
1697 + margin-right: 1.5rem !important;
1698 + }
1699 + .frmx-m-sm-5 {
1700 + margin: 3rem !important;
1701 + }
1702 + .frmx-mx-sm-5 {
1703 + margin-left: 3rem !important;
1704 + margin-right: 3rem !important;
1705 + }
1706 + .frmx-my-sm-5 {
1707 + margin-top: 3rem !important;
1708 + margin-bottom: 3rem !important;
1709 + }
1710 + .frmx-mt-sm-5 {
1711 + margin-top: 3rem !important;
1712 + }
1713 + .frmx-mb-sm-5 {
1714 + margin-bottom: 3rem !important;
1715 + }
1716 + .frmx-ms-sm-5 {
1717 + margin-left: 3rem !important;
1718 + }
1719 + .frmx-me-sm-5 {
1720 + margin-right: 3rem !important;
1721 + }
1722 + .frmx-p-sm-0 {
1723 + padding: 0 !important;
1724 + }
1725 + .frmx-px-sm-0 {
1726 + padding-left: 0 !important;
1727 + padding-right: 0 !important;
1728 + }
1729 + .frmx-py-sm-0 {
1730 + padding-top: 0 !important;
1731 + padding-bottom: 0 !important;
1732 + }
1733 + .frmx-pt-sm-0 {
1734 + padding-top: 0 !important;
1735 + }
1736 + .frmx-pb-sm-0 {
1737 + padding-bottom: 0 !important;
1738 + }
1739 + .frmx-ps-sm-0 {
1740 + padding-left: 0 !important;
1741 + }
1742 + .frmx-pe-sm-0 {
1743 + padding-right: 0 !important;
1744 + }
1745 + .frmx-p-sm-1 {
1746 + padding: 0.25rem !important;
1747 + }
1748 + .frmx-px-sm-1 {
1749 + padding-left: 0.25rem !important;
1750 + padding-right: 0.25rem !important;
1751 + }
1752 + .frmx-py-sm-1 {
1753 + padding-top: 0.25rem !important;
1754 + padding-bottom: 0.25rem !important;
1755 + }
1756 + .frmx-pt-sm-1 {
1757 + padding-top: 0.25rem !important;
1758 + }
1759 + .frmx-pb-sm-1 {
1760 + padding-bottom: 0.25rem !important;
1761 + }
1762 + .frmx-ps-sm-1 {
1763 + padding-left: 0.25rem !important;
1764 + }
1765 + .frmx-pe-sm-1 {
1766 + padding-right: 0.25rem !important;
1767 + }
1768 + .frmx-p-sm-2 {
1769 + padding: 0.5rem !important;
1770 + }
1771 + .frmx-px-sm-2 {
1772 + padding-left: 0.5rem !important;
1773 + padding-right: 0.5rem !important;
1774 + }
1775 + .frmx-py-sm-2 {
1776 + padding-top: 0.5rem !important;
1777 + padding-bottom: 0.5rem !important;
1778 + }
1779 + .frmx-pt-sm-2 {
1780 + padding-top: 0.5rem !important;
1781 + }
1782 + .frmx-pb-sm-2 {
1783 + padding-bottom: 0.5rem !important;
1784 + }
1785 + .frmx-ps-sm-2 {
1786 + padding-left: 0.5rem !important;
1787 + }
1788 + .frmx-pe-sm-2 {
1789 + padding-right: 0.5rem !important;
1790 + }
1791 + .frmx-p-sm-3 {
1792 + padding: 1rem !important;
1793 + }
1794 + .frmx-px-sm-3 {
1795 + padding-left: 1rem !important;
1796 + padding-right: 1rem !important;
1797 + }
1798 + .frmx-py-sm-3 {
1799 + padding-top: 1rem !important;
1800 + padding-bottom: 1rem !important;
1801 + }
1802 + .frmx-pt-sm-3 {
1803 + padding-top: 1rem !important;
1804 + }
1805 + .frmx-pb-sm-3 {
1806 + padding-bottom: 1rem !important;
1807 + }
1808 + .frmx-ps-sm-3 {
1809 + padding-left: 1rem !important;
1810 + }
1811 + .frmx-pe-sm-3 {
1812 + padding-right: 1rem !important;
1813 + }
1814 + .frmx-p-sm-4 {
1815 + padding: 1.5rem !important;
1816 + }
1817 + .frmx-px-sm-4 {
1818 + padding-left: 1.5rem !important;
1819 + padding-right: 1.5rem !important;
1820 + }
1821 + .frmx-py-sm-4 {
1822 + padding-top: 1.5rem !important;
1823 + padding-bottom: 1.5rem !important;
1824 + }
1825 + .frmx-pt-sm-4 {
1826 + padding-top: 1.5rem !important;
1827 + }
1828 + .frmx-pb-sm-4 {
1829 + padding-bottom: 1.5rem !important;
1830 + }
1831 + .frmx-ps-sm-4 {
1832 + padding-left: 1.5rem !important;
1833 + }
1834 + .frmx-pe-sm-4 {
1835 + padding-right: 1.5rem !important;
1836 + }
1837 + .frmx-p-sm-5 {
1838 + padding: 3rem !important;
1839 + }
1840 + .frmx-px-sm-5 {
1841 + padding-left: 3rem !important;
1842 + padding-right: 3rem !important;
1843 + }
1844 + .frmx-py-sm-5 {
1845 + padding-top: 3rem !important;
1846 + padding-bottom: 3rem !important;
1847 + }
1848 + .frmx-pt-sm-5 {
1849 + padding-top: 3rem !important;
1850 + }
1851 + .frmx-pb-sm-5 {
1852 + padding-bottom: 3rem !important;
1853 + }
1854 + .frmx-ps-sm-5 {
1855 + padding-left: 3rem !important;
1856 + }
1857 + .frmx-pe-sm-5 {
1858 + padding-right: 3rem !important;
1859 + }
1860 + .frmx-m-sm-auto {
1861 + margin: auto !important;
1862 + }
1863 + .frmx-mx-sm-auto {
1864 + margin-left: auto !important;
1865 + margin-right: auto !important;
1866 + }
1867 + .frmx-my-sm-auto {
1868 + margin-top: auto !important;
1869 + margin-bottom: auto !important;
1870 + }
1871 + .frmx-mt-sm-auto {
1872 + margin-top: auto !important;
1873 + }
1874 + .frmx-mb-sm-auto {
1875 + margin-bottom: auto !important;
1876 + }
1877 + .frmx-ms-sm-auto {
1878 + margin-left: auto !important;
1879 + }
1880 + .frmx-me-sm-auto {
1881 + margin-right: auto !important;
1882 + }
1883 +}
1884 +@media (min-width: 768px) {
1885 + .frmx-m-md-0 {
1886 + margin: 0 !important;
1887 + }
1888 + .frmx-mx-md-0 {
1889 + margin-left: 0 !important;
1890 + margin-right: 0 !important;
1891 + }
1892 + .frmx-my-md-0 {
1893 + margin-top: 0 !important;
1894 + margin-bottom: 0 !important;
1895 + }
1896 + .frmx-mt-md-0 {
1897 + margin-top: 0 !important;
1898 + }
1899 + .frmx-mb-md-0 {
1900 + margin-bottom: 0 !important;
1901 + }
1902 + .frmx-ms-md-0 {
1903 + margin-left: 0 !important;
1904 + }
1905 + .frmx-me-md-0 {
1906 + margin-right: 0 !important;
1907 + }
1908 + .frmx-m-md-1 {
1909 + margin: 0.25rem !important;
1910 + }
1911 + .frmx-mx-md-1 {
1912 + margin-left: 0.25rem !important;
1913 + margin-right: 0.25rem !important;
1914 + }
1915 + .frmx-my-md-1 {
1916 + margin-top: 0.25rem !important;
1917 + margin-bottom: 0.25rem !important;
1918 + }
1919 + .frmx-mt-md-1 {
1920 + margin-top: 0.25rem !important;
1921 + }
1922 + .frmx-mb-md-1 {
1923 + margin-bottom: 0.25rem !important;
1924 + }
1925 + .frmx-ms-md-1 {
1926 + margin-left: 0.25rem !important;
1927 + }
1928 + .frmx-me-md-1 {
1929 + margin-right: 0.25rem !important;
1930 + }
1931 + .frmx-m-md-2 {
1932 + margin: 0.5rem !important;
1933 + }
1934 + .frmx-mx-md-2 {
1935 + margin-left: 0.5rem !important;
1936 + margin-right: 0.5rem !important;
1937 + }
1938 + .frmx-my-md-2 {
1939 + margin-top: 0.5rem !important;
1940 + margin-bottom: 0.5rem !important;
1941 + }
1942 + .frmx-mt-md-2 {
1943 + margin-top: 0.5rem !important;
1944 + }
1945 + .frmx-mb-md-2 {
1946 + margin-bottom: 0.5rem !important;
1947 + }
1948 + .frmx-ms-md-2 {
1949 + margin-left: 0.5rem !important;
1950 + }
1951 + .frmx-me-md-2 {
1952 + margin-right: 0.5rem !important;
1953 + }
1954 + .frmx-m-md-3 {
1955 + margin: 1rem !important;
1956 + }
1957 + .frmx-mx-md-3 {
1958 + margin-left: 1rem !important;
1959 + margin-right: 1rem !important;
1960 + }
1961 + .frmx-my-md-3 {
1962 + margin-top: 1rem !important;
1963 + margin-bottom: 1rem !important;
1964 + }
1965 + .frmx-mt-md-3 {
1966 + margin-top: 1rem !important;
1967 + }
1968 + .frmx-mb-md-3 {
1969 + margin-bottom: 1rem !important;
1970 + }
1971 + .frmx-ms-md-3 {
1972 + margin-left: 1rem !important;
1973 + }
1974 + .frmx-me-md-3 {
1975 + margin-right: 1rem !important;
1976 + }
1977 + .frmx-m-md-4 {
1978 + margin: 1.5rem !important;
1979 + }
1980 + .frmx-mx-md-4 {
1981 + margin-left: 1.5rem !important;
1982 + margin-right: 1.5rem !important;
1983 + }
1984 + .frmx-my-md-4 {
1985 + margin-top: 1.5rem !important;
1986 + margin-bottom: 1.5rem !important;
1987 + }
1988 + .frmx-mt-md-4 {
1989 + margin-top: 1.5rem !important;
1990 + }
1991 + .frmx-mb-md-4 {
1992 + margin-bottom: 1.5rem !important;
1993 + }
1994 + .frmx-ms-md-4 {
1995 + margin-left: 1.5rem !important;
1996 + }
1997 + .frmx-me-md-4 {
1998 + margin-right: 1.5rem !important;
1999 + }
2000 + .frmx-m-md-5 {
2001 + margin: 3rem !important;
2002 + }
2003 + .frmx-mx-md-5 {
2004 + margin-left: 3rem !important;
2005 + margin-right: 3rem !important;
2006 + }
2007 + .frmx-my-md-5 {
2008 + margin-top: 3rem !important;
2009 + margin-bottom: 3rem !important;
2010 + }
2011 + .frmx-mt-md-5 {
2012 + margin-top: 3rem !important;
2013 + }
2014 + .frmx-mb-md-5 {
2015 + margin-bottom: 3rem !important;
2016 + }
2017 + .frmx-ms-md-5 {
2018 + margin-left: 3rem !important;
2019 + }
2020 + .frmx-me-md-5 {
2021 + margin-right: 3rem !important;
2022 + }
2023 + .frmx-p-md-0 {
2024 + padding: 0 !important;
2025 + }
2026 + .frmx-px-md-0 {
2027 + padding-left: 0 !important;
2028 + padding-right: 0 !important;
2029 + }
2030 + .frmx-py-md-0 {
2031 + padding-top: 0 !important;
2032 + padding-bottom: 0 !important;
2033 + }
2034 + .frmx-pt-md-0 {
2035 + padding-top: 0 !important;
2036 + }
2037 + .frmx-pb-md-0 {
2038 + padding-bottom: 0 !important;
2039 + }
2040 + .frmx-ps-md-0 {
2041 + padding-left: 0 !important;
2042 + }
2043 + .frmx-pe-md-0 {
2044 + padding-right: 0 !important;
2045 + }
2046 + .frmx-p-md-1 {
2047 + padding: 0.25rem !important;
2048 + }
2049 + .frmx-px-md-1 {
2050 + padding-left: 0.25rem !important;
2051 + padding-right: 0.25rem !important;
2052 + }
2053 + .frmx-py-md-1 {
2054 + padding-top: 0.25rem !important;
2055 + padding-bottom: 0.25rem !important;
2056 + }
2057 + .frmx-pt-md-1 {
2058 + padding-top: 0.25rem !important;
2059 + }
2060 + .frmx-pb-md-1 {
2061 + padding-bottom: 0.25rem !important;
2062 + }
2063 + .frmx-ps-md-1 {
2064 + padding-left: 0.25rem !important;
2065 + }
2066 + .frmx-pe-md-1 {
2067 + padding-right: 0.25rem !important;
2068 + }
2069 + .frmx-p-md-2 {
2070 + padding: 0.5rem !important;
2071 + }
2072 + .frmx-px-md-2 {
2073 + padding-left: 0.5rem !important;
2074 + padding-right: 0.5rem !important;
2075 + }
2076 + .frmx-py-md-2 {
2077 + padding-top: 0.5rem !important;
2078 + padding-bottom: 0.5rem !important;
2079 + }
2080 + .frmx-pt-md-2 {
2081 + padding-top: 0.5rem !important;
2082 + }
2083 + .frmx-pb-md-2 {
2084 + padding-bottom: 0.5rem !important;
2085 + }
2086 + .frmx-ps-md-2 {
2087 + padding-left: 0.5rem !important;
2088 + }
2089 + .frmx-pe-md-2 {
2090 + padding-right: 0.5rem !important;
2091 + }
2092 + .frmx-p-md-3 {
2093 + padding: 1rem !important;
2094 + }
2095 + .frmx-px-md-3 {
2096 + padding-left: 1rem !important;
2097 + padding-right: 1rem !important;
2098 + }
2099 + .frmx-py-md-3 {
2100 + padding-top: 1rem !important;
2101 + padding-bottom: 1rem !important;
2102 + }
2103 + .frmx-pt-md-3 {
2104 + padding-top: 1rem !important;
2105 + }
2106 + .frmx-pb-md-3 {
2107 + padding-bottom: 1rem !important;
2108 + }
2109 + .frmx-ps-md-3 {
2110 + padding-left: 1rem !important;
2111 + }
2112 + .frmx-pe-md-3 {
2113 + padding-right: 1rem !important;
2114 + }
2115 + .frmx-p-md-4 {
2116 + padding: 1.5rem !important;
2117 + }
2118 + .frmx-px-md-4 {
2119 + padding-left: 1.5rem !important;
2120 + padding-right: 1.5rem !important;
2121 + }
2122 + .frmx-py-md-4 {
2123 + padding-top: 1.5rem !important;
2124 + padding-bottom: 1.5rem !important;
2125 + }
2126 + .frmx-pt-md-4 {
2127 + padding-top: 1.5rem !important;
2128 + }
2129 + .frmx-pb-md-4 {
2130 + padding-bottom: 1.5rem !important;
2131 + }
2132 + .frmx-ps-md-4 {
2133 + padding-left: 1.5rem !important;
2134 + }
2135 + .frmx-pe-md-4 {
2136 + padding-right: 1.5rem !important;
2137 + }
2138 + .frmx-p-md-5 {
2139 + padding: 3rem !important;
2140 + }
2141 + .frmx-px-md-5 {
2142 + padding-left: 3rem !important;
2143 + padding-right: 3rem !important;
2144 + }
2145 + .frmx-py-md-5 {
2146 + padding-top: 3rem !important;
2147 + padding-bottom: 3rem !important;
2148 + }
2149 + .frmx-pt-md-5 {
2150 + padding-top: 3rem !important;
2151 + }
2152 + .frmx-pb-md-5 {
2153 + padding-bottom: 3rem !important;
2154 + }
2155 + .frmx-ps-md-5 {
2156 + padding-left: 3rem !important;
2157 + }
2158 + .frmx-pe-md-5 {
2159 + padding-right: 3rem !important;
2160 + }
2161 + .frmx-m-md-auto {
2162 + margin: auto !important;
2163 + }
2164 + .frmx-mx-md-auto {
2165 + margin-left: auto !important;
2166 + margin-right: auto !important;
2167 + }
2168 + .frmx-my-md-auto {
2169 + margin-top: auto !important;
2170 + margin-bottom: auto !important;
2171 + }
2172 + .frmx-mt-md-auto {
2173 + margin-top: auto !important;
2174 + }
2175 + .frmx-mb-md-auto {
2176 + margin-bottom: auto !important;
2177 + }
2178 + .frmx-ms-md-auto {
2179 + margin-left: auto !important;
2180 + }
2181 + .frmx-me-md-auto {
2182 + margin-right: auto !important;
2183 + }
2184 +}
2185 +@media (min-width: 992px) {
2186 + .frmx-m-lg-0 {
2187 + margin: 0 !important;
2188 + }
2189 + .frmx-mx-lg-0 {
2190 + margin-left: 0 !important;
2191 + margin-right: 0 !important;
2192 + }
2193 + .frmx-my-lg-0 {
2194 + margin-top: 0 !important;
2195 + margin-bottom: 0 !important;
2196 + }
2197 + .frmx-mt-lg-0 {
2198 + margin-top: 0 !important;
2199 + }
2200 + .frmx-mb-lg-0 {
2201 + margin-bottom: 0 !important;
2202 + }
2203 + .frmx-ms-lg-0 {
2204 + margin-left: 0 !important;
2205 + }
2206 + .frmx-me-lg-0 {
2207 + margin-right: 0 !important;
2208 + }
2209 + .frmx-m-lg-1 {
2210 + margin: 0.25rem !important;
2211 + }
2212 + .frmx-mx-lg-1 {
2213 + margin-left: 0.25rem !important;
2214 + margin-right: 0.25rem !important;
2215 + }
2216 + .frmx-my-lg-1 {
2217 + margin-top: 0.25rem !important;
2218 + margin-bottom: 0.25rem !important;
2219 + }
2220 + .frmx-mt-lg-1 {
2221 + margin-top: 0.25rem !important;
2222 + }
2223 + .frmx-mb-lg-1 {
2224 + margin-bottom: 0.25rem !important;
2225 + }
2226 + .frmx-ms-lg-1 {
2227 + margin-left: 0.25rem !important;
2228 + }
2229 + .frmx-me-lg-1 {
2230 + margin-right: 0.25rem !important;
2231 + }
2232 + .frmx-m-lg-2 {
2233 + margin: 0.5rem !important;
2234 + }
2235 + .frmx-mx-lg-2 {
2236 + margin-left: 0.5rem !important;
2237 + margin-right: 0.5rem !important;
2238 + }
2239 + .frmx-my-lg-2 {
2240 + margin-top: 0.5rem !important;
2241 + margin-bottom: 0.5rem !important;
2242 + }
2243 + .frmx-mt-lg-2 {
2244 + margin-top: 0.5rem !important;
2245 + }
2246 + .frmx-mb-lg-2 {
2247 + margin-bottom: 0.5rem !important;
2248 + }
2249 + .frmx-ms-lg-2 {
2250 + margin-left: 0.5rem !important;
2251 + }
2252 + .frmx-me-lg-2 {
2253 + margin-right: 0.5rem !important;
2254 + }
2255 + .frmx-m-lg-3 {
2256 + margin: 1rem !important;
2257 + }
2258 + .frmx-mx-lg-3 {
2259 + margin-left: 1rem !important;
2260 + margin-right: 1rem !important;
2261 + }
2262 + .frmx-my-lg-3 {
2263 + margin-top: 1rem !important;
2264 + margin-bottom: 1rem !important;
2265 + }
2266 + .frmx-mt-lg-3 {
2267 + margin-top: 1rem !important;
2268 + }
2269 + .frmx-mb-lg-3 {
2270 + margin-bottom: 1rem !important;
2271 + }
2272 + .frmx-ms-lg-3 {
2273 + margin-left: 1rem !important;
2274 + }
2275 + .frmx-me-lg-3 {
2276 + margin-right: 1rem !important;
2277 + }
2278 + .frmx-m-lg-4 {
2279 + margin: 1.5rem !important;
2280 + }
2281 + .frmx-mx-lg-4 {
2282 + margin-left: 1.5rem !important;
2283 + margin-right: 1.5rem !important;
2284 + }
2285 + .frmx-my-lg-4 {
2286 + margin-top: 1.5rem !important;
2287 + margin-bottom: 1.5rem !important;
2288 + }
2289 + .frmx-mt-lg-4 {
2290 + margin-top: 1.5rem !important;
2291 + }
2292 + .frmx-mb-lg-4 {
2293 + margin-bottom: 1.5rem !important;
2294 + }
2295 + .frmx-ms-lg-4 {
2296 + margin-left: 1.5rem !important;
2297 + }
2298 + .frmx-me-lg-4 {
2299 + margin-right: 1.5rem !important;
2300 + }
2301 + .frmx-m-lg-5 {
2302 + margin: 3rem !important;
2303 + }
2304 + .frmx-mx-lg-5 {
2305 + margin-left: 3rem !important;
2306 + margin-right: 3rem !important;
2307 + }
2308 + .frmx-my-lg-5 {
2309 + margin-top: 3rem !important;
2310 + margin-bottom: 3rem !important;
2311 + }
2312 + .frmx-mt-lg-5 {
2313 + margin-top: 3rem !important;
2314 + }
2315 + .frmx-mb-lg-5 {
2316 + margin-bottom: 3rem !important;
2317 + }
2318 + .frmx-ms-lg-5 {
2319 + margin-left: 3rem !important;
2320 + }
2321 + .frmx-me-lg-5 {
2322 + margin-right: 3rem !important;
2323 + }
2324 + .frmx-p-lg-0 {
2325 + padding: 0 !important;
2326 + }
2327 + .frmx-px-lg-0 {
2328 + padding-left: 0 !important;
2329 + padding-right: 0 !important;
2330 + }
2331 + .frmx-py-lg-0 {
2332 + padding-top: 0 !important;
2333 + padding-bottom: 0 !important;
2334 + }
2335 + .frmx-pt-lg-0 {
2336 + padding-top: 0 !important;
2337 + }
2338 + .frmx-pb-lg-0 {
2339 + padding-bottom: 0 !important;
2340 + }
2341 + .frmx-ps-lg-0 {
2342 + padding-left: 0 !important;
2343 + }
2344 + .frmx-pe-lg-0 {
2345 + padding-right: 0 !important;
2346 + }
2347 + .frmx-p-lg-1 {
2348 + padding: 0.25rem !important;
2349 + }
2350 + .frmx-px-lg-1 {
2351 + padding-left: 0.25rem !important;
2352 + padding-right: 0.25rem !important;
2353 + }
2354 + .frmx-py-lg-1 {
2355 + padding-top: 0.25rem !important;
2356 + padding-bottom: 0.25rem !important;
2357 + }
2358 + .frmx-pt-lg-1 {
2359 + padding-top: 0.25rem !important;
2360 + }
2361 + .frmx-pb-lg-1 {
2362 + padding-bottom: 0.25rem !important;
2363 + }
2364 + .frmx-ps-lg-1 {
2365 + padding-left: 0.25rem !important;
2366 + }
2367 + .frmx-pe-lg-1 {
2368 + padding-right: 0.25rem !important;
2369 + }
2370 + .frmx-p-lg-2 {
2371 + padding: 0.5rem !important;
2372 + }
2373 + .frmx-px-lg-2 {
2374 + padding-left: 0.5rem !important;
2375 + padding-right: 0.5rem !important;
2376 + }
2377 + .frmx-py-lg-2 {
2378 + padding-top: 0.5rem !important;
2379 + padding-bottom: 0.5rem !important;
2380 + }
2381 + .frmx-pt-lg-2 {
2382 + padding-top: 0.5rem !important;
2383 + }
2384 + .frmx-pb-lg-2 {
2385 + padding-bottom: 0.5rem !important;
2386 + }
2387 + .frmx-ps-lg-2 {
2388 + padding-left: 0.5rem !important;
2389 + }
2390 + .frmx-pe-lg-2 {
2391 + padding-right: 0.5rem !important;
2392 + }
2393 + .frmx-p-lg-3 {
2394 + padding: 1rem !important;
2395 + }
2396 + .frmx-px-lg-3 {
2397 + padding-left: 1rem !important;
2398 + padding-right: 1rem !important;
2399 + }
2400 + .frmx-py-lg-3 {
2401 + padding-top: 1rem !important;
2402 + padding-bottom: 1rem !important;
2403 + }
2404 + .frmx-pt-lg-3 {
2405 + padding-top: 1rem !important;
2406 + }
2407 + .frmx-pb-lg-3 {
2408 + padding-bottom: 1rem !important;
2409 + }
2410 + .frmx-ps-lg-3 {
2411 + padding-left: 1rem !important;
2412 + }
2413 + .frmx-pe-lg-3 {
2414 + padding-right: 1rem !important;
2415 + }
2416 + .frmx-p-lg-4 {
2417 + padding: 1.5rem !important;
2418 + }
2419 + .frmx-px-lg-4 {
2420 + padding-left: 1.5rem !important;
2421 + padding-right: 1.5rem !important;
2422 + }
2423 + .frmx-py-lg-4 {
2424 + padding-top: 1.5rem !important;
2425 + padding-bottom: 1.5rem !important;
2426 + }
2427 + .frmx-pt-lg-4 {
2428 + padding-top: 1.5rem !important;
2429 + }
2430 + .frmx-pb-lg-4 {
2431 + padding-bottom: 1.5rem !important;
2432 + }
2433 + .frmx-ps-lg-4 {
2434 + padding-left: 1.5rem !important;
2435 + }
2436 + .frmx-pe-lg-4 {
2437 + padding-right: 1.5rem !important;
2438 + }
2439 + .frmx-p-lg-5 {
2440 + padding: 3rem !important;
2441 + }
2442 + .frmx-px-lg-5 {
2443 + padding-left: 3rem !important;
2444 + padding-right: 3rem !important;
2445 + }
2446 + .frmx-py-lg-5 {
2447 + padding-top: 3rem !important;
2448 + padding-bottom: 3rem !important;
2449 + }
2450 + .frmx-pt-lg-5 {
2451 + padding-top: 3rem !important;
2452 + }
2453 + .frmx-pb-lg-5 {
2454 + padding-bottom: 3rem !important;
2455 + }
2456 + .frmx-ps-lg-5 {
2457 + padding-left: 3rem !important;
2458 + }
2459 + .frmx-pe-lg-5 {
2460 + padding-right: 3rem !important;
2461 + }
2462 + .frmx-m-lg-auto {
2463 + margin: auto !important;
2464 + }
2465 + .frmx-mx-lg-auto {
2466 + margin-left: auto !important;
2467 + margin-right: auto !important;
2468 + }
2469 + .frmx-my-lg-auto {
2470 + margin-top: auto !important;
2471 + margin-bottom: auto !important;
2472 + }
2473 + .frmx-mt-lg-auto {
2474 + margin-top: auto !important;
2475 + }
2476 + .frmx-mb-lg-auto {
2477 + margin-bottom: auto !important;
2478 + }
2479 + .frmx-ms-lg-auto {
2480 + margin-left: auto !important;
2481 + }
2482 + .frmx-me-lg-auto {
2483 + margin-right: auto !important;
2484 + }
2485 +}
2486 +@media (min-width: 1200px) {
2487 + .frmx-m-xl-0 {
2488 + margin: 0 !important;
2489 + }
2490 + .frmx-mx-xl-0 {
2491 + margin-left: 0 !important;
2492 + margin-right: 0 !important;
2493 + }
2494 + .frmx-my-xl-0 {
2495 + margin-top: 0 !important;
2496 + margin-bottom: 0 !important;
2497 + }
2498 + .frmx-mt-xl-0 {
2499 + margin-top: 0 !important;
2500 + }
2501 + .frmx-mb-xl-0 {
2502 + margin-bottom: 0 !important;
2503 + }
2504 + .frmx-ms-xl-0 {
2505 + margin-left: 0 !important;
2506 + }
2507 + .frmx-me-xl-0 {
2508 + margin-right: 0 !important;
2509 + }
2510 + .frmx-m-xl-1 {
2511 + margin: 0.25rem !important;
2512 + }
2513 + .frmx-mx-xl-1 {
2514 + margin-left: 0.25rem !important;
2515 + margin-right: 0.25rem !important;
2516 + }
2517 + .frmx-my-xl-1 {
2518 + margin-top: 0.25rem !important;
2519 + margin-bottom: 0.25rem !important;
2520 + }
2521 + .frmx-mt-xl-1 {
2522 + margin-top: 0.25rem !important;
2523 + }
2524 + .frmx-mb-xl-1 {
2525 + margin-bottom: 0.25rem !important;
2526 + }
2527 + .frmx-ms-xl-1 {
2528 + margin-left: 0.25rem !important;
2529 + }
2530 + .frmx-me-xl-1 {
2531 + margin-right: 0.25rem !important;
2532 + }
2533 + .frmx-m-xl-2 {
2534 + margin: 0.5rem !important;
2535 + }
2536 + .frmx-mx-xl-2 {
2537 + margin-left: 0.5rem !important;
2538 + margin-right: 0.5rem !important;
2539 + }
2540 + .frmx-my-xl-2 {
2541 + margin-top: 0.5rem !important;
2542 + margin-bottom: 0.5rem !important;
2543 + }
2544 + .frmx-mt-xl-2 {
2545 + margin-top: 0.5rem !important;
2546 + }
2547 + .frmx-mb-xl-2 {
2548 + margin-bottom: 0.5rem !important;
2549 + }
2550 + .frmx-ms-xl-2 {
2551 + margin-left: 0.5rem !important;
2552 + }
2553 + .frmx-me-xl-2 {
2554 + margin-right: 0.5rem !important;
2555 + }
2556 + .frmx-m-xl-3 {
2557 + margin: 1rem !important;
2558 + }
2559 + .frmx-mx-xl-3 {
2560 + margin-left: 1rem !important;
2561 + margin-right: 1rem !important;
2562 + }
2563 + .frmx-my-xl-3 {
2564 + margin-top: 1rem !important;
2565 + margin-bottom: 1rem !important;
2566 + }
2567 + .frmx-mt-xl-3 {
2568 + margin-top: 1rem !important;
2569 + }
2570 + .frmx-mb-xl-3 {
2571 + margin-bottom: 1rem !important;
2572 + }
2573 + .frmx-ms-xl-3 {
2574 + margin-left: 1rem !important;
2575 + }
2576 + .frmx-me-xl-3 {
2577 + margin-right: 1rem !important;
2578 + }
2579 + .frmx-m-xl-4 {
2580 + margin: 1.5rem !important;
2581 + }
2582 + .frmx-mx-xl-4 {
2583 + margin-left: 1.5rem !important;
2584 + margin-right: 1.5rem !important;
2585 + }
2586 + .frmx-my-xl-4 {
2587 + margin-top: 1.5rem !important;
2588 + margin-bottom: 1.5rem !important;
2589 + }
2590 + .frmx-mt-xl-4 {
2591 + margin-top: 1.5rem !important;
2592 + }
2593 + .frmx-mb-xl-4 {
2594 + margin-bottom: 1.5rem !important;
2595 + }
2596 + .frmx-ms-xl-4 {
2597 + margin-left: 1.5rem !important;
2598 + }
2599 + .frmx-me-xl-4 {
2600 + margin-right: 1.5rem !important;
2601 + }
2602 + .frmx-m-xl-5 {
2603 + margin: 3rem !important;
2604 + }
2605 + .frmx-mx-xl-5 {
2606 + margin-left: 3rem !important;
2607 + margin-right: 3rem !important;
2608 + }
2609 + .frmx-my-xl-5 {
2610 + margin-top: 3rem !important;
2611 + margin-bottom: 3rem !important;
2612 + }
2613 + .frmx-mt-xl-5 {
2614 + margin-top: 3rem !important;
2615 + }
2616 + .frmx-mb-xl-5 {
2617 + margin-bottom: 3rem !important;
2618 + }
2619 + .frmx-ms-xl-5 {
2620 + margin-left: 3rem !important;
2621 + }
2622 + .frmx-me-xl-5 {
2623 + margin-right: 3rem !important;
2624 + }
2625 + .frmx-p-xl-0 {
2626 + padding: 0 !important;
2627 + }
2628 + .frmx-px-xl-0 {
2629 + padding-left: 0 !important;
2630 + padding-right: 0 !important;
2631 + }
2632 + .frmx-py-xl-0 {
2633 + padding-top: 0 !important;
2634 + padding-bottom: 0 !important;
2635 + }
2636 + .frmx-pt-xl-0 {
2637 + padding-top: 0 !important;
2638 + }
2639 + .frmx-pb-xl-0 {
2640 + padding-bottom: 0 !important;
2641 + }
2642 + .frmx-ps-xl-0 {
2643 + padding-left: 0 !important;
2644 + }
2645 + .frmx-pe-xl-0 {
2646 + padding-right: 0 !important;
2647 + }
2648 + .frmx-p-xl-1 {
2649 + padding: 0.25rem !important;
2650 + }
2651 + .frmx-px-xl-1 {
2652 + padding-left: 0.25rem !important;
2653 + padding-right: 0.25rem !important;
2654 + }
2655 + .frmx-py-xl-1 {
2656 + padding-top: 0.25rem !important;
2657 + padding-bottom: 0.25rem !important;
2658 + }
2659 + .frmx-pt-xl-1 {
2660 + padding-top: 0.25rem !important;
2661 + }
2662 + .frmx-pb-xl-1 {
2663 + padding-bottom: 0.25rem !important;
2664 + }
2665 + .frmx-ps-xl-1 {
2666 + padding-left: 0.25rem !important;
2667 + }
2668 + .frmx-pe-xl-1 {
2669 + padding-right: 0.25rem !important;
2670 + }
2671 + .frmx-p-xl-2 {
2672 + padding: 0.5rem !important;
2673 + }
2674 + .frmx-px-xl-2 {
2675 + padding-left: 0.5rem !important;
2676 + padding-right: 0.5rem !important;
2677 + }
2678 + .frmx-py-xl-2 {
2679 + padding-top: 0.5rem !important;
2680 + padding-bottom: 0.5rem !important;
2681 + }
2682 + .frmx-pt-xl-2 {
2683 + padding-top: 0.5rem !important;
2684 + }
2685 + .frmx-pb-xl-2 {
2686 + padding-bottom: 0.5rem !important;
2687 + }
2688 + .frmx-ps-xl-2 {
2689 + padding-left: 0.5rem !important;
2690 + }
2691 + .frmx-pe-xl-2 {
2692 + padding-right: 0.5rem !important;
2693 + }
2694 + .frmx-p-xl-3 {
2695 + padding: 1rem !important;
2696 + }
2697 + .frmx-px-xl-3 {
2698 + padding-left: 1rem !important;
2699 + padding-right: 1rem !important;
2700 + }
2701 + .frmx-py-xl-3 {
2702 + padding-top: 1rem !important;
2703 + padding-bottom: 1rem !important;
2704 + }
2705 + .frmx-pt-xl-3 {
2706 + padding-top: 1rem !important;
2707 + }
2708 + .frmx-pb-xl-3 {
2709 + padding-bottom: 1rem !important;
2710 + }
2711 + .frmx-ps-xl-3 {
2712 + padding-left: 1rem !important;
2713 + }
2714 + .frmx-pe-xl-3 {
2715 + padding-right: 1rem !important;
2716 + }
2717 + .frmx-p-xl-4 {
2718 + padding: 1.5rem !important;
2719 + }
2720 + .frmx-px-xl-4 {
2721 + padding-left: 1.5rem !important;
2722 + padding-right: 1.5rem !important;
2723 + }
2724 + .frmx-py-xl-4 {
2725 + padding-top: 1.5rem !important;
2726 + padding-bottom: 1.5rem !important;
2727 + }
2728 + .frmx-pt-xl-4 {
2729 + padding-top: 1.5rem !important;
2730 + }
2731 + .frmx-pb-xl-4 {
2732 + padding-bottom: 1.5rem !important;
2733 + }
2734 + .frmx-ps-xl-4 {
2735 + padding-left: 1.5rem !important;
2736 + }
2737 + .frmx-pe-xl-4 {
2738 + padding-right: 1.5rem !important;
2739 + }
2740 + .frmx-p-xl-5 {
2741 + padding: 3rem !important;
2742 + }
2743 + .frmx-px-xl-5 {
2744 + padding-left: 3rem !important;
2745 + padding-right: 3rem !important;
2746 + }
2747 + .frmx-py-xl-5 {
2748 + padding-top: 3rem !important;
2749 + padding-bottom: 3rem !important;
2750 + }
2751 + .frmx-pt-xl-5 {
2752 + padding-top: 3rem !important;
2753 + }
2754 + .frmx-pb-xl-5 {
2755 + padding-bottom: 3rem !important;
2756 + }
2757 + .frmx-ps-xl-5 {
2758 + padding-left: 3rem !important;
2759 + }
2760 + .frmx-pe-xl-5 {
2761 + padding-right: 3rem !important;
2762 + }
2763 + .frmx-m-xl-auto {
2764 + margin: auto !important;
2765 + }
2766 + .frmx-mx-xl-auto {
2767 + margin-left: auto !important;
2768 + margin-right: auto !important;
2769 + }
2770 + .frmx-my-xl-auto {
2771 + margin-top: auto !important;
2772 + margin-bottom: auto !important;
2773 + }
2774 + .frmx-mt-xl-auto {
2775 + margin-top: auto !important;
2776 + }
2777 + .frmx-mb-xl-auto {
2778 + margin-bottom: auto !important;
2779 + }
2780 + .frmx-ms-xl-auto {
2781 + margin-left: auto !important;
2782 + }
2783 + .frmx-me-xl-auto {
2784 + margin-right: auto !important;
2785 + }
2786 +}
2787 +@media (min-width: 1400px) {
2788 + .frmx-m-xxl-0 {
2789 + margin: 0 !important;
2790 + }
2791 + .frmx-mx-xxl-0 {
2792 + margin-left: 0 !important;
2793 + margin-right: 0 !important;
2794 + }
2795 + .frmx-my-xxl-0 {
2796 + margin-top: 0 !important;
2797 + margin-bottom: 0 !important;
2798 + }
2799 + .frmx-mt-xxl-0 {
2800 + margin-top: 0 !important;
2801 + }
2802 + .frmx-mb-xxl-0 {
2803 + margin-bottom: 0 !important;
2804 + }
2805 + .frmx-ms-xxl-0 {
2806 + margin-left: 0 !important;
2807 + }
2808 + .frmx-me-xxl-0 {
2809 + margin-right: 0 !important;
2810 + }
2811 + .frmx-m-xxl-1 {
2812 + margin: 0.25rem !important;
2813 + }
2814 + .frmx-mx-xxl-1 {
2815 + margin-left: 0.25rem !important;
2816 + margin-right: 0.25rem !important;
2817 + }
2818 + .frmx-my-xxl-1 {
2819 + margin-top: 0.25rem !important;
2820 + margin-bottom: 0.25rem !important;
2821 + }
2822 + .frmx-mt-xxl-1 {
2823 + margin-top: 0.25rem !important;
2824 + }
2825 + .frmx-mb-xxl-1 {
2826 + margin-bottom: 0.25rem !important;
2827 + }
2828 + .frmx-ms-xxl-1 {
2829 + margin-left: 0.25rem !important;
2830 + }
2831 + .frmx-me-xxl-1 {
2832 + margin-right: 0.25rem !important;
2833 + }
2834 + .frmx-m-xxl-2 {
2835 + margin: 0.5rem !important;
2836 + }
2837 + .frmx-mx-xxl-2 {
2838 + margin-left: 0.5rem !important;
2839 + margin-right: 0.5rem !important;
2840 + }
2841 + .frmx-my-xxl-2 {
2842 + margin-top: 0.5rem !important;
2843 + margin-bottom: 0.5rem !important;
2844 + }
2845 + .frmx-mt-xxl-2 {
2846 + margin-top: 0.5rem !important;
2847 + }
2848 + .frmx-mb-xxl-2 {
2849 + margin-bottom: 0.5rem !important;
2850 + }
2851 + .frmx-ms-xxl-2 {
2852 + margin-left: 0.5rem !important;
2853 + }
2854 + .frmx-me-xxl-2 {
2855 + margin-right: 0.5rem !important;
2856 + }
2857 + .frmx-m-xxl-3 {
2858 + margin: 1rem !important;
2859 + }
2860 + .frmx-mx-xxl-3 {
2861 + margin-left: 1rem !important;
2862 + margin-right: 1rem !important;
2863 + }
2864 + .frmx-my-xxl-3 {
2865 + margin-top: 1rem !important;
2866 + margin-bottom: 1rem !important;
2867 + }
2868 + .frmx-mt-xxl-3 {
2869 + margin-top: 1rem !important;
2870 + }
2871 + .frmx-mb-xxl-3 {
2872 + margin-bottom: 1rem !important;
2873 + }
2874 + .frmx-ms-xxl-3 {
2875 + margin-left: 1rem !important;
2876 + }
2877 + .frmx-me-xxl-3 {
2878 + margin-right: 1rem !important;
2879 + }
2880 + .frmx-m-xxl-4 {
2881 + margin: 1.5rem !important;
2882 + }
2883 + .frmx-mx-xxl-4 {
2884 + margin-left: 1.5rem !important;
2885 + margin-right: 1.5rem !important;
2886 + }
2887 + .frmx-my-xxl-4 {
2888 + margin-top: 1.5rem !important;
2889 + margin-bottom: 1.5rem !important;
2890 + }
2891 + .frmx-mt-xxl-4 {
2892 + margin-top: 1.5rem !important;
2893 + }
2894 + .frmx-mb-xxl-4 {
2895 + margin-bottom: 1.5rem !important;
2896 + }
2897 + .frmx-ms-xxl-4 {
2898 + margin-left: 1.5rem !important;
2899 + }
2900 + .frmx-me-xxl-4 {
2901 + margin-right: 1.5rem !important;
2902 + }
2903 + .frmx-m-xxl-5 {
2904 + margin: 3rem !important;
2905 + }
2906 + .frmx-mx-xxl-5 {
2907 + margin-left: 3rem !important;
2908 + margin-right: 3rem !important;
2909 + }
2910 + .frmx-my-xxl-5 {
2911 + margin-top: 3rem !important;
2912 + margin-bottom: 3rem !important;
2913 + }
2914 + .frmx-mt-xxl-5 {
2915 + margin-top: 3rem !important;
2916 + }
2917 + .frmx-mb-xxl-5 {
2918 + margin-bottom: 3rem !important;
2919 + }
2920 + .frmx-ms-xxl-5 {
2921 + margin-left: 3rem !important;
2922 + }
2923 + .frmx-me-xxl-5 {
2924 + margin-right: 3rem !important;
2925 + }
2926 + .frmx-p-xxl-0 {
2927 + padding: 0 !important;
2928 + }
2929 + .frmx-px-xxl-0 {
2930 + padding-left: 0 !important;
2931 + padding-right: 0 !important;
2932 + }
2933 + .frmx-py-xxl-0 {
2934 + padding-top: 0 !important;
2935 + padding-bottom: 0 !important;
2936 + }
2937 + .frmx-pt-xxl-0 {
2938 + padding-top: 0 !important;
2939 + }
2940 + .frmx-pb-xxl-0 {
2941 + padding-bottom: 0 !important;
2942 + }
2943 + .frmx-ps-xxl-0 {
2944 + padding-left: 0 !important;
2945 + }
2946 + .frmx-pe-xxl-0 {
2947 + padding-right: 0 !important;
2948 + }
2949 + .frmx-p-xxl-1 {
2950 + padding: 0.25rem !important;
2951 + }
2952 + .frmx-px-xxl-1 {
2953 + padding-left: 0.25rem !important;
2954 + padding-right: 0.25rem !important;
2955 + }
2956 + .frmx-py-xxl-1 {
2957 + padding-top: 0.25rem !important;
2958 + padding-bottom: 0.25rem !important;
2959 + }
2960 + .frmx-pt-xxl-1 {
2961 + padding-top: 0.25rem !important;
2962 + }
2963 + .frmx-pb-xxl-1 {
2964 + padding-bottom: 0.25rem !important;
2965 + }
2966 + .frmx-ps-xxl-1 {
2967 + padding-left: 0.25rem !important;
2968 + }
2969 + .frmx-pe-xxl-1 {
2970 + padding-right: 0.25rem !important;
2971 + }
2972 + .frmx-p-xxl-2 {
2973 + padding: 0.5rem !important;
2974 + }
2975 + .frmx-px-xxl-2 {
2976 + padding-left: 0.5rem !important;
2977 + padding-right: 0.5rem !important;
2978 + }
2979 + .frmx-py-xxl-2 {
2980 + padding-top: 0.5rem !important;
2981 + padding-bottom: 0.5rem !important;
2982 + }
2983 + .frmx-pt-xxl-2 {
2984 + padding-top: 0.5rem !important;
2985 + }
2986 + .frmx-pb-xxl-2 {
2987 + padding-bottom: 0.5rem !important;
2988 + }
2989 + .frmx-ps-xxl-2 {
2990 + padding-left: 0.5rem !important;
2991 + }
2992 + .frmx-pe-xxl-2 {
2993 + padding-right: 0.5rem !important;
2994 + }
2995 + .frmx-p-xxl-3 {
2996 + padding: 1rem !important;
2997 + }
2998 + .frmx-px-xxl-3 {
2999 + padding-left: 1rem !important;
3000 + padding-right: 1rem !important;
3001 + }
3002 + .frmx-py-xxl-3 {
3003 + padding-top: 1rem !important;
3004 + padding-bottom: 1rem !important;
3005 + }
3006 + .frmx-pt-xxl-3 {
3007 + padding-top: 1rem !important;
3008 + }
3009 + .frmx-pb-xxl-3 {
3010 + padding-bottom: 1rem !important;
3011 + }
3012 + .frmx-ps-xxl-3 {
3013 + padding-left: 1rem !important;
3014 + }
3015 + .frmx-pe-xxl-3 {
3016 + padding-right: 1rem !important;
3017 + }
3018 + .frmx-p-xxl-4 {
3019 + padding: 1.5rem !important;
3020 + }
3021 + .frmx-px-xxl-4 {
3022 + padding-left: 1.5rem !important;
3023 + padding-right: 1.5rem !important;
3024 + }
3025 + .frmx-py-xxl-4 {
3026 + padding-top: 1.5rem !important;
3027 + padding-bottom: 1.5rem !important;
3028 + }
3029 + .frmx-pt-xxl-4 {
3030 + padding-top: 1.5rem !important;
3031 + }
3032 + .frmx-pb-xxl-4 {
3033 + padding-bottom: 1.5rem !important;
3034 + }
3035 + .frmx-ps-xxl-4 {
3036 + padding-left: 1.5rem !important;
3037 + }
3038 + .frmx-pe-xxl-4 {
3039 + padding-right: 1.5rem !important;
3040 + }
3041 + .frmx-p-xxl-5 {
3042 + padding: 3rem !important;
3043 + }
3044 + .frmx-px-xxl-5 {
3045 + padding-left: 3rem !important;
3046 + padding-right: 3rem !important;
3047 + }
3048 + .frmx-py-xxl-5 {
3049 + padding-top: 3rem !important;
3050 + padding-bottom: 3rem !important;
3051 + }
3052 + .frmx-pt-xxl-5 {
3053 + padding-top: 3rem !important;
3054 + }
3055 + .frmx-pb-xxl-5 {
3056 + padding-bottom: 3rem !important;
3057 + }
3058 + .frmx-ps-xxl-5 {
3059 + padding-left: 3rem !important;
3060 + }
3061 + .frmx-pe-xxl-5 {
3062 + padding-right: 3rem !important;
3063 + }
3064 + .frmx-m-xxl-auto {
3065 + margin: auto !important;
3066 + }
3067 + .frmx-mx-xxl-auto {
3068 + margin-left: auto !important;
3069 + margin-right: auto !important;
3070 + }
3071 + .frmx-my-xxl-auto {
3072 + margin-top: auto !important;
3073 + margin-bottom: auto !important;
3074 + }
3075 + .frmx-mt-xxl-auto {
3076 + margin-top: auto !important;
3077 + }
3078 + .frmx-mb-xxl-auto {
3079 + margin-bottom: auto !important;
3080 + }
3081 + .frmx-ms-xxl-auto {
3082 + margin-left: auto !important;
3083 + }
3084 + .frmx-me-xxl-auto {
3085 + margin-right: auto !important;
3086 + }
3087 +}
3088 +.frmx-shadow-none {
3089 + box-shadow: none !important;
3090 +}
3091 +
3092 +.frmx-shadow-sm {
3093 + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3094 +}
3095 +
3096 +.frmx-shadow {
3097 + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3098 +}
3099 +
3100 +.frmx-shadow-lg {
3101 + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3102 +}
3103 +
3104 +@media (min-width: 576px) {
3105 + .frmx-shadow-sm-none {
3106 + box-shadow: none !important;
3107 + }
3108 + .frmx-shadow-sm-sm {
3109 + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3110 + }
3111 + .frmx-shadow-sm {
3112 + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3113 + }
3114 + .frmx-shadow-sm-lg {
3115 + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3116 + }
3117 +}
3118 +@media (min-width: 768px) {
3119 + .frmx-shadow-md-none {
3120 + box-shadow: none !important;
3121 + }
3122 + .frmx-shadow-md-sm {
3123 + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3124 + }
3125 + .frmx-shadow-md {
3126 + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3127 + }
3128 + .frmx-shadow-md-lg {
3129 + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3130 + }
3131 +}
3132 +@media (min-width: 992px) {
3133 + .frmx-shadow-lg-none {
3134 + box-shadow: none !important;
3135 + }
3136 + .frmx-shadow-lg-sm {
3137 + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3138 + }
3139 + .frmx-shadow-lg {
3140 + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3141 + }
3142 + .frmx-shadow-lg-lg {
3143 + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3144 + }
3145 +}
3146 +@media (min-width: 1200px) {
3147 + .frmx-shadow-xl-none {
3148 + box-shadow: none !important;
3149 + }
3150 + .frmx-shadow-xl-sm {
3151 + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3152 + }
3153 + .frmx-shadow-xl {
3154 + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3155 + }
3156 + .frmx-shadow-xl-lg {
3157 + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3158 + }
3159 +}
3160 +@media (min-width: 1400px) {
3161 + .frmx-shadow-xxl-none {
3162 + box-shadow: none !important;
3163 + }
3164 + .frmx-shadow-xxl-sm {
3165 + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
3166 + }
3167 + .frmx-shadow-xxl {
3168 + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
3169 + }
3170 + .frmx-shadow-xxl-lg {
3171 + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
3172 + }
3173 +}
3174 +.frmx-text-center {
3175 + text-align: center !important;
3176 +}
3177 +
3178 +.frmx-text-start {
3179 + text-align: left !important;
3180 +}
3181 +
3182 +.frmx-text-end {
3183 + text-align: right !important;
3184 +}
3185 +
3186 +@media (min-width: 576px) {
3187 + .frmx-text-sm-center {
3188 + text-align: center !important;
3189 + }
3190 + .frmx-text-sm-start {
3191 + text-align: left !important;
3192 + }
3193 + .frmx-text-sm-end {
3194 + text-align: right !important;
3195 + }
3196 +}
3197 +@media (min-width: 768px) {
3198 + .frmx-text-md-center {
3199 + text-align: center !important;
3200 + }
3201 + .frmx-text-md-start {
3202 + text-align: left !important;
3203 + }
3204 + .frmx-text-md-end {
3205 + text-align: right !important;
3206 + }
3207 +}
3208 +@media (min-width: 992px) {
3209 + .frmx-text-lg-center {
3210 + text-align: center !important;
3211 + }
3212 + .frmx-text-lg-start {
3213 + text-align: left !important;
3214 + }
3215 + .frmx-text-lg-end {
3216 + text-align: right !important;
3217 + }
3218 +}
3219 +@media (min-width: 1200px) {
3220 + .frmx-text-xl-center {
3221 + text-align: center !important;
3222 + }
3223 + .frmx-text-xl-start {
3224 + text-align: left !important;
3225 + }
3226 + .frmx-text-xl-end {
3227 + text-align: right !important;
3228 + }
3229 +}
3230 +@media (min-width: 1400px) {
3231 + .frmx-text-xxl-center {
3232 + text-align: center !important;
3233 + }
3234 + .frmx-text-xxl-start {
3235 + text-align: left !important;
3236 + }
3237 + .frmx-text-xxl-end {
3238 + text-align: right !important;
3239 + }
3240 +}
3241 +.frmx-g-0 {
3242 + --frmx-gutter-x: 0;
3243 + --frmx-gutter-y: 0;
3244 +}
3245 +
3246 +.frmx-g-1 {
3247 + --frmx-gutter-x: 0.25rem;
3248 + --frmx-gutter-y: 0.25rem;
3249 +}
3250 +
3251 +.frmx-g-2 {
3252 + --frmx-gutter-x: 0.5rem;
3253 + --frmx-gutter-y: 0.5rem;
3254 +}
3255 +
3256 +.frmx-g-3 {
3257 + --frmx-gutter-x: 1rem;
3258 + --frmx-gutter-y: 1rem;
3259 +}
3260 +
3261 +.frmx-g-4 {
3262 + --frmx-gutter-x: 1.5rem;
3263 + --frmx-gutter-y: 1.5rem;
3264 +}
3265 +
3266 +.frmx-g-5 {
3267 + --frmx-gutter-x: 3rem;
3268 + --frmx-gutter-y: 3rem;
3269 +}
3270 +
3271 +.frmx-row[class*=frmx-g-] {
3272 + margin-right: calc(var(--frmx-gutter-x) / -2);
3273 + margin-left: calc(var(--frmx-gutter-x) / -2);
3274 + margin-top: calc(var(--frmx-gutter-y) * -1);
3275 +}
3276 +.frmx-row[class*=frmx-g-] > [class*=frmx-col] {
3277 + padding-right: calc(var(--frmx-gutter-x) / 2);
3278 + padding-left: calc(var(--frmx-gutter-x) / 2);
3279 + margin-top: var(--frmx-gutter-y);
3280 +}
3281 +
3282 +.frmx-mt-70 {
3283 + margin-top: 70px !important;
3284 +}
3285 +
3286 +.frmx-position-static {
3287 + position: static !important;
3288 +}
3289 +
3290 +.frmx-position-relative {
3291 + position: relative !important;
3292 +}
3293 +
3294 +.frmx-position-absolute {
3295 + position: absolute !important;
3296 +}
3297 +
3298 +.frmx-position-fixed {
3299 + position: fixed !important;
3300 +}
3301 +
3302 +.frmx-position-sticky {
3303 + position: sticky !important;
3304 +}
3305 +
3306 +.frmx-list-unstyled {
3307 + list-style: none !important;
3308 + padding: 0 !important;
3309 +}
3310 +
3311 +.frmx-dropdown-item {
3312 + display: block;
3313 + width: 100%;
3314 + padding: 0.25rem 0.5rem;
3315 + clear: both;
3316 + font-weight: 400;
3317 + color: #212529;
3318 + text-align: inherit;
3319 + text-decoration: none;
3320 + white-space: nowrap;
3321 + background-color: transparent;
3322 + border: 0;
3323 +}
3324 +
3325 +.frmx-dropdown-item:focus, .frmx-dropdown-item:hover {
3326 + color: #1e2125;
3327 + background-color: #e9ecef;
3328 +}
3329 +
3330 +.frmx-dropdown-item.active, .frmx-dropdown-item:active {
3331 + color: #fff;
3332 + text-decoration: none;
3333 + background-color: #0d6efd;
3334 +}
3335 +
3336 +.frmx-dropdown-item.disabled, .frmx-dropdown-item:disabled {
3337 + color: #adb5bd;
3338 + pointer-events: none;
3339 + background-color: transparent;
3340 +}
3341 +
3342 +.dropdown-menu.show {
3343 + display: block;
3344 +}
3345 +
21 3346 :root {
22 3347 --rob: "Roboto", sans-serif;
23 3348 --great: "Great Vibes", cursive;
24 3349 --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);
25 - --bbpc_brand_color: var(--bbpc_brand_color_opt,#0866ff);
3350 + --bbpc_brand_color: var(--bbpc_brand_color_opt, #4c4cf1);
26 3351 --h_title: #1d2746;
27 3352 --p_color: #6b707f;
28 3353 --bs-white: #fff;
29 3354 --black_25: #f9f9f9;
@@ -43,8 +3368,9 @@
43 3368 --black_800: #242729;
44 3369 --black_900: #0c0d0e;
45 3370 --bbpc_color: #078669;
46 3371 --baseColor2: #4a6ee0;
3372 + --bs_white: #fff;
47 3373 }
48 3374
49 3375 /*font Variables*/
50 3376 /**=== Functions ===**/
@@ -73,11 +3399,11 @@
73 3399 .community-post .post-content {
74 3400 display: flex;
75 3401 align-items: center;
76 3402 flex-wrap: wrap;
3403 + gap: 16px;
77 3404 }
78 3405 .community-post .post-content .author-avatar {
79 - margin-right: 25px;
80 3406 border-radius: 50%;
81 3407 overflow: hidden;
82 3408 margin-top: -2px;
83 3409 }
@@ -83,9 +3409,8 @@
83 3409 }
84 3410 .community-post .post-content .entry-content {
85 3411 color: var(--black_600);
86 3412 font-size: 16px;
87 - font-family: "Roboto", sans-serif;
88 3413 }
89 3414 .community-post .post-content img {
90 3415 border-radius: 50%;
91 3416 }
@@ -108,8 +3433,9 @@
108 3433 }
109 3434 }
110 3435 .community-post .post-content .author-avatar.forum-icon {
111 3436 border-radius: 0;
3437 + margin-right: 0;
112 3438 }
113 3439 .community-post .post-content .author-avatar.forum-icon img {
114 3440 padding: 2px;
115 3441 }
@@ -157,18 +3483,8 @@
157 3483 .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
158 3484 margin-right: 20px;
159 3485 }
160 3486 }
161 -.community-post .post-meta-wrapper .post-meta-info li a {
162 - display: block;
163 - color: var(--black_600);
164 -}
165 -.community-post .post-meta-wrapper .post-meta-info li a i {
166 - margin-right: 10px;
167 -}
168 -.community-post .post-meta-wrapper .post-meta-info li a:hover {
169 - color: var(--bbpc_brand_color);
170 -}
171 3487 .community-post.style-two {
172 3488 margin-bottom: 0;
173 3489 border-radius: 0;
174 3490 box-shadow: none;
@@ -249,17 +3565,14 @@
249 3565 }
250 3566
251 3567 .forum-post-content .forum-post-btm .taxonomy i,
252 3568 .forum-post-content .forum-post-btm .taxonomy img,
253 -.community-post .post-meta-wrapper .post-meta-info li a i,
254 -.community-post .post-meta-wrapper .post-meta-info li a img,
255 3569 .community-post.style-two .meta li i,
256 3570 .community-post.style-two .meta li img {
257 3571 margin-right: 5px;
258 3572 }
259 3573
260 -.post-header .category-menu li i,
261 -.community-post .post-meta-wrapper .post-meta-info li a i {
3574 +.post-header .category-menu li i {
262 3575 font-size: 14px;
263 3576 }
264 3577
265 3578 .forum-category-area .col-custom {
@@ -266,9 +3579,9 @@
266 3579 width: 20%;
267 3580 }
268 3581 .forum-category-area .single-category-widget {
269 3582 box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);
270 - background-color: #fff;
3583 + background-color: var(--bs-white);
271 3584 border-radius: 10px;
272 3585 text-align: center;
273 3586 padding: 25px;
274 3587 transition: all 0.3s ease-out;
@@ -281,9 +3594,8 @@
281 3594 }
282 3595 .forum-category-area .single-category-widget h5 {
283 3596 font-size: 18px;
284 3597 text-transform: capitalize;
285 - font-family: var(--rob);
286 3598 font-weight: 500;
287 3599 line-height: 1.3;
288 3600 color: #171d24;
289 3601 margin-bottom: 0;
@@ -297,8 +3609,99 @@
297 3609 .forum-category-area .col-custom.wow.fadeInUp {
298 3610 padding: 0 12px;
299 3611 }
300 3612
3613 +.bbpc-hc-wrap .bbpc-hc-grid {
3614 + display: grid;
3615 + grid-template-columns: repeat(3, 1fr);
3616 + gap: 2px;
3617 + background: var(--black_90);
3618 + border: 1px solid var(--black_90);
3619 + border-radius: 20px;
3620 + overflow: hidden;
3621 + box-shadow: 0 8px 32px 0 rgba(2, 47, 57, 0.08);
3622 +}
3623 +@media (max-width: 991px) {
3624 + .bbpc-hc-wrap .bbpc-hc-grid {
3625 + grid-template-columns: repeat(2, 1fr);
3626 + }
3627 +}
3628 +@media (max-width: 600px) {
3629 + .bbpc-hc-wrap .bbpc-hc-grid {
3630 + grid-template-columns: 1fr;
3631 + }
3632 +}
3633 +.bbpc-hc-wrap .bbpc-hc-card {
3634 + background: var(--bs-white);
3635 + padding: 26px 24px;
3636 + display: flex;
3637 + gap: 18px;
3638 + align-items: flex-start;
3639 + text-decoration: none;
3640 + color: inherit;
3641 + border-radius: 14px;
3642 + position: relative;
3643 + transition: background 0.18s ease;
3644 +}
3645 +.bbpc-hc-wrap .bbpc-hc-card:hover {
3646 + background: var(--black_25);
3647 + text-decoration: none;
3648 +}
3649 +.bbpc-hc-wrap .bbpc-hc-card:hover .bbpc-hc-arrow {
3650 + opacity: 1;
3651 + transform: translateX(3px);
3652 +}
3653 +.bbpc-hc-wrap .bbpc-hc-icon {
3654 + flex-shrink: 0;
3655 + width: 48px;
3656 + height: 48px;
3657 + border-radius: 12px;
3658 + overflow: hidden;
3659 +}
3660 +.bbpc-hc-wrap .bbpc-hc-icon img {
3661 + width: 100%;
3662 + height: 100%;
3663 + object-fit: cover;
3664 + display: block;
3665 +}
3666 +.bbpc-hc-wrap .bbpc-hc-body {
3667 + flex: 1;
3668 + min-width: 0;
3669 +}
3670 +.bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-title {
3671 + margin: 0 0 4px;
3672 + font-size: 16px;
3673 + font-weight: 700;
3674 + line-height: 1.3;
3675 + letter-spacing: -0.01em;
3676 + color: var(--h_title);
3677 +}
3678 +.bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-desc {
3679 + margin: 0;
3680 + font-size: 13.5px;
3681 + line-height: 1.5;
3682 + color: var(--p_color);
3683 +}
3684 +.bbpc-hc-wrap .bbpc-hc-body .bbpc-hc-count {
3685 + display: inline-block;
3686 + margin-top: 8px;
3687 + font-size: 11.5px;
3688 + font-weight: 600;
3689 + color: var(--bbpc_brand_color);
3690 + letter-spacing: 0.02em;
3691 + text-decoration: none;
3692 +}
3693 +.bbpc-hc-wrap .bbpc-hc-arrow {
3694 + position: absolute;
3695 + top: 20px;
3696 + right: 20px;
3697 + font-size: 16px;
3698 + line-height: 1;
3699 + color: var(--black_300);
3700 + opacity: 0;
3701 + transition: opacity 0.2s ease, transform 0.2s ease;
3702 +}
3703 +
301 3704 .communities-boxes {
302 3705 display: flex;
303 3706 flex-wrap: wrap;
304 3707 margin: 0 -30px;
@@ -358,8 +3761,13 @@
358 3761 height: 100px;
359 3762 width: 100px;
360 3763 margin: 0 auto 20px;
361 3764 }
3765 +.communities-boxes .com-box .icon-container img {
3766 + width: 40px;
3767 + height: 40px;
3768 + object-fit: cover;
3769 +}
362 3770 .communities-boxes .com-box .com-box-content .title {
363 3771 font-size: 20px;
364 3772 line-height: 26px;
365 3773 font-weight: 500;
@@ -388,14 +3796,17 @@
388 3796 .more-communities {
389 3797 padding: 22px 0;
390 3798 border-top: 1px solid #e8ecee;
391 3799 border-bottom: 1px solid #e8ecee;
3800 + margin-top: 40px;
392 3801 }
393 -.more-communities .collapse-wrap {
3802 +.more-communities .collapse-wrap,
3803 +.more-communities .forumax-collapse-wrap {
394 3804 margin-top: 80px;
395 3805 display: none;
396 3806 }
397 -.more-communities .collapse-btn-wrap {
3807 +.more-communities .collapse-btn-wrap,
3808 +.more-communities .forumax-collapse-btn-wrap {
398 3809 text-align: center;
399 3810 display: table;
400 3811 color: var(--black_600);
401 3812 font-weight: 500;
@@ -400,55 +3811,42 @@
400 3811 color: var(--black_600);
401 3812 font-weight: 500;
402 3813 margin: auto;
403 3814 }
404 -.more-communities .collapse-btn-wrap:hover {
3815 +.more-communities .collapse-btn-wrap:hover,
3816 +.more-communities .forumax-collapse-btn-wrap:hover {
405 3817 text-decoration: none;
406 3818 color: var(--black_800);
407 3819 }
408 -.more-communities .collapse-btn-wrap svg {
3820 +.more-communities .collapse-btn-wrap svg,
3821 +.more-communities .forumax-collapse-btn-wrap svg {
409 3822 position: relative;
410 3823 vertical-align: middle;
411 3824 display: inline;
412 3825 }
413 -.more-communities .collapse-btn-wrap .icon_plus path, .more-communities .collapse-btn-wrap .icon_plus line, .more-communities .collapse-btn-wrap .icon_minus path, .more-communities .collapse-btn-wrap .icon_minus line {
3826 +.more-communities .collapse-btn-wrap .icon_plus path,
3827 +.more-communities .collapse-btn-wrap .icon_plus line,
3828 +.more-communities .collapse-btn-wrap .icon_minus path,
3829 +.more-communities .collapse-btn-wrap .icon_minus line,
3830 +.more-communities .forumax-collapse-btn-wrap .icon_plus path,
3831 +.more-communities .forumax-collapse-btn-wrap .icon_plus line,
3832 +.more-communities .forumax-collapse-btn-wrap .icon_minus path,
3833 +.more-communities .forumax-collapse-btn-wrap .icon_minus line {
414 3834 stroke: var(--bbpc_brand_color);
415 3835 }
416 -.more-communities .collapse-btn-wrap .icon_minus {
3836 +.more-communities .collapse-btn-wrap .icon_minus,
3837 +.more-communities .forumax-collapse-btn-wrap .icon_minus {
417 3838 display: none;
418 3839 }
419 -.more-communities .collapse-btn-wrap.active .icon_plus {
3840 +.more-communities .collapse-btn-wrap.active .icon_plus,
3841 +.more-communities .forumax-collapse-btn-wrap.active .icon_plus {
420 3842 display: none;
421 3843 }
422 -.more-communities .collapse-btn-wrap.active .icon_minus {
3844 +.more-communities .collapse-btn-wrap.active .icon_minus,
3845 +.more-communities .forumax-collapse-btn-wrap.active .icon_minus {
423 3846 display: initial;
424 3847 }
425 3848
426 -body.body_dark .communities-boxes .com-box .com-box-content .title a {
427 - color: #fff;
428 -}
429 -body.body_dark .communities-boxes .com-box .com-box-content .title a:hover {
430 - color: var(--bbpc_brand_color);
431 -}
432 -body.body_dark .communities-boxes .com-box .com-box-content .total-post {
433 - color: #8b8b8b;
434 -}
435 -body.body_dark .more-communities {
436 - border-color: #272727;
437 -}
438 -body.body_dark .single-forum-post-widget .post-info div {
439 - color: #848d95;
440 -}
441 -body.body_dark .single-forum-post-widget .post-info .post-category a {
442 - color: #848d95;
443 -}
444 -body.body_dark .single-forum-post-widget .post-info .post-category a:hover {
445 - color: var(--bbpc_brand_color);
446 -}
447 -body.body_dark .community-area .nav-tabs .nav-item button.active {
448 - color: #fff;
449 -}
450 -
451 3849 /** === Widgets === **/
452 3850 .widget_display_stats dl dt {
453 3851 float: left;
454 3852 clear: left;
@@ -519,9 +3917,9 @@
519 3917 color: var(--black_800);
520 3918 }
521 3919 .widget_display_topics li a .bbp-author-avatar img,
522 3920 .widget_display_replies li a .bbp-author-avatar img {
523 - border-radius: 50px;
3921 + border-radius: 50px !important;
524 3922 }
525 3923
526 3924 .widget_display_replies li .bbp-author-avatar {
527 3925 margin-right: 5px;
@@ -633,21 +4031,8 @@
633 4031 .post-header .category-menu .all-users a {
634 4032 position: relative;
635 4033 }
636 4034
637 -.post-header .category-menu .all-users a .count {
638 - background: #ebedf0;
639 - border-radius: 10px;
640 - color: #838793;
641 - font-size: 12px;
642 - position: absolute;
643 - margin-left: 5px;
644 - padding: 1px 5px 0;
645 - top: 8px;
646 - width: auto;
647 - height: auto;
648 -}
649 -
650 4035 /*=========== Forum Post Widget css ==========*/
651 4036 .forum-post-widget .widget-header h2 {
652 4037 font-size: 40px;
653 4038 font-weight: 700;
@@ -664,9 +4049,9 @@
664 4049 }
665 4050 .forum-post-widget .post-filter-widget {
666 4051 box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);
667 4052 border-radius: 10px;
668 - background-color: #fff;
4053 + background-color: var(--bs-white);
669 4054 padding: 16.5px 30px;
670 4055 display: flex;
671 4056 flex-wrap: wrap;
672 4057 margin-bottom: 20px;
@@ -696,11 +4081,8 @@
696 4081 }
697 4082 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked {
698 4083 display: none;
699 4084 }
700 -.forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked ~ label {
701 - color: var(--bbpc_brand_color);
702 -}
703 4085 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked ~ label .main-img {
704 4086 display: none;
705 4087 }
706 4088 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked ~ label .hover-img {
@@ -705,16 +4087,15 @@
705 4087 }
706 4088 .forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked ~ label .hover-img {
707 4089 display: block;
708 4090 }
4091 +.forum-post-widget .post-filter-widget .single-filter-item input[type=radio]:checked ~ label {
4092 + color: var(--bbpc_brand_color);
4093 +}
709 4094 .forum-post-widget .post-filter-widget .single-filter-item label {
710 4095 display: flex;
711 4096 align-items: center;
712 4097 cursor: pointer;
713 - font-size: 14px;
714 - font-weight: 400;
715 - line-height: 16px;
716 - color: #6a737c;
717 4098 }
718 4099 .forum-post-widget .post-filter-widget .single-filter-item label img {
719 4100 margin-right: 8.5px;
720 4101 margin-bottom: 1px;
@@ -724,13 +4105,19 @@
724 4105 }
725 4106 .forum-post-widget .post-filter-widget .single-filter-item label .hover-img {
726 4107 display: none;
727 4108 }
4109 +.forum-post-widget .post-filter-widget .single-filter-item label {
4110 + font-size: 14px;
4111 + font-weight: 400;
4112 + line-height: 16px;
4113 + color: #6a737c;
4114 +}
728 4115
729 4116 .single-forum-post-widget {
730 4117 box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);
731 4118 border-radius: 10px;
732 - background-color: #fff;
4119 + background-color: var(--bs-white);
733 4120 transition: all 0.3s ease-out;
734 4121 padding: 22px 35px 18px 30px;
735 4122 display: flex;
736 4123 align-items: center;
@@ -757,9 +4144,9 @@
757 4144 font-size: 16px;
758 4145 font-weight: 500;
759 4146 }
760 4147 .single-forum-post-widget .post-title h6 a {
761 - color: #171d24;
4148 + color: var(--black_800);
762 4149 font-size: 18px;
763 4150 }
764 4151 .single-forum-post-widget .post-title i {
765 4152 font-size: 15px;
@@ -772,12 +4159,8 @@
772 4159 flex-wrap: wrap;
773 4160 }
774 4161 .single-forum-post-widget .post-info > div {
775 4162 margin-right: 15px;
776 - color: var(--black_600);
777 - font-size: 14px;
778 - font-weight: 400;
779 - line-height: 16px;
780 4163 }
781 4164 .single-forum-post-widget .post-info > div img {
782 4165 margin-right: 5px;
783 4166 height: 15px;
@@ -783,8 +4166,14 @@
783 4166 height: 15px;
784 4167 width: 15px;
785 4168 margin-top: 0px;
786 4169 }
4170 +.single-forum-post-widget .post-info > div {
4171 + color: var(--black_600);
4172 + font-size: 14px;
4173 + font-weight: 400;
4174 + line-height: 16px;
4175 +}
787 4176 .single-forum-post-widget .post-info .post-category a {
788 4177 color: #4a6ee0;
789 4178 }
790 4179 .single-forum-post-widget .post-tags {
@@ -829,9 +4218,9 @@
829 4218 .single-forum-post-widget .post-tags .single-tag.tag-sprt {
830 4219 background-color: #0cc72a;
831 4220 }
832 4221 .single-forum-post-widget .post-reach {
833 - border-left: 1px solid #e6e6e6;
4222 + border-left: 1px solid var(--black_50);
834 4223 padding-left: 10px;
835 4224 }
836 4225 .single-forum-post-widget .post-reach > div {
837 4226 font-size: 12px;
@@ -858,9 +4247,9 @@
858 4247 .single-filter-item a {
859 4248 color: var(--black_600);
860 4249 }
861 4250 .single-filter-item a:hover {
862 - text-decoration: none;
4251 + text-decoration: none !important;
863 4252 }
864 4253
865 4254 .single-forum-post-widget .post-content .post-category a {
866 4255 font-size: 14px;
@@ -871,12 +4260,8 @@
871 4260 color: var(--bbpc_brand_color);
872 4261 text-decoration: none;
873 4262 }
874 4263
875 -body.body_dark .forum-post-widget .post-filter-widget .single-filter-item svg, body.body_dark .forum-post-widget .post-filter-widget .single-filter-item path {
876 - fill: darkgrey;
877 -}
878 -
879 4264 #aj-post-filter-widget svg circle.bbpc-preloader {
880 4265 stroke: var(--bbpc_brand_color) !important;
881 4266 }
882 4267
@@ -932,9 +4317,9 @@
932 4317 border-left-color: transparent;
933 4318 box-sizing: border-box;
934 4319 color: var(--bbpc_brand_color);
935 4320 }
936 -.ama-search-widget .search-box input#searchInput {
4321 +.ama-search-widget .search-box input.frmx-search-input {
937 4322 border: 0 solid transparent;
938 4323 box-shadow: none;
939 4324 }
940 4325 .ama-search-widget .search-box input {
@@ -943,19 +4328,20 @@
943 4328 line-height: 35px;
944 4329 text-indent: 15px;
945 4330 padding-right: 43px;
946 4331 }
947 -.ama-search-widget .search-box #searchInput + .spinner {
4332 +.ama-search-widget .search-box .frmx-search-input + .spinner {
948 4333 position: absolute;
949 4334 right: 45px;
950 4335 top: 50% !important;
951 - transform: translateY(-55%);
4336 + transform: translateY(-50%);
952 4337 display: none;
953 - background: #fff;
954 4338 z-index: 999;
4339 + color: var(--bbpc_brand_color);
4340 + line-height: 0;
955 4341 }
956 -.ama-search-widget .search-box #searchInput + .spinner img {
957 - width: 22px;
4342 +.ama-search-widget .search-box .frmx-search-input + .spinner .frmx-spinner-icon {
4343 + animation: frmx-search-spin 0.75s linear infinite;
958 4344 }
959 4345 .ama-search-widget .elementor img {
960 4346 height: auto;
961 4347 max-width: 100%;
@@ -985,56 +4371,231 @@
985 4371 color: var(--black_600);
986 4372 }
987 4373
988 4374 /** === Doc search form result === **/
989 -#bbpc-search-result {
4375 +.bbpc-search-result-container {
990 4376 position: absolute;
991 4377 width: 100%;
4378 + left: 0;
4379 + right: 0;
992 4380 background: var(--bs-white);
993 4381 font-size: 14px;
994 4382 font-weight: 400;
995 4383 display: none;
996 4384 transition: all 0.4s;
997 - margin-top: 2px;
998 - border: 1px solid var(--black_50);
999 - border-radius: 4px;
4385 + margin-top: 0;
4386 + border: none;
4387 + border-radius: 10px;
1000 4388 box-shadow: 0 3px 4px 0 rgba(4, 73, 89, 0.06);
1001 - padding: 20px 25px;
1002 - top: 45px;
4389 + padding: 0;
4390 + /* Anchored to the bottom of the 48px input pill so the keyword chips below
4391 + never push the panel down. */
4392 + top: 48px;
4393 + overflow-y: auto;
4394 + max-height: 100vh;
4395 + z-index: 99;
4396 + /* Slim custom scrollbar. */
4397 + scrollbar-width: thin;
4398 + scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
1003 4399 }
1004 -#bbpc-search-result::before {
1005 - content: "";
1006 - width: 12px;
1007 - height: 12px;
1008 - background: var(--bs-white);
1009 - position: absolute;
1010 - top: -6px;
1011 - transform: rotate(45deg);
1012 - left: 40px;
1013 - border-left: 1px solid var(--black_50);
1014 - border-top: 1px solid var(--black_50);
4400 +.bbpc-search-result-container::-webkit-scrollbar {
4401 + width: 8px;
1015 4402 }
1016 -#bbpc-search-result .searchbar-tabs {
4403 +.bbpc-search-result-container::-webkit-scrollbar-track {
4404 + background: transparent;
4405 + border-radius: 10px;
4406 +}
4407 +.bbpc-search-result-container::-webkit-scrollbar-thumb {
4408 + background: rgba(0, 0, 0, 0.2);
4409 + border-radius: 10px;
4410 +}
4411 +.bbpc-search-result-container::-webkit-scrollbar-thumb:hover {
4412 + background: rgba(0, 0, 0, 0.3);
4413 +}
4414 +.bbpc-search-result-container .searchbar-tabs {
1017 4415 padding: 0 10px 15px 0;
1018 4416 }
1019 -#bbpc-search-result a {
4417 +.bbpc-search-result-container a {
1020 4418 text-decoration: none;
1021 4419 }
1022 -#bbpc-search-result.ajax-search {
4420 +.bbpc-search-result-container.ajax-search {
1023 4421 display: block;
1024 4422 }
1025 -#bbpc-search-result .not-found-text,
1026 -#bbpc-search-result .bbpc-not-found-text {
1027 - display: none;
4423 +.bbpc-search-result-container {
4424 + /* Result type tabs (All / Forums / Topics / Replies). */
4425 +}
4426 +.bbpc-search-result-container .bbpc-result-tabs {
4427 + display: flex;
4428 + align-items: center;
4429 + flex-wrap: wrap;
4430 + gap: 2px;
4431 + padding: 8px 10px;
4432 + border-bottom: 1px solid var(--black_50);
4433 +}
4434 +.bbpc-search-result-container .bbpc-result-tabs .bbpc-tab {
4435 + background: transparent;
4436 + border: none;
4437 + padding: 5px 14px;
4438 + border-radius: 20px;
4439 + font-size: 13px;
4440 + font-weight: 500;
4441 + color: #5f6368;
4442 + cursor: pointer;
4443 + transition: background 0.15s, color 0.15s;
4444 + line-height: 1.5;
4445 +}
4446 +.bbpc-search-result-container .bbpc-result-tabs .bbpc-tab.active {
4447 + background: #e8f0fe;
4448 + color: #1a73e8;
4449 +}
4450 +.bbpc-search-result-container .bbpc-result-tabs .bbpc-tab:hover:not(.active) {
4451 + background: #f1f3f4;
4452 + color: #202124;
4453 +}
4454 +.bbpc-search-result-container {
4455 + /* Empty state — centered title + subtitle. */
4456 +}
4457 +.bbpc-search-result-container .bbpc-search-empty {
4458 + padding: 36px 24px 28px;
4459 + text-align: center;
4460 +}
4461 +.bbpc-search-result-container .bbpc-not-found-text {
4462 + display: block;
4463 + font-size: 16px;
1028 4464 font-weight: 700;
1029 - font-size: 20px;
1030 - margin: 12px 0 5px;
1031 - letter-spacing: 0.1px;
4465 + margin: 0 0 8px;
4466 + padding: 0;
4467 + line-height: 1.4;
4468 + text-align: center;
4469 + color: var(--black_900, #0c0d0e);
1032 4470 }
4471 +.bbpc-search-result-container .bbpc-search-empty-hint {
4472 + margin: 0;
4473 + padding: 0;
4474 + font-size: 14px;
4475 + font-weight: 400;
4476 + line-height: 1.5;
4477 + color: var(--black_500, #6a737c);
4478 +}
4479 +.bbpc-search-result-container {
4480 + /* Result group label — e.g. "REPLIES", "TOPICS". */
4481 +}
4482 +.bbpc-search-result-container .bbpc-result-group-label {
4483 + font-size: 11px;
4484 + font-weight: 600;
4485 + color: #bdc1c6;
4486 + padding: 8px 16px 4px;
4487 + text-transform: uppercase;
4488 + letter-spacing: 0.08em;
4489 +}
4490 +.bbpc-search-result-container {
4491 + /* Scoped to this container so Docy/EazyDocs .search-result-item is untouched. */
4492 +}
4493 +.bbpc-search-result-container .search-result-item {
4494 + display: block;
4495 + width: 100%;
4496 + padding: 12px 16px;
4497 + border-bottom: 1px solid var(--black_50);
4498 + transition: background 0.15s;
4499 + cursor: pointer;
4500 +}
4501 +.bbpc-search-result-container .search-result-item:last-of-type {
4502 + border-bottom: none;
4503 +}
4504 +.bbpc-search-result-container .search-result-item .bbpc-result-link {
4505 + display: flex;
4506 + align-items: center;
4507 + gap: 12px;
4508 + color: inherit;
4509 + text-decoration: none;
4510 +}
4511 +.bbpc-search-result-container .search-result-item .bbpc-result-icon {
4512 + width: 20px;
4513 + height: 20px;
4514 + flex-shrink: 0;
4515 + color: #9aa0a6;
4516 +}
4517 +.bbpc-search-result-container .search-result-item .bbpc-result-body {
4518 + display: flex;
4519 + flex-direction: column;
4520 + flex: 1;
4521 + min-width: 0;
4522 +}
4523 +.bbpc-search-result-container .search-result-item .bbpc-result-title {
4524 + font-size: 14px;
4525 + font-weight: 500;
4526 + color: var(--black_900, #0c0d0e);
4527 + line-height: 1.4;
4528 + margin: 0;
4529 + white-space: nowrap;
4530 + overflow: hidden;
4531 + text-overflow: ellipsis;
4532 +}
4533 +.bbpc-search-result-container .search-result-item .bbpc-result-type {
4534 + margin-top: 3px;
4535 + font-size: 12px;
4536 + font-weight: 400;
4537 + color: #70757a;
4538 +}
4539 +.bbpc-search-result-container .search-result-item {
4540 + /* Ancestor breadcrumb (Forum › Topic), aligned under the title text. */
4541 +}
4542 +.bbpc-search-result-container .search-result-item .bbpc-result-breadcrumb {
4543 + display: flex;
4544 + flex-wrap: wrap;
4545 + list-style: none;
4546 + margin: 0;
4547 + padding: 0 0 0 32px;
4548 +}
4549 +.bbpc-search-result-container .search-result-item .bbpc-result-breadcrumb .bbpc-breadcrumb-item {
4550 + font-size: 13px;
4551 + line-height: 21px;
4552 + color: var(--black_500, #6a737c);
4553 +}
4554 +.bbpc-search-result-container .search-result-item .bbpc-result-breadcrumb .bbpc-breadcrumb-item + .bbpc-breadcrumb-item::before {
4555 + content: "›";
4556 + color: #b7b9be;
4557 + padding: 0 5px;
4558 +}
4559 +.bbpc-search-result-container .search-result-item:hover {
4560 + background: var(--black_25, #f9f9f9);
4561 +}
4562 +.bbpc-search-result-container .search-result-item:hover .bbpc-result-title {
4563 + color: #1a73e8;
4564 +}
4565 +.bbpc-search-result-container {
4566 + /* Search keyword highlight styling. */
4567 +}
4568 +.bbpc-search-result-container .frmx-search-highlight {
4569 + background-color: #fff3cd;
4570 + padding: 1px 3px;
4571 + border-radius: 3px;
4572 + font-weight: 600;
4573 +}
1033 4574
4575 +/* Seamless input↔results join while the panel is open — mirrors EazyDocs'
4576 + `.ezd-results-open`, driven off the panel's own `.ajax-search` state. */
4577 +.bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input[type=search],
4578 +.bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input.frmx-search-input,
4579 +.bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input[type=search]:focus,
4580 +.bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .input-wrapper input.frmx-search-input:focus {
4581 + border-top-left-radius: 26px;
4582 + border-top-right-radius: 26px;
4583 + border-bottom-left-radius: 0;
4584 + border-bottom-right-radius: 0;
4585 + border: 1.5px solid var(--black_50);
4586 + box-shadow: 0 1px 6px rgba(32, 33, 36, 0.05);
4587 +}
4588 +.bbpc_search_form_wrapper:has(.bbpc-search-result-container.ajax-search) .bbpc-search-result-container {
4589 + border: 1.5px solid var(--black_50);
4590 + border-top: none;
4591 + border-radius: 0 0 26px 26px;
4592 + box-shadow: 0 6px 20px rgba(32, 33, 36, 0.1);
4593 +}
4594 +
1034 4595 .search-results-tab .bbpc-search-title {
1035 4596 font-size: 16px;
1036 - color: var(--h_title);
4597 + color: var(--black_600);
1037 4598 display: block;
1038 4599 border-bottom: 1px solid var(--black_50);
1039 4600 font-weight: 500;
1040 4601 text-align: left;
@@ -1071,9 +4632,9 @@
1071 4632 display: inline-block;
1072 4633 }
1073 4634 .bbpc-search-keyword ul li a {
1074 4635 color: #fff;
1075 - background: rgba(2, 1, 1, 0.2117647059);
4636 + background: #000;
1076 4637 font-size: 14px;
1077 4638 text-transform: capitalize;
1078 4639 padding: 4px 12px;
1079 4640 border-radius: 15px;
@@ -1079,8 +4640,11 @@
1079 4640 border-radius: 15px;
1080 4641 font-weight: 400;
1081 4642 text-decoration: none !important;
1082 4643 }
4644 +.bbpc-search-keyword ul li a:hover {
4645 + background: #979393;
4646 +}
1083 4647
1084 4648 .bbpc_search_form_wrapper {
1085 4649 position: relative;
1086 4650 }
@@ -1085,52 +4649,106 @@
1085 4649 position: relative;
1086 4650 }
1087 4651 .bbpc_search_form_wrapper .input-wrapper {
1088 4652 position: relative;
4653 + /* Pill-shaped wrapper — mirrors the second reference design. */
1089 4654 }
4655 +.bbpc_search_form_wrapper .input-wrapper input[type=search],
4656 +.bbpc_search_form_wrapper .input-wrapper input.frmx-search-input {
4657 + width: 100%;
4658 + height: 48px;
4659 + padding: 0 44px 0 48px; /* left space for icon, right space for clear btn */
4660 + border-radius: 50px; /* pill */
4661 + border: 1.5px solid var(--black_50);
4662 + background: var(--bs-white);
4663 + font-size: 15px;
4664 + color: var(--black_600);
4665 + outline: none;
4666 + transition: border-color 0.2s, box-shadow 0.2s;
4667 + box-shadow: none;
4668 + -webkit-appearance: none;
4669 +}
4670 +.bbpc_search_form_wrapper .input-wrapper input[type=search]::placeholder,
4671 +.bbpc_search_form_wrapper .input-wrapper input.frmx-search-input::placeholder {
4672 + color: #aaa;
4673 +}
4674 +.bbpc_search_form_wrapper .input-wrapper input[type=search]:focus,
4675 +.bbpc_search_form_wrapper .input-wrapper input.frmx-search-input:focus {
4676 + border-color: var(--bbpc_brand_color, #1a73e8);
4677 + box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.1);
4678 +}
4679 +.bbpc_search_form_wrapper .input-wrapper input[type=search],
4680 +.bbpc_search_form_wrapper .input-wrapper input.frmx-search-input {
4681 + /* Native clear (×) button — keep it inside the pill. */
4682 +}
4683 +.bbpc_search_form_wrapper .input-wrapper input[type=search]::-webkit-search-cancel-button,
4684 +.bbpc_search_form_wrapper .input-wrapper input.frmx-search-input::-webkit-search-cancel-button {
4685 + -webkit-appearance: auto;
4686 + margin-right: 10px;
4687 + cursor: pointer;
4688 + opacity: 0.5;
4689 +}
4690 +.bbpc_search_form_wrapper .input-wrapper input[type=search]::-webkit-search-cancel-button:hover,
4691 +.bbpc_search_form_wrapper .input-wrapper input.frmx-search-input::-webkit-search-cancel-button:hover {
4692 + opacity: 1;
4693 +}
4694 +.bbpc_search_form_wrapper .input-wrapper {
4695 + /* Spinner sits just before the clear button. */
4696 +}
1090 4697 .bbpc_search_form_wrapper .input-wrapper .spinner {
1091 4698 position: absolute;
1092 - right: 30px;
4699 + right: 40px;
1093 4700 top: 50%;
1094 - transform: translateY(-55%);
4701 + transform: translateY(-50%);
1095 4702 display: none;
1096 - background: #fff;
1097 4703 z-index: 999;
1098 - border-radius: 50%;
1099 - height: 21px;
1100 - width: 21px;
4704 + align-items: center;
4705 + justify-content: center;
4706 + color: var(--bbpc_brand_color, #1a73e8);
1101 4707 line-height: 0;
1102 4708 }
1103 -.bbpc_search_form_wrapper .input-wrapper .spinner img {
1104 - width: 22px;
4709 +[dir=rtl] .bbpc_search_form_wrapper .input-wrapper .spinner {
4710 + right: auto;
4711 + left: 40px;
1105 4712 }
1106 -.bbpc_search_form_wrapper .input-wrapper input {
1107 - width: 100%;
1108 - padding: 0.75em;
4713 +.bbpc_search_form_wrapper .input-wrapper .spinner.show {
4714 + display: inline-flex;
1109 4715 }
1110 -.bbpc_search_form_wrapper .input-wrapper input::-webkit-search-cancel-button {
1111 - -webkit-appearance: auto;
1112 - position: absolute;
1113 - right: 30px;
4716 +.bbpc_search_form_wrapper .input-wrapper .spinner .frmx-spinner-icon {
4717 + animation: frmx-search-spin 0.75s linear infinite;
1114 4718 }
1115 -.bbpc_search_form_wrapper .input-wrapper .submit-btn-left {
4719 +.bbpc_search_form_wrapper .input-wrapper {
4720 + /* Submit button — always positioned absolute inside the pill. */
4721 +}
4722 +.bbpc_search_form_wrapper .input-wrapper .submit-btn-left,
4723 +.bbpc_search_form_wrapper .input-wrapper .submit-btn-right {
1116 4724 position: absolute;
1117 - right: 0;
1118 4725 top: 0;
1119 4726 bottom: 0;
1120 4727 display: flex;
4728 + align-items: center;
1121 4729 margin: auto;
1122 - align-items: center;
4730 + z-index: 2;
1123 4731 }
4732 +.bbpc_search_form_wrapper .input-wrapper {
4733 + /* Icon on the LEFT side (default / submit_btn_align = right → button on left). */
4734 +}
4735 +.bbpc_search_form_wrapper .input-wrapper .submit-btn-left {
4736 + left: 24px;
4737 +}
4738 +.bbpc_search_form_wrapper .input-wrapper {
4739 + /* Icon on the RIGHT side. */
4740 +}
1124 4741 .bbpc_search_form_wrapper .input-wrapper .submit-btn-right {
1125 - position: absolute;
1126 - left: 0;
1127 - top: 2px;
1128 - bottom: 2px;
1129 - margin: auto;
1130 - display: flex;
1131 - height: fit-content;
4742 + right: 14px;
1132 4743 }
4744 +.bbpc_search_form_wrapper .input-wrapper {
4745 + /* When icon is on the RIGHT — flip padding so text has left space instead. */
4746 +}
4747 +.bbpc_search_form_wrapper .input-wrapper.right input[type=search], .bbpc_search_form_wrapper .input-wrapper.right input.frmx-search-input {
4748 + padding-left: 18px;
4749 + padding-right: 52px;
4750 +}
1133 4751 .bbpc_search_form_wrapper .input-wrapper button {
1134 4752 background: transparent;
1135 4753 border: none;
1136 4754 outline: none;
@@ -1136,30 +4754,28 @@
1136 4754 outline: none;
1137 4755 cursor: pointer;
1138 4756 padding: 0;
1139 4757 margin: 0;
1140 - color: black;
4758 + color: var(--bbpc_brand_color, #1a73e8); /* blue icon — matches design */
4759 + line-height: 1;
4760 + display: inline-flex;
4761 + align-items: center;
4762 + justify-content: center;
1141 4763 }
1142 -.bbpc_search_form_wrapper .input-wrapper button svg {
4764 +.bbpc_search_form_wrapper .input-wrapper button i {
4765 + font-size: 18px;
4766 + line-height: 1;
4767 + display: inline-block;
1143 4768 width: auto;
1144 - max-width: 100%;
1145 4769 height: auto;
1146 - max-height: 80%;
4770 + font-style: normal;
1147 4771 }
1148 -.bbpc_search_form_wrapper .search-result-item {
1149 - padding: 10px 15px;
1150 - display: flex;
1151 - align-items: center;
1152 - width: 100%;
1153 - flex: 100%;
1154 - transition: all 0.3s;
4772 +.bbpc_search_form_wrapper .input-wrapper button svg {
4773 + width: 18px;
4774 + height: 18px;
4775 + fill: currentColor;
4776 + display: block;
1155 4777 }
1156 -.bbpc_search_form_wrapper .search-result-item a {
1157 - color: var(--p_color);
1158 -}
1159 -.bbpc_search_form_wrapper .search-result-item:hover {
1160 - background: rgba(143, 187, 237, 0.1);
1161 -}
1162 4778
1163 4779 .searchbar-tabs .tab-item {
1164 4780 font-size: 14px;
1165 4781 font-weight: 500;
@@ -1187,22 +4803,15 @@
1187 4803 .forum-card .forum-card-thumbnail-area {
1188 4804 padding: 0 !important;
1189 4805 }
1190 4806
1191 -body.body_dark input#searchInput.input_focused {
1192 - background: #fff;
1193 -}
1194 -body.body_dark .not-found-text, body.body_dark .bbpc-not-found-text {
1195 - color: black;
1196 -}
1197 -
1198 4807 /** === Focus Search Form === **/
1199 -body.bbpc-search-overlay {
4808 +body.bbpc-search-open {
1200 4809 opacity: 1;
1201 4810 visibility: visible;
1202 4811 }
1203 4812
1204 -body:not(.bbpc-search-overlay) #bbpc-search-result.ajax-search {
4813 +body:not(.bbpc-search-open) .bbpc-search-result-container.ajax-search {
1205 4814 display: none;
1206 4815 }
1207 4816
1208 4817 .bbpc-search-overlay.active {
@@ -1218,8 +4827,21 @@
1218 4827 z-index: 99;
1219 4828 transition: 0.3s all;
1220 4829 }
1221 4830
4831 +/* Spin animation for search spinner. */
4832 +@keyframes frmx-search-spin {
4833 + to {
4834 + transform: rotate(360deg);
4835 + }
4836 +}
4837 +.elementor-widget-container .more-communities {
4838 + margin-top: 0px !important;
4839 +}
4840 +.elementor-widget-container .community-topic-widget-box img {
4841 + height: 48px !important;
4842 +}
4843 +
1222 4844 .forum-with-topics {
1223 4845 border-radius: 30px;
1224 4846 }
1225 4847 .forum-with-topics .thumb-area .forum-thumbnail {
@@ -1428,15 +5050,21 @@
1428 5050 .forum-meta .button a {
1429 5051 color: #ffffff;
1430 5052 background: var(--bbpc_brand_color);
1431 5053 padding: 8px 14px;
1432 - font-size: 14px !important;
5054 + font-size: 14px;
1433 5055 border-radius: 3px;
5056 + text-decoration: none;
1434 5057 }
1435 5058 .forum-meta .button a:hover {
1436 - background: #085d4c;
5059 + background: #9ea2a9;
1437 5060 }
1438 5061
5062 +.forum-with-topics .forum-card {
5063 + background: var(--bs-white, #fff);
5064 + border-color: var(--black_50);
5065 +}
5066 +
1439 5067 .forum-card {
1440 5068 background: var(--bs-white);
1441 5069 border-radius: 8px 8px 8px 8px;
1442 5070 border: 1px solid var(--black_50);
@@ -1464,9 +5092,9 @@
1464 5092 border-radius: 30px 30px 0 0;
1465 5093 padding: 10px 25px;
1466 5094 }
1467 5095 .forum-card .forum-card-thumbnail-area img {
1468 - width: auto;
5096 + width: 100%;
1469 5097 }
1470 5098 .forum-card .forum-meta {
1471 5099 display: flex;
1472 5100 position: absolute;
@@ -1474,12 +5102,14 @@
1474 5102 right: 20px;
1475 5103 top: auto;
1476 5104 margin-bottom: 20px;
1477 5105 }
1478 -.forum-card .forum-meta .topics, .forum-card .forum-meta .replies {
5106 +.forum-card .forum-meta .topics,
5107 +.forum-card .forum-meta .replies {
1479 5108 background: rgba(23, 29, 36, 0.7);
1480 5109 }
1481 -.forum-card .forum-meta .topics:hover, .forum-card .forum-meta .replies:hover {
5110 +.forum-card .forum-meta .topics:hover,
5111 +.forum-card .forum-meta .replies:hover {
1482 5112 background: rgba(23, 29, 36, 0.8);
1483 5113 }
1484 5114
1485 5115 @media all and (max-width: 560px) {
@@ -1517,24 +5147,213 @@
1517 5147 display: flex;
1518 5148 flex-direction: column;
1519 5149 }
1520 5150
1521 -body.body_dark .forum-with-topics .topic-table .topic-contents h3 a {
1522 - color: #fff !important;
5151 +.bbpc-sf-list .bbpc-sf-list-header {
5152 + display: flex;
5153 + align-items: center;
5154 + justify-content: space-between;
5155 + flex-wrap: wrap;
5156 + margin-bottom: 12px;
5157 + gap: 10px;
1523 5158 }
1524 -body.body_dark .forum-with-topics .topic-table .topic-contents h3 a:hover {
1525 - color: var(--bbpc_brand_color) !important;
5159 +.bbpc-sf-list .bbpc-sf-list-forum-title {
5160 + font-size: 20px;
5161 + font-weight: 600;
5162 + margin: 0;
5163 + color: var(--black_900);
1526 5164 }
1527 -body.body_dark .forum-with-topics .topic-table .topic-contents .title p {
5165 +.bbpc-sf-list .bbpc-sf-list-forum-title a {
5166 + color: inherit;
5167 + text-decoration: none;
5168 +}
5169 +.bbpc-sf-list .bbpc-sf-list-forum-title a:hover {
5170 + color: var(--bbpc_brand_color);
5171 +}
5172 +.bbpc-sf-list .bbpc-sf-list-counts {
5173 + display: flex;
5174 + gap: 10px;
5175 +}
5176 +.bbpc-sf-list .bbpc-sf-list-badge {
5177 + font-size: 13px;
5178 + color: var(--black_500);
5179 + background: var(--black_50);
5180 + padding: 4px 10px;
5181 + border-radius: 20px;
5182 +}
5183 +.bbpc-sf-list .bbpc-sf-list-forum-desc {
5184 + font-size: 14px;
5185 + color: var(--black_600);
5186 + margin: 0 0 16px;
5187 + line-height: 1.6;
5188 +}
5189 +.bbpc-sf-list .bbpc-sf-list-item {
5190 + background: var(--bs-white);
5191 + border: 1px solid var(--black_50);
5192 + padding: 16px 20px;
5193 + margin-bottom: 10px;
5194 + border-radius: 8px;
5195 + transition: box-shadow 0.2s ease;
5196 +}
5197 +.bbpc-sf-list .bbpc-sf-list-item:hover {
5198 + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
5199 +}
5200 +.bbpc-sf-list .bbpc-sf-list-item:last-of-type {
5201 + margin-bottom: 0;
5202 +}
5203 +.bbpc-sf-list .bbpc-sf-list-title {
5204 + font-size: 15px;
5205 + font-weight: 500;
5206 + margin: 0 0 4px;
5207 + line-height: 1.4;
5208 +}
5209 +.bbpc-sf-list .bbpc-sf-list-title a {
5210 + color: var(--black_900);
5211 + text-decoration: none;
5212 +}
5213 +.bbpc-sf-list .bbpc-sf-list-title a:hover {
5214 + color: var(--bbpc_brand_color);
5215 +}
5216 +.bbpc-sf-list .bbpc-sf-list-excerpt {
5217 + font-size: 13px;
5218 + color: var(--black_500);
5219 + margin: 0 0 8px;
5220 + line-height: 1.5;
5221 +}
5222 +.bbpc-sf-list .bbpc-sf-list-meta {
5223 + display: flex;
5224 + gap: 16px;
5225 + flex-wrap: wrap;
5226 +}
5227 +.bbpc-sf-list .bbpc-sf-list-meta span {
5228 + font-size: 12px;
1528 5229 color: var(--black_400);
1529 5230 }
1530 -body.body_dark .forum-with-topics .forum-card .card-body .card-title h3 a {
1531 - color: #fff !important;
5231 +.bbpc-sf-list .bbpc-sf-list-footer {
5232 + margin-top: 16px;
5233 + text-align: right;
1532 5234 }
1533 -body.body_dark .forum-with-topics .forum-card .card-body .card-title h3 a:hover {
1534 - color: var(--bbpc_brand_color) !important;
5235 +.bbpc-sf-list .bbpc-sf-list-view-all {
5236 + display: inline-block;
5237 + font-size: 14px;
5238 + font-weight: 500;
5239 + color: var(--bbpc_brand_color);
5240 + text-decoration: none;
1535 5241 }
1536 -body.body_dark .forum-with-topics .forum-card .card-body:not(.card-title) {
5242 +.bbpc-sf-list .bbpc-sf-list-view-all:hover {
5243 + text-decoration: underline;
5244 +}
5245 +
5246 +.bbpc-sf-grid {
5247 + display: grid;
5248 + grid-template-columns: 1fr 1fr;
5249 + gap: 0;
5250 + border-radius: 8px;
5251 + overflow: hidden;
5252 + border: 1px solid var(--black_50);
5253 +}
5254 +@media all and (max-width: 768px) {
5255 + .bbpc-sf-grid {
5256 + grid-template-columns: 1fr;
5257 + }
5258 +}
5259 +.bbpc-sf-grid .bbpc-sf-grid-info {
5260 + display: flex;
5261 + align-items: flex-end;
5262 + padding: 30px;
5263 + min-height: 250px;
5264 + color: #fff;
5265 +}
5266 +.bbpc-sf-grid .bbpc-sf-grid-info-inner {
5267 + width: 100%;
5268 +}
5269 +.bbpc-sf-grid .bbpc-sf-grid-title {
5270 + font-size: 22px;
5271 + font-weight: 600;
5272 + margin: 0 0 8px;
5273 +}
5274 +.bbpc-sf-grid .bbpc-sf-grid-title a {
5275 + color: #fff;
5276 + text-decoration: none;
5277 +}
5278 +.bbpc-sf-grid .bbpc-sf-grid-title a:hover {
5279 + opacity: 0.85;
5280 +}
5281 +.bbpc-sf-grid .bbpc-sf-grid-desc {
5282 + font-size: 14px;
5283 + line-height: 1.6;
5284 + margin: 0 0 16px;
5285 + opacity: 0.85;
5286 + color: #fff;
5287 +}
5288 +.bbpc-sf-grid .bbpc-sf-grid-badges {
5289 + display: flex;
5290 + gap: 10px;
5291 + margin-bottom: 16px;
5292 +}
5293 +.bbpc-sf-grid .bbpc-sf-grid-badge {
5294 + font-size: 13px;
5295 + color: #fff;
5296 + background: rgba(255, 255, 255, 0.2);
5297 + padding: 5px 12px;
5298 + border-radius: 20px;
5299 +}
5300 +.bbpc-sf-grid .bbpc-sf-grid-view-all {
5301 + display: inline-block;
5302 + font-size: 14px;
5303 + font-weight: 500;
5304 + color: #fff;
5305 + text-decoration: none;
5306 + background: var(--bbpc_brand_color);
5307 + padding: 8px 18px;
5308 + border-radius: 6px;
5309 + transition: opacity 0.2s ease;
5310 +}
5311 +.bbpc-sf-grid .bbpc-sf-grid-view-all:hover {
5312 + opacity: 0.9;
5313 + color: #fff;
5314 + text-decoration: none;
5315 +}
5316 +.bbpc-sf-grid .bbpc-sf-grid-topics {
5317 + background: var(--bs-white);
5318 +}
5319 +.bbpc-sf-grid .bbpc-sf-grid-topic {
5320 + padding: 18px 24px;
5321 + border-bottom: 1px solid var(--black_50);
5322 + transition: background 0.2s ease;
5323 +}
5324 +.bbpc-sf-grid .bbpc-sf-grid-topic:last-child {
5325 + border-bottom: none;
5326 +}
5327 +.bbpc-sf-grid .bbpc-sf-grid-topic:hover {
5328 + background: var(--black_50);
5329 +}
5330 +.bbpc-sf-grid .bbpc-sf-grid-topic h3 {
5331 + font-size: 15px;
5332 + font-weight: 500;
5333 + margin: 0 0 4px;
5334 + line-height: 1.4;
5335 +}
5336 +.bbpc-sf-grid .bbpc-sf-grid-topic h3 a {
5337 + color: var(--black_900);
5338 + text-decoration: none;
5339 +}
5340 +.bbpc-sf-grid .bbpc-sf-grid-topic h3 a:hover {
5341 + color: var(--bbpc_brand_color);
5342 +}
5343 +.bbpc-sf-grid .bbpc-sf-grid-topic p {
5344 + font-size: 13px;
5345 + color: var(--black_500);
5346 + margin: 0 0 8px;
5347 + line-height: 1.5;
5348 +}
5349 +.bbpc-sf-grid .bbpc-sf-grid-meta {
5350 + display: flex;
5351 + gap: 16px;
5352 + flex-wrap: wrap;
5353 +}
5354 +.bbpc-sf-grid .bbpc-sf-grid-meta span {
5355 + font-size: 12px;
1537 5356 color: var(--black_400);
1538 5357 }
1539 5358
1540 5359 .single-forum-post-widget {
@@ -1539,9 +5358,9 @@
1539 5358
1540 5359 .single-forum-post-widget {
1541 5360 box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);
1542 5361 border-radius: 10px;
1543 - background-color: #fff;
5362 + background-color: var(--bs-white);
1544 5363 transition: all 0.3s ease-out;
1545 5364 padding: 22px 35px 18px 30px;
1546 5365 display: flex;
1547 5366 align-items: center;
@@ -1568,9 +5387,9 @@
1568 5387 font-weight: 500;
1569 5388 text-transform: capitalize;
1570 5389 }
1571 5390 .single-forum-post-widget .post-title h6 a {
1572 - color: #171d24;
5391 + color: var(--black_800);
1573 5392 font-size: 18px;
1574 5393 }
1575 5394 .single-forum-post-widget .post-title h6 a:hover {
1576 5395 text-decoration: none;
@@ -1588,12 +5407,8 @@
1588 5407 }
1589 5408 .single-forum-post-widget .post-info > div {
1590 5409 margin-right: 15px;
1591 5410 display: flex;
1592 - color: var(--black_600);
1593 - font-size: 14px;
1594 - font-weight: 400;
1595 - line-height: 16px;
1596 5411 }
1597 5412 .single-forum-post-widget .post-info > div img {
1598 5413 margin-right: 5px;
1599 5414 height: 15px;
@@ -1598,10 +5413,16 @@
1598 5413 margin-right: 5px;
1599 5414 height: 15px;
1600 5415 width: 15px;
1601 5416 }
5417 +.single-forum-post-widget .post-info > div {
5418 + color: var(--black_600);
5419 + font-size: 14px;
5420 + font-weight: 400;
5421 + line-height: 16px;
5422 +}
1602 5423 .single-forum-post-widget .post-info > div a {
1603 - color: #545454;
5424 + color: var(--black_600);
1604 5425 }
1605 5426 .single-forum-post-widget .post-tags {
1606 5427 display: flex;
1607 5428 }
@@ -1644,9 +5465,9 @@
1644 5465 .single-forum-post-widget .post-tags .single-tag.tag-sprt {
1645 5466 background-color: #0cc72a;
1646 5467 }
1647 5468 .single-forum-post-widget .post-reach {
1648 - border-left: 1px solid #e6e6e6;
5469 + border-left: 1px solid var(--black_50);
1649 5470 padding-left: 15px;
1650 5471 }
1651 5472 .single-forum-post-widget .post-reach > div {
1652 5473 font-size: 12px;
@@ -1664,9 +5485,9 @@
1664 5485 margin-right: 5px;
1665 5486 }
1666 5487
1667 5488 .community-area .nav-tabs {
1668 - border-bottom: 1px solid #e6e6e6;
5489 + border-bottom: 1px solid var(--black_150);
1669 5490 }
1670 5491 .community-area .nav-tabs .nav-item:hover button {
1671 5492 color: var(--bbpc_brand_color);
1672 5493 }
@@ -1707,9 +5528,9 @@
1707 5528 border-radius: 10px;
1708 5529 display: flex;
1709 5530 padding: 40px;
1710 5531 transition: all 0.3s ease-out;
1711 - background-color: #fff;
5532 + background-color: var(--bs-white);
1712 5533 }
1713 5534 .community-topic-widget-box:hover {
1714 5535 box-shadow: 0 20px 45px 0 rgba(51, 77, 114, 0.1490196078);
1715 5536 }
@@ -1714,16 +5535,21 @@
1714 5535 box-shadow: 0 20px 45px 0 rgba(51, 77, 114, 0.1490196078);
1715 5536 }
1716 5537 .community-topic-widget-box img {
1717 5538 margin-right: 24px;
1718 - max-width: 48px;
5539 + width: auto;
5540 + height: 48px;
1719 5541 }
5542 +.community-topic-widget-box .box-content h5 {
5543 + margin-top: 0px;
5544 + padding-top: 0px;
5545 +}
1720 5546 .community-topic-widget-box h5 {
1721 5547 font-size: 18px;
1722 5548 font-weight: 500;
1723 5549 line-height: 21px;
1724 5550 color: #171d24;
1725 - margin-bottom: 2px;
5551 + margin-bottom: 5px;
1726 5552 margin-top: 0;
1727 5553 text-transform: capitalize;
1728 5554 }
1729 5555 .community-topic-widget-box h5:hover a {
@@ -1743,9 +5569,9 @@
1743 5569 .community-topic-widget-box span:nth-child(4) {
1744 5570 padding-left: 8px;
1745 5571 }
1746 5572 .community-topic-widget-box span.vr-line {
1747 - color: #bbc0c4;
5573 + color: var(--black_75);
1748 5574 }
1749 5575
1750 5576 .nav {
1751 5577 display: flex;
@@ -1792,9 +5618,9 @@
1792 5618 border-radius: 5px;
1793 5619 line-height: 48px;
1794 5620 padding: 0 40px;
1795 5621 text-align: center;
1796 - background-color: #fff;
5622 + background-color: var(--bs-white);
1797 5623 margin-top: 50px;
1798 5624 }
1799 5625 .bbpc-show-more-btn-wrapper .show-more-btn:hover {
1800 5626 box-shadow: 0 10px 30px 0 rgba(51, 77, 114, 0.1215686275);
@@ -1892,8 +5718,12 @@
1892 5718 animation-iteration-count: infinite;
1893 5719 animation-timing-function: linear;
1894 5720 }
1895 5721
5722 +body.body_dark .community-area .dbl-arrow-upper .arrow-cont svg {
5723 + fill: #fff;
5724 +}
5725 +
1896 5726 @keyframes bounceAlphaUp {
1897 5727 0% {
1898 5728 opacity: 1;
1899 5729 transform: translateY(0) scale(1);
@@ -1910,6 +5740,249 @@
1910 5740 opacity: 1;
1911 5741 transform: translateY(0) scale(1);
1912 5742 }
1913 5743 }
5744 +/*============== doc_features_area css ===========*/
5745 +.doc_features_area {
5746 + padding-bottom: 40px;
5747 + position: relative;
5748 + z-index: 1;
5749 + background: #fbfbfc;
5750 +}
5751 +.doc_features_area .doc_features_shap {
5752 + position: absolute;
5753 + bottom: 0;
5754 + left: 0;
5755 + z-index: -1;
5756 + background-size: cover;
5757 +}
1914 5758
1915 -/*# sourceMappingURL=el-widgets.css.map */
5759 +.doc_features_inner {
5760 + overflow: hidden;
5761 + box-shadow: 0 30px 60px 0 rgba(2, 2, 48, 0.08);
5762 + border-radius: 10px;
5763 + background: #fff;
5764 + top: -60px;
5765 + position: relative;
5766 +}
5767 +.doc_features_inner .see_more_item,
5768 +.doc_features_inner .forumax-collapse-wrap {
5769 + display: none;
5770 + flex-wrap: wrap;
5771 + width: 100%;
5772 +}
5773 +.doc_features_inner .media-body a {
5774 + text-decoration: none;
5775 +}
5776 +.doc_features_inner .media-body a:hover {
5777 + text-decoration: underline;
5778 +}
5779 +.doc_features_inner a.see_btn {
5780 + text-decoration: none;
5781 +}
5782 +.doc_features_inner a.see_btn:hover {
5783 + text-decoration: underline;
5784 + color: var(--bbpc_brand_color);
5785 +}
5786 +.doc_features_inner a.see_btn:focus {
5787 + outline: none;
5788 +}
5789 +
5790 +.see_btn {
5791 + font-size: 14px;
5792 + line-height: 20px;
5793 + color: var(--bbpc_brand_color);
5794 + display: inline-block;
5795 + margin: 16px 50px 12px;
5796 + width: 100%;
5797 +}
5798 +.see_btn:hover i {
5799 + background-color: var(--bbpc_brand_color);
5800 + color: #fff;
5801 +}
5802 +.see_btn i {
5803 + font-size: 20px;
5804 + vertical-align: middle;
5805 + margin-right: 5px;
5806 + margin-top: -5px;
5807 + display: inline-block;
5808 + border-radius: 50%;
5809 + border: 1px solid var(--bbpc_brand_color);
5810 + transition: background-color 0.3s;
5811 +}
5812 +.see_btn .less {
5813 + display: none;
5814 +}
5815 +.see_btn.active .less {
5816 + display: inline;
5817 +}
5818 +.see_btn.active .more {
5819 + display: none;
5820 +}
5821 +.see_btn.active i {
5822 + transform: rotate(180deg);
5823 +}
5824 +
5825 +.doc_features_item {
5826 + width: 33.3333333333%;
5827 + float: left;
5828 + padding: 35px 30px;
5829 + border-bottom: 1px solid var(--black_100);
5830 + border-left: 1px solid var(--black_100);
5831 +}
5832 +.doc_features_item img {
5833 + margin-right: 15px;
5834 +}
5835 +.doc_features_item h4 {
5836 + font-size: 16px;
5837 + line-height: 26px;
5838 + font-weight: 700;
5839 + margin-bottom: 2px;
5840 +}
5841 +.doc_features_item h4:hover {
5842 + color: var(--bbpc_brand_color);
5843 +}
5844 +.doc_features_item p {
5845 + margin-bottom: 0;
5846 + font-size: 14px;
5847 +}
5848 +.doc_features_item:nth-child(1), .doc_features_item:nth-child(4), .doc_features_item:nth-child(7), .doc_features_item:nth-child(10) {
5849 + border-left: 0;
5850 +}
5851 +
5852 +.doc_features_item img {
5853 + max-width: 50px !important;
5854 + max-height: 50px !important;
5855 +}
5856 +
5857 +/*============== doc_features_area css ===========*/
5858 +/*============= doc_community_area css ================*/
5859 +.doc_community_area {
5860 + padding: 200px 0 75px;
5861 + position: relative;
5862 +}
5863 +.doc_community_area .shap_one,
5864 +.doc_community_area .shap_two {
5865 + position: absolute;
5866 + z-index: -1;
5867 +}
5868 +.doc_community_area .shap_one {
5869 + width: 1300px;
5870 + right: 0;
5871 + top: 100px;
5872 +}
5873 +.doc_community_area .shap_two {
5874 + top: 0;
5875 +}
5876 +.doc_community_area .doc_title {
5877 + margin-bottom: 64px;
5878 +}
5879 +
5880 +.doc_community_info .question_text {
5881 + color: #a7acb7;
5882 + font-size: 14px;
5883 + font-weight: 400;
5884 + line-height: 22px;
5885 + margin-top: 40px;
5886 +}
5887 +.doc_community_info .question_text:hover {
5888 + color: var(--bbpc_brand_color);
5889 +}
5890 +.doc_community_info .doc_entry_content a {
5891 + text-decoration: none;
5892 +}
5893 +.doc_community_info .doc_entry_content a:hover {
5894 + text-decoration: underline;
5895 +}
5896 +
5897 +.doc_community_item {
5898 + display: flex;
5899 + align-items: center;
5900 + border-radius: 10px;
5901 + background: #fff;
5902 + box-shadow: 0 20px 30px 0 rgba(2, 2, 48, 0.06);
5903 + margin-bottom: 20px;
5904 + padding: 38px 70px;
5905 + transition: all 0.2s linear;
5906 + cursor: pointer;
5907 +}
5908 +.doc_community_item .doc_community_icon {
5909 + width: 100px;
5910 + height: 100px;
5911 + line-height: 100px;
5912 + border-radius: 50%;
5913 + text-align: center;
5914 + font-size: 36px;
5915 + background: rgba(76, 76, 241, 0.06);
5916 + color: var(--bbpc_brand_color);
5917 + margin-right: 50px;
5918 +}
5919 +.doc_community_item h4 {
5920 + font-size: 20px;
5921 + margin-bottom: 5px;
5922 + transition: color 0.2s linear;
5923 +}
5924 +.doc_community_item h4:hover {
5925 + color: var(--bbpc_brand_color);
5926 +}
5927 +.doc_community_item p {
5928 + font-size: 14px;
5929 + color: #6b707f;
5930 +}
5931 +.doc_community_item .doc_entry_info {
5932 + display: flex;
5933 + flex-wrap: wrap;
5934 + padding-top: 5px;
5935 +}
5936 +.doc_community_item .doc_entry_info .author_avatar {
5937 + display: flex;
5938 + margin-bottom: 0;
5939 + margin-right: 15px;
5940 +}
5941 +.doc_community_item .doc_entry_info .author_avatar li {
5942 + line-height: 34px;
5943 + border-radius: 50%;
5944 + font-size: 14px;
5945 + font-weight: 500;
5946 + color: var(--black_800);
5947 + text-align: center;
5948 + z-index: 2;
5949 + position: relative;
5950 + border: 2px solid var(--bs-white);
5951 + list-style: none !important;
5952 +}
5953 +.doc_community_item .doc_entry_info .author_avatar li img {
5954 + max-width: 30px;
5955 + border-radius: 50%;
5956 +}
5957 +.doc_community_item .doc_entry_info .author_avatar li + li {
5958 + margin-left: -10px;
5959 +}
5960 +.doc_community_item .doc_entry_info .author_avatar li.avatar_plus {
5961 + border-color: #d7d8db;
5962 + width: 32px;
5963 + height: 32px;
5964 + align-self: end;
5965 + line-height: 28px;
5966 + font-size: 12px;
5967 + padding-left: 2px;
5968 + z-index: 0;
5969 + margin-left: -8px;
5970 +}
5971 +.doc_community_item .doc_entry_info .text {
5972 + font-size: 14px;
5973 + line-height: 1.3;
5974 + color: #90939b;
5975 +}
5976 +.doc_community_item:hover {
5977 + box-shadow: 0 10px 30px 0 rgba(2, 2, 48, 0.02);
5978 +}
5979 +.doc_community_item:nth-child(2) .doc_community_icon {
5980 + background: #fef9ee;
5981 + color: #f7b126;
5982 +}
5983 +.doc_community_item:nth-child(3) .doc_community_icon {
5984 + background: #f1fbf8;
5985 + color: #0fbc8b;
5986 +}
5987 +
5988 +/*============= doc_community_area css ================*/