From 4bc099f480ec663c6680de69b8fc7210b6ed057b Mon Sep 17 00:00:00 2001
From: Brian <brian.dunnigan@uconn.edu>
Date: Thu, 6 Oct 2016 11:21:09 -0400
Subject: [PATCH] Fix for tab nav levels 3/4 + fix for level 3/4 mobile nav

---
 css/sherman-black.css                     | 19 ++++++++++++-
 css/sherman-blue.css                      | 19 ++++++++++++-
 css/sherman-brightyellow.css              | 19 ++++++++++++-
 css/sherman-green.css                     | 19 ++++++++++++-
 css/sherman-grey.css                      | 19 ++++++++++++-
 css/sherman-hotpink.css                   | 19 ++++++++++++-
 css/sherman-huntergreen.css               | 19 ++++++++++++-
 css/sherman-lavender.css                  | 19 ++++++++++++-
 css/sherman-orange.css                    | 19 ++++++++++++-
 css/sherman-pink.css                      | 19 ++++++++++++-
 css/sherman-purple.css                    | 19 ++++++++++++-
 css/sherman-red.css                       | 19 ++++++++++++-
 css/sherman-redorange.css                 | 19 ++++++++++++-
 css/sherman-skyblue.css                   | 19 ++++++++++++-
 css/sherman-teal.css                      | 19 ++++++++++++-
 css/sherman-yellow.css                    | 19 ++++++++++++-
 sass/_sherman-common.scss                 | 34 +++++++++++++++++++++--
 sass/_sherman-variables-black.scss        |  2 +-
 sass/_sherman-variables-blue.scss         |  2 +-
 sass/_sherman-variables-brightyellow.scss |  2 +-
 sass/_sherman-variables-green.scss        |  2 +-
 sass/_sherman-variables-grey.scss         |  2 +-
 sass/_sherman-variables-hotpink.scss      |  2 +-
 sass/_sherman-variables-huntergreen.scss  |  2 +-
 sass/_sherman-variables-lavender.scss     |  2 +-
 sass/_sherman-variables-orange.scss       |  2 +-
 sass/_sherman-variables-pink.scss         |  2 +-
 sass/_sherman-variables-purple.scss       |  2 +-
 sass/_sherman-variables-red.scss          |  2 +-
 sass/_sherman-variables-redorange.scss    |  2 +-
 sass/_sherman-variables-skyblue.scss      |  2 +-
 sass/_sherman-variables-teal.scss         |  2 +-
 sass/_sherman-variables-yellow.scss       |  2 +-
 33 files changed, 335 insertions(+), 35 deletions(-)

diff --git a/css/sherman-black.css b/css/sherman-black.css
index b29fa0b..198ea44 100644
--- a/css/sherman-black.css
+++ b/css/sherman-black.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #030303;
+    background-color: #1f1f1f;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: white;
+  background-color: #9a0405;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #717073;
diff --git a/css/sherman-blue.css b/css/sherman-blue.css
index 090f4ea..48e41ce 100644
--- a/css/sherman-blue.css
+++ b/css/sherman-blue.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: black;
+    background-color: #051027;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: white;
+  background-color: #9a0405;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #388ac3;
diff --git a/css/sherman-brightyellow.css b/css/sherman-brightyellow.css
index d1c1c6c..a713374 100644
--- a/css/sherman-brightyellow.css
+++ b/css/sherman-brightyellow.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #ecd416;
+    background-color: #f0de4a;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: white;
+  background-color: #373ca0;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #4b4fa9;
diff --git a/css/sherman-green.css b/css/sherman-green.css
index 8329cd5..ceb0012 100644
--- a/css/sherman-green.css
+++ b/css/sherman-green.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #0d3b20;
+    background-color: #16693a;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: white;
+  background-color: #d04025;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #1a7a43;
diff --git a/css/sherman-grey.css b/css/sherman-grey.css
index b7cabba..f0cb721 100644
--- a/css/sherman-grey.css
+++ b/css/sherman-grey.css
@@ -11022,13 +11022,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #aeaeae;
+    background-color: #cacaca;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11080,6 +11090,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: #071a38;
+  background-color: #b71717;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #388ac3;
diff --git a/css/sherman-hotpink.css b/css/sherman-hotpink.css
index 9a636c0..cd8f366 100644
--- a/css/sherman-hotpink.css
+++ b/css/sherman-hotpink.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #c7104d;
+    background-color: #ee2166;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: white;
+  background-color: #40b8af;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #40b8af;
diff --git a/css/sherman-huntergreen.css b/css/sherman-huntergreen.css
index 8578c22..e42be43 100644
--- a/css/sherman-huntergreen.css
+++ b/css/sherman-huntergreen.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #000100;
+    background-color: #102a10;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: white;
+  background-color: #256927;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #256927;
diff --git a/css/sherman-lavender.css b/css/sherman-lavender.css
index 219f5cb..cc28923 100644
--- a/css/sherman-lavender.css
+++ b/css/sherman-lavender.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #4b3155;
+    background-color: #6b4678;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: #71569a;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #71569a;
diff --git a/css/sherman-orange.css b/css/sherman-orange.css
index ff6d2ac..8337a23 100644
--- a/css/sherman-orange.css
+++ b/css/sherman-orange.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #ad4900;
+    background-color: #e66000;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: #69d2e7;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #fa6900;
diff --git a/css/sherman-pink.css b/css/sherman-pink.css
index bc01d62..a20b424 100644
--- a/css/sherman-pink.css
+++ b/css/sherman-pink.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #c55359;
+    background-color: #d37d81;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: white;
+  background-color: #99d371;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #56a356;
diff --git a/css/sherman-purple.css b/css/sherman-purple.css
index bf514dc..804602d 100644
--- a/css/sherman-purple.css
+++ b/css/sherman-purple.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #060105;
+    background-color: #37082e;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: rgba(255, 255, 255, 0.9);
+  background-color: #f8ca02;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #9e398a;
diff --git a/css/sherman-red.css b/css/sherman-red.css
index f43ee8c..462d857 100644
--- a/css/sherman-red.css
+++ b/css/sherman-red.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #4e0000;
+    background-color: #870000;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: #cccccc;
+  background-color: #081b39;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #b02e36;
diff --git a/css/sherman-redorange.css b/css/sherman-redorange.css
index 11c8f18..d2b301b 100644
--- a/css/sherman-redorange.css
+++ b/css/sherman-redorange.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #831f1b;
+    background-color: #b12a25;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: white;
+  background-color: #9ac840;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #c22e28;
diff --git a/css/sherman-skyblue.css b/css/sherman-skyblue.css
index db1a33e..35cf617 100644
--- a/css/sherman-skyblue.css
+++ b/css/sherman-skyblue.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #187189;
+    background-color: #2198b9;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: #25ca48;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #f6562c;
diff --git a/css/sherman-teal.css b/css/sherman-teal.css
index 9f4c240..11ea99b 100644
--- a/css/sherman-teal.css
+++ b/css/sherman-teal.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #0d3032;
+    background-color: #195b5f;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: white;
+  background-color: #86507c;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #86507c;
diff --git a/css/sherman-yellow.css b/css/sherman-yellow.css
index e3991d2..8646db9 100644
--- a/css/sherman-yellow.css
+++ b/css/sherman-yellow.css
@@ -11013,13 +11013,23 @@ body {
 }
 @media (max-width: 767px) {
   #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu {
-    background-color: #988803;
+    background-color: #cfba04;
   }
 }
 #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open > a {
+    background-color: white;
+  }
+}
+@media (max-width: 767px) {
+  #masthead #nav-wrapper .navbar-collapse .nav .dropdown-menu .menu-item-has-children.open ul.dropdown-menu {
+    padding-left: 15px !important;
+  }
+}
 #masthead #nav-wrapper .navbar-collapse .navbar-formm {
   padding: 10px 15px 2px !important;
   margin: 8px -15px 0px !important;
@@ -11071,6 +11081,13 @@ body {
 #masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar li.current-menu-item a {
   background-color: #efefef;
 }
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a {
+  padding: 8px 20px;
+}
+#masthead #nav-wrapper #nav-tabs #tabs-bottom .navbar .dropdown-menu li a:hover {
+  color: white;
+  background-color: #9921a6;
+}
 #masthead #nav-wrapper #nav-tabs #tabs-top li.current_page_parent a {
   background-color: white;
   color: #9921a6;
diff --git a/sass/_sherman-common.scss b/sass/_sherman-common.scss
index 0cedcf4..eebf878 100644
--- a/sass/_sherman-common.scss
+++ b/sass/_sherman-common.scss
@@ -167,13 +167,28 @@ body{
                         border:none;
                         -webkit-box-shadow: none;
                         box-shadow: none;
-                        @media (max-width: 767px) {
-                            background-color: $sh-navbar-collapse-dropdown-menu-background-color;
-                        }
+                        
+                            @media (max-width: 767px) {
+                                background-color: $sh-navbar-collapse-dropdown-menu-background-color; 
+
+                            }
                         a {
                             padding-top: 10px;
                             padding-bottom:10px;
                         }
+                        
+                        .menu-item-has-children.open {
+                           > a {
+                                @media (max-width: 767px) { // Mobile nav level 3/4 styles
+                                    background-color:white;
+                                }
+                             }
+                            ul.dropdown-menu {
+                               @media (max-width: 767px) {
+                                   padding-left:15px !important; 
+                               }
+                           }
+                        }
                     }   
                 }
                 .navbar-formm{
@@ -244,6 +259,19 @@ body{
                         }
                     }
                 }
+                
+                .dropdown-menu { //level 3/4
+                    li {
+                        a {
+                            padding:8px 20px;
+                            &:hover {
+                                color:$navbar-default-link-hover-color;
+                                background-color:$dropdown-link-hover-bg
+                            }
+                        }
+                     }
+                }
+                        
             }
 
             #tabs-top {
diff --git a/sass/_sherman-variables-black.scss b/sass/_sherman-variables-black.scss
index 7315765..1caf278 100644
--- a/sass/_sherman-variables-black.scss
+++ b/sass/_sherman-variables-black.scss
@@ -114,7 +114,7 @@ $sh-megamenu-mobile-title-color:                white;
 $sh-current-menu-ancestor-dropdown-toggle: 				white;
 $sh-current-menu-ancestor:                              black;
 $sh-current-menu-ancestor-hover:                           white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 					#eee;
 $sh-secondary-bg-color:								#9A0405;
diff --git a/sass/_sherman-variables-blue.scss b/sass/_sherman-variables-blue.scss
index a648b26..dfa156c 100644
--- a/sass/_sherman-variables-blue.scss
+++ b/sass/_sherman-variables-blue.scss
@@ -117,7 +117,7 @@ $sh-search-submit-color:    rgba(255,255,255,0.5) !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              rgba(0, 0, 0, 0.6);
 $sh-current-menu-ancestor-hover:                           white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%); 
 
 $sh-nav-secondary-border-color: 	#eee;
 $sh-secondary-bg-color:				#081b39;
diff --git a/sass/_sherman-variables-brightyellow.scss b/sass/_sherman-variables-brightyellow.scss
index 5fc4456..3ac0901 100644
--- a/sass/_sherman-variables-brightyellow.scss
+++ b/sass/_sherman-variables-brightyellow.scss
@@ -130,7 +130,7 @@ $sh-icon-bar-background-color: 					rgba(255,255,255, .5);
 $sh-current-menu-ancestor-dropdown-toggle: 				rgba(0,0,0, 1);
 $sh-current-menu-ancestor:                              rgba(0, 0, 0, 0.7);
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 	#eee;
 $sh-secondary-bg-color: 			#081b39;
diff --git a/sass/_sherman-variables-green.scss b/sass/_sherman-variables-green.scss
index ebf303c..c5eb1a6 100644
--- a/sass/_sherman-variables-green.scss
+++ b/sass/_sherman-variables-green.scss
@@ -124,7 +124,7 @@ $sh-megamenu-mobile-title-color:                white;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              rgba(0, 0, 0, 1);
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 					#eee;
 $sh-secondary-bg-color:								#9A0405;
diff --git a/sass/_sherman-variables-grey.scss b/sass/_sherman-variables-grey.scss
index ccaaee5..1f99298 100644
--- a/sass/_sherman-variables-grey.scss
+++ b/sass/_sherman-variables-grey.scss
@@ -115,7 +115,7 @@ $sh-search-submit-color: #333 !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				rgba(7,26,56, 1);
 $sh-current-menu-ancestor:                              rgba(0, 0, 0, 1);
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-megamenu-mobile-title-color:    #333 !important;
 
diff --git a/sass/_sherman-variables-hotpink.scss b/sass/_sherman-variables-hotpink.scss
index fb61107..b0b38d4 100644
--- a/sass/_sherman-variables-hotpink.scss
+++ b/sass/_sherman-variables-hotpink.scss
@@ -127,7 +127,7 @@ $sh-search-submit-color:    rgba(255,255,255,0.5) !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              rgba(0, 0, 0, 0.6);
 $sh-current-menu-ancestor-hover:                        white; 
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 	#eee;
 $sh-secondary-bg-color: 			#081b39;
diff --git a/sass/_sherman-variables-huntergreen.scss b/sass/_sherman-variables-huntergreen.scss
index fb93d89..3d6eedc 100644
--- a/sass/_sherman-variables-huntergreen.scss
+++ b/sass/_sherman-variables-huntergreen.scss
@@ -127,7 +127,7 @@ $sh-search-submit-color:    rgba(255,255,255,0.5) !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              rgba(0, 0, 0, 1);
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 					#eee;
 $sh-secondary-bg-color:								#9A0405;
diff --git a/sass/_sherman-variables-lavender.scss b/sass/_sherman-variables-lavender.scss
index 0e2a5af..4188559 100644
--- a/sass/_sherman-variables-lavender.scss
+++ b/sass/_sherman-variables-lavender.scss
@@ -126,7 +126,7 @@ $sh-search-submit-color:    rgba(255,255,255,0.5) !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              #444;
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 					#eee;
 $sh-secondary-bg-color:								#9A0405;
diff --git a/sass/_sherman-variables-orange.scss b/sass/_sherman-variables-orange.scss
index 4791a34..310a0f9 100644
--- a/sass/_sherman-variables-orange.scss
+++ b/sass/_sherman-variables-orange.scss
@@ -127,7 +127,7 @@ $sh-search-submit-color:    rgba(255,255,255,0.5) !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              rgba(0, 0, 0, 0.6);
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 	#eee;
 $sh-secondary-bg-color: 			#081b39;
diff --git a/sass/_sherman-variables-pink.scss b/sass/_sherman-variables-pink.scss
index cbaa360..83769d5 100644
--- a/sass/_sherman-variables-pink.scss
+++ b/sass/_sherman-variables-pink.scss
@@ -126,7 +126,7 @@ $sh-search-submit-color:    rgba(255,255,255,0.5) !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              #606060;
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 					#eee;
 $sh-secondary-bg-color:								#9A0405;
diff --git a/sass/_sherman-variables-purple.scss b/sass/_sherman-variables-purple.scss
index d6e528b..514dc2b 100644
--- a/sass/_sherman-variables-purple.scss
+++ b/sass/_sherman-variables-purple.scss
@@ -123,7 +123,7 @@ $sh-search-submit-color:    rgba(255,255,255,0.5) !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              rgba(0, 0, 0, 0.6);
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 	#eee;
 $sh-secondary-bg-color: 			#081b39;
diff --git a/sass/_sherman-variables-red.scss b/sass/_sherman-variables-red.scss
index d6da209..73e4330 100644
--- a/sass/_sherman-variables-red.scss
+++ b/sass/_sherman-variables-red.scss
@@ -117,7 +117,7 @@ $sh-search-submit-color:    rgba(255,255,255,0.5) !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              rgba(0, 0, 0, 0.6);
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 	#eee;
 $sh-secondary-bg-color: 			#081b39;
diff --git a/sass/_sherman-variables-redorange.scss b/sass/_sherman-variables-redorange.scss
index 46166e8..8ff81a0 100644
--- a/sass/_sherman-variables-redorange.scss
+++ b/sass/_sherman-variables-redorange.scss
@@ -126,7 +126,7 @@ $sh-search-submit-color:    rgba(255,255,255,0.5) !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              rgba(0, 0, 0, 0.6);
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 	#eee;
 $sh-secondary-bg-color:				#081b39;
diff --git a/sass/_sherman-variables-skyblue.scss b/sass/_sherman-variables-skyblue.scss
index 91b7b4c..19d5cf9 100644
--- a/sass/_sherman-variables-skyblue.scss
+++ b/sass/_sherman-variables-skyblue.scss
@@ -127,7 +127,7 @@ $sh-search-submit-color:    rgba(255,255,255,0.5) !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              rgba(0, 0, 0, 0.6);
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 	#eee;
 $sh-secondary-bg-color: 			#081b39;
diff --git a/sass/_sherman-variables-teal.scss b/sass/_sherman-variables-teal.scss
index 140ba9e..ab7dce2 100644
--- a/sass/_sherman-variables-teal.scss
+++ b/sass/_sherman-variables-teal.scss
@@ -126,7 +126,7 @@ $sh-search-submit-color:    rgba(255,255,255,0.5) !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				#fff;
 $sh-current-menu-ancestor:                              #444;
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 					#eee;
 $sh-secondary-bg-color:								#9A0405;
diff --git a/sass/_sherman-variables-yellow.scss b/sass/_sherman-variables-yellow.scss
index 1405b38..37c45e4 100644
--- a/sass/_sherman-variables-yellow.scss
+++ b/sass/_sherman-variables-yellow.scss
@@ -129,7 +129,7 @@ $sh-search-submit-color:    #333 !important;
 $sh-current-menu-ancestor-dropdown-toggle: 				rgba(0,0,0, 1);
 $sh-current-menu-ancestor:                             #5c5e63; 
 $sh-current-menu-ancestor-hover:                        white;
-$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 15%);
+$sh-navbar-collapse-dropdown-menu-background-color: 	darken($sh-masthead-end, 4%);
 
 $sh-nav-secondary-border-color: 					#eee;
 $sh-secondary-bg-color:								#9A0405;