@openeuropa/bcl-theme-ucpkn 0.20.0 → 0.23.0

package/css/oe-bcl-ucpkn.css

@@ -2442,7 +2442,7 @@ progress {
   --bs-table-active-color: #212529;
   --bs-table-active-bg: rgba(0, 0, 0, 0.1);
   --bs-table-hover-color: #212529;
-  --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: #212529;
@@ -2508,7 +2508,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #bebbcf;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #c3c0d5;
+  --bs-table-hover-bg: #bebbcf;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #bebbcf;
@@ -2520,7 +2520,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #e3c8be;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #e9cdc3;
+  --bs-table-hover-bg: #e3c8be;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #e3c8be;
@@ -2532,7 +2532,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #c2d2c2;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #c8d8c7;
+  --bs-table-hover-bg: #c2d2c2;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #c2d2c2;
@@ -2544,7 +2544,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #c0cdd1;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #c5d3d7;
+  --bs-table-hover-bg: #c0cdd1;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #c0cdd1;
@@ -2556,7 +2556,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #e0d6b8;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #e6dcbd;
+  --bs-table-hover-bg: #e0d6b8;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #e0d6b8;
@@ -2568,7 +2568,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #d9bfbf;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #dfc4c4;
+  --bs-table-hover-bg: #d9bfbf;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #d9bfbf;
@@ -2580,7 +2580,7 @@ progress {
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #d8d8d8;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #dedede;
+  --bs-table-hover-bg: #d8d8d8;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #d8d8d8;
@@ -2592,7 +2592,7 @@ progress {
   --bs-table-striped-color: #fff;
   --bs-table-active-bg: #43474c;
   --bs-table-active-color: #fff;
-  --bs-table-hover-bg: #3e4247;
+  --bs-table-hover-bg: #43474c;
   --bs-table-hover-color: #fff;
   color: #fff;
   border-color: #43474c;
@@ -4064,7 +4064,7 @@ textarea.form-control-lg {
 
 .dropdown-menu {
   position: absolute;
-  z-index: 1000;
+  z-index: 1055;
   display: none;
   min-width: 10rem;
   padding: 0.5rem 0;
@@ -5600,8 +5600,8 @@ textarea.form-control-lg {
 
 .alert-primary {
   color: #140d4f;
-  background-color: #d3d0e6;
-  border-color: #bdb9da;
+  background-color: #e9e8f3;
+  border-color: #d3d0e6;
 }
 .alert-primary .alert-link {
   color: #100a3f;
@@ -5609,8 +5609,8 @@ textarea.form-control-lg {
 
 .alert-secondary {
   color: #913516;
-  background-color: #fcded3;
-  border-color: #fbcdbd;
+  background-color: #feeee9;
+  border-color: #fcded3;
 }
 .alert-secondary .alert-link {
   color: #742a12;
@@ -5618,8 +5618,8 @@ textarea.form-control-lg {
 
 .alert-success {
   color: #245622;
-  background-color: #d8e9d7;
-  border-color: #c5ddc3;
+  background-color: #ecf4eb;
+  border-color: #d8e9d7;
 }
 .alert-success .alert-link {
   color: #1d451b;
@@ -5627,8 +5627,8 @@ textarea.form-control-lg {
 
 .alert-info {
   color: #1a4753;
-  background-color: #d5e4e8;
-  border-color: #bfd6dc;
+  background-color: #eaf1f3;
+  border-color: #d5e4e8;
 }
 .alert-info .alert-link {
   color: #153942;
@@ -5636,8 +5636,8 @@ textarea.form-control-lg {
 
 .alert-warning {
   color: #876700;
-  background-color: #f9eecc;
-  border-color: #f6e6b3;
+  background-color: #fcf7e6;
+  border-color: #f9eecc;
 }
 .alert-warning .alert-link {
   color: #6c5200;
@@ -5645,8 +5645,8 @@ textarea.form-control-lg {
 
 .alert-danger {
   color: #6e1819;
-  background-color: #f1d4d4;
-  border-color: #eabfbf;
+  background-color: #f8eaea;
+  border-color: #f1d4d4;
 }
 .alert-danger .alert-link {
   color: #581314;
@@ -5654,8 +5654,8 @@ textarea.form-control-lg {
 
 .alert-light {
   color: #606060;
-  background-color: #fcfcfc;
-  border-color: #fbfbfb;
+  background-color: #fefefe;
+  border-color: #fcfcfc;
 }
 .alert-light .alert-link {
   color: #4d4d4d;
@@ -5663,8 +5663,8 @@ textarea.form-control-lg {
 
 .alert-dark {
   color: #1c1f22;
-  background-color: #d5d6d7;
-  border-color: #c0c2c3;
+  background-color: #eaebeb;
+  border-color: #d5d6d7;
 }
 .alert-dark .alert-link {
   color: #16191b;
@@ -7318,6 +7318,7 @@ textarea.form-control-lg {
   opacity: 0.25;
 }
 
+/* stylelint-disable no-descending-specificity */
 a {
   text-underline-offset: 2px;
 }
@@ -7335,7 +7336,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;
 }
@@ -7705,6 +7713,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;
 }
@@ -15647,7 +15659,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 {
@@ -16183,140 +16195,323 @@ 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: #221684;
-}
-.badge.bg-secondary .icon--close {
-  color: #f25924;
-}
-.badge.bg-success .icon--close {
-  color: #3c8f38;
-}
-.badge.bg-danger .icon--close {
-  color: #b8282a;
-}
-.badge.bg-dark .icon--close {
-  color: #2e3338;
+
+a.badge {
+  text-decoration: none;
 }
-.badge.bg-warning .icon--close {
-  color: #e1ab00;
-  background: #000;
+a.badge:focus-visible {
+  outline: none;
 }
-.badge.bg-info .icon--close {
-  color: #2b768a;
-  background: #000;
+
+.badge.bg-primary a,
+.badge.bg-primary {
+  color: #fff;
 }
-.badge.bg-light .icon--close {
-  color: #f0f0f0;
-  background: #000;
+.badge.bg-primary a .icon--close,
+.badge.bg-primary .icon--close {
+  color: #221684;
 }
 
-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: #221684 !important;
 }
 
 .badge-outline-primary {
+  background: transparent !important;
   border: 1px solid #221684;
   color: #221684 !important;
-  background: transparent !important;
 }
 .badge-outline-primary .icon--close {
   background: #221684;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-primary, a.badge:active.badge-outline-primary, a.badge:hover.badge-outline-primary {
+  background-color: #e9e8f3 !important;
+  border-color: #1d1370 !important;
+}
+a.badge:focus-within.bg-primary, a.badge:active.bg-primary, a.badge:hover.bg-primary {
+  background-color: #1d1370 !important;
+}
+a.badge.badge.bg-primary:focus {
+  box-shadow: 0 0 0 0.25rem rgba(67, 57, 150, 0.5);
+}
+a.badge.badge-outline-primary:focus {
+  box-shadow: 0 0 0 0.25rem rgba(34, 22, 132, 0.5);
+}
+
+.badge.bg-secondary a,
+.badge.bg-secondary {
+  color: #fff;
+}
+.badge.bg-secondary a .icon--close,
+.badge.bg-secondary .icon--close {
+  color: #f25924;
+}
+
+.badge-outline-secondary a {
+  color: #f25924 !important;
+}
+
 .badge-outline-secondary {
+  background: transparent !important;
   border: 1px solid #f25924;
   color: #f25924 !important;
-  background: transparent !important;
 }
 .badge-outline-secondary .icon--close {
   background: #f25924;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-secondary, a.badge:active.badge-outline-secondary, a.badge:hover.badge-outline-secondary {
+  background-color: #feeee9 !important;
+  border-color: #ce4c1f !important;
+}
+a.badge:focus-within.bg-secondary, a.badge:active.bg-secondary, a.badge:hover.bg-secondary {
+  background-color: #ce4c1f !important;
+}
+a.badge.badge.bg-secondary:focus {
+  box-shadow: 0 0 0 0.25rem rgba(206, 76, 31, 0.5);
+}
+a.badge.badge-outline-secondary:focus {
+  box-shadow: 0 0 0 0.25rem rgba(242, 89, 36, 0.5);
+}
+
+.badge.bg-success a,
+.badge.bg-success {
+  color: #fff;
+}
+.badge.bg-success a .icon--close,
+.badge.bg-success .icon--close {
+  color: #3c8f38;
+}
+
+.badge-outline-success a {
+  color: #3c8f38 !important;
+}
+
 .badge-outline-success {
+  background: transparent !important;
   border: 1px solid #3c8f38;
   color: #3c8f38 !important;
-  background: transparent !important;
 }
 .badge-outline-success .icon--close {
   background: #3c8f38;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-success, a.badge:active.badge-outline-success, a.badge:hover.badge-outline-success {
+  background-color: #ecf4eb !important;
+  border-color: #337a30 !important;
+}
+a.badge:focus-within.bg-success, a.badge:active.bg-success, a.badge:hover.bg-success {
+  background-color: #337a30 !important;
+}
+a.badge.badge.bg-success:focus {
+  box-shadow: 0 0 0 0.25rem rgba(51, 122, 48, 0.5);
+}
+a.badge.badge-outline-success:focus {
+  box-shadow: 0 0 0 0.25rem rgba(60, 143, 56, 0.5);
+}
+
+.badge.bg-info a,
+.badge.bg-info {
+  color: #fff;
+}
+.badge.bg-info a .icon--close,
+.badge.bg-info .icon--close {
+  color: #2b768a;
+}
+
+.badge-outline-info a {
+  color: #2b768a !important;
+}
+
 .badge-outline-info {
+  background: transparent !important;
   border: 1px solid #2b768a;
   color: #2b768a !important;
-  background: transparent !important;
 }
 .badge-outline-info .icon--close {
   background: #2b768a;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-info, a.badge:active.badge-outline-info, a.badge:hover.badge-outline-info {
+  background-color: #eaf1f3 !important;
+  border-color: #256475 !important;
+}
+a.badge:focus-within.bg-info, a.badge:active.bg-info, a.badge:hover.bg-info {
+  background-color: #256475 !important;
+}
+a.badge.badge.bg-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(75, 139, 156, 0.5);
+}
+a.badge.badge-outline-info:focus {
+  box-shadow: 0 0 0 0.25rem rgba(43, 118, 138, 0.5);
+}
+
+.badge.bg-warning a,
+.badge.bg-warning {
+  color: #000;
+}
+.badge.bg-warning a .icon--close,
+.badge.bg-warning .icon--close {
+  color: #e1ab00;
+  background: #000;
+}
+
+.badge-outline-warning a {
+  color: #e1ab00 !important;
+}
+
 .badge-outline-warning {
+  background: transparent !important;
   border: 1px solid #e1ab00;
   color: #e1ab00 !important;
-  background: transparent !important;
 }
 .badge-outline-warning .icon--close {
   background: #e1ab00;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-warning, a.badge:active.badge-outline-warning, a.badge:hover.badge-outline-warning {
+  background-color: #fcf7e6 !important;
+  border-color: #bf9100 !important;
+}
+a.badge:focus-within.bg-warning, a.badge:active.bg-warning, a.badge:hover.bg-warning {
+  background-color: #bf9100 !important;
+}
+a.badge.badge.bg-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(191, 145, 0, 0.5);
+}
+a.badge.badge-outline-warning:focus {
+  box-shadow: 0 0 0 0.25rem rgba(225, 171, 0, 0.5);
+}
+
+.badge.bg-danger a,
+.badge.bg-danger {
+  color: #fff;
+}
+.badge.bg-danger a .icon--close,
+.badge.bg-danger .icon--close {
+  color: #b8282a;
+}
+
+.badge-outline-danger a {
+  color: #b8282a !important;
+}
+
 .badge-outline-danger {
+  background: transparent !important;
   border: 1px solid #b8282a;
   color: #b8282a !important;
-  background: transparent !important;
 }
 .badge-outline-danger .icon--close {
   background: #b8282a;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-danger, a.badge:active.badge-outline-danger, a.badge:hover.badge-outline-danger {
+  background-color: #f8eaea !important;
+  border-color: #9c2224 !important;
+}
+a.badge:focus-within.bg-danger, a.badge:active.bg-danger, a.badge:hover.bg-danger {
+  background-color: #9c2224 !important;
+}
+a.badge.badge.bg-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(195, 72, 74, 0.5);
+}
+a.badge.badge-outline-danger:focus {
+  box-shadow: 0 0 0 0.25rem rgba(184, 40, 42, 0.5);
+}
+
+.badge.bg-light a,
+.badge.bg-light {
+  color: #000;
+}
+.badge.bg-light a .icon--close,
+.badge.bg-light .icon--close {
+  color: #f0f0f0;
+  background: #000;
+}
+
+.badge-outline-light a {
+  color: #f0f0f0 !important;
+}
+
 .badge-outline-light {
+  background: transparent !important;
   border: 1px solid #f0f0f0;
   color: #f0f0f0 !important;
-  background: transparent !important;
 }
 .badge-outline-light .icon--close {
   background: #f0f0f0;
-  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: #cccccc !important;
+}
+a.badge.badge.bg-light:focus {
+  box-shadow: 0 0 0 0.25rem rgba(204, 204, 204, 0.5);
+}
+a.badge.badge-outline-light:focus {
+  box-shadow: 0 0 0 0.25rem rgba(240, 240, 240, 0.5);
+}
+
+.badge.bg-dark a,
+.badge.bg-dark {
+  color: #fff;
+}
+.badge.bg-dark a .icon--close,
+.badge.bg-dark .icon--close {
+  color: #2e3338;
+}
+
+.badge-outline-dark a {
+  color: #2e3338 !important;
+}
+
 .badge-outline-dark {
+  background: transparent !important;
   border: 1px solid #2e3338;
   color: #2e3338 !important;
-  background: transparent !important;
 }
 .badge-outline-dark .icon--close {
   background: #2e3338;
   color: #fff;
 }
 
+a.badge:focus-within.badge-outline-dark, a.badge:active.badge-outline-dark, a.badge:hover.badge-outline-dark {
+  background-color: #f0f0f0 !important;
+  border-color: #000;
+}
+a.badge:focus-within.bg-dark, a.badge:active.bg-dark, a.badge:hover.bg-dark {
+  background-color: #272b30 !important;
+}
+a.badge.badge.bg-dark:focus {
+  box-shadow: 0 0 0 0.25rem rgba(77, 82, 86, 0.5);
+}
+a.badge.badge-outline-dark:focus {
+  box-shadow: 0 0 0 0.25rem rgba(46, 51, 56, 0.5);
+}
+
 .ss-main {
   position: relative;
   display: inline-block;
@@ -16863,13 +17058,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: #ced4da;
+  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: #adb5bd;
 }
 .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,
@@ -16903,10 +17102,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;
@@ -16934,10 +17130,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;
@@ -16994,6 +17198,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;
@@ -17058,6 +17267,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 {
@@ -17150,8 +17363,7 @@ select.multi-select {
   top: 1rem;
   background-color: #f8f9fa;
 }
-.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 #dee2e6;
@@ -17662,4 +17874,341 @@ 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.25rem;
+  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.25rem;
+  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;
+}
 /*# sourceMappingURL=oe-bcl-ucpkn.css.map */