Zelta page fixes.

hlxsites · Nov 29, 2023 · b17876f · b17876f
1 parent 4162419
commit b17876f
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 14 deletions.
diff --git a/blocks/carousel/carousel.css b/blocks/carousel/carousel.css
@@ -330,6 +330,10 @@ main .section.stat-container.carousel-container div.carousel-wrapper {
         padding-bottom: var(--spacer-layout-07);
     }
 
+    main .section div.carousel-wrapper {
+        padding-top: var(--spacer-layout-07);
+    }
+
     .carousel .carousel-slide-container {
         width: 100%;
         position: relative;

diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css
@@ -333,6 +333,10 @@ main .columns > div > div > h4:first-child {
   padding: 0;
 }
 
+.columns.solution-header.columns-2-cols .icon svg {
+  height: 96px;
+}
+
 /* teaser-list-manual */
 .teaser-list-manual.columns-container {
   background-color: var(--neutral-white);

diff --git a/blocks/content-intro/content-intro.css b/blocks/content-intro/content-intro.css
@@ -53,7 +53,7 @@ main .section.content-intro-container > .content-intro-wrapper + [class*="wrappe
 .content-intro ul {
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
-  gap: var(--gap-24);
+  gap: var(--gap-16);
   width: 100%;
   margin: var(--spacer-layout-04) 0 0 0;
   padding-inline-start: 0;
@@ -185,8 +185,7 @@ main .section.content-intro-container > .content-intro-wrapper + [class*="wrappe
     align-items: flex-start;
     flex-shrink: 0;
     gap: var(--gap-120);
-    max-width: 1128px;
-    padding-bottom: var(--spacer-element-10);
+    max-width: 1128px; /* padding-bottom: var(--spacer-element-10); */
   }
 
   .content-intro .content-intro__col-1 h2#explore-our-platform {

diff --git a/blocks/cta/cta.css b/blocks/cta/cta.css
@@ -11,8 +11,8 @@
 }
 
 .section.cta-container.bg-white .cta-wrapper {
-  /* border-top: 1px solid var(--neutral-sand);
-  border-bottom: 1px solid var(--neutral-sand); */
+  border-top: 1px solid var(--neutral-sand);
+  /* border-bottom: 1px solid var(--neutral-sand); */
 }
 
 .section.cta-container .cta.block > div,

diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css
@@ -28,13 +28,18 @@ footer .footer-links > div > div:last-of-type {
   flex: 1 1 6.825rem;
 }
 
+footer .footer-links > div > div > p {
+  margin-bottom: 48px;
+}
+
 footer .footer-links > div > div > h3 {
   color: var(--neutral-grey-tint120);
   font-size: var(--font-size-18);
   font-family: var(--sans-serif-font-medium);
   margin: 0 0 24px;
   letter-spacing: .01em;
   line-height: 160%;
+  white-space: nowrap;
 }
 
 footer .footer-links .icon {
@@ -50,6 +55,13 @@ footer .footer-links .icon {
   transition: all .3s ease-in-out;
 }
 
+footer .footer-links .icon-linkedin,
+footer .footer-links .icon-twitter {
+  position: absolute;
+  bottom: -90px;
+  right: 0;
+}
+
 footer .footer-links p .icon:hover {
   background-image: var(--gradient-to-right);
   background-position: 100% 0;
@@ -74,10 +86,6 @@ footer .footer-links .icon-email > svg {
   height: 23.86px;
 }
 
-footer .footer-links .icon.icon-email, footer .footer-links .icon.icon-linkedin {
-  margin: 0 0 36px;
-}
-
 footer .footer-links .icon.icon-twitter {
   margin: 0 0 0 24px;
 }
@@ -232,6 +240,11 @@ footer div:last-of-type > ul:last-of-type > li:last-of-type a:hover {
     color: var(--neutral-grey-tint120);
   }
 
+  footer .footer-links > div p a:has(.icon-linkedin) {
+    padding-right: 32px;
+    margin-top: -5px;
+  }
+
   footer .footer-links #contact-us + p > a {
     display: block;
     width: 35px;
@@ -244,6 +257,14 @@ footer div:last-of-type > ul:last-of-type > li:last-of-type a:hover {
     display: none;
   }
 
+  footer .footer-links .icon {
+    position: unset;
+  }
+
+  footer .footer-links .icon.icon-linkedin {
+    margin: 0 0 36px;
+  }
+
   footer .footer-links .icon-linkedin,
   footer .footer-links .icon-twitter {
     width: 35px;
@@ -427,4 +448,8 @@ footer div:last-of-type > ul:last-of-type > li:last-of-type a:hover {
     font-weight: 400;
     width: 100%;
   }
+
+  footer .footer-links .icon-linkedin, footer .footer-links .icon-twitter {
+    position: unset;
+  }
 }
diff --git a/blocks/leadspace/leadspace.css b/blocks/leadspace/leadspace.css
@@ -217,11 +217,7 @@ main div.leadspace-wrapper {
 
 .leadspace.brand-logo .button-group .button-container a {
   font-weight: var(--font-weight-regular);
-  height: unset;
-}
-
-.leadspace.brand-logo .button-group .button-container a.tertiary {
-  margin-left: var(--spacer-element-05);
+  height: var(--spacer-element-10);
 }
 
 .leadspace.brand-logo .button-group .button-container:nth-child(3){
@@ -641,6 +637,10 @@ main div.leadspace-wrapper {
     letter-spacing: var(--letter-spacing-001-em);
   }
 
+  .leadspace.brand-logo .button-group .button-container a.tertiary {
+    margin-left: var(--spacer-element-05);
+  }
+
   .leadspace.video .video-wrapper {
     clip-path: circle(60% at 105% 42%);
     margin-top: 0;