From 05b49120d07786730f0497fe550f81902de8a3aa Mon Sep 17 00:00:00 2001
From: Ross Trottier <ross@federated.computer>
Date: Tue, 20 Aug 2024 10:18:15 -0600
Subject: [PATCH] footer update

---
 footer.php |  1 +
 style.css  | 76 ++++++++++++++++++++----------------------------------
 2 files changed, 29 insertions(+), 48 deletions(-)

diff --git a/footer.php b/footer.php
index 1cb9021..3fe89ef 100644
--- a/footer.php
+++ b/footer.php
@@ -26,6 +26,7 @@
             </ul>
         </div>
         <div class="st-footer-menu">
+        <h4 class="st-footer-partners__title">Menu</h4>
         <?php
                 wp_nav_menu(
                     array(
diff --git a/style.css b/style.css
index c978452..386d5b1 100644
--- a/style.css
+++ b/style.css
@@ -21,7 +21,6 @@ body {
     font-family: "Roboto", sans-serif;
     line-height: 1.6;
     overflow-anchor: none;
-    /* min-width: 320px; */
 }
 
 input, button, textarea, select {
@@ -458,24 +457,28 @@ SECTIONS
     color: #0b4fa0;
     background: rgba(0, 0, 0, 0.2);
     display: grid;
-    grid-template-columns: minmax(1em, 1fr) minmax(130px, 500px) minmax(130px, 500px) minmax(1em, 1fr);
+    grid-template-columns: minmax(1em, 1fr) minmax(75px, 1400px) minmax(1em, 1fr);
     grid-template-areas: 
-        "lpad socials partners rpad"
-        "lpad menu logo rpad"
-        "lpad copy copy rpad";
+        "lpad menu rpad"
+        "lpad socials rpad"
+        "lpad partners rpad"
+        "lpad logo rpad"
+        "lpad copy rpad";
     grid-auto-rows: max-content;
 }
 
 .st-footer-socials {
     grid-area: socials;
     display: flex;
-    flex-direction: column;
+    justify-content: flex-start;
+
 }
 
 .st-footer-icon {
     font-size: 1.5rem;
-    margin-top: 1.5em;
+    margin-top: 1em;
     color: #0b4fa0;
+    margin-right: .5em;
 }
 
 .st-footer-icon:hover,
@@ -505,6 +508,7 @@ SECTIONS
 .st-footer-site-title {
     grid-area: logo;
     align-self: end;
+    margin-top: 1em;
 }
 
 .st-footer-site-title-img {
@@ -513,7 +517,8 @@ SECTIONS
 
 .st-footer-partners {
     grid-area: partners;
-    text-align: right;
+    display: flex;
+    flex-direction: column;
 }
 
 .st-footer-partners__title {
@@ -523,16 +528,23 @@ SECTIONS
 .st-footer-partners__list {
     list-style: none;
     margin-top: .2em;
+    margin-left: 0;
+    padding-left: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
 }
 
 .st-footer-partners__list-item {
     font-size: .80rem;
+    margin-right: .5em;
 }
 
 .st-footer-partners__list-item a,
 .st-footer-nav-links a {
     text-decoration: none;
     color: #0b4fa0;
+    margin-right: .5em;
 }
 
 .st-footer-partners__list-item a:hover,
@@ -544,52 +556,21 @@ SECTIONS
 
 .st-footer-menu {
     grid-area: menu;
-    align-self: end;
+    align-self: start;
+    display: flex;
+    flex-direction: column;
 }
 
 .st-footer-nav-links {
     list-style: none;
     margin: 0;
     padding: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
 }
 
-@media (min-width: 760px) {
-    .st-footer {
-        grid-template-columns: minmax(1em, 1fr) minmax(50px, 80px) repeat(2, minmax(130px, 660px)) minmax(1em, 1fr);
-        grid-template-areas: 
-            "lpad socials empty partners rpad"
-            "lpad menu empty partners rpad"
-            "lpad logo logo logo rpad"
-            "lpad copy copy copy rpad";
-        align-items: end;
-    }
-
-    .st-footer-partners__list-item a:hover,
-    .st-footer-partners__list-item a:active,
-    .st-footer-nav-links a:hover,
-    .st-footer-nav-links a:active {
-        color: #FFDB12;
-    }
-
-    .st-footer-partners,
-    .st-footer-socials {
-        align-self: start;
-        margin-top: 3em;
-    }
-
-    .st-footer-partners__title {
-        margin: 0;
-    }
-
-    .st-footer-partners ul {
-        margin-bottom: 0;
-    }
-
-    .st-footer-site-title {
-        justify-self: center;
-        margin-top: 1em;
-    }
-
+ @media (min-width: 760px) {
     .st-footer-copyright {
         font-size: 1rem;
     }
@@ -600,13 +581,12 @@ SECTIONS
 
     .st-footer-icon {
         font-size: 2rem;
-        margin-top: 0;
     }
 
     .st-footer-nav-links a {
         font-size: 2rem;
     }
-}
+} 
 
 /* article section */