div.navBar{
   background-color: var(--brandColor);
   color:var(--textOnBrandColor);
   display: inline-flex;
   text-transform: uppercase;
   align-items: center;
   padding: 0 0.25em;
   height: 2em;
   min-height: 2em;
   position: relative;
}
div.navBarTitle{
  flex-grow: 1;
  text-shadow:0.1em 0.1em 0.4em var(--textShadowColor);
}
div.navBar div#runStartDate{
  text-align: center;
}
a.navRef{
  width:2em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  height: 80%;
  background-repeat: no-repeat;
  background-size: contain;
}
a.navRef img{
  width: 80%;
  height: 80%;
  position: absolute;
}
#archiveButtonSvg{
   background-image: var(--archiveButtonSvg);
}
#homeButtonSvg{
   background-image: var(--homeButtonSvg);
}
#currentButtonSvg{
   background-image: var(--currentButtonSvg);
}
#prevRunButtonSvg{
   background-image: var(--prevRunButtonSvg);
}
#nextRunButtonSvg{
   background-image: var(--nextRunButtonSvg);
}
#runsArchiveHeader #homeButtonSvg{
   background-image: var(--homeButtonSvg_white);
}
#runsArchiveHeader #currentButtonSvg{
   background-image: var(--currentButtonSvg_white);
}