@openeuropa/bcl-theme-joinup 0.3791.202505281825 → 0.3880.202510091030

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/bcl-builder.config.js +2 -0
  2. package/css/oe-bcl-joinup.css +759 -269
  3. package/css/oe-bcl-joinup.css.map +1 -1
  4. package/css/oe-bcl-joinup.min.css +1 -1
  5. package/css/oe-bcl-joinup.min.css.map +1 -1
  6. package/js/oe-bcl-joinup.bundle.js +187 -0
  7. package/js/oe-bcl-joinup.bundle.js.map +1 -1
  8. package/js/oe-bcl-joinup.bundle.min.js +1 -1
  9. package/js/oe-bcl-joinup.bundle.min.js.map +1 -1
  10. package/js/oe-bcl-joinup.esm.js +186 -1
  11. package/js/oe-bcl-joinup.esm.js.map +1 -1
  12. package/js/oe-bcl-joinup.esm.min.js +1 -1
  13. package/js/oe-bcl-joinup.esm.min.js.map +1 -1
  14. package/js/oe-bcl-joinup.umd.js +187 -0
  15. package/js/oe-bcl-joinup.umd.js.map +1 -1
  16. package/js/oe-bcl-joinup.umd.min.js +1 -1
  17. package/js/oe-bcl-joinup.umd.min.js.map +1 -1
  18. package/js/slim-select-2/slimselect.min.js +1 -1
  19. package/package.json +8 -8
  20. package/src/js/index.esm.js +4 -0
  21. package/src/js/index.umd.js +4 -0
  22. package/src/scss/oe-bcl-joinup.scss +1 -0
  23. package/templates/bcl-button/button.html.twig +3 -2
  24. package/templates/bcl-header/header.html.twig +37 -6
  25. package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +7 -2
  26. package/templates/bcl-mega-menu/mega-menu-items.html.twig +35 -0
  27. package/templates/bcl-mega-menu/mega-menu-submenu.html.twig +65 -0
  28. package/templates/bcl-mega-menu/mega-menu.html.twig +115 -0
  29. package/templates/bcl-modal/modal.html.twig +16 -4
  30. package/templates/bcl-navigation/navigation.html.twig +3 -1
  31. package/templates/bcl-offcanvas/offcanvas.html.twig +9 -6
  32. package/templates/bcl-toast/toasts.html.twig +13 -4
@@ -33,7 +33,7 @@
33
33
  }
34
34
 
35
35
  h1, .h1 {
36
- color: #113264;
36
+ color: rgb(16.9957284087, 50.0249649814, 99.9922715913);
37
37
  }
38
38
 
39
39
  h2.fw-medium, .fw-medium.h2,
@@ -41,7 +41,7 @@ h3.fw-medium,
41
41
  .fw-medium.h3,
42
42
  h4.fw-medium,
43
43
  .fw-medium.h4 {
44
- color: #113264;
44
+ color: rgb(16.9957284087, 50.0249649814, 99.9922715913);
45
45
  }
46
46
 
47
47
  :root,
@@ -70,7 +70,7 @@ h4.fw-medium,
70
70
  --bs-gray-800: #3d3f40;
71
71
  --bs-gray-900: #242626;
72
72
  --bs-primary: #143b76;
73
- --bs-secondary: #e7f1fb;
73
+ --bs-secondary: rgb(230.9868389714, 240.9369554248, 250.9971610286);
74
74
  --bs-success: #18bf80;
75
75
  --bs-info: #0d768b;
76
76
  --bs-warning: #eba843;
@@ -87,12 +87,12 @@ h4.fw-medium,
87
87
  --bs-light-rgb: 248, 249, 250;
88
88
  --bs-dark-rgb: 33, 37, 41;
89
89
  --bs-brand-rgb: 16, 115, 222;
90
- --bs-primary-text-emphasis: #08182f;
91
- --bs-secondary-text-emphasis: #5c6064;
92
- --bs-success-text-emphasis: #0a4c33;
93
- --bs-info-text-emphasis: #052f38;
94
- --bs-warning-text-emphasis: #5e431b;
95
- --bs-danger-text-emphasis: #5e1515;
90
+ --bs-primary-text-emphasis: rgb(8, 23.6, 47.2);
91
+ --bs-secondary-text-emphasis: rgb(92.3947355886, 96.3747821699, 100.3988644114);
92
+ --bs-success-text-emphasis: rgb(9.6, 76.4, 51.2);
93
+ --bs-info-text-emphasis: rgb(5.2, 47.2, 55.6);
94
+ --bs-warning-text-emphasis: rgb(94, 67.2, 26.8);
95
+ --bs-danger-text-emphasis: rgb(94, 20.8, 20.8);
96
96
  --bs-light-text-emphasis: #555859;
97
97
  --bs-dark-text-emphasis: #555859;
98
98
  --bs-primary-bg-subtle: tint-color(#253ebe, 90%);
@@ -101,7 +101,7 @@ h4.fw-medium,
101
101
  --bs-info-bg-subtle: tint-color(#0d768b, 90%);
102
102
  --bs-warning-bg-subtle: tint-color(#ffba07, 90%);
103
103
  --bs-danger-bg-subtle: tint-color(#a51f2c, 90%);
104
- --bs-light-bg-subtle: #fdfdfe;
104
+ --bs-light-bg-subtle: rgb(252.5, 253, 253.5);
105
105
  --bs-dark-bg-subtle: #a2a8ab;
106
106
  --bs-primary-border-subtle: tint-color(#253ebe, 80%);
107
107
  --bs-secondary-border-subtle: tint-color(#70254a, 80%);
@@ -138,12 +138,12 @@ h4.fw-medium,
138
138
  --bs-link-color: #1073de;
139
139
  --bs-link-color-rgb: 16, 115, 222;
140
140
  --bs-link-decoration: none;
141
- --bs-link-hover-color: #102f5e;
141
+ --bs-link-hover-color: rgb(16, 47.2, 94.4);
142
142
  --bs-link-hover-color-rgb: 16, 47, 94;
143
143
  --bs-link-hover-decoration: underline;
144
144
  --bs-code-color: #d63384;
145
145
  --bs-highlight-color: #242626;
146
- --bs-highlight-bg: #fff3cd;
146
+ --bs-highlight-bg: rgb(255, 242.6, 205.4);
147
147
  --bs-border-width: 1px;
148
148
  --bs-border-style: solid;
149
149
  --bs-border-color: #dadee0;
@@ -182,46 +182,46 @@ h4.fw-medium,
182
182
  --bs-secondary-bg-rgb: 61, 63, 64;
183
183
  --bs-tertiary-color: rgba(218, 222, 224, 0.5);
184
184
  --bs-tertiary-color-rgb: 218, 222, 224;
185
- --bs-tertiary-bg: #313333;
185
+ --bs-tertiary-bg: rgb(48.5, 50.5, 51);
186
186
  --bs-tertiary-bg-rgb: 49, 51, 51;
187
- --bs-primary-text-emphasis: #7289ad;
188
- --bs-secondary-text-emphasis: #f1f7fd;
189
- --bs-success-text-emphasis: #74d9b3;
190
- --bs-info-text-emphasis: #6eadb9;
191
- --bs-warning-text-emphasis: #f3cb8e;
192
- --bs-danger-text-emphasis: #f38585;
187
+ --bs-primary-text-emphasis: rgb(114, 137.4, 172.8);
188
+ --bs-secondary-text-emphasis: rgb(240.5921033829, 246.5621732549, 252.5982966171);
189
+ --bs-success-text-emphasis: rgb(116.4, 216.6, 178.8);
190
+ --bs-info-text-emphasis: rgb(109.8, 172.8, 185.4);
191
+ --bs-warning-text-emphasis: rgb(243, 202.8, 142.2);
192
+ --bs-danger-text-emphasis: rgb(243, 133.2, 133.2);
193
193
  --bs-light-text-emphasis: #fafbfc;
194
194
  --bs-dark-text-emphasis: #dadee0;
195
- --bs-primary-bg-subtle: #040c18;
196
- --bs-secondary-bg-subtle: #2e3032;
197
- --bs-success-bg-subtle: #05261a;
198
- --bs-info-bg-subtle: #03181c;
199
- --bs-warning-bg-subtle: #2f220d;
200
- --bs-danger-bg-subtle: #2f0a0a;
195
+ --bs-primary-bg-subtle: rgb(4, 11.8, 23.6);
196
+ --bs-secondary-bg-subtle: rgb(46.1973677943, 48.187391085, 50.1994322057);
197
+ --bs-success-bg-subtle: rgb(4.8, 38.2, 25.6);
198
+ --bs-info-bg-subtle: rgb(2.6, 23.6, 27.8);
199
+ --bs-warning-bg-subtle: rgb(47, 33.6, 13.4);
200
+ --bs-danger-bg-subtle: rgb(47, 10.4, 10.4);
201
201
  --bs-light-bg-subtle: #3d3f40;
202
- --bs-dark-bg-subtle: #1f2020;
203
- --bs-primary-border-subtle: #0c2347;
204
- --bs-secondary-border-subtle: #8b9197;
205
- --bs-success-border-subtle: #0e734d;
206
- --bs-info-border-subtle: #084753;
207
- --bs-warning-border-subtle: #8d6528;
208
- --bs-danger-border-subtle: #8d1f1f;
202
+ --bs-dark-bg-subtle: rgb(30.5, 31.5, 32);
203
+ --bs-primary-border-subtle: rgb(12, 35.4, 70.8);
204
+ --bs-secondary-border-subtle: rgb(138.5921033829, 144.5621732549, 150.5982966171);
205
+ --bs-success-border-subtle: rgb(14.4, 114.6, 76.8);
206
+ --bs-info-border-subtle: rgb(7.8, 70.8, 83.4);
207
+ --bs-warning-border-subtle: rgb(141, 100.8, 40.2);
208
+ --bs-danger-border-subtle: rgb(141, 31.2, 31.2);
209
209
  --bs-light-border-subtle: #555859;
210
210
  --bs-dark-border-subtle: #3d3f40;
211
211
  --bs-heading-color: inherit;
212
- --bs-link-color: #7289ad;
213
- --bs-link-hover-color: #8ea1bd;
212
+ --bs-link-color: rgb(114, 137.4, 172.8);
213
+ --bs-link-hover-color: rgb(142.2, 160.92, 189.24);
214
214
  --bs-link-color-rgb: 114, 137, 173;
215
215
  --bs-link-hover-color-rgb: 142, 161, 189;
216
- --bs-code-color: #e685b5;
216
+ --bs-code-color: rgb(230.4, 132.6, 181.2);
217
217
  --bs-highlight-color: #dadee0;
218
- --bs-highlight-bg: #664d03;
218
+ --bs-highlight-bg: rgb(102, 77.2, 2.8);
219
219
  --bs-border-color: #555859;
220
220
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
221
- --bs-form-valid-color: #75b798;
222
- --bs-form-valid-border-color: #75b798;
223
- --bs-form-invalid-color: #ea868f;
224
- --bs-form-invalid-border-color: #ea868f;
221
+ --bs-form-valid-color: rgb(117, 183, 152.4);
222
+ --bs-form-valid-border-color: rgb(117, 183, 152.4);
223
+ --bs-form-invalid-color: rgb(234, 133.8, 143.4);
224
+ --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
225
225
  }
226
226
 
227
227
  *,
@@ -2406,13 +2406,13 @@ progress {
2406
2406
 
2407
2407
  .table-primary {
2408
2408
  --bs-table-color: #000;
2409
- --bs-table-bg: #d0d8e4;
2410
- --bs-table-border-color: #bbc2cd;
2411
- --bs-table-striped-bg: #c6cdd9;
2409
+ --bs-table-bg: rgb(208, 215.8, 227.6);
2410
+ --bs-table-border-color: rgb(187.2, 194.22, 204.84);
2411
+ --bs-table-striped-bg: rgb(197.6, 205.01, 216.22);
2412
2412
  --bs-table-striped-color: #000;
2413
- --bs-table-active-bg: #bbc2cd;
2413
+ --bs-table-active-bg: rgb(187.2, 194.22, 204.84);
2414
2414
  --bs-table-active-color: #000;
2415
- --bs-table-hover-bg: #bbc2cd;
2415
+ --bs-table-hover-bg: rgb(187.2, 194.22, 204.84);
2416
2416
  --bs-table-hover-color: #000;
2417
2417
  color: var(--bs-table-color);
2418
2418
  border-color: var(--bs-table-border-color);
@@ -2420,13 +2420,13 @@ progress {
2420
2420
 
2421
2421
  .table-secondary {
2422
2422
  --bs-table-color: #000;
2423
- --bs-table-bg: #fafcfe;
2424
- --bs-table-border-color: #e1e3e5;
2425
- --bs-table-striped-bg: #eeeff1;
2423
+ --bs-table-bg: rgb(250.1973677943, 252.187391085, 254.1994322057);
2424
+ --bs-table-border-color: rgb(225.1776310149, 226.9686519765, 228.7794889851);
2425
+ --bs-table-striped-bg: rgb(237.6874994046, 239.5780215307, 241.4894605954);
2426
2426
  --bs-table-striped-color: #000;
2427
- --bs-table-active-bg: #e1e3e5;
2427
+ --bs-table-active-bg: rgb(225.1776310149, 226.9686519765, 228.7794889851);
2428
2428
  --bs-table-active-color: #000;
2429
- --bs-table-hover-bg: #e1e3e5;
2429
+ --bs-table-hover-bg: rgb(225.1776310149, 226.9686519765, 228.7794889851);
2430
2430
  --bs-table-hover-color: #000;
2431
2431
  color: var(--bs-table-color);
2432
2432
  border-color: var(--bs-table-border-color);
@@ -2434,13 +2434,13 @@ progress {
2434
2434
 
2435
2435
  .table-success {
2436
2436
  --bs-table-color: #000;
2437
- --bs-table-bg: #d1f2e6;
2438
- --bs-table-border-color: #bcdacf;
2439
- --bs-table-striped-bg: #c7e6db;
2437
+ --bs-table-bg: rgb(208.8, 242.2, 229.6);
2438
+ --bs-table-border-color: rgb(187.92, 217.98, 206.64);
2439
+ --bs-table-striped-bg: rgb(198.36, 230.09, 218.12);
2440
2440
  --bs-table-striped-color: #000;
2441
- --bs-table-active-bg: #bcdacf;
2441
+ --bs-table-active-bg: rgb(187.92, 217.98, 206.64);
2442
2442
  --bs-table-active-color: #000;
2443
- --bs-table-hover-bg: #bcdacf;
2443
+ --bs-table-hover-bg: rgb(187.92, 217.98, 206.64);
2444
2444
  --bs-table-hover-color: #000;
2445
2445
  color: var(--bs-table-color);
2446
2446
  border-color: var(--bs-table-border-color);
@@ -2448,13 +2448,13 @@ progress {
2448
2448
 
2449
2449
  .table-info {
2450
2450
  --bs-table-color: #000;
2451
- --bs-table-bg: #cfe4e8;
2452
- --bs-table-border-color: #bacdd1;
2453
- --bs-table-striped-bg: #c5d9dc;
2451
+ --bs-table-bg: rgb(206.6, 227.6, 231.8);
2452
+ --bs-table-border-color: rgb(185.94, 204.84, 208.62);
2453
+ --bs-table-striped-bg: rgb(196.27, 216.22, 220.21);
2454
2454
  --bs-table-striped-color: #000;
2455
- --bs-table-active-bg: #bacdd1;
2455
+ --bs-table-active-bg: rgb(185.94, 204.84, 208.62);
2456
2456
  --bs-table-active-color: #000;
2457
- --bs-table-hover-bg: #bacdd1;
2457
+ --bs-table-hover-bg: rgb(185.94, 204.84, 208.62);
2458
2458
  --bs-table-hover-color: #000;
2459
2459
  color: var(--bs-table-color);
2460
2460
  border-color: var(--bs-table-border-color);
@@ -2462,13 +2462,13 @@ progress {
2462
2462
 
2463
2463
  .table-warning {
2464
2464
  --bs-table-color: #000;
2465
- --bs-table-bg: #fbeed9;
2466
- --bs-table-border-color: #e2d6c3;
2467
- --bs-table-striped-bg: #eee2ce;
2465
+ --bs-table-bg: rgb(251, 237.6, 217.4);
2466
+ --bs-table-border-color: rgb(225.9, 213.84, 195.66);
2467
+ --bs-table-striped-bg: rgb(238.45, 225.72, 206.53);
2468
2468
  --bs-table-striped-color: #000;
2469
- --bs-table-active-bg: #e2d6c3;
2469
+ --bs-table-active-bg: rgb(225.9, 213.84, 195.66);
2470
2470
  --bs-table-active-color: #000;
2471
- --bs-table-hover-bg: #e2d6c3;
2471
+ --bs-table-hover-bg: rgb(225.9, 213.84, 195.66);
2472
2472
  --bs-table-hover-color: #000;
2473
2473
  color: var(--bs-table-color);
2474
2474
  border-color: var(--bs-table-border-color);
@@ -2476,13 +2476,13 @@ progress {
2476
2476
 
2477
2477
  .table-danger {
2478
2478
  --bs-table-color: #000;
2479
- --bs-table-bg: #fbd6d6;
2480
- --bs-table-border-color: #e2c1c1;
2481
- --bs-table-striped-bg: #eecbcb;
2479
+ --bs-table-bg: rgb(251, 214.4, 214.4);
2480
+ --bs-table-border-color: rgb(225.9, 192.96, 192.96);
2481
+ --bs-table-striped-bg: rgb(238.45, 203.68, 203.68);
2482
2482
  --bs-table-striped-color: #000;
2483
- --bs-table-active-bg: #e2c1c1;
2483
+ --bs-table-active-bg: rgb(225.9, 192.96, 192.96);
2484
2484
  --bs-table-active-color: #000;
2485
- --bs-table-hover-bg: #e2c1c1;
2485
+ --bs-table-hover-bg: rgb(225.9, 192.96, 192.96);
2486
2486
  --bs-table-hover-color: #000;
2487
2487
  color: var(--bs-table-color);
2488
2488
  border-color: var(--bs-table-border-color);
@@ -2491,12 +2491,12 @@ progress {
2491
2491
  .table-light {
2492
2492
  --bs-table-color: #000;
2493
2493
  --bs-table-bg: #f8f9fa;
2494
- --bs-table-border-color: #dfe0e1;
2495
- --bs-table-striped-bg: #ecedee;
2494
+ --bs-table-border-color: rgb(223.2, 224.1, 225);
2495
+ --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
2496
2496
  --bs-table-striped-color: #000;
2497
- --bs-table-active-bg: #dfe0e1;
2497
+ --bs-table-active-bg: rgb(223.2, 224.1, 225);
2498
2498
  --bs-table-active-color: #000;
2499
- --bs-table-hover-bg: #dfe0e1;
2499
+ --bs-table-hover-bg: rgb(223.2, 224.1, 225);
2500
2500
  --bs-table-hover-color: #000;
2501
2501
  color: var(--bs-table-color);
2502
2502
  border-color: var(--bs-table-border-color);
@@ -2505,12 +2505,12 @@ progress {
2505
2505
  .table-dark {
2506
2506
  --bs-table-color: #fff;
2507
2507
  --bs-table-bg: #212529;
2508
- --bs-table-border-color: #373b3e;
2509
- --bs-table-striped-bg: #2c3034;
2508
+ --bs-table-border-color: rgb(55.2, 58.8, 62.4);
2509
+ --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
2510
2510
  --bs-table-striped-color: #fff;
2511
- --bs-table-active-bg: #373b3e;
2511
+ --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
2512
2512
  --bs-table-active-color: #fff;
2513
- --bs-table-hover-bg: #373b3e;
2513
+ --bs-table-hover-bg: rgb(55.2, 58.8, 62.4);
2514
2514
  --bs-table-hover-color: #fff;
2515
2515
  color: var(--bs-table-color);
2516
2516
  border-color: var(--bs-table-border-color);
@@ -2613,7 +2613,7 @@ progress {
2613
2613
  .form-control:focus {
2614
2614
  color: var(--bs-body-color);
2615
2615
  background-color: var(--bs-body-bg);
2616
- border-color: #8a9dbb;
2616
+ border-color: rgb(137.5, 157, 186.5);
2617
2617
  outline: 0;
2618
2618
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
2619
2619
  }
@@ -2818,7 +2818,7 @@ textarea.form-control-lg {
2818
2818
  }
2819
2819
  }
2820
2820
  .form-select:focus {
2821
- border-color: #8a9dbb;
2821
+ border-color: rgb(137.5, 157, 186.5);
2822
2822
  outline: 0;
2823
2823
  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
2824
2824
  }
@@ -2908,7 +2908,7 @@ textarea.form-control-lg {
2908
2908
  filter: brightness(90%);
2909
2909
  }
2910
2910
  .form-check-input:focus {
2911
- border-color: #8a9dbb;
2911
+ border-color: rgb(137.5, 157, 186.5);
2912
2912
  outline: 0;
2913
2913
  box-shadow: 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
2914
2914
  }
@@ -2956,7 +2956,7 @@ textarea.form-control-lg {
2956
2956
  }
2957
2957
  }
2958
2958
  .form-switch .form-check-input:focus {
2959
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238a9dbb'/%3e%3c/svg%3e");
2959
+ --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28137.5, 157, 186.5%29'/%3e%3c/svg%3e");
2960
2960
  }
2961
2961
  .form-switch .form-check-input:checked {
2962
2962
  background-position: right center;
@@ -3033,7 +3033,7 @@ textarea.form-control-lg {
3033
3033
  }
3034
3034
  }
3035
3035
  .form-range::-webkit-slider-thumb:active {
3036
- background-color: #b9c4d6;
3036
+ background-color: rgb(184.5, 196.2, 213.9);
3037
3037
  }
3038
3038
  .form-range::-webkit-slider-runnable-track {
3039
3039
  width: 100%;
@@ -3064,7 +3064,7 @@ textarea.form-control-lg {
3064
3064
  }
3065
3065
  }
3066
3066
  .form-range::-moz-range-thumb:active {
3067
- background-color: #b9c4d6;
3067
+ background-color: rgb(184.5, 196.2, 213.9);
3068
3068
  }
3069
3069
  .form-range::-moz-range-track {
3070
3070
  width: 100%;
@@ -3589,12 +3589,12 @@ textarea.form-control-lg {
3589
3589
  --bs-btn-bg: #143b76;
3590
3590
  --bs-btn-border-color: #143b76;
3591
3591
  --bs-btn-hover-color: #fff;
3592
- --bs-btn-hover-bg: #12356a;
3593
- --bs-btn-hover-border-color: #102f5e;
3592
+ --bs-btn-hover-bg: rgb(18, 53.1, 106.2);
3593
+ --bs-btn-hover-border-color: rgb(16, 47.2, 94.4);
3594
3594
  --bs-btn-focus-shadow-rgb: 55, 88, 139;
3595
3595
  --bs-btn-active-color: #fff;
3596
- --bs-btn-active-bg: #102f5e;
3597
- --bs-btn-active-border-color: #0f2c59;
3596
+ --bs-btn-active-bg: rgb(16, 47.2, 94.4);
3597
+ --bs-btn-active-border-color: rgb(15, 44.25, 88.5);
3598
3598
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3599
3599
  --bs-btn-disabled-color: #fff;
3600
3600
  --bs-btn-disabled-bg: #143b76;
@@ -3603,19 +3603,19 @@ textarea.form-control-lg {
3603
3603
 
3604
3604
  .btn-secondary {
3605
3605
  --bs-btn-color: #000;
3606
- --bs-btn-bg: #e7f1fb;
3607
- --bs-btn-border-color: #e7f1fb;
3606
+ --bs-btn-bg: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3607
+ --bs-btn-border-color: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3608
3608
  --bs-btn-hover-color: #000;
3609
- --bs-btn-hover-bg: #e9f2fb;
3610
- --bs-btn-hover-border-color: #e9f2fb;
3609
+ --bs-btn-hover-bg: rgb(233.3881550743, 242.3432598823, 251.3974449257);
3610
+ --bs-btn-hover-border-color: rgb(233.3881550743, 242.3432598823, 251.3974449257);
3611
3611
  --bs-btn-focus-shadow-rgb: 196, 205, 213;
3612
3612
  --bs-btn-active-color: #000;
3613
- --bs-btn-active-bg: #ecf4fc;
3614
- --bs-btn-active-border-color: #e9f2fb;
3613
+ --bs-btn-active-bg: rgb(235.7894711771, 243.7495643398, 251.7977288229);
3614
+ --bs-btn-active-border-color: rgb(233.3881550743, 242.3432598823, 251.3974449257);
3615
3615
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3616
3616
  --bs-btn-disabled-color: #000;
3617
- --bs-btn-disabled-bg: #e7f1fb;
3618
- --bs-btn-disabled-border-color: #e7f1fb;
3617
+ --bs-btn-disabled-bg: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3618
+ --bs-btn-disabled-border-color: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3619
3619
  }
3620
3620
 
3621
3621
  .btn-success {
@@ -3623,12 +3623,12 @@ textarea.form-control-lg {
3623
3623
  --bs-btn-bg: #18bf80;
3624
3624
  --bs-btn-border-color: #18bf80;
3625
3625
  --bs-btn-hover-color: #000;
3626
- --bs-btn-hover-bg: #2fc58d;
3627
- --bs-btn-hover-border-color: #2fc58d;
3626
+ --bs-btn-hover-bg: rgb(47.1, 197.4, 140.7);
3627
+ --bs-btn-hover-border-color: rgb(47.1, 197.4, 140.7);
3628
3628
  --bs-btn-focus-shadow-rgb: 20, 162, 109;
3629
3629
  --bs-btn-active-color: #000;
3630
- --bs-btn-active-bg: #46cc99;
3631
- --bs-btn-active-border-color: #2fc58d;
3630
+ --bs-btn-active-bg: rgb(70.2, 203.8, 153.4);
3631
+ --bs-btn-active-border-color: rgb(47.1, 197.4, 140.7);
3632
3632
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3633
3633
  --bs-btn-disabled-color: #000;
3634
3634
  --bs-btn-disabled-bg: #18bf80;
@@ -3640,12 +3640,12 @@ textarea.form-control-lg {
3640
3640
  --bs-btn-bg: #0d768b;
3641
3641
  --bs-btn-border-color: #0d768b;
3642
3642
  --bs-btn-hover-color: #fff;
3643
- --bs-btn-hover-bg: #0c6a7d;
3644
- --bs-btn-hover-border-color: #0a5e6f;
3643
+ --bs-btn-hover-bg: rgb(11.7, 106.2, 125.1);
3644
+ --bs-btn-hover-border-color: rgb(10.4, 94.4, 111.2);
3645
3645
  --bs-btn-focus-shadow-rgb: 49, 139, 156;
3646
3646
  --bs-btn-active-color: #fff;
3647
- --bs-btn-active-bg: #0a5e6f;
3648
- --bs-btn-active-border-color: #0a5968;
3647
+ --bs-btn-active-bg: rgb(10.4, 94.4, 111.2);
3648
+ --bs-btn-active-border-color: rgb(9.75, 88.5, 104.25);
3649
3649
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3650
3650
  --bs-btn-disabled-color: #fff;
3651
3651
  --bs-btn-disabled-bg: #0d768b;
@@ -3657,12 +3657,12 @@ textarea.form-control-lg {
3657
3657
  --bs-btn-bg: #eba843;
3658
3658
  --bs-btn-border-color: #eba843;
3659
3659
  --bs-btn-hover-color: #000;
3660
- --bs-btn-hover-bg: #edb156;
3661
- --bs-btn-hover-border-color: #edb156;
3660
+ --bs-btn-hover-bg: rgb(237, 176.7, 85.8);
3661
+ --bs-btn-hover-border-color: rgb(237, 176.7, 85.8);
3662
3662
  --bs-btn-focus-shadow-rgb: 200, 143, 57;
3663
3663
  --bs-btn-active-color: #000;
3664
- --bs-btn-active-bg: #efb969;
3665
- --bs-btn-active-border-color: #edb156;
3664
+ --bs-btn-active-bg: rgb(239, 185.4, 104.6);
3665
+ --bs-btn-active-border-color: rgb(237, 176.7, 85.8);
3666
3666
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3667
3667
  --bs-btn-disabled-color: #000;
3668
3668
  --bs-btn-disabled-bg: #eba843;
@@ -3674,12 +3674,12 @@ textarea.form-control-lg {
3674
3674
  --bs-btn-bg: #eb3434;
3675
3675
  --bs-btn-border-color: #eb3434;
3676
3676
  --bs-btn-hover-color: #000;
3677
- --bs-btn-hover-bg: #ed4848;
3678
- --bs-btn-hover-border-color: #ed4848;
3677
+ --bs-btn-hover-bg: rgb(237, 72.3, 72.3);
3678
+ --bs-btn-hover-border-color: rgb(237, 72.3, 72.3);
3679
3679
  --bs-btn-focus-shadow-rgb: 200, 44, 44;
3680
3680
  --bs-btn-active-color: #000;
3681
- --bs-btn-active-bg: #ef5d5d;
3682
- --bs-btn-active-border-color: #ed4848;
3681
+ --bs-btn-active-bg: rgb(239, 92.6, 92.6);
3682
+ --bs-btn-active-border-color: rgb(237, 72.3, 72.3);
3683
3683
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3684
3684
  --bs-btn-disabled-color: #000;
3685
3685
  --bs-btn-disabled-bg: #eb3434;
@@ -3691,12 +3691,12 @@ textarea.form-control-lg {
3691
3691
  --bs-btn-bg: #f8f9fa;
3692
3692
  --bs-btn-border-color: #f8f9fa;
3693
3693
  --bs-btn-hover-color: #000;
3694
- --bs-btn-hover-bg: #dfe0e1;
3695
- --bs-btn-hover-border-color: #c6c7c8;
3694
+ --bs-btn-hover-bg: rgb(223.2, 224.1, 225);
3695
+ --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
3696
3696
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
3697
3697
  --bs-btn-active-color: #000;
3698
- --bs-btn-active-bg: #c6c7c8;
3699
- --bs-btn-active-border-color: #babbbc;
3698
+ --bs-btn-active-bg: rgb(198.4, 199.2, 200);
3699
+ --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
3700
3700
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3701
3701
  --bs-btn-disabled-color: #000;
3702
3702
  --bs-btn-disabled-bg: #f8f9fa;
@@ -3708,12 +3708,12 @@ textarea.form-control-lg {
3708
3708
  --bs-btn-bg: #212529;
3709
3709
  --bs-btn-border-color: #212529;
3710
3710
  --bs-btn-hover-color: #fff;
3711
- --bs-btn-hover-bg: #373b3e;
3712
- --bs-btn-hover-border-color: #373b3e;
3711
+ --bs-btn-hover-bg: rgb(55.2, 58.8, 62.4);
3712
+ --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
3713
3713
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
3714
3714
  --bs-btn-active-color: #fff;
3715
- --bs-btn-active-bg: #4d5154;
3716
- --bs-btn-active-border-color: #373b3e;
3715
+ --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
3716
+ --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
3717
3717
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3718
3718
  --bs-btn-disabled-color: #fff;
3719
3719
  --bs-btn-disabled-bg: #212529;
@@ -3725,12 +3725,12 @@ textarea.form-control-lg {
3725
3725
  --bs-btn-bg: #1073de;
3726
3726
  --bs-btn-border-color: #1073de;
3727
3727
  --bs-btn-hover-color: #fff;
3728
- --bs-btn-hover-bg: #0e68c8;
3729
- --bs-btn-hover-border-color: #0d5cb2;
3728
+ --bs-btn-hover-bg: rgb(14.4, 103.5, 199.8);
3729
+ --bs-btn-hover-border-color: rgb(12.8, 92, 177.6);
3730
3730
  --bs-btn-focus-shadow-rgb: 52, 136, 227;
3731
3731
  --bs-btn-active-color: #fff;
3732
- --bs-btn-active-bg: #0d5cb2;
3733
- --bs-btn-active-border-color: #0c56a7;
3732
+ --bs-btn-active-bg: rgb(12.8, 92, 177.6);
3733
+ --bs-btn-active-border-color: rgb(12, 86.25, 166.5);
3734
3734
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3735
3735
  --bs-btn-disabled-color: #fff;
3736
3736
  --bs-btn-disabled-bg: #1073de;
@@ -3755,19 +3755,19 @@ textarea.form-control-lg {
3755
3755
  }
3756
3756
 
3757
3757
  .btn-outline-secondary {
3758
- --bs-btn-color: #e7f1fb;
3759
- --bs-btn-border-color: #e7f1fb;
3758
+ --bs-btn-color: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3759
+ --bs-btn-border-color: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3760
3760
  --bs-btn-hover-color: #000;
3761
- --bs-btn-hover-bg: #e7f1fb;
3762
- --bs-btn-hover-border-color: #e7f1fb;
3761
+ --bs-btn-hover-bg: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3762
+ --bs-btn-hover-border-color: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3763
3763
  --bs-btn-focus-shadow-rgb: 231, 241, 251;
3764
3764
  --bs-btn-active-color: #000;
3765
- --bs-btn-active-bg: #e7f1fb;
3766
- --bs-btn-active-border-color: #e7f1fb;
3765
+ --bs-btn-active-bg: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3766
+ --bs-btn-active-border-color: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3767
3767
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3768
- --bs-btn-disabled-color: #e7f1fb;
3768
+ --bs-btn-disabled-color: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3769
3769
  --bs-btn-disabled-bg: transparent;
3770
- --bs-btn-disabled-border-color: #e7f1fb;
3770
+ --bs-btn-disabled-border-color: rgb(230.9868389714, 240.9369554248, 250.9971610286);
3771
3771
  --bs-gradient: none;
3772
3772
  }
3773
3773
 
@@ -5253,7 +5253,7 @@ textarea.form-control-lg {
5253
5253
  --bs-accordion-btn-icon-width: 1.25rem;
5254
5254
  --bs-accordion-btn-icon-transform: rotate(-180deg);
5255
5255
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
5256
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2308182f' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
5256
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%288, 23.6, 47.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
5257
5257
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
5258
5258
  --bs-accordion-body-padding-x: 1.25rem;
5259
5259
  --bs-accordion-body-padding-y: 1rem;
@@ -5374,8 +5374,8 @@ textarea.form-control-lg {
5374
5374
  }
5375
5375
 
5376
5376
  [data-bs-theme=dark] .accordion-button::after {
5377
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237289ad'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
5378
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237289ad'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
5377
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28114, 137.4, 172.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
5378
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28114, 137.4, 172.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
5379
5379
  }
5380
5380
 
5381
5381
  .breadcrumb {
@@ -17330,55 +17330,55 @@ svg {
17330
17330
  .card.text-bg-primary .card-header,
17331
17331
  .card.text-bg-primary .card-footer {
17332
17332
  border: none;
17333
- background: #102f5e;
17333
+ background: rgb(16, 47.2, 94.4);
17334
17334
  }
17335
17335
 
17336
17336
  .card.text-bg-secondary .card-header,
17337
17337
  .card.text-bg-secondary .card-footer {
17338
17338
  border: none;
17339
- background: #b9c1c9;
17339
+ background: rgb(184.7894711771, 192.7495643398, 200.7977288229);
17340
17340
  }
17341
17341
 
17342
17342
  .card.text-bg-success .card-header,
17343
17343
  .card.text-bg-success .card-footer {
17344
17344
  border: none;
17345
- background: #139966;
17345
+ background: rgb(19.2, 152.8, 102.4);
17346
17346
  }
17347
17347
 
17348
17348
  .card.text-bg-info .card-header,
17349
17349
  .card.text-bg-info .card-footer {
17350
17350
  border: none;
17351
- background: #0a5e6f;
17351
+ background: rgb(10.4, 94.4, 111.2);
17352
17352
  }
17353
17353
 
17354
17354
  .card.text-bg-warning .card-header,
17355
17355
  .card.text-bg-warning .card-footer {
17356
17356
  border: none;
17357
- background: #bc8636;
17357
+ background: rgb(188, 134.4, 53.6);
17358
17358
  }
17359
17359
 
17360
17360
  .card.text-bg-danger .card-header,
17361
17361
  .card.text-bg-danger .card-footer {
17362
17362
  border: none;
17363
- background: #bc2a2a;
17363
+ background: rgb(188, 41.6, 41.6);
17364
17364
  }
17365
17365
 
17366
17366
  .card.text-bg-light .card-header,
17367
17367
  .card.text-bg-light .card-footer {
17368
17368
  border: none;
17369
- background: #c6c7c8;
17369
+ background: rgb(198.4, 199.2, 200);
17370
17370
  }
17371
17371
 
17372
17372
  .card.text-bg-dark .card-header,
17373
17373
  .card.text-bg-dark .card-footer {
17374
17374
  border: none;
17375
- background: #1a1e21;
17375
+ background: rgb(26.4, 29.6, 32.8);
17376
17376
  }
17377
17377
 
17378
17378
  .card.text-bg-brand .card-header,
17379
17379
  .card.text-bg-brand .card-footer {
17380
17380
  border: none;
17381
- background: #0d5cb2;
17381
+ background: rgb(12.8, 92, 177.6);
17382
17382
  }
17383
17383
 
17384
17384
  body {
@@ -17394,62 +17394,16 @@ em.placeholder {
17394
17394
  display: inline;
17395
17395
  }
17396
17396
 
17397
- .bcl-header .container {
17398
- position: relative;
17399
- }
17400
-
17401
- .bcl-header__project,
17402
- .bcl-header__navbar {
17397
+ .bcl-header__project {
17403
17398
  background: linear-gradient(90deg, #039 0%, #1b4ac3 100%);
17404
17399
  }
17405
17400
 
17406
- .bcl-header__top-navbar .navbar-collapse {
17407
- -ms-flex-pack: end;
17408
- justify-content: end;
17409
- }
17410
- .bcl-header__top-navbar .navbar-toggler {
17411
- border: none;
17412
- color: #f8f9fa;
17413
- }
17414
- .bcl-header__top-navbar .navbar-toggler-icon {
17415
- background: url("data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cmVjdCB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgZmlsbD0ibm9uZSIvPjxjaXJjbGUgY3g9IjEyOCIgY3k9IjY0IiByPSIxNiIvPjxjaXJjbGUgY3g9IjEyOCIgY3k9IjEyOCIgcj0iMTYiLz48Y2lyY2xlIGN4PSIxMjgiIGN5PSIxOTIiIHI9IjE2Ii8+PC9zdmc+");
17416
- }
17417
-
17418
17401
  .bcl-header .nav-link {
17419
17402
  color: #1b4ac3;
17420
17403
  display: -ms-flexbox;
17421
17404
  display: flex;
17422
17405
  -ms-flex-align: center;
17423
17406
  align-items: center;
17424
- padding: 0.5rem;
17425
- }
17426
-
17427
- .bcl-header__navbar .navbar-collapse {
17428
- padding-bottom: 1rem;
17429
- }
17430
- .bcl-header__navbar .navbar-nav .nav-link {
17431
- color: #fafbfc;
17432
- }
17433
- .bcl-header__navbar .navbar-nav .nav-link:focus, .bcl-header__navbar .navbar-nav .nav-link:hover, .bcl-header__navbar .navbar-nav .nav-link.active {
17434
- color: #fff;
17435
- }
17436
- .bcl-header__navbar .navbar-nav .nav-link:focus-visible {
17437
- outline: 2px solid #fff;
17438
- border-radius: 4px;
17439
- outline-offset: 0;
17440
- }
17441
- .bcl-header__navbar .navbar-toggler {
17442
- position: absolute;
17443
- top: -43px;
17444
- left: 0.75rem;
17445
- border-color: #fff;
17446
- }
17447
- .bcl-header__navbar .navbar-toggler-icon {
17448
- background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
17449
- }
17450
- .bcl-header__navbar input:active,
17451
- .bcl-header__navbar input:focus {
17452
- box-shadow: 0 0 0 0.25rem hsla(210, 2%, 83%, 0.5);
17453
17407
  }
17454
17408
 
17455
17409
  .bcl-header--ec,
@@ -17457,9 +17411,7 @@ em.placeholder {
17457
17411
  /* stylelint-disable-next-line no-descending-specificity */
17458
17412
  }
17459
17413
  .bcl-header--ec .bcl-header__project,
17460
- .bcl-header--ec .bcl-header__navbar,
17461
- .ec__header .bcl-header__project,
17462
- .ec__header .bcl-header__navbar {
17414
+ .ec__header .bcl-header__project {
17463
17415
  background: #004494;
17464
17416
  }
17465
17417
  .bcl-header--ec .nav-link,
@@ -17472,8 +17424,7 @@ em.placeholder {
17472
17424
  align-items: flex-end;
17473
17425
  }
17474
17426
 
17475
- .bcl-header--neutral .bcl-header__project,
17476
- .bcl-header--neutral .bcl-header__navbar {
17427
+ .bcl-header--neutral .bcl-header__project {
17477
17428
  background: #555859;
17478
17429
  }
17479
17430
 
@@ -17509,16 +17460,24 @@ em.placeholder {
17509
17460
  max-width: 80%;
17510
17461
  }
17511
17462
 
17463
+ .bcl-header__navbar.navbar {
17464
+ padding: 0;
17465
+ }
17466
+ .bcl-header__navbar.navbar .dropdown-toggle,
17467
+ .bcl-header__navbar.navbar .nav-link {
17468
+ padding: 0.75rem 1rem;
17469
+ border: none;
17470
+ background: transparent;
17471
+ }
17472
+ .bcl-header__navbar.navbar.collapsing {
17473
+ transition: none;
17474
+ }
17475
+
17512
17476
  @media only screen and (max-width: 400px) {
17513
17477
  .bcl-header--neutral .bcl-header__project-logo {
17514
17478
  display: none;
17515
17479
  }
17516
17480
  }
17517
- @media (max-width: 575.98px) {
17518
- .bcl-header .navbar:first-child .nav-link {
17519
- padding: 0.5rem 0.4rem;
17520
- }
17521
- }
17522
17481
  @media (min-width: 768px) {
17523
17482
  .bcl-header--ec .navbar-brand img,
17524
17483
  .ec__header .navbar-brand img {
@@ -17526,32 +17485,41 @@ em.placeholder {
17526
17485
  }
17527
17486
  }
17528
17487
  @media (max-width: 991.98px) {
17529
- .bcl-header__site-name {
17530
- margin-left: 5rem;
17488
+ body:has(.bcl-header__navbar #main-navbar.collapsing),
17489
+ body:has(.bcl-header__navbar #main-navbar.show),
17490
+ body:has(.bcl-header__navbar.collapsing),
17491
+ body:has(.bcl-header__navbar.show) {
17492
+ overflow: hidden;
17531
17493
  }
17532
- .bcl-header__top-navbar .navbar-collapse {
17533
- z-index: 1050;
17534
- position: absolute;
17535
- right: 0.75rem;
17536
- top: 100%;
17537
- background: white;
17538
- border: 1px solid #dadee0;
17539
- border-radius: 4px;
17494
+ header:has(.bcl-header__navbar #main-navbar.collapsing),
17495
+ header:has(.bcl-header__navbar #main-navbar.show),
17496
+ header:has(.bcl-header__navbar.collapsing),
17497
+ header:has(.bcl-header__navbar.show) {
17498
+ height: 100vh;
17499
+ display: -ms-flexbox;
17500
+ display: flex;
17501
+ -ms-flex-flow: column;
17502
+ flex-flow: column;
17503
+ overflow: auto;
17504
+ }
17505
+ header:has(.bcl-header__navbar #main-navbar.collapsing) > div:has(.breadcrumb),
17506
+ header:has(.bcl-header__navbar #main-navbar.show) > div:has(.breadcrumb),
17507
+ header:has(.bcl-header__navbar.collapsing) > div:has(.breadcrumb),
17508
+ header:has(.bcl-header__navbar.show) > div:has(.breadcrumb) {
17509
+ display: none;
17540
17510
  }
17541
- .bcl-header__top-navbar .navbar-collapse .nav {
17542
- -ms-flex-align: start;
17543
- align-items: flex-start;
17544
- -ms-flex-direction: column;
17545
- flex-direction: column;
17546
- min-width: 16rem;
17547
- padding: 1rem;
17511
+ .bcl-header__project {
17512
+ padding: 1rem 0;
17548
17513
  }
17549
- .bcl-header__top-navbar .navbar-collapse .nav li {
17550
- width: 100%;
17514
+ .bcl-header .bcl-header__project {
17515
+ z-index: 1040;
17516
+ position: relative;
17517
+ box-shadow: var(--bs-box-shadow);
17518
+ -ms-flex-negative: 0;
17519
+ flex-shrink: 0;
17551
17520
  }
17552
- .bcl-header__project {
17553
- min-height: 3rem;
17554
- padding-top: 1rem;
17521
+ .bcl-header:not(:has(.bcl-header__project)) > .navbar:first-child {
17522
+ box-shadow: var(--bs-box-shadow);
17555
17523
  }
17556
17524
  .bcl-header nav + nav {
17557
17525
  min-height: 3.5rem;
@@ -17559,17 +17527,72 @@ em.placeholder {
17559
17527
  .bcl-header nav + nav .navbar-toggler {
17560
17528
  position: static;
17561
17529
  }
17562
- .bcl-header__navbar .navbar-collapse {
17563
- max-width: 100%;
17530
+ .bcl-header__top-navbar {
17531
+ z-index: 1040;
17564
17532
  }
17565
- .bcl-header__navbar .navbar-collapse .nav-item.dropdown {
17566
- max-width: 100%;
17533
+ .bcl-header__navbar.navbar {
17534
+ background: #fff;
17535
+ padding-top: 0;
17536
+ z-index: 1030;
17537
+ width: 100%;
17538
+ -ms-flex-align: start;
17539
+ align-items: flex-start;
17540
+ }
17541
+ .bcl-header__navbar.navbar .navbar-nav {
17542
+ width: 100%;
17543
+ margin-top: 1rem;
17544
+ }
17545
+ .bcl-header__navbar.navbar .navbar-nav:has(.bcl-mega-menu__container.show) .nav-item {
17546
+ display: none;
17567
17547
  }
17568
- .bcl-header__navbar .navbar-collapse .nav-item.dropdown a {
17548
+ .bcl-header__navbar.navbar .navbar-nav:has(.bcl-mega-menu__container.show) .nav-item:has(.bcl-mega-menu__container.show) {
17549
+ display: block;
17550
+ }
17551
+ .bcl-header__navbar.navbar .navbar-nav .dropdown-toggle,
17552
+ .bcl-header__navbar.navbar .navbar-nav .nav-link {
17553
+ color: #212529;
17554
+ width: 100%;
17555
+ display: -ms-flexbox;
17556
+ display: flex;
17557
+ gap: 1rem;
17558
+ -ms-flex-pack: justify;
17559
+ justify-content: space-between;
17560
+ position: relative;
17561
+ padding: 1rem;
17562
+ border-bottom: 1px solid tint-color(#253ebe, 90%);
17563
+ text-align: left;
17564
+ border-radius: 0;
17569
17565
  white-space: normal;
17570
17566
  }
17571
- .bcl-header__navbar .navbar-collapse .nav-item.dropdown .dropdown-menu {
17572
- max-width: 100%;
17567
+ .bcl-header__navbar.navbar .navbar-nav .dropdown-toggle.active,
17568
+ .bcl-header__navbar.navbar .navbar-nav .nav-link.active {
17569
+ color: #212529;
17570
+ }
17571
+ .bcl-header__navbar.navbar .navbar-nav .dropdown-toggle:focus-visible,
17572
+ .bcl-header__navbar.navbar .navbar-nav .nav-link:focus-visible {
17573
+ outline: 2px solid #143b76;
17574
+ outline-offset: -2px;
17575
+ box-shadow: none;
17576
+ }
17577
+ .bcl-header__navbar.navbar .navbar-nav .dropdown-toggle::after,
17578
+ .bcl-header__navbar.navbar .navbar-nav .nav-link::after {
17579
+ -ms-flex-negative: 0;
17580
+ flex-shrink: 0;
17581
+ }
17582
+ .bcl-header__navbar.navbar .navbar-nav .bcl-mega-menu > .dropdown-toggle:after {
17583
+ background: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.57488%2013.25L8.46238%2014.125L15.1374%207.45L8.43738%200.75L7.56238%201.625L12.7276%206.81247H0.5V8.06247H12.7512L7.57488%2013.25Z%22%20fill%3D%22%23212529%22%2F%3E%3C%2Fsvg%3E");
17584
+ -ms-flex-item-align: center;
17585
+ -ms-grid-row-align: center;
17586
+ align-self: center;
17587
+ content: "";
17588
+ border: none;
17589
+ width: 20px;
17590
+ height: 20px;
17591
+ background-size: cover;
17592
+ background-position: center;
17593
+ }
17594
+ .bcl-header__navbar.navbar .navbar-nav .dropdown-item {
17595
+ white-space: normal;
17573
17596
  }
17574
17597
  }
17575
17598
  @media (min-width: 992px) {
@@ -17578,6 +17601,20 @@ em.placeholder {
17578
17601
  .ec__header .bcl-header__project.light {
17579
17602
  background: #fff;
17580
17603
  }
17604
+ .bcl-header__navbar {
17605
+ background: linear-gradient(90deg, #039 0%, #1b4ac3 100%);
17606
+ }
17607
+ .bcl-header__navbar .dropdown-toggle,
17608
+ .bcl-header__navbar .nav-link {
17609
+ color: #fff;
17610
+ }
17611
+ .bcl-header--ec .bcl-header__navbar,
17612
+ .ec__header .bcl-header__navbar {
17613
+ background: #004494;
17614
+ }
17615
+ .bcl-header--neutral .bcl-header__navbar {
17616
+ background: #555859;
17617
+ }
17581
17618
  .bcl-header__site-name {
17582
17619
  margin-left: 1.5rem;
17583
17620
  font-weight: 500;
@@ -17593,19 +17630,80 @@ em.placeholder {
17593
17630
  .bcl-header .navbar-brand img {
17594
17631
  width: auto;
17595
17632
  }
17596
- .bcl-header__navbar .navbar-collapse {
17597
- padding-bottom: 0;
17598
- }
17599
- .bcl-header__navbar .dropdown-menu {
17600
- z-index: 1050;
17633
+ .bcl-header__navbar .bcl-mega-menu {
17634
+ --bcl-mega-menu-zindex: 1050;
17601
17635
  }
17602
17636
  .bcl-header:not(.bcl-header--neutral) .bcl-header__project {
17603
17637
  padding-bottom: 1rem;
17604
17638
  }
17639
+ .bcl-header__navbar.collapse {
17640
+ display: block;
17641
+ }
17605
17642
  .bcl-header--ec .navbar-brand img,
17606
17643
  .ec__header .navbar-brand img {
17607
17644
  width: 285px;
17608
17645
  }
17646
+ .bcl-header__navbar.navbar .dropdown-toggle,
17647
+ .bcl-header__navbar.navbar .nav-link {
17648
+ border-radius: 0;
17649
+ }
17650
+ .bcl-header__navbar.navbar .dropdown-toggle:hover,
17651
+ .bcl-header__navbar.navbar .nav-link:hover {
17652
+ background: tint-color(#253ebe, 90%);
17653
+ color: #212529;
17654
+ }
17655
+ .bcl-header__navbar.navbar .dropdown-toggle:hover:focus-visible,
17656
+ .bcl-header__navbar.navbar .nav-link:hover:focus-visible {
17657
+ outline-color: #143b76;
17658
+ }
17659
+ .bcl-header__navbar.navbar .dropdown-toggle.active, .bcl-header__navbar.navbar .dropdown-toggle.show,
17660
+ .bcl-header__navbar.navbar .nav-link.active,
17661
+ .bcl-header__navbar.navbar .nav-link.show {
17662
+ background: #fff;
17663
+ color: #212529;
17664
+ }
17665
+ .bcl-header__navbar.navbar .dropdown-toggle.active:focus-visible, .bcl-header__navbar.navbar .dropdown-toggle.show:focus-visible,
17666
+ .bcl-header__navbar.navbar .nav-link.active:focus-visible,
17667
+ .bcl-header__navbar.navbar .nav-link.show:focus-visible {
17668
+ outline-color: #143b76;
17669
+ }
17670
+ .bcl-header__navbar.navbar .dropdown-toggle:focus-visible,
17671
+ .bcl-header__navbar.navbar .nav-link:focus-visible {
17672
+ box-shadow: none;
17673
+ border: none;
17674
+ outline: 2px solid #fff;
17675
+ outline-offset: -8px;
17676
+ }
17677
+ .bcl-header__navbar.navbar .dropdown-toggle:after {
17678
+ background-color: #fff;
17679
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0.625 0.725L1.19375 0.1375L4.99375 3.9625L8.80625 0.125L9.375 0.7125L4.99375 5.125L0.625 0.725Z' fill='black'/%3E%3C/svg%3E");
17680
+ -webkit-mask-repeat: no-repeat;
17681
+ -webkit-mask-size: contain;
17682
+ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0.625 0.725L1.19375 0.1375L4.99375 3.9625L8.80625 0.125L9.375 0.7125L4.99375 5.125L0.625 0.725Z' fill='black'/%3E%3C/svg%3E");
17683
+ mask-repeat: no-repeat;
17684
+ -webkit-mask-position: center;
17685
+ mask-position: center;
17686
+ mask-size: contain;
17687
+ display: inline-block;
17688
+ width: 10px;
17689
+ height: 10px;
17690
+ border: none;
17691
+ margin-top: 4px;
17692
+ }
17693
+ .bcl-header__navbar.navbar .dropdown-toggle:hover:after {
17694
+ background-color: #212529;
17695
+ }
17696
+ .bcl-header__navbar.navbar .dropdown-toggle.active:after {
17697
+ background-color: #143b76;
17698
+ }
17699
+ .bcl-header__navbar.navbar .dropdown-toggle.show:after {
17700
+ background-color: #143b76;
17701
+ -webkit-transform: rotate(180deg);
17702
+ transform: rotate(180deg);
17703
+ }
17704
+ .bcl-header__navbar.navbar .dropdown-toggle.no-chevron:after {
17705
+ display: none;
17706
+ }
17609
17707
  }
17610
17708
  .bcl-language-list-modal .btn-close {
17611
17709
  opacity: 1;
@@ -18121,11 +18219,11 @@ a.badge:focus-visible {
18121
18219
  }
18122
18220
 
18123
18221
  a.badge:focus-within.badge-outline-primary, a.badge:active.badge-outline-primary, a.badge:hover.badge-outline-primary {
18124
- background-color: #e8ebf1 !important;
18125
- border-color: #113264 !important;
18222
+ background-color: rgb(231.5, 235.4, 241.3) !important;
18223
+ border-color: rgb(17, 50.15, 100.3) !important;
18126
18224
  }
18127
18225
  a.badge:focus-within.text-bg-primary, a.badge:active.text-bg-primary, a.badge:hover.text-bg-primary {
18128
- background-color: #113264 !important;
18226
+ background-color: rgb(17, 50.15, 100.3) !important;
18129
18227
  }
18130
18228
 
18131
18229
  .badge.bg-secondary a,
@@ -18134,21 +18232,21 @@ a.badge:focus-within.text-bg-primary, a.badge:active.text-bg-primary, a.badge:ho
18134
18232
  }
18135
18233
 
18136
18234
  .badge-outline-secondary a {
18137
- color: #e7f1fb !important;
18235
+ color: rgb(230.9868389714, 240.9369554248, 250.9971610286) !important;
18138
18236
  }
18139
18237
 
18140
18238
  .badge-outline-secondary {
18141
18239
  background: transparent !important;
18142
- border: 1px solid #e7f1fb;
18143
- color: #e7f1fb !important;
18240
+ border: 1px solid rgb(230.9868389714, 240.9369554248, 250.9971610286);
18241
+ color: rgb(230.9868389714, 240.9369554248, 250.9971610286) !important;
18144
18242
  }
18145
18243
 
18146
18244
  a.badge:focus-within.badge-outline-secondary, a.badge:active.badge-outline-secondary, a.badge:hover.badge-outline-secondary {
18147
- background-color: #fdfeff !important;
18148
- border-color: #c4cdd5 !important;
18245
+ background-color: rgb(252.5986838971, 253.5936955425, 254.5997161029) !important;
18246
+ border-color: rgb(196.3388131257, 204.796412111, 213.3475868743) !important;
18149
18247
  }
18150
18248
  a.badge:focus-within.text-bg-secondary, a.badge:active.text-bg-secondary, a.badge:hover.text-bg-secondary {
18151
- background-color: #c4cdd5 !important;
18249
+ background-color: rgb(196.3388131257, 204.796412111, 213.3475868743) !important;
18152
18250
  }
18153
18251
 
18154
18252
  .badge.bg-success a,
@@ -18167,11 +18265,11 @@ a.badge:focus-within.text-bg-secondary, a.badge:active.text-bg-secondary, a.badg
18167
18265
  }
18168
18266
 
18169
18267
  a.badge:focus-within.badge-outline-success, a.badge:active.badge-outline-success, a.badge:hover.badge-outline-success {
18170
- background-color: #e8f9f2 !important;
18171
- border-color: #14a26d !important;
18268
+ background-color: rgb(231.9, 248.6, 242.3) !important;
18269
+ border-color: rgb(20.4, 162.35, 108.8) !important;
18172
18270
  }
18173
18271
  a.badge:focus-within.text-bg-success, a.badge:active.text-bg-success, a.badge:hover.text-bg-success {
18174
- background-color: #14a26d !important;
18272
+ background-color: rgb(20.4, 162.35, 108.8) !important;
18175
18273
  }
18176
18274
 
18177
18275
  .badge.bg-info a,
@@ -18190,11 +18288,11 @@ a.badge:focus-within.text-bg-success, a.badge:active.text-bg-success, a.badge:ho
18190
18288
  }
18191
18289
 
18192
18290
  a.badge:focus-within.badge-outline-info, a.badge:active.badge-outline-info, a.badge:hover.badge-outline-info {
18193
- background-color: #e7f1f3 !important;
18194
- border-color: #0b6476 !important;
18291
+ background-color: rgb(230.8, 241.3, 243.4) !important;
18292
+ border-color: rgb(11.05, 100.3, 118.15) !important;
18195
18293
  }
18196
18294
  a.badge:focus-within.text-bg-info, a.badge:active.text-bg-info, a.badge:hover.text-bg-info {
18197
- background-color: #0b6476 !important;
18295
+ background-color: rgb(11.05, 100.3, 118.15) !important;
18198
18296
  }
18199
18297
 
18200
18298
  .badge.bg-warning a,
@@ -18213,11 +18311,11 @@ a.badge:focus-within.text-bg-info, a.badge:active.text-bg-info, a.badge:hover.te
18213
18311
  }
18214
18312
 
18215
18313
  a.badge:focus-within.badge-outline-warning, a.badge:active.badge-outline-warning, a.badge:hover.badge-outline-warning {
18216
- background-color: #fdf6ec !important;
18217
- border-color: #c88f39 !important;
18314
+ background-color: rgb(253, 246.3, 236.2) !important;
18315
+ border-color: rgb(199.75, 142.8, 56.95) !important;
18218
18316
  }
18219
18317
  a.badge:focus-within.text-bg-warning, a.badge:active.text-bg-warning, a.badge:hover.text-bg-warning {
18220
- background-color: #c88f39 !important;
18318
+ background-color: rgb(199.75, 142.8, 56.95) !important;
18221
18319
  }
18222
18320
 
18223
18321
  .badge.bg-danger a,
@@ -18236,11 +18334,11 @@ a.badge:focus-within.text-bg-warning, a.badge:active.text-bg-warning, a.badge:ho
18236
18334
  }
18237
18335
 
18238
18336
  a.badge:focus-within.badge-outline-danger, a.badge:active.badge-outline-danger, a.badge:hover.badge-outline-danger {
18239
- background-color: #fdebeb !important;
18240
- border-color: #c82c2c !important;
18337
+ background-color: rgb(253, 234.7, 234.7) !important;
18338
+ border-color: rgb(199.75, 44.2, 44.2) !important;
18241
18339
  }
18242
18340
  a.badge:focus-within.text-bg-danger, a.badge:active.text-bg-danger, a.badge:hover.text-bg-danger {
18243
- background-color: #c82c2c !important;
18341
+ background-color: rgb(199.75, 44.2, 44.2) !important;
18244
18342
  }
18245
18343
 
18246
18344
  .badge.bg-light a,
@@ -18264,7 +18362,7 @@ a.badge:focus-within.badge-outline-light, a.badge:active.badge-outline-light, a.
18264
18362
  background: rgba(255, 255, 255, 0.3) !important;
18265
18363
  }
18266
18364
  a.badge:focus-within.text-bg-light, a.badge:active.text-bg-light, a.badge:hover.text-bg-light {
18267
- background-color: #d3d4d5 !important;
18365
+ background-color: rgb(210.8, 211.65, 212.5) !important;
18268
18366
  }
18269
18367
 
18270
18368
  .badge.bg-dark a,
@@ -18287,7 +18385,7 @@ a.badge:focus-within.badge-outline-dark, a.badge:active.badge-outline-dark, a.ba
18287
18385
  border-color: #000;
18288
18386
  }
18289
18387
  a.badge:focus-within.text-bg-dark, a.badge:active.text-bg-dark, a.badge:hover.text-bg-dark {
18290
- background-color: #1c1f23 !important;
18388
+ background-color: rgb(28.05, 31.45, 34.85) !important;
18291
18389
  }
18292
18390
 
18293
18391
  .badge.bg-brand a,
@@ -18306,11 +18404,11 @@ a.badge:focus-within.text-bg-dark, a.badge:active.text-bg-dark, a.badge:hover.te
18306
18404
  }
18307
18405
 
18308
18406
  a.badge:focus-within.badge-outline-brand, a.badge:active.badge-outline-brand, a.badge:hover.badge-outline-brand {
18309
- background-color: #e7f1fc !important;
18310
- border-color: #0e62bd !important;
18407
+ background-color: rgb(231.1, 241, 251.7) !important;
18408
+ border-color: rgb(13.6, 97.75, 188.7) !important;
18311
18409
  }
18312
18410
  a.badge:focus-within.text-bg-brand, a.badge:active.text-bg-brand, a.badge:hover.text-bg-brand {
18313
- background-color: #0e62bd !important;
18411
+ background-color: rgb(13.6, 97.75, 188.7) !important;
18314
18412
  }
18315
18413
 
18316
18414
  .ss-main.ss-1 {
@@ -19556,6 +19654,398 @@ select.multi-select {
19556
19654
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM12.0303 4.96967C11.7374 4.67678 11.2626 4.67678 10.9697 4.96967C10.9626 4.97674 10.9559 4.98424 10.9498 4.9921L7.4774 9.41674L5.38388 7.32322C5.09098 7.03033 4.61611 7.03033 4.32322 7.32322C4.03032 7.61612 4.03032 8.09099 4.32322 8.38388L6.96966 11.0303C7.26256 11.3232 7.73743 11.3232 8.03032 11.0303C8.03685 11.0238 8.043 11.0169 8.04876 11.0097L12.041 6.01947C12.3232 5.72582 12.3196 5.25897 12.0303 4.96967Z' fill='%2328A745'/%3E%3C/svg%3E%0A");
19557
19655
  }
19558
19656
 
19657
+ /* stylelint-disable no-descending-specificity, declaration-no-important */
19658
+ /* -------------------------------------
19659
+ Design tokens & helpers
19660
+ -------------------------------------- */
19661
+ /* Helpers */
19662
+ /* -------------------------------------
19663
+ Component
19664
+ -------------------------------------- */
19665
+ .bcl-mega-menu {
19666
+ --bcl-mega-menu-zindex: 40;
19667
+ }
19668
+
19669
+ @media (min-width: 992px) {
19670
+ .nav-item:has(> .bcl-mega-menu) {
19671
+ position: static;
19672
+ }
19673
+ }
19674
+
19675
+ .bcl-mega-menu__container :where(a) {
19676
+ text-decoration: none;
19677
+ }
19678
+ .bcl-mega-menu__container :where(a):hover {
19679
+ text-decoration: underline;
19680
+ }
19681
+ .bcl-mega-menu__container :where(a, button):focus-visible {
19682
+ outline: 2px solid #143b76;
19683
+ outline-offset: -2px;
19684
+ }
19685
+
19686
+ @media (min-width: 992px) {
19687
+ body:has(.bcl-mega-menu > [aria-expanded=true]) {
19688
+ overflow-y: hidden;
19689
+ }
19690
+ }
19691
+ @media (min-width: 992px) {
19692
+ .bcl-mega-menu:has(> [aria-expanded=true])::after {
19693
+ position: absolute;
19694
+ inset-inline: 0;
19695
+ background: #fff;
19696
+ opacity: 0.5;
19697
+ content: "";
19698
+ z-index: calc(var(--bcl-mega-menu-zindex) - 10);
19699
+ block-size: 300vw;
19700
+ }
19701
+ }
19702
+ .bcl-mega-menu__container[class] {
19703
+ display: none;
19704
+ z-index: var(--bcl-mega-menu-zindex);
19705
+ position: absolute;
19706
+ inset-block-start: 0;
19707
+ inset-inline-start: 0;
19708
+ inline-size: 100%;
19709
+ -webkit-margin-before: 0;
19710
+ margin-block-start: 0;
19711
+ padding: 0;
19712
+ border: 0;
19713
+ border-radius: 0;
19714
+ }
19715
+ .bcl-mega-menu > [aria-expanded=true] + .bcl-mega-menu__container[class] {
19716
+ display: block;
19717
+ }
19718
+ @media (min-width: 992px) {
19719
+ .bcl-mega-menu > [aria-expanded=true] + .bcl-mega-menu__container[class] {
19720
+ display: -ms-flexbox;
19721
+ display: flex;
19722
+ }
19723
+ }
19724
+ @media (prefers-reduced-motion: no-preference) {
19725
+ .bcl-mega-menu__container[class] {
19726
+ transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
19727
+ transition: opacity 0.15s ease, transform 0.15s ease;
19728
+ transition: opacity 0.15s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
19729
+ }
19730
+ .bcl-mega-menu > [aria-expanded=true] + .bcl-mega-menu__container[class] {
19731
+ opacity: 1;
19732
+ -webkit-transform: none;
19733
+ transform: none;
19734
+ }
19735
+ .bcl-mega-menu > [aria-expanded=false] + .bcl-mega-menu__container[class] {
19736
+ opacity: 0;
19737
+ -webkit-transform: translateY(-4px);
19738
+ transform: translateY(-4px);
19739
+ pointer-events: none;
19740
+ }
19741
+ }
19742
+ @media (min-width: 992px) {
19743
+ .bcl-mega-menu__container[class] {
19744
+ inset-block-start: 100%;
19745
+ padding-block: 0.75rem;
19746
+ border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
19747
+ }
19748
+ }
19749
+
19750
+ @media (min-width: 992px) {
19751
+ .bcl-mega-menu__container .shadow-container {
19752
+ position: relative;
19753
+ }
19754
+ .bcl-mega-menu__container .shadow-container .shadow-bg {
19755
+ position: absolute;
19756
+ inset-inline-start: 50%;
19757
+ inset-block-end: 0;
19758
+ inline-size: 100vw;
19759
+ block-size: 8px;
19760
+ -webkit-transform: translateX(-50%);
19761
+ transform: translateX(-50%);
19762
+ box-shadow: 0 4px 5px 0 rgba(224, 229, 245, 0.5);
19763
+ }
19764
+ }
19765
+ @media (min-width: 1200px) {
19766
+ .bcl-mega-menu__container .shadow-container {
19767
+ block-size: 100%;
19768
+ position: absolute;
19769
+ inset-inline-end: 0;
19770
+ inset-block-start: 0;
19771
+ }
19772
+ .bcl-mega-menu__container .shadow-container .shadow-bg {
19773
+ inset-inline-start: auto;
19774
+ inset-inline-end: 0;
19775
+ block-size: 100%;
19776
+ inline-size: 10px;
19777
+ -webkit-transform: none;
19778
+ transform: none;
19779
+ box-shadow: 4px 3px 4px 0 rgba(224, 229, 245, 0.5);
19780
+ }
19781
+ }
19782
+
19783
+ .bcl-mega-menu__back-button-block {
19784
+ position: relative;
19785
+ padding: 20px 0.25rem 0;
19786
+ }
19787
+ .bcl-mega-menu__back-button-block > .btn-link {
19788
+ text-decoration: none;
19789
+ }
19790
+ .bcl-mega-menu__back-button-block > .btn-link:hover {
19791
+ text-decoration: underline;
19792
+ }
19793
+
19794
+ .bcl-mega-menu__info > .content-block {
19795
+ padding: 1rem;
19796
+ background: tint-color(#253ebe, 90%);
19797
+ }
19798
+ @media (min-width: 992px) {
19799
+ .bcl-mega-menu__info > .content-block {
19800
+ -webkit-margin-end: 0;
19801
+ -moz-margin-end: 0;
19802
+ margin-inline-end: 0;
19803
+ background: #fff;
19804
+ -webkit-padding-end: 1.5rem;
19805
+ -moz-padding-end: 1.5rem;
19806
+ padding-inline-end: 1.5rem;
19807
+ max-block-size: 288px;
19808
+ overflow-y: auto;
19809
+ }
19810
+ }
19811
+ .bcl-mega-menu__info > .content-block > .content-link {
19812
+ text-decoration: none;
19813
+ }
19814
+ .bcl-mega-menu__info > .content-block > .content-link:hover {
19815
+ text-decoration: underline;
19816
+ }
19817
+
19818
+ ul.bcl-mega-menu__items {
19819
+ list-style: none;
19820
+ margin: 0;
19821
+ -webkit-padding-start: 0;
19822
+ -moz-padding-start: 0;
19823
+ padding-inline-start: 0;
19824
+ }
19825
+ @media (min-width: 992px) {
19826
+ ul.bcl-mega-menu__items {
19827
+ block-size: 288px;
19828
+ overflow-y: auto;
19829
+ }
19830
+ }
19831
+ @media (max-width: 991.98px) {
19832
+ ul.bcl-mega-menu__items {
19833
+ margin: 1rem 0 0;
19834
+ }
19835
+ }
19836
+ @media (max-width: 991.98px) {
19837
+ ul.bcl-mega-menu__items > li:not(:first-child) > * {
19838
+ border-top: 1px solid tint-color(#253ebe, 90%);
19839
+ }
19840
+ }
19841
+ ul.bcl-mega-menu__items > li > span,
19842
+ ul.bcl-mega-menu__items > li > a,
19843
+ ul.bcl-mega-menu__items > li > button {
19844
+ padding: 0.75rem 1rem;
19845
+ display: -ms-flexbox;
19846
+ display: flex;
19847
+ gap: 1rem;
19848
+ -ms-flex-pack: justify;
19849
+ justify-content: space-between;
19850
+ }
19851
+ ul.bcl-mega-menu__items > li > span > svg,
19852
+ ul.bcl-mega-menu__items > li > a > svg,
19853
+ ul.bcl-mega-menu__items > li > button > svg {
19854
+ -ms-flex-negative: 0;
19855
+ flex-shrink: 0;
19856
+ -ms-flex-item-align: center;
19857
+ -ms-grid-row-align: center;
19858
+ align-self: center;
19859
+ }
19860
+ ul.bcl-mega-menu__items > li > a {
19861
+ color: #1073de;
19862
+ text-decoration: none;
19863
+ }
19864
+ ul.bcl-mega-menu__items > li > a:hover {
19865
+ text-decoration: underline;
19866
+ }
19867
+ ul.bcl-mega-menu__items > li > a:hover,
19868
+ ul.bcl-mega-menu__items > li > button:hover {
19869
+ background: tint-color(#253ebe, 90%);
19870
+ }
19871
+ ul.bcl-mega-menu__items > li > span,
19872
+ ul.bcl-mega-menu__items > li > button {
19873
+ color: #212529;
19874
+ }
19875
+ ul.bcl-mega-menu__items > li > button {
19876
+ width: 100%;
19877
+ border: none;
19878
+ border-radius: 0;
19879
+ text-align: inherit;
19880
+ background: none;
19881
+ white-space: normal;
19882
+ }
19883
+ ul.bcl-mega-menu__items > li > button::after {
19884
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
19885
+ -ms-flex-negative: 0;
19886
+ flex-shrink: 0;
19887
+ -ms-flex-item-align: center;
19888
+ -ms-grid-row-align: center;
19889
+ align-self: center;
19890
+ content: "";
19891
+ height: 1em;
19892
+ width: 1em;
19893
+ }
19894
+ ul.bcl-mega-menu__items > li > button[aria-expanded=true] {
19895
+ background: tint-color(#253ebe, 90%);
19896
+ }
19897
+ @media (min-width: 992px) {
19898
+ ul.bcl-mega-menu__items > li > button[aria-expanded=true] {
19899
+ position: relative;
19900
+ }
19901
+ ul.bcl-mega-menu__items > li > button[aria-expanded=true]::before {
19902
+ content: "";
19903
+ position: absolute;
19904
+ width: 4px;
19905
+ top: 0;
19906
+ bottom: 0;
19907
+ left: 0;
19908
+ background-color: #143b76;
19909
+ }
19910
+ }
19911
+ ul.bcl-mega-menu__items > li:has(> a.see-all-button) {
19912
+ position: -webkit-sticky;
19913
+ position: sticky;
19914
+ inset-block-start: 100%;
19915
+ }
19916
+ ul.bcl-mega-menu__items > li > a.see-all-button {
19917
+ border-top: none;
19918
+ }
19919
+ ul.bcl-mega-menu__items > li > a.see-all-button:after {
19920
+ background: #b9c5e9;
19921
+ content: "";
19922
+ block-size: 1px;
19923
+ inset-inline-start: 0;
19924
+ position: absolute;
19925
+ inset-block-start: 0;
19926
+ inset-inline: 1rem;
19927
+ }
19928
+ ul.bcl-mega-menu__items > li > a.see-all-button > svg {
19929
+ inline-size: 0.8rem;
19930
+ }
19931
+ ul.bcl-mega-menu__items > li > a.see-all-button > span {
19932
+ text-overflow: ellipsis;
19933
+ overflow: hidden;
19934
+ display: block;
19935
+ white-space: nowrap;
19936
+ }
19937
+
19938
+ @media (min-width: 992px) {
19939
+ .bcl-mega-menu__menu {
19940
+ position: relative;
19941
+ padding-right: 0;
19942
+ }
19943
+ }
19944
+
19945
+ .bcl-mega-menu__submenu {
19946
+ position: absolute;
19947
+ background: white;
19948
+ display: -ms-flexbox;
19949
+ display: flex;
19950
+ -ms-flex-direction: column;
19951
+ flex-direction: column;
19952
+ }
19953
+ @media (max-width: 991.98px) {
19954
+ .bcl-mega-menu__submenu {
19955
+ inset: 0 0 auto;
19956
+ min-height: 100%;
19957
+ }
19958
+ }
19959
+ @media (min-width: 992px) {
19960
+ .bcl-mega-menu__submenu {
19961
+ block-size: 100%;
19962
+ inset: 0 0 0 100%;
19963
+ inline-size: 100%;
19964
+ }
19965
+ }
19966
+ @media (max-width: 991.98px) {
19967
+ .bcl-mega-menu__submenu:before {
19968
+ position: absolute;
19969
+ content: "";
19970
+ left: 50%;
19971
+ margin-left: -50vw;
19972
+ width: 100vw;
19973
+ top: 0;
19974
+ height: 100%;
19975
+ background: white;
19976
+ z-index: -1;
19977
+ }
19978
+ }
19979
+ @media (min-width: 992px) {
19980
+ .bcl-mega-menu__submenu {
19981
+ background: tint-color(#253ebe, 90%);
19982
+ }
19983
+ }
19984
+ .bcl-mega-menu__submenu > .__header > .__label {
19985
+ padding: 1rem 1rem;
19986
+ margin: 0;
19987
+ color: #212529;
19988
+ background: tint-color(#253ebe, 90%);
19989
+ display: block;
19990
+ font-size: 20px;
19991
+ }
19992
+ @media (min-width: 992px) {
19993
+ .bcl-mega-menu__submenu > .__header > .__label {
19994
+ display: none;
19995
+ }
19996
+ }
19997
+
19998
+ @media (min-width: 992px) {
19999
+ .bcl-mega-menu__second-submenu > .tab-content > .tab-pane {
20000
+ background: tint-color(#253ebe, 90%);
20001
+ }
20002
+ }
20003
+ @media (max-width: 991.98px) {
20004
+ .bcl-mega-menu__container:has(.bcl-mega-menu__second-submenu > .tab-content > .tab-pane.active) .bcl-mega-menu__info,
20005
+ .bcl-mega-menu__container:has(.bcl-mega-menu__second-submenu > .tab-content > .tab-pane.active) .bcl-mega-menu__first-submenu {
20006
+ display: none;
20007
+ }
20008
+ }
20009
+ .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > .panel-title {
20010
+ padding: 1rem 1rem;
20011
+ margin: 0;
20012
+ color: #212529;
20013
+ background: tint-color(#253ebe, 90%);
20014
+ display: block;
20015
+ font-size: 20px;
20016
+ }
20017
+ @media (min-width: 992px) {
20018
+ .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > .panel-title {
20019
+ display: none;
20020
+ }
20021
+ }
20022
+ @media (min-width: 1200px) {
20023
+ .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > ul > li > * {
20024
+ margin: 0 0.75rem;
20025
+ }
20026
+ }
20027
+
20028
+ @media (max-width: 991.98px) {
20029
+ .bcl-mega-menu__submenu > .__header,
20030
+ .bcl-mega-menu .content-block,
20031
+ .bcl-mega-menu__back-button-block {
20032
+ position: relative;
20033
+ }
20034
+ .bcl-mega-menu__submenu > .__header::before,
20035
+ .bcl-mega-menu .content-block::before,
20036
+ .bcl-mega-menu__back-button-block::before {
20037
+ position: absolute;
20038
+ inset-inline-start: 50%;
20039
+ content: "";
20040
+ background: tint-color(#253ebe, 90%);
20041
+ inline-size: 100vw;
20042
+ block-size: 100%;
20043
+ inset-block-start: 0;
20044
+ z-index: -1;
20045
+ -webkit-transform: translateX(-50%);
20046
+ transform: translateX(-50%);
20047
+ }
20048
+ }
19559
20049
  @media (max-width: 767.98px) {
19560
20050
  .breadcrumb-item + .breadcrumb-item {
19561
20051
  padding-left: 0;
@@ -20649,10 +21139,10 @@ Due to the split circle of progress-left and progress right, we must use the ani
20649
21139
  }
20650
21140
  }
20651
21141
  .badge.bg-secondary {
20652
- color: #0b4e97;
21142
+ color: rgb(10.8571428571, 78.0357142857, 150.6428571429);
20653
21143
  }
20654
21144
  .badge.bg-secondary:hover {
20655
- color: #0b4e97;
21145
+ color: rgb(10.8571428571, 78.0357142857, 150.6428571429);
20656
21146
  }
20657
21147
 
20658
21148
  .btn {
@@ -20663,17 +21153,17 @@ Due to the split circle of progress-left and progress right, we must use the ani
20663
21153
  }
20664
21154
 
20665
21155
  .btn-primary:hover {
20666
- background-color: #305286;
21156
+ background-color: rgb(48.0018400522, 82.2300387862, 134.0111599478);
20667
21157
  }
20668
21158
  .btn-primary:focus, .btn-primary:active, .btn-primary.active {
20669
- background-color: #113264;
21159
+ background-color: rgb(16.9957284087, 50.0249649814, 99.9922715913);
20670
21160
  }
20671
21161
 
20672
21162
  .btn-secondary {
20673
- color: #0b4e97;
21163
+ color: rgb(10.8571428571, 78.0357142857, 150.6428571429);
20674
21164
  }
20675
21165
  .btn-secondary:hover {
20676
- color: #0b4e97;
21166
+ color: rgb(10.8571428571, 78.0357142857, 150.6428571429);
20677
21167
  }
20678
21168
 
20679
21169
  .btn-light {
@@ -20872,9 +21362,9 @@ input:hover {
20872
21362
  outline-offset: -4px;
20873
21363
  }
20874
21364
  .bcl-language-list .btn.selected {
20875
- background: #e7f1fb;
21365
+ background: rgb(230.9868389714, 240.9369554248, 250.9971610286);
20876
21366
  color: #fff;
20877
- border-color: #e7f1fb;
21367
+ border-color: rgb(230.9868389714, 240.9369554248, 250.9971610286);
20878
21368
  }
20879
21369
  .bcl-language-list .btn.selected svg {
20880
21370
  color: #fff;