From 63d84c8a245d00e9cc55956cb9534699a0575dcc Mon Sep 17 00:00:00 2001
From: Kurtis Holsapple <kurtis@openfunctioncomputers.com>
Date: Wed, 7 May 2025 15:51:24 -0700
Subject: [PATCH] WIP

---
 dist/app.css           | 23 +++++++++++++++++++++++
 dist/mix-manifest.json |  2 +-
 src/scss/app.scss      |  3 +++
 src/scss/footer.scss   |  0
 src/scss/header.scss   | 25 +++++++++++++++++++++++++
 tpl/header.tpl         |  2 +-
 6 files changed, 53 insertions(+), 2 deletions(-)
 create mode 100644 src/scss/footer.scss
 create mode 100644 src/scss/header.scss

diff --git a/dist/app.css b/dist/app.css
index a3c084a..d882c04 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -12062,6 +12062,29 @@ a {
   background-color: #063C5A;
 }
 
+.top-nav {
+  padding: 42px 0;
+}
+.top-nav .logo-wrapper {
+  width: 80%;
+  max-width: 358px;
+}
+.top-nav nav.main-nav {
+  height: 100%;
+}
+.top-nav nav.main-nav > div {
+  height: 100%;
+}
+.top-nav nav.main-nav ul#menu-main-menu {
+  display: flex;
+  gap: 3rem;
+  padding: 0;
+  margin: 0;
+  list-style-type: none;
+  height: 100%;
+  align-items: center;
+}
+
 .intro_block, .team-member-top, .team-members-top {
   background-size: cover;
   background-position: center center;
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
index d1a0e19..6ef88fc 100644
--- a/dist/mix-manifest.json
+++ b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=d59c4c001599b01d5bc1650e380fdb0d"
+    "/app.css": "/app.css?id=6f6e65aed35ad9c12dc0392c5ef2fe8e"
 }
diff --git a/src/scss/app.scss b/src/scss/app.scss
index 3031885..a8311d8 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -5,6 +5,9 @@
 
 @import "global";
 
+@import "header";
+@import "footer";
+
 @import "flex-intro-block";
 @import "flex-side-by-side";
 @import "flex-text-over-image-a";
diff --git a/src/scss/footer.scss b/src/scss/footer.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/scss/header.scss b/src/scss/header.scss
new file mode 100644
index 0000000..0da48d0
--- /dev/null
+++ b/src/scss/header.scss
@@ -0,0 +1,25 @@
+.top-nav {
+    padding: 42px 0;
+
+    .logo-wrapper {
+        width: 80%;
+        max-width: 358px;
+    }
+
+    nav.main-nav {
+        height: 100%;
+        & > div {
+            height: 100%;
+        }
+
+        ul#menu-main-menu {
+            display: flex;
+            gap: 3rem;
+            padding: 0;
+            margin: 0;
+            list-style-type: none;
+            height: 100%;
+            align-items: center;
+        }
+    }
+}
diff --git a/tpl/header.tpl b/tpl/header.tpl
index ecef62a..dd59a93 100644
--- a/tpl/header.tpl
+++ b/tpl/header.tpl
@@ -17,7 +17,7 @@
     <div class="container">
         <div class="row">
             <div class="col">
-                <div class="d-flex">
+                <div class="d-flex justify-content-between">
                     <div class="logo-wrapper">
                         <a href="/"><img src="{{ logo }}" alt="{{#wp-title}}" /></a>
                     </div>