Replace bold hover with text-shadow hover

diff --git a/css/app.css b/css/app.css
index 5220215..248529b 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6610,7 +6610,8 @@ header .searchform input[type="submit"]:hover {
           font-size: 1rem;
           line-height: 1; }
           .top-bar-section ul li ul.dropdown li a:hover {
-            font-weight: bold; }
+            /*                            font-weight: bold;*/
+            text-shadow: 1px 1px 0 darkred; }
           .top-bar-section ul li ul.dropdown li a:active {
             color: #a61a1d; }
     .top-bar-section ul li.drop-left ul.dropdown {

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 8f6c7c4..ad64d29 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -171,7 +171,8 @@
                         font-size: rem-calc(16);
                         line-height: 1;
                         &:hover {
-                            font-weight: bold;
+/*                            font-weight: bold;*/
+                            text-shadow: 1px 1px 0 darkred;
                         }
                         &:active {
                             color: rgb(166, 26, 29);