@openeuropa/bcl-theme-ucpkn 1.2.0 → 1.2.2

package/css/oe-bcl-ucpkn.css

@@ -16158,8 +16158,8 @@ select.multi-select {
   font-weight: 400;
   line-height: 1;
   color: #fff;
-  text-align: center;
-  white-space: nowrap;
+  text-align: left;
+  white-space: normal;
   vertical-align: baseline;
   padding-right: 1.25rem;
   border-radius: 0.375rem;
@@ -16173,15 +16173,15 @@ select.multi-select {
   content: "";
   display: inline-block;
   height: 1rem;
-  -webkit-transform: scale(0.8);
-          transform: scale(0.8);
+  -webkit-transform: scale(0.8) translateY(50%);
+          transform: scale(0.8) translateY(50%);
   width: 1rem;
   padding: 15px;
   background-position: 50%;
   border-radius: 50%;
   position: absolute;
   right: 0;
-  bottom: -2px;
+  bottom: calc(50% - 3px);
 }
 .ss-main.multi-select .ss-values .ss-disabled {
   padding-top: calc(0.5rem - 1px);
@@ -16265,6 +16265,9 @@ select.multi-select {
 .bcl-banner {
   position: relative;
 }
+.bcl-banner.fixed-height .bcl-banner__image {
+  height: 150px;
+}
 .bcl-banner p {
   font-size: 1.125rem;
   font-weight: 500;
@@ -16371,7 +16374,7 @@ select.multi-select {
     z-index: 1;
     display: inline-block;
     padding: 2rem;
-    margin: 2.75rem auto;
+    margin: 2rem auto;
     border-radius: 4px;
     min-width: 540px;
   }
@@ -16396,24 +16399,29 @@ select.multi-select {
     margin-left: 0;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 768px) {
   .bcl-banner {
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: column;
-        flex-direction: column;
     -ms-flex-align: center;
         align-items: center;
     -ms-flex-pack: center;
         justify-content: center;
-    min-height: 300px;
   }
-  .bcl-banner .container {
-    position: absolute;
+  .bcl-banner.fixed-height {
+    height: 330px;
+  }
+  .bcl-banner.fixed-height .bcl-banner__image {
+    height: 100%;
   }
-  .bcl-banner::before {
+}
+@media (min-width: 992px) {
+  .bcl-banner {
+    min-height: 300px;
+  }
+  .bcl-banner:not(.fixed-height)::before {
     display: block;
-    width: 100%;
+    width: 1px;
     padding-top: 20%;
     content: "";
   }