WIP

dist/app.css

@@ -12069,9 +12069,6 @@ a {
   width: 80%;
   max-width: 358px;
 }
-.top-nav nav.main-nav {
-  height: 100%;
-}
 .top-nav nav.main-nav > div {
   height: 100%;
 }
@@ -12084,6 +12081,9 @@ a {
   height: 100%;
   align-items: center;
 }
+.top-nav nav.main-nav ul#menu-main-menu a {
+  color: #000;
+}
 
 .intro_block, .team-member-top, .team-members-top {
   background-size: cover;

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2",
-    "/app.css": "/app.css?id=6f6e65aed35ad9c12dc0392c5ef2fe8e"
+    "/app.css": "/app.css?id=e5956964f1ca57b86662e3380ce5e88d"
 }

src/scss/_variables.scss

@@ -1,4 +1,5 @@
 $c-white: #fff;
+$c-black: #000;
 $c-offWhite: #F2F2F2;
 $c-offWhiteLight: #F9F8F8;
 $c-borderGrey: #C5C5C5;

src/scss/header.scss

@@ -7,7 +7,6 @@
     }
 
     nav.main-nav {
-        height: 100%;
         & > div {
             height: 100%;
         }
@@ -20,6 +19,10 @@
             list-style-type: none;
             height: 100%;
             align-items: center;
+
+            a {
+                color: $c-black;
+            }
         }
     }
 }

tpl/header.tpl

@@ -22,7 +22,7 @@
                         <a href="/"><img src="{{ logo }}" alt="{{#wp-title}}" /></a>
                     </div>
 
-                    <nav class="align-items-center d-flex gap-3 main-nav">
+                    <nav class="main-nav">
                         {{{ menu }}}
                     </nav>
                 </div>