SNOW-1: Added current page indicator on nav bar.

style.css

@@ -171,26 +171,39 @@ html {
 /* Shared navigation styles for all screen sizes. */
 .a11y-main-nav-items ul {
   display: flex;
-  justify-content: space-evenly;
+  justify-content: flex-start;
+  flex-direction: row;
   flex-wrap: nowrap;
-  align-items: stretch;
+  align-items: normal;
   align-content: center;
+  width: 100%;
 }
-.a11y-main-nav-items li {
+.a11y-main-nav-items ul li {
   width: 100%;
-  flex-grow: 1;
+  flex: 1 1 auto;
+  align-self: auto;
+  margin: 0rem 0rem 0.1rem 0rem !important;
+  text-align: center;
+}
+.a11y-main-nav-items ul li.current-menu-item:before {
+  border-top: 0.6rem solid #000;
+  width: calc(40rem / 7);
+  margin: 0 2.5rem;
+  display: inline-block;
+  position: absolute;
+  content: "";
 }
-.a11y-main-nav-items a {
+.a11y-main-nav-items ul a {
   display: inline-block;
   color: #0f191d;
   text-transform: uppercase;
   font-weight: bold;
 }
-.a11y-main-nav-items a:hover {
+.a11y-main-nav-items ul a:hover {
   background-color: #7ec9bc;
   color: #0f191d;
 }
-.a11y-main-nav-items a:focus {
+.a11y-main-nav-items ul a:focus {
   outline: 0.2rem solid #00303c;
 }
 /* Navigation for medium screens and larger. */
@@ -205,7 +218,9 @@ html {
     border-right: none;
   }
   .a11y-main-nav-items .menu li a {
-    padding: 0;
+    padding: 1.6rem 2rem;
+    width: 100%;
+    height: 100%;
   }
 }
 .home .a11y-site-main {
@@ -214,8 +229,11 @@ html {
   overflow-x: hidden;
 }
 .snow-intro {
+  position: relative;
+  z-index: 10;
   display: flex;
   padding: 2rem;
+  box-shadow: 0.09rem 0.2rem 1rem -0.2rem #808080;
 }
 .snow-home {
   flex-grow: 1;
@@ -245,8 +263,9 @@ html {
   background-color: #dcde70;
   padding: 1rem 1rem;
   margin: 0;
-  box-shadow: 0.2rem 0.2rem 0.8rem #808080;
-/*box-shadow: 0px 5px 12px 0px #808080;*/
+  position: relative;
+  z-index: 10;
+  box-shadow: 0.09rem 0.2rem 1rem -0.2rem #808080;
 }
 h1.snow-experiences-title {
   text-transform: uppercase;
@@ -292,21 +311,21 @@ h1.snow-title {
 .a11y-site-tagline {
   background-color: #274d5d;
   background: url("./images/banner.jpg") 0 -3rem/100% auto no-repeat, #274d5d;
-  padding: 1rem;
+  padding: 1rem 2rem;
   display: flex;
-  align-items: center;
+  justify-content: flex-end;
 }
 .a11y-site-tagline p {
-  float: right false;
+  width: 100%;
 }
 .a11y-site-tagline span {
   font-size: 6rem;
   font-weight: bold;
   text-transform: uppercase;
   text-shadow: none;
   color: #fff;
-  opacity: 0.5;
-  background-color: #0f191d;
+  background: #0f191d;
+  background: rgba(15,25,29,0.7);
   line-height: 8rem;
   display: inline;
 }
@@ -317,7 +336,6 @@ h1.snow-title {
 .a11y-panel-container {
   padding: 2rem 2rem;
   background-color: #f7ac82;
-  box-shadow: 0.2rem 0.2rem 0.8rem #808080;
 }
 .a11y-panel-container.row {
   margin-left: 0;
@@ -686,14 +704,11 @@ h1.snow-title {
     font-size: 2rem;
   }
   .a11y-main-nav-items ul {
-/*flex: 1 0 auto;*/
-/*          flex-basis: auto;
-          flex-grow: 1;*/
     margin: 0;
     padding: 0;
   }
   .a11y-main-nav-items ul li {
-    max-width: 3rem;
+    max-width: auto;
   }
   .single,
   .category {
@@ -737,7 +752,7 @@ h1.snow-title {
     background: url("./images/logo-COLOUR.svg") no-repeat, url("./images/banner.jpg") no-repeat, #274d5d;
     background-position: 83% 3.6rem, 9rem -5rem;
     background-size: 14% auto, 82% auto;
-    padding: 3rem 50% 3rem 15rem;
+    padding: 3rem 15rem 3rem 15rem;
     min-height: 25rem;
   }
   .a11y-site-aside ul ul {