@openeuropa/bcl-theme-joinup 0.20.0 → 0.23.0

package/css/oe-bcl-joinup.css

@@ -70,7 +70,7 @@ h4.fw-medium,
   --bs-primary: #143b76;
   --bs-secondary: #e7f1fb;
   --bs-success: #18bf80;
-  --bs-info: #087990;
+  --bs-info: #0d768b;
   --bs-warning: #eba843;
   --bs-danger: #eb3434;
   --bs-light: #f8f9fa;
@@ -79,7 +79,7 @@ h4.fw-medium,
   --bs-primary-rgb: 20, 59, 118;
   --bs-secondary-rgb: 231, 241, 251;
   --bs-success-rgb: 24, 191, 128;
-  --bs-info-rgb: 8, 121, 144;
+  --bs-info-rgb: 13, 118, 139;
   --bs-warning-rgb: 235, 168, 67;
   --bs-danger-rgb: 235, 52, 52;
   --bs-light-rgb: 248, 249, 250;
@@ -2487,7 +2487,7 @@ progress {
   --bs-table-active-color: #242626;
   --bs-table-active-bg: rgba(0, 0, 0, 0.1);
   --bs-table-hover-color: #242626;
-  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
+  --bs-table-hover-bg: rgba(0, 0, 0, 0.1);
   width: 100%;
   margin-bottom: 1rem;
   color: #242626;
@@ -2553,7 +2553,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #bbc2cd;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #c0c8d3;
+  --bs-table-hover-bg: #bbc2cd;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #bbc2cd;
@@ -2565,7 +2565,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #e1e3e5;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #e7e9eb;
+  --bs-table-hover-bg: #e1e3e5;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #e1e3e5;
@@ -2577,22 +2577,22 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #bcdacf;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #c1e0d5;
+  --bs-table-hover-bg: #bcdacf;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #bcdacf;
 }
 
 .table-info {
-  --bs-table-bg: #cee4e9;
-  --bs-table-striped-bg: #c4d9dd;
+  --bs-table-bg: #cfe4e8;
+  --bs-table-striped-bg: #c5d9dc;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #b9cdd2;
+  --bs-table-active-bg: #bacdd1;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #bfd3d8;
+  --bs-table-hover-bg: #bacdd1;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #b9cdd2;
+  border-color: #bacdd1;
 }
 
 .table-warning {
@@ -2601,7 +2601,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #e2d6c3;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #e8dcc9;
+  --bs-table-hover-bg: #e2d6c3;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #e2d6c3;
@@ -2613,7 +2613,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #e2c1c1;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #e8c6c6;
+  --bs-table-hover-bg: #e2c1c1;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #e2c1c1;
@@ -2625,7 +2625,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #dfe0e1;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #e5e6e7;
+  --bs-table-hover-bg: #dfe0e1;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #dfe0e1;
@@ -2637,7 +2637,7 @@ progress {
   --bs-table-striped-color: #fff;
   --bs-table-active-bg: #373b3e;
   --bs-table-active-color: #fff;
-  --bs-table-hover-bg: #323539;
+  --bs-table-hover-bg: #373b3e;
   --bs-table-hover-color: #fff;
   color: #fff;
   border-color: #373b3e;
@@ -3690,33 +3690,33 @@ textarea.form-control-lg {
 
 .btn-info {
   color: #fff;
-  background-color: #087990;
-  border-color: #087990;
+  background-color: #0d768b;
+  border-color: #0d768b;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 }
 .btn-info:hover {
   color: #fff;
-  background-color: #076d82;
-  border-color: #066173;
+  background-color: #0c6a7d;
+  border-color: #0a5e6f;
 }
 .btn-check:focus + .btn-info, .btn-info:focus {
   color: #fff;
-  background-color: #076d82;
-  border-color: #066173;
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(45, 141, 161, 0.5);
+  background-color: #0c6a7d;
+  border-color: #0a5e6f;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(49, 139, 156, 0.5);
 }
 .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
   color: #fff;
-  background-color: #066173;
-  border-color: #065b6c;
+  background-color: #0a5e6f;
+  border-color: #0a5968;
 }
 .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(45, 141, 161, 0.5);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(49, 139, 156, 0.5);
 }
 .btn-info:disabled, .btn-info.disabled {
   color: #fff;
-  background-color: #087990;
-  border-color: #087990;
+  background-color: #0d768b;
+  border-color: #0d768b;
 }
 
 .btn-warning {
@@ -3950,27 +3950,27 @@ textarea.form-control-lg {
 }
 
 .btn-outline-info {
-  color: #087990;
-  border-color: #087990;
+  color: #0d768b;
+  border-color: #0d768b;
 }
 .btn-outline-info:hover {
   color: #fff;
-  background-color: #087990;
-  border-color: #087990;
+  background-color: #0d768b;
+  border-color: #0d768b;
 }
 .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
-  box-shadow: 0 0 0 0.25rem rgba(8, 121, 144, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(13, 118, 139, 0.5);
 }
 .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
   color: #fff;
-  background-color: #087990;
-  border-color: #087990;
+  background-color: #0d768b;
+  border-color: #0d768b;
 }
 .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(8, 121, 144, 0.5);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(13, 118, 139, 0.5);
 }
 .btn-outline-info:disabled, .btn-outline-info.disabled {
-  color: #087990;
+  color: #0d768b;
   background-color: transparent;
 }
 
@@ -4190,7 +4190,7 @@ textarea.form-control-lg {
 
 .dropdown-menu {
   position: absolute;
-  z-index: 1000;
+  z-index: 1055;
   display: none;
   min-width: 10rem;
   padding: 0.5rem 0;
@@ -5725,8 +5725,8 @@ textarea.form-control-lg {
 
 .alert-primary {
   color: #0c2347;
-  background-color: #d0d8e4;
-  border-color: #b9c4d6;
+  background-color: #e8ebf1;
+  border-color: #d0d8e4;
 }
 .alert-primary .alert-link {
   color: #0a1c39;
@@ -5734,8 +5734,8 @@ textarea.form-control-lg {
 
 .alert-secondary {
   color: #5c6064;
-  background-color: #fafcfe;
-  border-color: #f8fbfe;
+  background-color: #fdfeff;
+  border-color: #fafcfe;
 }
 .alert-secondary .alert-link {
   color: #4a4d50;
@@ -5743,26 +5743,26 @@ textarea.form-control-lg {
 
 .alert-success {
   color: #0e734d;
-  background-color: #d1f2e6;
-  border-color: #baecd9;
+  background-color: #e8f9f2;
+  border-color: #d1f2e6;
 }
 .alert-success .alert-link {
   color: #0b5c3e;
 }
 
 .alert-info {
-  color: #054956;
-  background-color: #cee4e9;
-  border-color: #b5d7de;
+  color: #084753;
+  background-color: #e7f1f3;
+  border-color: #cfe4e8;
 }
 .alert-info .alert-link {
-  color: #043a45;
+  color: #063942;
 }
 
 .alert-warning {
   color: #8d6528;
-  background-color: #fbeed9;
-  border-color: #f9e5c7;
+  background-color: #fdf6ec;
+  border-color: #fbeed9;
 }
 .alert-warning .alert-link {
   color: #715120;
@@ -5770,8 +5770,8 @@ textarea.form-control-lg {
 
 .alert-danger {
   color: #8d1f1f;
-  background-color: #fbd6d6;
-  border-color: #f9c2c2;
+  background-color: #fdebeb;
+  border-color: #fbd6d6;
 }
 .alert-danger .alert-link {
   color: #711919;
@@ -5779,8 +5779,8 @@ textarea.form-control-lg {
 
 .alert-light {
   color: #636464;
-  background-color: #fefefe;
-  border-color: #fdfdfe;
+  background-color: #fefeff;
+  border-color: #fefefe;
 }
 .alert-light .alert-link {
   color: #4f5050;
@@ -5788,8 +5788,8 @@ textarea.form-control-lg {
 
 .alert-dark {
   color: #141619;
-  background-color: #d3d3d4;
-  border-color: #bcbebf;
+  background-color: #e9e9ea;
+  border-color: #d3d3d4;
 }
 .alert-dark .alert-link {
   color: #101214;
@@ -5797,8 +5797,8 @@ textarea.form-control-lg {
 
 .alert-brand {
   color: #0a4585;
-  background-color: #cfe3f8;
-  border-color: #b7d5f5;
+  background-color: #e7f1fc;
+  border-color: #cfe3f8;
 }
 .alert-brand .alert-link {
   color: #08376a;
@@ -6134,17 +6134,17 @@ textarea.form-control-lg {
 }
 
 .list-group-item-info {
-  color: #054956;
-  background-color: #cee4e9;
+  color: #084753;
+  background-color: #cfe4e8;
 }
 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
-  color: #054956;
-  background-color: #b9cdd2;
+  color: #084753;
+  background-color: #bacdd1;
 }
 .list-group-item-info.list-group-item-action.active {
   color: #fff;
-  background-color: #054956;
-  border-color: #054956;
+  background-color: #084753;
+  border-color: #084753;
 }
 
 .list-group-item-warning {
@@ -7279,10 +7279,10 @@ textarea.form-control-lg {
 }
 
 .link-info {
-  color: #087990;
+  color: #0d768b;
 }
 .link-info:hover, .link-info:focus {
-  color: #066173;
+  color: #0a5e6f;
 }
 
 .link-warning {
@@ -7480,6 +7480,7 @@ textarea.form-control-lg {
   opacity: 0.25;
 }
 
+/* stylelint-disable no-descending-specificity */
 a {
   text-underline-offset: 2px;
 }
@@ -7497,7 +7498,14 @@ a.standalone, a.text-underline-hover {
 a.standalone:hover, a.text-underline-hover:hover {
   text-decoration: underline;
 }
+a:visited {
+  color: #6b22b5;
+}
+a:visited:hover {
+  color: #561b91;
+}
 
+/* stylelint-enable no-descending-specificity */
 svg {
   fill: currentColor;
 }
@@ -7796,7 +7804,7 @@ svg {
 }
 
 .border-info {
-  border-color: #087990 !important;
+  border-color: #0d768b !important;
 }
 
 .border-warning {
@@ -7871,6 +7879,10 @@ svg {
   max-width: 7.5rem !important;
 }
 
+.mw-col-date {
+  max-width: calc(7.5rem + var(--bs-gutter-x)) !important;
+}
+
 .mw-listing-img {
   max-width: 10rem !important;
 }
@@ -15825,7 +15837,7 @@ em.placeholder {
 
 .bcl-header__navbar input:active,
 .bcl-header__navbar input:focus {
-  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+  box-shadow: 0 0 0 0.25rem hsla(210deg, 2%, 83%, 0.5);
 }
 
 .bcl-header .notification {
@@ -16361,150 +16373,360 @@ textarea.form-control.is-valid,
       justify-content: center;
   -ms-flex-align: center;
       align-items: center;
-  cursor: pointer;
   background: #fff;
   border-radius: 50%;
+  border: none;
+  padding: 0;
 }
 .badge .icon--close svg {
   width: 6px;
   height: 6px;
   margin: 0;
 }
-.badge.bg-primary .icon--close {
-  color: #143b76;
-}
-.badge.bg-secondary .icon--close {
-  color: #e7f1fb;
-}
-.badge.bg-success .icon--close {
-  color: #18bf80;
-}
-.badge.bg-danger .icon--close {
-  color: #eb3434;
+
+a.badge {
+  text-decoration: none;
 }
-.badge.bg-dark .icon--close {
-  color: #212529;
+a.badge:focus-visible {
+  outline: none;
 }
-.badge.bg-warning .icon--close {
-  color: #eba843;
-  background: #000;
-}
-.badge.bg-info .icon--close {
-  color: #087990;
-  background: #000;
+
+.badge.bg-primary a,
+.badge.bg-primary {
+  color: #fff;
 }
-.badge.bg-light .icon--close {
-  color: #f8f9fa;
-  background: #000;
+.badge.bg-primary a .icon--close,
+.badge.bg-primary .icon--close {
+  color: #143b76;
 }
 
-h1 .badge, .h1 .badge,
-h2 .badge,
-.h2 .badge,
-h3 .badge,
-.h3 .badge,
-h4 .badge,
-.h4 .badge,
-h5 .badge,
-.h5 .badge,
-h6 .badge,
-.h6 .badge,
-p .badge,
-a .badge {
-  font-size: 0.75em;
+.badge-outline-primary a {
+  color: #143b76 !important;
 }
 
 .badge-outline-primary {
+  background: transparent !important;
   border: 1px solid #143b76;
   color: #143b76 !important;
-  background: transparent !important;
 }
 .badge-outline-primary .icon--close {
   background: #143b76;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-primary, a.badge:active.badge-outline-primary, a.badge:hover.badge-outline-primary {
+  background-color: #e8ebf1 !important;
+  border-color: #113264 !important;
+}
+a.badge:focus-within.bg-primary, a.badge:active.bg-primary, a.badge:hover.bg-primary {
+  background-color: #113264 !important;
+}
+a.badge.badge.bg-primary:focus {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(55, 88, 139, 0.5);
+}
+a.badge.badge-outline-primary:focus {
+  box-shadow: 0 0 0 0.25rem rgba(20, 59, 118, 0.5);
+}
+
+.badge.bg-secondary a,
+.badge.bg-secondary {
+  color: #fff;
+}
+.badge.bg-secondary a .icon--close,
+.badge.bg-secondary .icon--close {
+  color: #e7f1fb;
+}
+
+.badge-outline-secondary a {
+  color: #e7f1fb !important;
+}
+
 .badge-outline-secondary {
+  background: transparent !important;
   border: 1px solid #e7f1fb;
   color: #e7f1fb !important;
-  background: transparent !important;
 }
 .badge-outline-secondary .icon--close {
   background: #e7f1fb;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-secondary, a.badge:active.badge-outline-secondary, a.badge:hover.badge-outline-secondary {
+  background-color: #fdfeff !important;
+  border-color: #c4cdd5 !important;
+}
+a.badge:focus-within.bg-secondary, a.badge:active.bg-secondary, a.badge:hover.bg-secondary {
+  background-color: #c4cdd5 !important;
+}
+a.badge.badge.bg-secondary:focus {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(196, 205, 213, 0.5);
+}
+a.badge.badge-outline-secondary:focus {
+  box-shadow: 0 0 0 0.25rem rgba(231, 241, 251, 0.5);
+}
+
+.badge.bg-success a,
+.badge.bg-success {
+  color: #fff;
+}
+.badge.bg-success a .icon--close,
+.badge.bg-success .icon--close {
+  color: #18bf80;
+}
+
+.badge-outline-success a {
+  color: #18bf80 !important;
+}
+
 .badge-outline-success {
+  background: transparent !important;
   border: 1px solid #18bf80;
   color: #18bf80 !important;
-  background: transparent !important;
 }
 .badge-outline-success .icon--close {
   background: #18bf80;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-success, a.badge:active.badge-outline-success, a.badge:hover.badge-outline-success {
+  background-color: #e8f9f2 !important;
+  border-color: #14a26d !important;
+}
+a.badge:focus-within.bg-success, a.badge:active.bg-success, a.badge:hover.bg-success {
+  background-color: #14a26d !important;
+}
+a.badge.badge.bg-success:focus {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(20, 162, 109, 0.5);
+}
+a.badge.badge-outline-success:focus {
+  box-shadow: 0 0 0 0.25rem rgba(24, 191, 128, 0.5);
+}
+
+.badge.bg-info a,
+.badge.bg-info {
+  color: #fff;
+}
+.badge.bg-info a .icon--close,
+.badge.bg-info .icon--close {
+  color: #0d768b;
+}
+
+.badge-outline-info a {
+  color: #0d768b !important;
+}
+
 .badge-outline-info {
-  border: 1px solid #087990;
-  color: #087990 !important;
   background: transparent !important;
+  border: 1px solid #0d768b;
+  color: #0d768b !important;
 }
 .badge-outline-info .icon--close {
-  background: #087990;
+  background: #0d768b;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-info, a.badge:active.badge-outline-info, a.badge:hover.badge-outline-info {
+  background-color: #e7f1f3 !important;
+  border-color: #0b6476 !important;
+}
+a.badge:focus-within.bg-info, a.badge:active.bg-info, a.badge:hover.bg-info {
+  background-color: #0b6476 !important;
+}
+a.badge.badge.bg-info:focus {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(49, 139, 156, 0.5);
+}
+a.badge.badge-outline-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 118, 139, 0.5);
+}
+
+.badge.bg-warning a,
+.badge.bg-warning {
+  color: #000;
+}
+.badge.bg-warning a .icon--close,
+.badge.bg-warning .icon--close {
+  color: #eba843;
+  background: #000;
+}
+
+.badge-outline-warning a {
+  color: #eba843 !important;
+}
+
 .badge-outline-warning {
+  background: transparent !important;
   border: 1px solid #eba843;
   color: #eba843 !important;
-  background: transparent !important;
 }
 .badge-outline-warning .icon--close {
   background: #eba843;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-warning, a.badge:active.badge-outline-warning, a.badge:hover.badge-outline-warning {
+  background-color: #fdf6ec !important;
+  border-color: #c88f39 !important;
+}
+a.badge:focus-within.bg-warning, a.badge:active.bg-warning, a.badge:hover.bg-warning {
+  background-color: #c88f39 !important;
+}
+a.badge.badge.bg-warning:focus {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(200, 143, 57, 0.5);
+}
+a.badge.badge-outline-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(235, 168, 67, 0.5);
+}
+
+.badge.bg-danger a,
+.badge.bg-danger {
+  color: #fff;
+}
+.badge.bg-danger a .icon--close,
+.badge.bg-danger .icon--close {
+  color: #eb3434;
+}
+
+.badge-outline-danger a {
+  color: #eb3434 !important;
+}
+
 .badge-outline-danger {
+  background: transparent !important;
   border: 1px solid #eb3434;
   color: #eb3434 !important;
-  background: transparent !important;
 }
 .badge-outline-danger .icon--close {
   background: #eb3434;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-danger, a.badge:active.badge-outline-danger, a.badge:hover.badge-outline-danger {
+  background-color: #fdebeb !important;
+  border-color: #c82c2c !important;
+}
+a.badge:focus-within.bg-danger, a.badge:active.bg-danger, a.badge:hover.bg-danger {
+  background-color: #c82c2c !important;
+}
+a.badge.badge.bg-danger:focus {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(200, 44, 44, 0.5);
+}
+a.badge.badge-outline-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(235, 52, 52, 0.5);
+}
+
+.badge.bg-light a,
+.badge.bg-light {
+  color: #000;
+}
+.badge.bg-light a .icon--close,
+.badge.bg-light .icon--close {
+  color: #f8f9fa;
+  background: #000;
+}
+
+.badge-outline-light a {
+  color: #f8f9fa !important;
+}
+
 .badge-outline-light {
+  background: transparent !important;
   border: 1px solid #f8f9fa;
   color: #f8f9fa !important;
-  background: transparent !important;
 }
 .badge-outline-light .icon--close {
   background: #f8f9fa;
-  color: #fff;
   color: #000;
 }
 
+a.badge:focus-within.badge-outline-light, a.badge:active.badge-outline-light, a.badge:hover.badge-outline-light {
+  border-color: #fff;
+  color: #fff;
+  background: rgba(255, 255, 255, 0.3) !important;
+}
+a.badge:focus-within.bg-light, a.badge:active.bg-light, a.badge:hover.bg-light {
+  background-color: #d3d4d5 !important;
+}
+a.badge.badge.bg-light:focus {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+a.badge.badge-outline-light:focus {
+  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
+}
+
+.badge.bg-dark a,
+.badge.bg-dark {
+  color: #fff;
+}
+.badge.bg-dark a .icon--close,
+.badge.bg-dark .icon--close {
+  color: #212529;
+}
+
+.badge-outline-dark a {
+  color: #212529 !important;
+}
+
 .badge-outline-dark {
+  background: transparent !important;
   border: 1px solid #212529;
   color: #212529 !important;
-  background: transparent !important;
 }
 .badge-outline-dark .icon--close {
   background: #212529;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-dark, a.badge:active.badge-outline-dark, a.badge:hover.badge-outline-dark {
+  background-color: #f8f9fa !important;
+  border-color: #000;
+}
+a.badge:focus-within.bg-dark, a.badge:active.bg-dark, a.badge:hover.bg-dark {
+  background-color: #1c1f23 !important;
+}
+a.badge.badge.bg-dark:focus {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
+}
+a.badge.badge-outline-dark:focus {
+  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
+}
+
+.badge.bg-brand a,
+.badge.bg-brand {
+  color: #fff;
+}
+.badge.bg-brand a .icon--close,
+.badge.bg-brand .icon--close {
+  color: #1073de;
+}
+
+.badge-outline-brand a {
+  color: #1073de !important;
+}
+
 .badge-outline-brand {
+  background: transparent !important;
   border: 1px solid #1073de;
   color: #1073de !important;
-  background: transparent !important;
 }
 .badge-outline-brand .icon--close {
   background: #1073de;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-brand, a.badge:active.badge-outline-brand, a.badge:hover.badge-outline-brand {
+  background-color: #e7f1fc !important;
+  border-color: #0e62bd !important;
+}
+a.badge:focus-within.bg-brand, a.badge:active.bg-brand, a.badge:hover.bg-brand {
+  background-color: #0e62bd !important;
+}
+a.badge.badge.bg-brand:focus {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(52, 136, 227, 0.5);
+}
+a.badge.badge-outline-brand:focus {
+  box-shadow: 0 0 0 0.25rem rgba(16, 115, 222, 0.5);
+}
+
 .ss-main {
   position: relative;
   display: inline-block;
@@ -17046,13 +17268,17 @@ select.multi-select {
   font-size: 1rem;
 }
 .ss-main.multi-select .ss-multi-selected {
-  padding: calc(0.5rem - 2px) 0 calc(0.5rem - 2px) calc(0.5rem - 2px);
+  border-color: #a2a8ab;
+  padding: calc(0.5rem - 2px) 0 calc(0.5rem - 2px) 0.3rem;
 }
 .ss-main.multi-select .ss-multi-selected.ss-disabled .ss-values .ss-value {
   background: #858a8c;
 }
 .ss-main.multi-select .ss-multi-selected .ss-add {
-  margin-top: 0.75rem;
+  margin-top: 0;
+  -ms-flex-item-align: center;
+      -ms-grid-row-align: center;
+      align-self: center;
 }
 
 .ss-main.multi-select.is-invalid .ss-multi-selected,
@@ -17086,10 +17312,7 @@ select.multi-select {
 
 @media (min-width: 768px) {
   .ss-main.multi-select .ss-multi-selected {
-    padding: 0.3rem 0 0.3rem 0.3rem;
-  }
-  .ss-main.multi-select .ss-multi-selected .ss-add {
-    margin-top: 0.5rem;
+    padding: 0.075rem 0 0.075rem 0.3rem;
   }
   .ss-main.multi-select .ss-values {
     font-size: 1rem;
@@ -17117,10 +17340,18 @@ select.multi-select {
     border: none;
     -webkit-transform: none;
             transform: none;
+    box-shadow: none;
   }
   .bcl-offcanvas .offcanvas-body {
     overflow: visible;
   }
+  .bcl-offcanvas .offcanvas-title {
+    height: 38px;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+        align-items: center;
+  }
 
   .bcl-offcanvas + .offcanvas-backdrop {
     display: none;
@@ -17177,6 +17408,11 @@ select.multi-select {
   padding-top: 25%;
 }
 
+@media (max-width: 767.98px) {
+  .container .bcl-content-banner .container {
+    padding: 0;
+  }
+}
 @media (min-width: 768px) {
   .bcl-banner {
     overflow: hidden;
@@ -17241,6 +17477,10 @@ select.multi-select {
   .container .bcl-banner:not(.text-center):not(.shade) .bcl-banner__content {
     margin-left: 0;
   }
+  .container .bcl-content-banner .card {
+    margin-right: -0.75rem;
+    margin-left: -0.75rem;
+  }
 }
 @media (min-width: 992px) {
   .bcl-banner {
@@ -17775,6 +18015,344 @@ Due to the split circle of progress-left and progress right, we must use the ani
             transform: rotate(180deg);
   }
 }
+.carousel-indicators {
+  background-color: rgba(0, 0, 0, 0.5);
+  margin: 0;
+}
+.carousel-indicators [data-bs-target] {
+  width: 8px;
+  height: 8px;
+  margin: 0.375rem 0.5rem 1rem;
+  border-radius: 50%;
+}
+
+.carousel-caption {
+  width: 100%;
+  left: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  bottom: 0;
+  padding: 1rem 0 1.5rem;
+}
+.carousel-caption p {
+  margin-bottom: 0;
+}
+.carousel-caption a {
+  color: #fff;
+  -webkit-text-decoration-color: #fff;
+          text-decoration-color: #fff;
+}
+
+.carousel-dark .carousel-caption {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.carousel-dark .carousel-caption a {
+  color: #000;
+  -webkit-text-decoration-color: #000;
+          text-decoration-color: #000;
+}
+.carousel-dark .carousel-indicators {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+.carousel-control-next,
+.carousel-control-prev {
+  opacity: 1;
+}
+.carousel-control-next:hover,
+.carousel-control-prev:hover {
+  opacity: 1;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  width: 40px;
+  height: 40px;
+  background-size: 60% 60%;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 4px;
+}
+
+.carousel-control-next-icon {
+  background-position: 9px center;
+}
+
+.carousel-control-prev-icon {
+  background-position: 7px center;
+}
+
+.carousel.rounded-indicators .carousel-control-prev-icon,
+.carousel.rounded-indicators .carousel-control-next-icon {
+  border-radius: 50%;
+}
+
+@media (min-width: 768px) {
+  .carousel-indicators + .carousel-inner .carousel-caption {
+    bottom: 50px;
+    padding-bottom: 0;
+  }
+}
+.bcl-gallery {
+  /* lazyload */
+}
+.bcl-gallery .bcl-gallery__thumbnails {
+  border-radius: 0.5rem;
+  overflow: hidden;
+}
+.bcl-gallery ul.bcl-gallery__grid {
+  list-style: none;
+  padding: 0;
+  margin-bottom: 0;
+}
+.bcl-gallery .bcl-gallery__item {
+  position: relative;
+}
+.bcl-gallery .bcl-gallery__item-overlay {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0 1rem;
+  transition: background-color 0.2s ease;
+}
+.bcl-gallery .bcl-gallery__item-play-icon {
+  background-color: rgba(0, 0, 0, 0.5);
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 0.5rem;
+  pointer-events: none;
+}
+.bcl-gallery .bcl-gallery__item-play-icon .bi {
+  fill: #fff;
+}
+.bcl-gallery .bcl-gallery__item-caption {
+  display: none;
+  color: #fff;
+  text-align: center;
+  pointer-events: none;
+}
+.bcl-gallery .bcl-gallery__item-caption h5, .bcl-gallery .bcl-gallery__item-caption .h5 {
+  margin-bottom: 0;
+}
+.bcl-gallery .bcl-gallery__item-description {
+  display: none;
+  margin-top: 0.25rem;
+}
+.bcl-gallery ul.bcl-gallery__grid li:not(:last-child) {
+  margin-bottom: 0.5rem;
+}
+.bcl-gallery .bcl-gallery__thumbnails-collaspe ul.bcl-gallery__grid {
+  margin-top: 0.5rem;
+}
+.bcl-gallery .bcl-gallery__collapse[aria-expanded=false] .label-expanded {
+  display: none;
+}
+.bcl-gallery .bcl-gallery__collapse[aria-expanded=true] .label-collapsed {
+  display: none;
+}
+.bcl-gallery .bcl-gallery__collapse[aria-expanded=true] svg {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.bcl-gallery .bcl-gallery__mobile-view-more > span {
+  display: block;
+}
+.bcl-gallery .bcl-gallery__mobile-view-more > span * {
+  pointer-events: none;
+}
+.bcl-gallery .carousel {
+  height: 100%;
+  width: 100%;
+  max-height: 500px;
+}
+.bcl-gallery .carousel-inner {
+  height: 100%;
+}
+.bcl-gallery .carousel-item {
+  position: relative;
+  height: 100%;
+  text-align: center;
+  z-index: 1;
+}
+.bcl-gallery .modal-content {
+  background: black;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.bcl-gallery .modal-title {
+  width: 35%;
+  color: white;
+}
+.bcl-gallery .carousel-pager {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  color: white;
+  width: 30%;
+}
+.bcl-gallery .carousel-pager span {
+  display: inline-block;
+  margin-right: 5px;
+}
+.bcl-gallery .modal-close {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: end;
+      justify-content: end;
+  width: 35%;
+}
+.bcl-gallery .modal-close .btn-close {
+  -webkit-filter: invert(100%);
+          filter: invert(100%);
+  opacity: 1;
+}
+.bcl-gallery .carousel-control-next,
+.bcl-gallery .carousel-control-prev {
+  top: 50%;
+  height: 20%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.bcl-gallery iframe,
+.bcl-gallery video {
+  width: 100%;
+  height: 100%;
+  aspect-ratio: 16/9;
+  max-width: 900px;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.bcl-gallery img {
+  display: inline-block;
+  height: 100%;
+  width: 100%;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.bcl-gallery img:not([src]):not([srcset]) {
+  visibility: hidden;
+}
+@-webkit-keyframes lazy_spinner {
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes lazy_spinner {
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+.bcl-gallery .carousel-item:after {
+  content: "";
+  box-sizing: border-box;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  margin-left: -10px;
+  border-radius: 50%;
+  border: 2px solid #ccc;
+  border-top-color: #000;
+  -webkit-animation: lazy_spinner 0.6s linear infinite;
+          animation: lazy_spinner 0.6s linear infinite;
+  z-index: -1;
+}
+@media (min-width: 576px) {
+  .bcl-gallery ul.bcl-gallery__grid {
+    display: -ms-grid;
+    display: grid;
+    -ms-grid-rows: 1fr 1fr 0;
+    grid-template-rows: 1fr 1fr 0;
+    grid-gap: 0.5rem;
+    -ms-grid-columns: (1fr)[4];
+    grid-template-columns: repeat(4, 1fr);
+    margin-bottom: -0.5rem;
+  }
+  .bcl-gallery ul.bcl-gallery__grid li:not(:last-child) {
+    margin-bottom: 0;
+  }
+  .bcl-gallery ul.bcl-gallery__grid li:first-child {
+    -ms-grid-column: 1;
+    -ms-grid-column-span: 2;
+    grid-column: 1/3;
+    -ms-grid-row: 1;
+    -ms-grid-row-span: 2;
+    grid-row: 1/3;
+  }
+  .bcl-gallery .bcl-gallery__thumbnails-collaspe ul.bcl-gallery__grid {
+    margin-top: 0.5rem;
+  }
+  .bcl-gallery .bcl-gallery__thumbnails-collaspe ul.bcl-gallery__grid:nth-child(odd) li:first-child {
+    grid-column: auto;
+    grid-row: auto;
+  }
+  .bcl-gallery .bcl-gallery__thumbnails-collaspe ul.bcl-gallery__grid:nth-child(odd) li:last-child {
+    -ms-grid-column: 3;
+    -ms-grid-column-span: 2;
+    grid-column: 3/5;
+    -ms-grid-row: 1;
+    -ms-grid-row-span: 2;
+    grid-row: 1/3;
+  }
+  .bcl-gallery .bcl-gallery__item:hover .bcl-gallery__item-overlay {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
+  .bcl-gallery .bcl-gallery__item:hover .bcl-gallery__item-play-icon {
+    background-color: #fff;
+  }
+  .bcl-gallery .bcl-gallery__item:hover .bcl-gallery__item-play-icon .bi {
+    fill: #000;
+  }
+  .bcl-gallery .modal-title,
+.bcl-gallery .modal-close {
+    width: 45%;
+  }
+  .bcl-gallery .carousel-pager {
+    width: 10%;
+  }
+}
+@media (min-width: 768px) {
+  .bcl-gallery .bcl-gallery__item:hover .bcl-gallery__item-caption {
+    display: block;
+  }
+  .bcl-gallery .bcl-gallery__item:hover .bcl-gallery__item-play-icon + .bcl-gallery__item-caption {
+    margin-top: 0.5rem;
+  }
+}
+@media (min-width: 992px) {
+  .bcl-gallery .bcl-gallery__item-description {
+    display: block;
+  }
+}
+
+.pagination .page-link {
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+  -ms-flex-align: center;
+      align-items: center;
+}
+
 .badge.bg-secondary {
   color: #0b4e97;
 }
@@ -17825,8 +18403,7 @@ input:hover {
   top: 1rem;
   background-color: #fafbfc;
 }
-.bcl-inpage-navigation h5, .bcl-inpage-navigation .h5 {
-  font-weight: bold;
+.bcl-inpage-navigation .bcl-heading {
   margin-bottom: 0;
   padding: 1.25rem;
   border-bottom: 1px solid #dadee0;