Updated the footer refactor code

blocks/footer/footer.css

@@ -8,7 +8,8 @@
 
 .footer-wrapper div#footer-orange .outer {
   display: grid;
-  grid-template-columns: 3fr 20%;
+  width: 85%;
+  grid-template-columns: 1fr;
 }
 
 .footer-wrapper div#footer-orange .hs-menu-wrapper {
@@ -36,12 +37,14 @@
 }
 
 @media (max-width: 1024px){
-  .footer-wrapper div#footer-black div {
-    padding: 0 20px;
+  .footer-wrapper div#footer-orange .outer {
+    padding-left: 0!important;
+    padding-right: 0!important;
+    grid-template-columns: 1fr;
   }
 
-  .footer-wrapper div#footer-orange .outer{
-    grid-template-columns: 1fr;
+  .footer-wrapper div#footer-black div {
+    padding: 0 20px;
   }
 
   .footer-wrapper div#footer-orange .outer .social-icons{

blocks/footer/footer.js

@@ -67,6 +67,13 @@ export default async function decorate(block) {
 
     footerUl.children[0].children[1].replaceWith(footLogo);
     topContainer.append(footerUl);
+    const links = footerWapper.querySelectorAll('a');
+    links.forEach((link) => {
+      if (link.parentElement.tagName === 'STRONG') {
+        link.setAttribute('target', '_blank');
+        link.classList.add('text-normal');
+      }
+    });
     decorateIcons(footerWapper);
     block.append(topContainer);
   }

blocks/imageshyperlink/imageshyperlink.js

@@ -5,6 +5,9 @@
 export default async function decorate(block) {
   const anchorEl = document.createElement('a');
   const refAnchorEl = block.querySelector('a');
+  if (refAnchorEl.parentElement.tagName === 'STRONG') {
+    anchorEl.setAttribute('target', 'blank');
+  }
   const pic = block.querySelector('picture');
   if (refAnchorEl) {
     if (refAnchorEl.hasAttribute('href')) {

blocks/rte/rte.js

@@ -8,6 +8,9 @@ export default function decorate(block) {
       if (nextNextSibling) {
         const link = nextNextSibling.querySelector('a');
         if (link.href === link.innerText.trim()) {
+          if (link.parentElement.tagName === 'STRONG') {
+            link.setAttribute('target', '_blank');
+          }
           link.innerHTML = '';
           link.appendChild(image.cloneNode(true));
           if (image.parentElement.tagName === 'P') {

blocks/sidebar-rte/sidebar-rte.js

@@ -8,6 +8,9 @@ export default function decorate(block) {
       if (nextNextSibling) {
         const link = nextNextSibling.querySelector('a');
         if (link.href === link.innerText.trim()) {
+          if (link.parentElement.tagName === 'STRONG') {
+            link.setAttribute('target', '_blank');
+          }
           link.innerHTML = '';
           link.appendChild(image.cloneNode(true));
           if (image.parentElement.tagName === 'P') {

scripts/aem.js

@@ -534,6 +534,7 @@ function decorateButtons(element) {
         ) {
           a.setAttribute('target', '_blank');
           a.classList.add('style-normal');
+          a.classList.add('button');
         }
       }
     }

styles/Typo.css

@@ -641,15 +641,15 @@ input[type="submit"] {
     background-color: transparent;
     padding: 0!important;
     border: none;
-    color: #ec8f2d;
+    color: var(--primary-color);
     text-transform: none;
     font-style: normal;
     transition: all .3s ease-in-out;
 }
 
 .button.secondary:hover {
     border: none;
-    color: #ec8f2d;
+    color: var(--primary-color);
     text-decoration: underline;
     transition: all .3s ease-in-out;
 }
@@ -658,15 +658,15 @@ input[type="submit"] {
     background-color: transparent;
     padding: 0;
     border: none;
-    color: #ec8f2d;
+    color: var(--primary-color);
     text-transform: none;
     font-style: normal;
     transition: all .3s ease-in-out;
 }
 
 .button.primary:hover {
     border: none;
-    color: #ec8f2d;
+    color: var(--primary-color);
     text-decoration: underline;
     transition: all .3s ease-in-out;
 }

styles/template.css

@@ -658,28 +658,26 @@ body.sidebar-50 #sidebar {
     width: 100%
 }
 
-#footer-orange .hs-menu-wrapper {
-    float: left;
-    padding: 0;
-    width: 80%
-}
-
 #footer-orange .hs-menu-wrapper ul {
+    display: flex;
     padding: 0
 }
 
+
 #footer-orange li {
     padding: 0
 }
 
 #footer-orange li.hs-menu-depth-1 {
     float: left;
-    margin-left: 1%;
-    width: 25%
+    margin-right: 1%;
+    margin-bottom: 20px;
+    width: 100%;
 }
 
-#footer-orange li.hs-menu-depth-1.menu-num-3,#footer-orange li.hs-menu-depth-1:nth-child(3) {
-    width: 21%
+
+#footer-orange li.hs-menu-depth-1 ul{
+    flex-direction: column;
 }
 
 #footer-orange li.hs-menu-depth-1.menu-num-2,#footer-orange li.hs-menu-depth-1:nth-child(2) {
@@ -689,9 +687,10 @@ body.sidebar-50 #sidebar {
 #footer-orange li.hs-menu-depth-1>a {
     display: block;
     font-family: Brown-Ald,Helvetica,Arial,sans-serif;
-    font-size: 22px;
+    font-size: 18px;
     font-weight: 700;
-    line-height: 1.2
+    line-height: 1.2;
+    min-height: 44px;
 }
 
 #footer-orange li.hs-menu-depth-2>a {
@@ -1215,12 +1214,12 @@ h2 span.hs_cos_wrapper_widget {
 }
 
 .table_order button {
-    font-size: 12px;
-    padding: .8em .9em
+    font-size: 12px!important;
+    padding: .8em .9em!important;
 }
 
 .table_order .button {
-    font-size: 12px;
+    font-size: 12px!important;
     margin: 1px 0;
     padding: .4em .8em
 }