added filters by text type

assets/dist/main.css

@@ -702,14 +702,11 @@ header {
       position: absolute;
       margin: 0;
       left: 0;
-      padding: 0 1em 1em;
+      padding: 0 1em 0;
       background-color: white;
-      white-space: nowrap;
-      height: 1px;
-      opacity: 0;
-      overflow: hidden;
-      transition: opacity 0.3s ease-in-out; }
+      white-space: nowrap; }
       header #menus nav ul li {
+        position: relative;
         margin: 0;
         padding: 0;
         list-style: none;
@@ -717,9 +714,24 @@ header {
         font-weight: 500;
         font-size: 1.2em;
         line-height: 1.2; }
+        header #menus nav ul li:not(.active) {
+          height: 1px;
+          opacity: 0;
+          overflow: hidden;
+          transition: opacity 0.3s ease-in-out; }
         header #menus nav ul li a {
           color: inherit;
-          text-decoration: none; }
+          text-decoration: none;
+          display: inline-block;
+          width: 100%; }
+          header #menus nav ul li a:active, header #menus nav ul li a:focus {
+            outline: none;
+            -moz-outline-style: none; }
+        header #menus nav ul li.active a:after {
+          content: " \1F7AC";
+          font-style: normal;
+          font-size: 0.7em;
+          font-weight: 300; }
   header #menus:hover h3 {
     color: #646464; }
   header #menus:hover nav:hover {
@@ -727,10 +739,11 @@ header {
     header #menus:hover nav:hover h3 {
       color: #000; }
     header #menus:hover nav:hover ul {
+      padding-bottom: 1em; }
+    header #menus:hover nav:hover li {
       height: auto;
       opacity: 1;
-      transition: height opacity 0.3s ease-in-out; }
-    header #menus:hover nav:hover li {
+      transition: height opacity 0.3s ease-in-out;
       color: #646464; }
       header #menus:hover nav:hover li:hover {
         color: #000; }