added border shadow to properties menu

diff --git a/css/app.css b/css/app.css
index 498c606..ed5f8fc 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6816,8 +6816,10 @@ header .searchform input[type="submit"]:hover {
         text-transform: uppercase;
         font-family: "Georgia";
         font-size: 1.125rem;
-        letter-spacing: 2px; }
+        letter-spacing: 2px;
+        box-shadow: 0px -7px 10px -9px rgba(0, 0, 0, 0.5) inset; }
         #properties .top-bar .top-bar-section ul#menu-properties li a:hover {
+          box-shadow: none;
           color: #a61a1d;
           z-index: 99; }
       #properties .top-bar .top-bar-section ul#menu-properties li ul.dropdown {

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 08a466f..86c2426 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -473,8 +473,9 @@
                         font-family: "Georgia";
                         font-size: rem-calc(18);
                         letter-spacing: 2px;
+                        box-shadow: 0px -7px 10px -9px rgba(0, 0, 0, 0.5) inset;
                         &:hover {
-                          
+                            box-shadow: none;
                             color: $red;
                             z-index: 99;
 //                            padding-bottom: 10px;