/*
SimpleSlideShow
by John E Maddox

#slideShow > DIV background matches sDir and 1st element of sPics in js file.
This ensures graceful degradation if javascript is not available.
*/

/* === slide show === */


* {
  margin: 0;
  padding: 0;
}

#slideShow {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%; /* 100% can be used for responsive layout */
}

#slideShow img {
  width: 100%; /* set width in #slideShow */
  height: auto;
  display: block; /* removes gap at bottom of image */
}

#slideShow div {
  background-color: rgba(0, 0, 0, 0.75);
  position: relative;
  padding: 10px;
  bottom: 40px;
  color:#fff;
}