From bcf08a710a7f816a640b74a06f85109ddb4a3cf4 Mon Sep 17 00:00:00 2001
From: richarddushime <mudaherarich@gmail.com>
Date: Thu, 21 May 2026 21:09:26 +0200
Subject: [PATCH 1/2] Navbar Acessibility and readability

---
 assets/scss/academic/_nav.scss | 16 ++++++++++++++++
 assets/scss/custom.scss        | 10 ++++++++++
 layouts/partials/navbar.html   |  2 +-
 3 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/assets/scss/academic/_nav.scss b/assets/scss/academic/_nav.scss
index 62a67a2834b..e34831fe71e 100644
--- a/assets/scss/academic/_nav.scss
+++ b/assets/scss/academic/_nav.scss
@@ -49,9 +49,17 @@
         color: $sta-menu-text;
       }
 
+      &:hover,
+      &:focus {
+        text-decoration: underline;
+        text-underline-offset: 3px;
+      }
+
       &.active {
         font-weight: bold !important;
         color: $sta-menu-text-active !important;
+        text-decoration: underline;
+        text-underline-offset: 3px;
       }
     }
   }
@@ -212,6 +220,14 @@ ul.nav-icons li.nav-item a.nav-link {
 .dropdown-item {
   background-color: $sta-menu-primary !important;
   color: $sta-menu-text !important;
+
+  &:hover,
+  &:focus {
+    background-color: rgba(255, 255, 255, 0.12) !important;
+    color: $sta-menu-text !important;
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
 }
 
 /******************************************************************************
diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 96ae3c59461..68798bef49c 100644
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -1,4 +1,14 @@
 // add your own SCSS styling.
+
+/* -------------------------------------------------- */
+/* Navigation accessibility & readability             */
+/* -------------------------------------------------- */
+
+/* Switch nav to a sans-serif stack for improved readability (WCAG) */
+.navbar-light {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
+}
+
 .border-3 {
   border-width: 3px !important;
 }
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 598c196d23e..6bb3dbdab26 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -48,7 +48,7 @@
       $align_menu "r" }}justify-content-end{{else}}justify-content-start{{ end }}" id="navbar-content">
 
       <!-- Left Nav Bar -->
-      <ul class="navbar-nav d-md-inline-flex font-weight-bold text-uppercase">
+      <ul class="navbar-nav d-md-inline-flex font-weight-bold">
         {{ range site.Menus.main }}
 
         {{ if .HasChildren }}

From 55c46eb83d3eb475c655fa6bc3d3771a08fe72fc Mon Sep 17 00:00:00 2001
From: richarddushime <mudaherarich@gmail.com>
Date: Thu, 21 May 2026 22:59:50 +0200
Subject: [PATCH 2/2] Navbar Fonts

---
 assets/scss/custom.scss | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 68798bef49c..473c7a93351 100644
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -1,12 +1,11 @@
 // add your own SCSS styling.
 
 /* -------------------------------------------------- */
-/* Navigation accessibility & readability             */
+/* Navbar accessibility & readability  fonts          */
 /* -------------------------------------------------- */
 
-/* Switch nav to a sans-serif stack for improved readability (WCAG) */
 .navbar-light {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
+  font-family: "Inter", "Open Sans", "Lexend", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
 }
 
 .border-3 {