header.story-title {
  background-color: rgba(53, 54, 38, 0.85);
  /* added margin 25 jan 2022 to make way for position fixed MainNav */
  margin-top: 0;
  position: relative;
  text-align: center;
  z-index: 10;
}

header.basic-page nav p a img {
  margin-right: 0.5em;
  width: 8%;
}

header.basic-page nav p {
  margin: 0;
}

.story-title h1 {
  font-size: 2.5em;
  margin: 0;
  text-shadow: 1px 1px #353526;
}

.story-title h3 {
  color: #B25900;
  letter-spacing: .075em;
  margin: 0;
  text-shadow: 1px 1px #353526;
  text-transform: uppercase;
}

.chapter-title {
  background-color: #B25900;
  padding: 0.015em;
  position: relative;
  text-align: center;
  z-index: 9;
}

.chapter-title h2 {
  letter-spacing: .075em;
  margin-top: 0;
  text-shadow: 1px 1px #353526;
  text-transform: uppercase;
}

.chapter-title h5 {
  margin: 0;
  color: #353526;
}

.top-image {
  margin-top: -4.44em;
  position: relative;
  z-index: 1;
}

.caption-panel div p.gallery-caption {
  width: 25%;
  color: #e4e0c7;
  font-size: 0.75em;
  float: left;
}

.caption-panel div p.gallery-quote {
  border-left: 1px solid #e4e0c7;
  font-style: italic;
  font-size: 1em;
  margin-left: 30%;
  padding-left: 1em;
}

.caption-panel div p.gallery-text {
  font-size: 1em;
  font-style: normal;
}

#thing10 p.gallery-text {
  height: 10em;
}

#video-content {
  position: relative;
  padding-top: 56.25%;
}

#video-content video {
  position: absolute;
}

#video-content video.both {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

#video-content video.left {
  left: 0;
  top: 0;
  height: 50%;
  width: 50%;
}

#video-content video.right {
  left: 51%;
  top: 0;
  height: 50%;
  width: 50%;
}

#mapdiv {
  width: 100%;
  height: 100%;
}

.leaflet-control-attribution {
  text-align: right;
}

.leaflet-control {
  text-align: right;
}

.leaflet-tooltip {
  background: none;
  border: none;
  box-shadow: none;
  font-family: "itc-officina-sans-pro", sans-serif;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.2;
  padding: 0;
}

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  display: none;
}

.image-panel {
  height: 80vh;
  position: relative;
  z-index: 1;
}

.image-panel div {
  position: absolute;
  top: 0;
  left: 0;
}

.image-panel div img, div.full-image img {
  border: thin solid #615c3d;
  max-width: 100%;
  height: auto;
  margin-bottom: 1.6em;
}

nav.main-menu {
  background-color: #353526;
  height: 1.25em;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99;
}

nav.main-menu ul {
  margin:  -.25em 0 0 0;
}

nav.main-menu li {
  border-right: thin solid #e4e0c7;
  display: inline;
  font-size: 0.75em;
  font-weight: 400;
  letter-spacing: .15em;
  padding: 0 2em;
  text-transform: uppercase;
}

nav.main-menu li.last-menu-item {
  border-right: none;
}

nav.main-menu li.selected a {
  color: #B25900;
}

/* copied in from MainNav.css in pur-app-r */
/*  Bottom Menu  */
nav.bottom-menu {
  background-color: #68695A;
  height: 70px;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  width: 100%;
  text-align: center;
}

nav.bottom-menu ul{
  margin: 0;
  padding: 0;
}
nav.bottom-menu li {
  border-right: thin solid #898a77;
  display: inline;
  font-size: 0.75em;
  padding: 0 2em;
  position: relative;
  text-transform: uppercase;
}

nav.bottom-menu li.selected a {
  color: #D17316;
}

nav.bottom-menu ul.bottom-secondary li {
  font-size: .65em;
  text-transform: capitalize;
}

nav.main-menu li:last-child, nav.bottom-menu li:last-child {
  border-right: none;
}

span.not-done {
  width: 100%;
  background-color: white;
  border: 1px solid #D9D9D9;
  color: #333;
  font-size: 0.5em;
  line-height: 1.2em;
  font-style: normal;
  box-shadow: 4px 4px 6px 4px #333333a8;
  padding: 0.25em;
  text-transform: lowercase;
  width: 100px;
  z-index: 1; 
  visibility: hidden;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

a:hover span.not-done {
  visibility: visible;
}

.not-done-wrapper {
  position: relative;
}


/*# sourceMappingURL=scroll-story.css.map */