banner

css/components/footer.css

@@ -13,8 +13,9 @@
 .site-footer {
   position: relative; /* stack above left social bar */
   color: var(--color--gray-65);
+  color: #ddd;
   /*background: linear-gradient(180deg, var(--color--gray-5) 0%, var(--color--gray-10) 100%);*/
-  background: #33210D;
+  background: #222;
 }
 
 .site-footer .menu {

css/components/landing_page.css

@@ -24,9 +24,13 @@ figure.logo--olivesbooks {
   color: #fff;
 }
 
+.logo--olivesbooks a {
+  color: #fff;
+  text-decoration: none;
+}
 .logo--olivesbooks h1 {
   font-size: var(--h1-size);
-  border-bottom: 4px double;
+  /* border-bottom: 4px double; */
 }
 
 .logo--olivesbooks h2 {
@@ -57,9 +61,13 @@ article.node.node--type-landing-page h2 {
 .hero--wrapper {
   background: #e1dbbf;
 }
+
 .logo-wrapper {
   background: #3333335c;
 }
+.logo-wrapper {
+  background: #33333399;
+}
 .path-frontpage .region--content {
   margin-bottom: 0;
 }
@@ -233,3 +241,45 @@ div#block-olivesbooks-views-block-front-page-featured-books-block-2
 #block-olivesbooks-maparchiveslpblock .block__title::before {
   content: url("../../images/sextant.svg"); /* Path to your SVG file */
 }
+/* landing page menu */
+nav#block-olivesbooks-landingpagemenu {
+  margin-block-end: var(--sp2);
+}
+
+nav#block-olivesbooks-landingpagemenu .menu {
+  list-style-type: none;
+  margin: 0;
+  display: flex;
+  justify-content: center;
+}
+
+nav#block-olivesbooks-landingpagemenu .menu .menu__link {
+  background: #39481e;
+  display: flex;
+  flex-direction: column;
+  text-decoration: none;
+  color: #fff;
+  transition: all 0.2s linear;
+}
+
+nav#block-olivesbooks-landingpagemenu .menu .menu__link:hover {
+  /* background: #d2966e; */
+
+  filter: brightness(1.2);
+}
+
+nav#block-olivesbooks-landingpagemenu .menu i {
+  display: flex;
+  justify-content: center;
+  font-size: 1.3em;
+}
+
+nav#block-olivesbooks-landingpagemenu .menu__link {
+  padding: 1.2em 1.2em 0.6em 1.2em;
+}
+
+@media (max-width: 800px) {
+  nav#block-olivesbooks-landingpagemenu .menu__link {
+    padding: 12px 10px 6px 10px;
+  }
+}