shamrock: fix responsive navbar and subnav

shamrock/bootstrap.css

@@ -6188,6 +6188,33 @@ blockquote small {
   line-height: normal;
 }
 
+@media (max-width: 979px) {
+  .navbar .nav-collapse .nav > li > a,
+  .navbar.navbar-inverse .nav-collapse .nav > li > a,
+  .navbar .nav-collapse .dropdown-menu a,
+  .navbar.navbar-inverse .nav-collapse .dropdown-menu a {
+    color: #ffffff;
+  }
+  .navbar .nav-collapse .nav > li > a:hover,
+  .navbar.navbar-inverse .nav-collapse .nav > li > a:hover,
+  .navbar .nav-collapse .nav > li > a:focus,
+  .navbar.navbar-inverse .nav-collapse .nav > li > a:focus,
+  .navbar .nav-collapse .dropdown-menu a:hover,
+  .navbar.navbar-inverse .nav-collapse .dropdown-menu a:hover,
+  .navbar .nav-collapse .dropdown-menu a:focus,
+  .navbar.navbar-inverse .nav-collapse .dropdown-menu a:focus {
+    color: #f8e33c;
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  .navbar .nav-collapse .navbar-form,
+  .navbar.navbar-inverse .nav-collapse .navbar-form,
+  .navbar .nav-collapse .navbar-search,
+  .navbar.navbar-inverse .nav-collapse .navbar-search {
+    border-top-color: #76a547;
+    border-bottom-color: #76a547;
+  }
+}
+
 div.subnav {
   background-color: #76a547;
   background-image: none;
@@ -6221,6 +6248,15 @@ div.subnav-fixed {
           box-shadow: none;
 }
 
+@media (max-width: 767px) {
+  div.subnav .nav > li > a:hover {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  div.subnav .nav > li + li > a {
+    border-top: 1px solid #aecd5a;
+  }
+}
+
 .nav > .active > a,
 .nav > .active > a:hover,
 .nav > .active > a:focus {

shamrock/bootswatch.less

@@ -52,6 +52,36 @@ blockquote {
 	}
 }
 
+@media (max-width: 979px) {
+
+	.navbar,
+	.navbar.navbar-inverse {
+
+		.nav-collapse {
+
+			.nav > li > a,
+			.dropdown-menu a {
+				color: @navbarLinkColor;
+			}
+
+			.nav > li > a:hover,
+			.nav > li > a:focus,
+			.dropdown-menu a:hover,
+			.dropdown-menu a:focus {
+				background-color: rgba(0, 0, 0, 0.1);
+				color: @navbarLinkColorHover;
+			}
+
+			.navbar-form,
+			.navbar-search {
+				border-top-color: @grayLight;
+				border-bottom-color: @grayLight;
+			}
+
+		}
+	}
+}
+
 div.subnav {
 
 	background-image: none;
@@ -80,9 +110,20 @@ div.subnav {
 		top: @navbarHeight + 1;
 		.box-shadow(none);
 	}
+}
 
+@media (max-width: 767px) {
 
+	div.subnav {
 
+		.nav > li > a:hover {
+			background-color: rgba(0, 0, 0, 0.1);
+		}
+
+		.nav > li + li > a {
+			border-top: 1px solid @grayLighter;
+		}
+	}
 }
 
 // NAV