lp menus

css/global-style.css

@@ -6328,6 +6328,7 @@ html.is-reveal-open body {
 .fa-sharp,
 .fas,
 .fa-solid,
+.menu--menu-center-navigation a[title=test],
 .menu--main a[title=test],
 .far,
 .fa-regular,
@@ -6345,6 +6346,7 @@ html.is-reveal-open body {
 .fas,
 .fa-classic,
 .fa-solid,
+.menu--menu-center-navigation a[title=test],
 .menu--main a[title=test],
 .far,
 .fa-regular {
@@ -6356,6 +6358,7 @@ html.is-reveal-open body {
   font-family: "Font Awesome 6 Brands";
 }
 
+.menu--menu-center-navigation a[title=test],
 .menu--main a[title=test] {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -14573,6 +14576,7 @@ readers do not read off random characters that represent icons */
 }
 .fas,
 .fa-solid,
+.menu--menu-center-navigation a[title=test],
 .menu--main a[title=test] {
   font-weight: 900;
 }
@@ -18042,23 +18046,28 @@ footer .social-media i {
   width: auto;
 }
 
+.menu--menu-center-navigation ul,
 .menu--main ul {
   flex-direction: column;
 }
 @media print, screen and (min-width: 64em) {
+  .menu--menu-center-navigation ul,
   .menu--main ul {
     flex-direction: row;
   }
 }
+.menu--menu-center-navigation a[title=test]::before,
 .menu--main a[title=test]::before {
   content: "\f007";
 }
+.menu--menu-center-navigation a,
 .menu--main a {
   color: #fefefe;
   font-family: "Roboto Condensed", sans-serif;
   font-size: 0.8em;
   padding: 0.5rem;
 }
+.menu--menu-center-navigation i,
 .menu--main i {
   font-size: 1.75rem;
 }
@@ -18080,6 +18089,20 @@ footer .social-media i {
   justify-content: space-between;
 }
 
+.view-current-library-hours {
+  padding: 0 10px;
+  text-align: center;
+  border: 1px solid #fff;
+  background: #ccc;
+  display: inline-block;
+  float: right;
+  font-size: 0.875rem;
+  border-radius: 6px;
+}
+.view-current-library-hours a {
+  color: #333;
+}
+
 aside {
   margin-top: 1rem;
 }

css/sass/components/_topnav.scss

@@ -38,6 +38,7 @@
 //========
 //main menu
 //========
+.menu--menu-center-navigation,
 .menu--main {
   //@include menu-direction(horizontal);
   ul {
@@ -64,7 +65,7 @@
 .search-block-form {
   display: none;
   @include breakpoint(large) {
-      display: initial;
+    display: initial;
   }
 }
 .search-block-form input {
@@ -73,3 +74,16 @@
 .title-bar {
   justify-content: space-between;
 }
+.view-current-library-hours {
+  padding:0 10px;
+  text-align: center;
+  border: 1px solid #fff;
+  background: #ccc;
+  display: inline-block;
+  float: right;
+  font-size: rem-calc(14);
+  border-radius: $global-radius;
+  a {
+    color: #333;
+  }
+}

gulpfile.js

@@ -28,7 +28,7 @@ function bsInit__local(done) {
 
 function bsInit__remote(done) {
   browsersync.init({
-    logLevel: 'debug',
+    //logLevel: 'debug',
     proxy: SITE.Remote.Url,
     serveStatic: ['.'],
     files: PATHS.Watch,