@openeuropa/bcl-theme-default 0.4068.202510062345 → 0.4185.202512021245

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 (67) hide show
  1. package/bcl-builder.config.js +3 -0
  2. package/css/color-scheme.min.css +1 -1
  3. package/css/color-scheme.min.css.map +1 -1
  4. package/css/oe-bcl-ckeditor5.min.css +1 -1
  5. package/css/oe-bcl-ckeditor5.min.css.map +1 -1
  6. package/css/oe-bcl-default.css +284 -111
  7. package/css/oe-bcl-default.css.map +1 -1
  8. package/css/oe-bcl-default.min.css +1 -1
  9. package/css/oe-bcl-default.min.css.map +1 -1
  10. package/icons/bcl-default-icons.svg +1 -1
  11. package/icons/bootstrap-icons.svg +1 -1
  12. package/js/oe-bcl-default.bundle.js +86 -14
  13. package/js/oe-bcl-default.bundle.js.map +1 -1
  14. package/js/oe-bcl-default.bundle.min.js +1 -1
  15. package/js/oe-bcl-default.bundle.min.js.map +1 -1
  16. package/js/oe-bcl-default.esm.js +85 -14
  17. package/js/oe-bcl-default.esm.js.map +1 -1
  18. package/js/oe-bcl-default.esm.min.js +1 -1
  19. package/js/oe-bcl-default.esm.min.js.map +1 -1
  20. package/js/oe-bcl-default.umd.js +86 -14
  21. package/js/oe-bcl-default.umd.js.map +1 -1
  22. package/js/oe-bcl-default.umd.min.js +1 -1
  23. package/js/oe-bcl-default.umd.min.js.map +1 -1
  24. package/js/slim-select-2/slimselect.min.js +1 -1
  25. package/package.json +8 -8
  26. package/src/js/accordion-toggle/accordion-toggle.js +24 -9
  27. package/src/js/header/header.js +91 -0
  28. package/src/js/index.esm.js +2 -0
  29. package/src/js/index.umd.js +2 -0
  30. package/src/scss/_header.scss +3 -2
  31. package/src/scss/_input.scss +72 -31
  32. package/src/scss/_mega-menu.scss +50 -61
  33. package/src/scss/_multiselect-2.scss +33 -11
  34. package/src/scss/_pagination-v2.scss +86 -0
  35. package/src/scss/_pagination.scss +1 -0
  36. package/src/scss/_search-form.scss +4 -0
  37. package/src/scss/base/_mixins.scss +21 -0
  38. package/src/scss/base/_variables.scss +3 -0
  39. package/src/scss/oe-bcl-default.scss +1 -0
  40. package/templates/bcl-base-templates/listing-page.html.twig +17 -19
  41. package/templates/bcl-contact-form/contact-form.html.twig +3 -3
  42. package/templates/bcl-content-banner/content-banner.html.twig +3 -0
  43. package/templates/bcl-dropdown/dropdown.html.twig +12 -7
  44. package/templates/bcl-event/event.html.twig +5 -5
  45. package/templates/bcl-file/file.html.twig +1 -1
  46. package/templates/bcl-glossary/glossary-detail.html.twig +4 -5
  47. package/templates/bcl-glossary/glossary-listing.html.twig +5 -5
  48. package/templates/bcl-group/group-landing.html.twig +5 -5
  49. package/templates/bcl-group/group.html.twig +3 -3
  50. package/templates/bcl-header/header.html.twig +43 -50
  51. package/templates/bcl-landing-page/landing-page.html.twig +5 -8
  52. package/templates/bcl-language-list/language-list-modal.html.twig +58 -5
  53. package/templates/bcl-links-block/links-block.html.twig +1 -1
  54. package/templates/bcl-mega-menu/mega-menu-submenu.html.twig +10 -7
  55. package/templates/bcl-modal/modal.html.twig +20 -7
  56. package/templates/bcl-navigation/navigation.html.twig +8 -0
  57. package/templates/bcl-page/page.html.twig +5 -5
  58. package/templates/bcl-pagination-v2/pagination-item.html.twig +90 -0
  59. package/templates/bcl-pagination-v2/pagination.html.twig +213 -0
  60. package/templates/bcl-person/person.html.twig +5 -5
  61. package/templates/bcl-project/project.html.twig +7 -7
  62. package/templates/bcl-project-status/project-contributions.html.twig +1 -1
  63. package/templates/bcl-search/search.html.twig +3 -3
  64. package/templates/bcl-subscription/subscription.html.twig +5 -5
  65. package/templates/{bcl-toast → bcl-toasts}/toasts.html.twig +17 -8
  66. package/templates/bcl-user/user-terms.html.twig +3 -3
  67. package/templates/bcl-user/user.html.twig +3 -3
@@ -542,6 +542,11 @@ legend + * {
542
542
  -webkit-appearance: textfield;
543
543
  outline-offset: -2px;
544
544
  }
545
+ [type=search]::-webkit-search-cancel-button {
546
+ cursor: pointer;
547
+ -webkit-filter: grayscale(1);
548
+ filter: grayscale(1);
549
+ }
545
550
 
546
551
  /* rtl:raw:
547
552
  [type="tel"],
@@ -5310,7 +5315,7 @@ textarea.form-control-lg {
5310
5315
  --bs-pagination-color: var(--bs-link-color);
5311
5316
  --bs-pagination-bg: var(--bs-body-bg);
5312
5317
  --bs-pagination-border-width: var(--bs-border-width);
5313
- --bs-pagination-border-color: var(--bs-border-color);
5318
+ --bs-pagination-border-color: #ced4da;
5314
5319
  --bs-pagination-border-radius: var(--bs-border-radius);
5315
5320
  --bs-pagination-hover-color: var(--bs-link-hover-color);
5316
5321
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
@@ -6922,6 +6927,8 @@ textarea.form-control-lg {
6922
6927
  .spinner-grow,
6923
6928
  .spinner-border {
6924
6929
  display: inline-block;
6930
+ -ms-flex-negative: 0;
6931
+ flex-shrink: 0;
6925
6932
  width: var(--bs-spinner-width);
6926
6933
  height: var(--bs-spinner-height);
6927
6934
  vertical-align: var(--bs-spinner-vertical-align);
@@ -9742,7 +9749,7 @@ svg {
9742
9749
  padding-top: 1rem !important;
9743
9750
  }
9744
9751
 
9745
- .pt-4 {
9752
+ .pt-4, .pagination-v2 .pagination {
9746
9753
  padding-top: 1.5rem !important;
9747
9754
  }
9748
9755
 
@@ -10130,7 +10137,7 @@ svg {
10130
10137
  font-weight: 300 !important;
10131
10138
  }
10132
10139
 
10133
- .fw-normal {
10140
+ .fw-normal, .pagination-v2 .pagination.pagination--glossary .page-item .page-link {
10134
10141
  font-weight: 400 !important;
10135
10142
  }
10136
10143
 
@@ -10178,7 +10185,7 @@ svg {
10178
10185
  text-align: center !important;
10179
10186
  }
10180
10187
 
10181
- .text-decoration-none {
10188
+ .text-decoration-none, .pagination-v2 .pagination.pagination--glossary .page-item .page-link:hover {
10182
10189
  text-decoration: none !important;
10183
10190
  }
10184
10191
 
@@ -10551,7 +10558,7 @@ svg {
10551
10558
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
10552
10559
  }
10553
10560
 
10554
- .bg-light {
10561
+ .bg-light, .pagination-v2 .pagination.pagination--glossary .page-item .page-link:hover {
10555
10562
  --bs-bg-opacity: 1;
10556
10563
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
10557
10564
  }
@@ -17792,6 +17799,9 @@ em.placeholder {
17792
17799
  align-items: flex-end;
17793
17800
  }
17794
17801
 
17802
+ .bcl-header {
17803
+ --oel-mega-menu-offset-top: 0px;
17804
+ }
17795
17805
  .bcl-header .notification {
17796
17806
  position: relative;
17797
17807
  padding-right: 0;
@@ -17837,12 +17847,11 @@ em.placeholder {
17837
17847
  header:has(.bcl-header__navbar #main-navbar.show),
17838
17848
  header:has(.bcl-header__navbar.collapsing),
17839
17849
  header:has(.bcl-header__navbar.show) {
17840
- height: 100vh;
17850
+ height: calc(100vh - var(--oel-mega-menu-offset-top, 0px));
17841
17851
  display: -ms-flexbox;
17842
17852
  display: flex;
17843
17853
  -ms-flex-flow: column;
17844
17854
  flex-flow: column;
17845
- overflow: auto;
17846
17855
  }
17847
17856
  header:has(.bcl-header__navbar #main-navbar.collapsing) > div:has(.breadcrumb),
17848
17857
  header:has(.bcl-header__navbar #main-navbar.show) > div:has(.breadcrumb),
@@ -17869,6 +17878,7 @@ em.placeholder {
17869
17878
  width: 100%;
17870
17879
  -ms-flex-align: start;
17871
17880
  align-items: flex-start;
17881
+ overflow: auto;
17872
17882
  }
17873
17883
  .bcl-header__navbar.navbar .navbar-nav {
17874
17884
  width: 100%;
@@ -18187,12 +18197,14 @@ em.placeholder {
18187
18197
  white-space: nowrap;
18188
18198
  scrollbar-width: none;
18189
18199
  -ms-overflow-style: none;
18190
- border: none;
18191
18200
  }
18192
18201
  .nav-tabs::-webkit-scrollbar {
18193
18202
  width: 0;
18194
18203
  height: 0;
18195
18204
  }
18205
+ .nav-tabs {
18206
+ border: none;
18207
+ }
18196
18208
  .nav-tabs .nav-item {
18197
18209
  z-index: 1;
18198
18210
  }
@@ -18301,6 +18313,10 @@ em.placeholder {
18301
18313
  border-top-left-radius: 0;
18302
18314
  border-bottom-left-radius: 0;
18303
18315
  }
18316
+ .bcl-search-form.submittable .bcl-search-form__submit:focus-visible {
18317
+ outline-offset: 2px;
18318
+ outline-color: #253ebe;
18319
+ }
18304
18320
  .bcl-search-form.submittable .bcl-search-form__group {
18305
18321
  display: -ms-flexbox;
18306
18322
  display: flex;
@@ -18334,12 +18350,53 @@ em.placeholder {
18334
18350
  padding-bottom: 0.5rem;
18335
18351
  padding-left: 1rem;
18336
18352
  font-size: 1.25rem;
18353
+ border-color: #6c757d;
18337
18354
  }
18338
18355
  .form-select:focus-visible {
18356
+ border-color: #6c757d;
18357
+ box-shadow: none;
18339
18358
  outline: 2px solid #253ebe;
18340
18359
  box-shadow: none;
18341
18360
  border-radius: 4px;
18342
- outline-offset: -1px;
18361
+ outline-offset: 2px;
18362
+ }
18363
+ .form-select:focus-visible.is-valid {
18364
+ outline-color: #09854c;
18365
+ }
18366
+ .form-select:focus-visible.is-valid:focus {
18367
+ box-shadow: none;
18368
+ border-color: #6c757d;
18369
+ }
18370
+ .form-select:focus-visible.is-invalid {
18371
+ outline-color: #a51f2c;
18372
+ }
18373
+ .form-select:focus-visible.is-invalid:focus {
18374
+ box-shadow: none;
18375
+ border-color: #6c757d;
18376
+ }
18377
+ .form-select:focus {
18378
+ box-shadow: none;
18379
+ border-color: #6c757d;
18380
+ }
18381
+ .form-select.is-valid:focus, .form-select.is-invalid:focus {
18382
+ box-shadow: none;
18383
+ }
18384
+
18385
+ .form-check-input {
18386
+ border-color: #253ebe;
18387
+ }
18388
+ .form-check-input:focus-visible[type=radio] {
18389
+ border-radius: 50%;
18390
+ }
18391
+ .form-check-input:focus {
18392
+ border-color: #253ebe;
18393
+ box-shadow: none;
18394
+ }
18395
+ .form-check-input:focus-visible {
18396
+ outline: 2px solid #253ebe;
18397
+ box-shadow: none;
18398
+ border-radius: 4px;
18399
+ outline-offset: 1px;
18343
18400
  }
18344
18401
 
18345
18402
  .form-control {
@@ -18347,6 +18404,7 @@ em.placeholder {
18347
18404
  padding: 0.5rem 1rem;
18348
18405
  font-size: 1.25rem;
18349
18406
  border-radius: 0.3rem;
18407
+ border-color: #6c757d;
18350
18408
  }
18351
18409
  .form-control::-webkit-file-upload-button {
18352
18410
  padding: 0.5rem 1rem;
@@ -18356,11 +18414,31 @@ em.placeholder {
18356
18414
  padding: 0.5rem 1rem;
18357
18415
  margin: -0.5rem 1rem -0.5rem -1rem;
18358
18416
  }
18359
- .form-control:focus-visible {
18417
+ .form-control:focus:focus-visible {
18418
+ border-color: #6c757d;
18360
18419
  outline: 2px solid #253ebe;
18361
18420
  box-shadow: none;
18362
18421
  border-radius: 4px;
18363
- outline-offset: -1px;
18422
+ outline-offset: 2px;
18423
+ }
18424
+ .form-control.is-valid:focus, .form-control.is-invalid:focus {
18425
+ box-shadow: none;
18426
+ }
18427
+ .form-control.is-valid:focus:focus-visible {
18428
+ transition: none;
18429
+ border-color: #6c757d;
18430
+ outline: 2px solid #09854c;
18431
+ box-shadow: none;
18432
+ border-radius: 4px;
18433
+ outline-offset: 2px;
18434
+ }
18435
+ .form-control.is-invalid:focus:focus-visible {
18436
+ transition: none;
18437
+ border-color: #6c757d;
18438
+ outline: 2px solid #a51f2c;
18439
+ box-shadow: none;
18440
+ border-radius: 4px;
18441
+ outline-offset: 2px;
18364
18442
  }
18365
18443
 
18366
18444
  .form-check:not(.form-switch) {
@@ -18375,19 +18453,6 @@ em.placeholder {
18375
18453
  margin-top: 0.15rem;
18376
18454
  }
18377
18455
 
18378
- .form-check-input:focus-visible {
18379
- outline: 4px solid #253ebe;
18380
- box-shadow: none;
18381
- border-radius: 4px;
18382
- outline-offset: 0;
18383
- }
18384
- .form-check-input:focus-visible[type=radio] {
18385
- border-radius: 50%;
18386
- }
18387
- .form-check-input:checked:focus-visible {
18388
- border-color: #fff;
18389
- }
18390
-
18391
18456
  @media (min-width: 768px) {
18392
18457
  .form-check:not(.form-switch) {
18393
18458
  padding-left: 1.5rem;
@@ -18421,23 +18486,17 @@ em.placeholder {
18421
18486
  }
18422
18487
  textarea.form-control.is-invalid,
18423
18488
  .form-control.is-invalid {
18424
- 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 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23D72E3D'/%3E%3C/svg%3E%0A");
18489
+ 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 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23A51F2C'/%3E%3C/svg%3E%0A");
18425
18490
  }
18426
18491
  textarea.form-control.is-valid,
18427
18492
  .form-control.is-valid {
18428
18493
  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");
18429
18494
  }
18430
18495
 
18431
- .form-select:not([multiple]):not([size]):focus-visible {
18432
- outline: 2px solid #253ebe;
18433
- box-shadow: none;
18434
- border-radius: 4px;
18435
- outline-offset: -1px;
18496
+ select.form-select:not([multiple]):not([size]).is-invalid {
18497
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"), 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 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23A51F2C'/%3E%3C/svg%3E%0A");
18436
18498
  }
18437
- .form-select:not([multiple]):not([size]).is-invalid {
18438
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"), 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 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23D72E3D'/%3E%3C/svg%3E%0A");
18439
- }
18440
- .form-select:not([multiple]):not([size]).is-valid {
18499
+ select.form-select:not([multiple]):not([size]).is-valid {
18441
18500
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"), 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");
18442
18501
  }
18443
18502
 
@@ -18617,8 +18676,9 @@ a.badge:focus-within.text-bg-danger, a.badge:active.text-bg-danger, a.badge:hove
18617
18676
  background-color: rgb(140.25, 26.35, 37.4) !important;
18618
18677
  }
18619
18678
 
18620
- .badge.bg-light a,
18621
- .badge.bg-light {
18679
+ .badge.bg-light a, .pagination-v2 .pagination.pagination--glossary .page-item .badge.page-link:hover a,
18680
+ .badge.bg-light,
18681
+ .pagination-v2 .pagination.pagination--glossary .page-item .badge.page-link:hover {
18622
18682
  color: #000;
18623
18683
  }
18624
18684
 
@@ -19328,7 +19388,7 @@ select.multi-select {
19328
19388
  --ss-font-color: #4d4d4d;
19329
19389
  --ss-font-placeholder-color: #212529;
19330
19390
  --ss-disabled-color: #dcdee2;
19331
- --ss-border-color: #dcdee2;
19391
+ --ss-border-color: #6c757d;
19332
19392
  --ss-highlight-color: #fffb8c;
19333
19393
  --ss-success-color: #00b755;
19334
19394
  --ss-error-color: #dc3545;
@@ -19418,8 +19478,11 @@ select.multi-select {
19418
19478
  overflow: hidden;
19419
19479
  min-height: 38px;
19420
19480
  }
19421
- .ss-main.ss-2:focus {
19422
- box-shadow: 0 0 5px var(--ss-focus-color);
19481
+ .ss-main.ss-2:focus-visible {
19482
+ outline: 2px solid #253ebe;
19483
+ box-shadow: none;
19484
+ border-radius: 4px;
19485
+ outline-offset: 2px;
19423
19486
  }
19424
19487
  .ss-main.ss-2.form-select {
19425
19488
  background: none;
@@ -19702,7 +19765,10 @@ select.multi-select {
19702
19765
  vertical-align: middle;
19703
19766
  }
19704
19767
  .ss-content.ss-content-2 .ss-search input:focus {
19705
- box-shadow: 0 0 5px var(--ss-focus-color);
19768
+ outline: 2px solid #253ebe;
19769
+ box-shadow: none;
19770
+ border-radius: 4px;
19771
+ outline-offset: 2px;
19706
19772
  }
19707
19773
  .ss-content.ss-content-2 .ss-search .ss-addable {
19708
19774
  display: -ms-inline-flexbox;
@@ -19894,23 +19960,48 @@ select.multi-select {
19894
19960
  background-color: var(--ss-highlight-color);
19895
19961
  }
19896
19962
 
19897
- .ss-main.multi-select.is-invalid,
19898
- .was-validated .multi-select:invalid + .ss-main.multi-select {
19963
+ .form-select.ss-main.multi-select.is-invalid,
19964
+ .was-validated .multi-select:invalid + .form-select.ss-main.multi-select {
19899
19965
  border-color: #a51f2c;
19900
- background-position: right 1.5rem center;
19966
+ background-position: right 2.5rem center;
19901
19967
  background-repeat: no-repeat;
19968
+ padding-right: 0.5rem;
19902
19969
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
19903
- 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 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23D72E3D'/%3E%3C/svg%3E%0A");
19970
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23a51f2c' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/%3E%3C/svg%3E");
19971
+ }
19972
+ .form-select.ss-main.multi-select.is-invalid:focus-visible,
19973
+ .was-validated .multi-select:invalid + .form-select.ss-main.multi-select:focus-visible {
19974
+ border-color: #6c757d;
19975
+ outline-color: #a51f2c;
19904
19976
  }
19905
19977
 
19906
- .ss-main.multi-select.is-valid,
19907
- .was-validated .multi-select:valid + .ss-main.multi-select {
19978
+ .form-select.ss-main.multi-select.is-valid,
19979
+ .was-validated .multi-select:valid + .form-select.ss-main.multi-select {
19908
19980
  border-color: #09854c;
19909
- background-position: right 1.5rem center;
19981
+ background-position: right 2.5rem center;
19910
19982
  background-repeat: no-repeat;
19983
+ padding-right: 0.5rem;
19911
19984
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
19912
19985
  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");
19913
19986
  }
19987
+ .form-select.ss-main.multi-select.is-valid:focus-visible,
19988
+ .was-validated .multi-select:valid + .form-select.ss-main.multi-select:focus-visible {
19989
+ border-color: #6c757d;
19990
+ outline-color: #09854c;
19991
+ }
19992
+
19993
+ .ss-sr-only {
19994
+ position: absolute;
19995
+ width: 1px;
19996
+ height: 1px;
19997
+ margin: -1px;
19998
+ padding: 0;
19999
+ border: 0;
20000
+ clip: rect(0, 0, 0, 0);
20001
+ -webkit-clip-path: inset(50%);
20002
+ clip-path: inset(50%);
20003
+ overflow: hidden;
20004
+ }
19914
20005
 
19915
20006
  /* stylelint-disable no-descending-specificity, declaration-no-important */
19916
20007
  /* -------------------------------------
@@ -19959,16 +20050,6 @@ select.multi-select {
19959
20050
  }
19960
20051
  .bcl-mega-menu__container[class] {
19961
20052
  display: none;
19962
- z-index: var(--bcl-mega-menu-zindex);
19963
- position: absolute;
19964
- inset-block-start: 0;
19965
- inset-inline-start: 0;
19966
- inline-size: 100%;
19967
- -webkit-margin-before: 0;
19968
- margin-block-start: 0;
19969
- padding: 0;
19970
- border: 0;
19971
- border-radius: 0;
19972
20053
  }
19973
20054
  .bcl-mega-menu > [aria-expanded=true] + .bcl-mega-menu__container[class] {
19974
20055
  display: block;
@@ -19979,6 +20060,9 @@ select.multi-select {
19979
20060
  display: flex;
19980
20061
  }
19981
20062
  }
20063
+ .bcl-mega-menu__container[class] {
20064
+ z-index: var(--bcl-mega-menu-zindex);
20065
+ }
19982
20066
  @media (prefers-reduced-motion: no-preference) {
19983
20067
  .bcl-mega-menu__container[class] {
19984
20068
  transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
@@ -19997,6 +20081,17 @@ select.multi-select {
19997
20081
  pointer-events: none;
19998
20082
  }
19999
20083
  }
20084
+ .bcl-mega-menu__container[class] {
20085
+ position: absolute;
20086
+ inset-block-start: 0;
20087
+ inset-inline-start: 0;
20088
+ inline-size: 100%;
20089
+ -webkit-margin-before: 0;
20090
+ margin-block-start: 0;
20091
+ padding: 0;
20092
+ border: 0;
20093
+ border-radius: 0;
20094
+ }
20000
20095
  @media (min-width: 992px) {
20001
20096
  .bcl-mega-menu__container[class] {
20002
20097
  inset-block-start: 100%;
@@ -20166,32 +20261,6 @@ ul.bcl-mega-menu__items > li > button[aria-expanded=true] {
20166
20261
  background-color: #253ebe;
20167
20262
  }
20168
20263
  }
20169
- ul.bcl-mega-menu__items > li:has(> a.see-all-button) {
20170
- position: -webkit-sticky;
20171
- position: sticky;
20172
- inset-block-start: 100%;
20173
- }
20174
- ul.bcl-mega-menu__items > li > a.see-all-button {
20175
- border-top: none;
20176
- }
20177
- ul.bcl-mega-menu__items > li > a.see-all-button:after {
20178
- background: #b9c5e9;
20179
- content: "";
20180
- block-size: 1px;
20181
- inset-inline-start: 0;
20182
- position: absolute;
20183
- inset-block-start: 0;
20184
- inset-inline: 1rem;
20185
- }
20186
- ul.bcl-mega-menu__items > li > a.see-all-button > svg {
20187
- inline-size: 0.8rem;
20188
- }
20189
- ul.bcl-mega-menu__items > li > a.see-all-button > span {
20190
- text-overflow: ellipsis;
20191
- overflow: hidden;
20192
- display: block;
20193
- white-space: nowrap;
20194
- }
20195
20264
 
20196
20265
  @media (min-width: 992px) {
20197
20266
  .bcl-mega-menu__menu {
@@ -20199,14 +20268,18 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
20199
20268
  padding-right: 0;
20200
20269
  }
20201
20270
  }
20271
+ @media (max-width: 991.98px) {
20272
+ .bcl-mega-menu__menu > .bcl-mega-menu__items:has(.bcl-mega-menu__submenu:not([hidden])) > .__leaf,
20273
+ .bcl-mega-menu__menu > .bcl-mega-menu__items:has(.bcl-mega-menu__submenu:not([hidden])) > .__parent {
20274
+ display: none;
20275
+ }
20276
+ .bcl-mega-menu__menu > .bcl-mega-menu__items > .__parent:has(.bcl-mega-menu__submenu:not([hidden])) {
20277
+ display: block;
20278
+ }
20279
+ }
20202
20280
 
20203
20281
  .bcl-mega-menu__submenu {
20204
20282
  position: absolute;
20205
- background: white;
20206
- display: -ms-flexbox;
20207
- display: flex;
20208
- -ms-flex-direction: column;
20209
- flex-direction: column;
20210
20283
  }
20211
20284
  @media (max-width: 991.98px) {
20212
20285
  .bcl-mega-menu__submenu {
@@ -20234,11 +20307,20 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
20234
20307
  z-index: -1;
20235
20308
  }
20236
20309
  }
20310
+ .bcl-mega-menu__submenu {
20311
+ background: white;
20312
+ }
20237
20313
  @media (min-width: 992px) {
20238
20314
  .bcl-mega-menu__submenu {
20239
20315
  background: rgb(233.2, 235.7, 248.5);
20240
20316
  }
20241
20317
  }
20318
+ .bcl-mega-menu__submenu {
20319
+ display: -ms-flexbox;
20320
+ display: flex;
20321
+ -ms-flex-direction: column;
20322
+ flex-direction: column;
20323
+ }
20242
20324
  .bcl-mega-menu__submenu > .__header > .__label {
20243
20325
  padding: 1rem 1rem;
20244
20326
  margin: 0;
@@ -20252,36 +20334,52 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
20252
20334
  display: none;
20253
20335
  }
20254
20336
  }
20255
-
20256
20337
  @media (min-width: 992px) {
20257
- .bcl-mega-menu__second-submenu > .tab-content > .tab-pane {
20258
- background: rgb(233.2, 235.7, 248.5);
20338
+ .bcl-mega-menu__submenu > .bcl-mega-menu__items {
20339
+ -ms-flex: 1 1 0px;
20340
+ flex: 1 1 0;
20341
+ overflow-y: auto;
20259
20342
  }
20260
- }
20261
- @media (max-width: 991.98px) {
20262
- .bcl-mega-menu__container:has(.bcl-mega-menu__second-submenu > .tab-content > .tab-pane.active) .bcl-mega-menu__info,
20263
- .bcl-mega-menu__container:has(.bcl-mega-menu__second-submenu > .tab-content > .tab-pane.active) .bcl-mega-menu__first-submenu {
20264
- display: none;
20343
+ .bcl-mega-menu__submenu > .bcl-mega-menu__items > li > :is(span, a, button) {
20344
+ padding: 0.75rem 1.75rem;
20265
20345
  }
20266
20346
  }
20267
- .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > .panel-title {
20268
- padding: 1rem 1rem;
20269
- margin: 0;
20270
- color: #212529;
20271
- background: rgb(233.2, 235.7, 248.5);
20272
- display: block;
20273
- font-size: 20px;
20347
+ .bcl-mega-menu__submenu > .__see_all {
20348
+ border-top: 1px solid #b9c5e9;
20274
20349
  }
20275
20350
  @media (min-width: 992px) {
20276
- .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > .panel-title {
20277
- display: none;
20351
+ .bcl-mega-menu__submenu > .__see_all {
20352
+ border-top: 1px solid rgb(211.4, 216.4, 242);
20353
+ margin: 0 1.75rem;
20278
20354
  }
20279
20355
  }
20280
- @media (min-width: 1200px) {
20281
- .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > ul > li > * {
20282
- margin: 0 0.75rem;
20356
+ .bcl-mega-menu__submenu > .__see_all > .see-all-button {
20357
+ padding: 0.75rem 1rem;
20358
+ display: -ms-flexbox;
20359
+ display: flex;
20360
+ -ms-flex-align: center;
20361
+ align-items: center;
20362
+ color: #253ebe;
20363
+ }
20364
+ @media (min-width: 992px) {
20365
+ .bcl-mega-menu__submenu > .__see_all > .see-all-button {
20366
+ padding: 0.75rem 1.75rem;
20367
+ margin: 0 -1.75rem;
20283
20368
  }
20284
20369
  }
20370
+ .bcl-mega-menu__submenu > .__see_all > .see-all-button:hover {
20371
+ background: rgb(233.2, 235.7, 248.5);
20372
+ }
20373
+ .bcl-mega-menu__submenu > .__see_all > .see-all-button > svg {
20374
+ -ms-flex-negative: 0;
20375
+ flex-shrink: 0;
20376
+ }
20377
+ .bcl-mega-menu__submenu > .__see_all > .see-all-button > span {
20378
+ text-overflow: ellipsis;
20379
+ overflow: hidden;
20380
+ display: block;
20381
+ white-space: nowrap;
20382
+ }
20285
20383
 
20286
20384
  @media (max-width: 991.98px) {
20287
20385
  .bcl-mega-menu__submenu > .__header,
@@ -20849,9 +20947,6 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
20849
20947
  padding-bottom: 0;
20850
20948
  }
20851
20949
  }
20852
- .bcl-gallery {
20853
- /* lazyload */
20854
- }
20855
20950
  .bcl-gallery .bcl-gallery__thumbnails {
20856
20951
  border-radius: 0.375rem;
20857
20952
  overflow: hidden;
@@ -21003,6 +21098,9 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
21003
21098
  -o-object-fit: contain;
21004
21099
  object-fit: contain;
21005
21100
  }
21101
+ .bcl-gallery {
21102
+ /* lazyload */
21103
+ }
21006
21104
  .bcl-gallery img:not([src]):not([srcset]) {
21007
21105
  visibility: hidden;
21008
21106
  }
@@ -21104,6 +21202,10 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
21104
21202
  }
21105
21203
 
21106
21204
  /* stylelint-disable no-descending-specificity */
21205
+ .pagination {
21206
+ -ms-flex-wrap: wrap;
21207
+ flex-wrap: wrap;
21208
+ }
21107
21209
  .pagination .page-item .page-link {
21108
21210
  display: -ms-flexbox;
21109
21211
  display: flex;
@@ -21164,4 +21266,75 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
21164
21266
  height: 0;
21165
21267
  }
21166
21268
  }
21269
+ .pagination-v2.pager .pagination {
21270
+ --bs-border-color: transparent;
21271
+ }
21272
+ .pagination-v2 .pagination {
21273
+ --bs-pagination-border-color: transparent;
21274
+ --bs-pagination-disabled-border-color: transparent;
21275
+ --bs-pagination-item-size: 2.75rem;
21276
+ --bs-pagination-hover-bg: #253ebe;
21277
+ --bs-pagination-hover-color: #fff;
21278
+ border-top: 1px solid #ced4da;
21279
+ }
21280
+ .pagination-v2 .pagination .page-item .page-link {
21281
+ display: -ms-inline-flexbox;
21282
+ display: inline-flex;
21283
+ -ms-flex-align: center;
21284
+ align-items: center;
21285
+ -ms-flex-pack: center;
21286
+ justify-content: center;
21287
+ min-width: var(--bs-pagination-item-size);
21288
+ min-height: var(--bs-pagination-item-size);
21289
+ text-decoration: none;
21290
+ }
21291
+ .pagination-v2 .pagination .page-item .page-link:is(div):hover {
21292
+ background-color: transparent;
21293
+ border-color: transparent;
21294
+ color: #253ebe;
21295
+ }
21296
+ .pagination-v2 .pagination .page-item.active .page-link {
21297
+ cursor: default;
21298
+ --bs-pagination-active-bg: #253ebe;
21299
+ --bs-pagination-active-color: #fff;
21300
+ }
21301
+ .pagination-v2 .pagination .page-item.active .page-link:active, .pagination-v2 .pagination .page-item.active .page-link:hover {
21302
+ --bs-pagination-active-bg: #253ebe;
21303
+ color: var(--bs-pagination-active-color);
21304
+ background-color: var(--bs-pagination-active-bg);
21305
+ }
21306
+ @media (max-width: 767.98px) {
21307
+ .pagination-v2 .pagination .page-item.active .page-link:active, .pagination-v2 .pagination .page-item.active .page-link:hover {
21308
+ --bs-pagination-active-bg: $white;
21309
+ --bs-pagination-active-color: $dark;
21310
+ --bs-pagination-active-border-color: transparent;
21311
+ }
21312
+ }
21313
+ @media (max-width: 767.98px) {
21314
+ .pagination-v2 .pagination .page-item.active .page-link {
21315
+ --bs-pagination-active-bg: $white;
21316
+ --bs-pagination-active-color: $dark;
21317
+ --bs-pagination-active-border-color: transparent;
21318
+ }
21319
+ }
21320
+ .pagination-v2 .pagination.pagination--glossary .page-item {
21321
+ margin-right: inherit;
21322
+ }
21323
+ .pagination-v2 .pagination.pagination--glossary .page-item .page-link {
21324
+ border: 1px solid #ced4da;
21325
+ padding: 0.375rem 0.75rem;
21326
+ }
21327
+ .pagination-v2 .pagination.pagination--glossary .page-item .page-link:focus, .pagination-v2 .pagination.pagination--glossary .page-item .page-link:focus-visible {
21328
+ box-shadow: none;
21329
+ outline: 2px solid #253ebe;
21330
+ outline-offset: 2px;
21331
+ }
21332
+ .pagination-v2 {
21333
+ /* Outline the group when any pager control is focused for keyboard users. */
21334
+ }
21335
+ .pagination-v2 .pager__items:focus-within {
21336
+ outline: 2px solid currentColor;
21337
+ outline-offset: 2px;
21338
+ border-radius: 6px;
21339
+ }
21167
21340
  /*# sourceMappingURL=oe-bcl-default.css.map */