orange underline

Author: Max Harris

themes/jolteon/css/app.css

@@ -17,7 +17,6 @@
 
 		a {
 			font-size: $font-size-small;
-      line-height: 1.2em;
 
 			@include mq($from: tablet) {
         font-size: $font-size-base;
@@ -49,6 +48,17 @@
       }
 
       .menu-item {
+
+        &.current-menu-item {
+          a {
+            box-shadow: none;
+
+            @include mq($from: desktop) {
+              box-shadow: inset 0 -4px 0 0 $sp-orange;
+            }
+          }
+        }
+
         @include mq($from: tablet) {
           margin-right: 0;
           text-align: center;
@@ -62,6 +72,7 @@
         a {
           @include mq($from: smartphone) {
             font-size: $font-size-small;
+            line-height: 1.2em;
           }
 
           @include mq($from: tablet) {
@@ -70,12 +81,12 @@
             font-size: $font-size-base;
             justify-content: center;
           }
-
-          @include mq($from: wide) {
-            font-size: $font-size-large;
-          }
         }
       }
     }
+
+    @include mq($from: wide) {
+      width: 1170px;
+    }
   }
 }