wait #7095 @1:00

diff --git a/wp-content/themes/c6/resources/assets/styles/components/navigation.styl b/wp-content/themes/c6/resources/assets/styles/components/navigation.styl
index 4b2ca08cfb1a99769e280a26c34e272cb5de0fb6..cc737db485177ab2e37d76a4d4bc8c8a0348a09f 100644 (file)
--- a/wp-content/themes/c6/resources/assets/styles/components/navigation.styl
+++ b/wp-content/themes/c6/resources/assets/styles/components/navigation.styl
@@ -9,14 +9,22 @@
 
     > li
       position: relative
-
-    li
-      // Sub menu display
       &:hover
-        > .sub-menu
-          display: block
+        & > .sub-menu
+          display: flex
           animation: fade-in 0.3s
 
+      > .sub-menu
+        display: none
+        padding: 28px 35px;
+        background: #000;
+        gap: 53px;
+
+        > li
+
+          & > a
+            pointer-events: none !important
+
     .sidr-open & // Hide primary nav items when off-canvas menu is open
       display: none
 
@@ -37,10 +45,8 @@
   .current_page_item, .current-menu-parent
     border-bottom: 2px solid $colors.orange
 
-
   // Sub-menu
   .sub-menu
-    display: none
     position: absolute
     left: 0
     top: 100%
@@ -58,8 +64,14 @@
       border-bottom: none
 
     .sub-menu
-      left: 100%
-      top: -2px
+      position: initial
+      height: 100%
+      border-top: 0;
+      margin-top: 14px;
+
+      a
+        padding: .2em 1em
+        font-weight: 100
 
     li
       white-space: nowrap
@@ -76,12 +88,8 @@
       padding: 0.5em 1em
       border: 0
       letter-spacing: normal
-      color: $colors.orange
-      background: #fff
-
-      .hero-header &
-        background: #000
-        color: #fff
+      background: #000
+      color: #fff
 
       &:hover
         color: #fff