Zelta page round 2 fixes.

hlxsites · Nov 30, 2023 · 2dda293 · 2dda293
1 parent c9c0ae7
commit 2dda293
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 6 deletions.
diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css
@@ -139,7 +139,7 @@ footer .footer-links ul li a {
 
 footer .footer-links + ul > li a {
   text-decoration: none;
-  color: var(--neutral-white);
+  color: var(--neutral-grey-tint120);
 }
 
 footer .footer-links ul li a:hover {
@@ -164,12 +164,15 @@ footer .footer-links + ul li {
 }
 
 footer .footer-links + ul > li a:hover {
-  text-decoration: underline;
-  text-decoration-color: var(--primary-purple);
+  border-bottom: 1px solid var(--neutral-grey-tint120);
+}
+
+footer .footer-links + ul > li .cookie-consent {
+  cursor: pointer;
 }
 
-footer div:last-of-type > ul:last-of-type > li:last-of-type span.cookie-consent:hover {
-  text-decoration: underline;
+footer .footer-links + ul > li .cookie-consent:hover {
+  border-bottom: 1px solid var(--neutral-grey-tint120);
 }
 
 footer div:last-of-type > ul:last-of-type > li:last-of-type a:hover {
@@ -288,6 +291,7 @@ footer div:last-of-type > ul:last-of-type > li:last-of-type a:hover {
     flex: 1 1 fit-content;
     position: relative;
     right: calc(15vw - 32px);
+    font-size: var(--font-size-14);
   }
   }
 
@@ -438,10 +442,21 @@ footer div:last-of-type > ul:last-of-type > li:last-of-type a:hover {
     max-width: 80vw;
   }
 
+  footer .footer-links + ul > li, footer .footer-links + ul > li a {
+    color: var(--neutral-white);
+  }
+
+  footer .footer-links + ul > li a:hover {
+    border-bottom: 1px solid var(--neutral-white);
+  }
+
+  footer .footer-links + ul > li .cookie-consent:hover {
+    border-bottom: 1px solid var(--neutral-white);
+  }
+
   footer .footer-links + ul > li:first-of-type {
     flex: 1 1 480px;
     display: flex;
-    font-family: var(--sans-serif-font-regular);
     font-size: var(--font-size-16);
     letter-spacing: .01em;
     line-height: 160%;

diff --git a/blocks/image-flush-bottom/image-flush-bottom.css b/blocks/image-flush-bottom/image-flush-bottom.css
@@ -17,12 +17,18 @@ main .section > .columns-wrapper + .image-flush-bottom-wrapper {
   width: calc(100% - var(--spacer-layout-04));
 }
 
+.image-flush-bottom > div {
+  display: flex;
+  justify-content: center;
+}
+
 .image-flush-bottom .only-picture {
   border-radius: 10px 10px 0 0;
   border-top: 1px solid var(--neutral-sand);
   border-right: 1px solid var(--neutral-sand);
   border-left: 1px solid var(--neutral-sand);
   overflow: hidden;
+  max-width: 326px;
 }
 
 .image-flush-bottom .only-picture img {
@@ -38,6 +44,10 @@ main .section > .columns-wrapper + .image-flush-bottom-wrapper {
   main .section > .columns-wrapper + .image-flush-bottom-wrapper {
     margin-top: var(--spacer-layout-06);
   }
+
+  .image-flush-bottom .only-picture {
+    max-width: 576px;
+  }
 }
 
 /* Desktop */