kaw-8233: fix mobile color

Netcentric · Oct 30, 2024 · 060cc03 · 060cc03
1 parent f5bd4ff
commit 060cc03
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/blocks/header/header.css b/blocks/header/header.css
@@ -320,6 +320,10 @@ header.transparent nav[aria-expanded="true"] .nav-link-section a.nav-drop-text {
   color: var(--grey-90);
 }
 
+header.transparent nav[aria-expanded="true"] .nav-link-section a:any-link:where(.active) {
+  color: var(--action-default);
+}
+
 @media (width >= 768px) {
   header nav {
     padding: 20px 30px 16px 24px;
@@ -419,6 +423,10 @@ header.transparent nav[aria-expanded="true"] .nav-link-section a.nav-drop-text {
     color: var(--black);
   }
 
+  header .nav-sections .nav-drop[aria-expanded="true"] .nav-drop-text:hover {
+    color: var(--action-default);
+  }
+
   header .nav-sections .nav-drop[aria-expanded="true"] .nav-drop-text::after {
     content: "";
     display: block;
@@ -584,7 +592,7 @@ header.transparent nav[aria-expanded="true"] .nav-link-section a.nav-drop-text {
     .nav-link-section
     .nav-drop
     a:hover {
-    color: var(--action-hover);
+    color: var(--action-default);
   }
 }