Margin hover nav subitems no longer white text

Hovering over the margin of items in the nav menu would make their
text disappear, leading it to be gone when opening a sub-sub menu.
Turns out all it took was to put an !important over the black text
color (believe me, I tried to avoid it)

diff --git a/styles.css b/styles.css
index 1e04d01..008834b 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -418,7 +418,7 @@ nav.top-bar .top-bar-section > ul > li .dropdown li a {
   margin: 0 20px;
 }
 nav.top-bar .top-bar-section > ul > li .dropdown li a:not(.has-form), nav.top-bar .top-bar-section > ul > li .dropdown li a:not(.button) {
-  color: black;
+  color: black !important;
 }
 nav.top-bar .top-bar-section > ul > li .dropdown li a:hover {
   color: #25c2e6 !important;
@@ -622,7 +622,6 @@ aside.right-off-canvas-menu ul.off-canvas-list li > ul.open {
     left: 25%;
     width: 50%;
 }
-
 .container#home #main {
   background-color: #f5ad1a;
   color: #6d1112;