@import "/inc/blogs.css";  /* styles common across blog articles */

.stego { text-align: center; }
.stego img { opacity: 0; }
.stego input { margin-top: 0.5em; }

/* part 7 - truth */
#NPQ { padding: 0.5em 2em; }
#NPQ+div {
  margin: 0.25em auto;  padding: 0.5em 1em;
  line-height: 1.5em;
  border: 4px solid gray;
  transform: scaleY(0);  transform-origin: top;
  opacity: 0;
  transition: transform 0.5s linear, opacity 1s;
}

#gematria {
  float: right;
  margin: 0 0 0 0.7em;
}
#gematria caption {
  background-color: #848A48;
  border: 1px solid black;
  border-bottom: 0;
}
#gematria th { background-color: #848A48; }
#gematria td {
  vertical-align: middle;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
#gematria img { 
  margin: auto;  padding: 2px;
  height: 20px;
  background-color: #A6AC69;
}
#gematria td.rune:hover { transform: scale(3); }

.slider figcaption {
  margin: auto;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  min-width: 200px;
}
.slider button {
  position: absolute;  top: 15%;
  width: 1.5em;  height: 2em;
  z-index: 2;
  opacity: .6;
  transition: opacity 0.2s;
  font-size: 20pt;
  font-weight: bold;
  border: 1px solid grey;
  border-radius: 0.5em;
}
.slider button:first-of-type { left: 0; }
.slider button:last-of-type { right: 0; }
.slider button:hover { opacity: 1; }
.slider ul {
  transition: 0.2s;
  transform: translateX(-20px);
  margin-bottom: 8px;
}
.slider li {
  display: inline-block;
  white-space: normal;
  border: 1px solid lightgrey;
  box-shadow: 2px 3px 5px rgba(0,0,0,0.2);
}
.slider li:hover { border: 1px solid blue; }
.currSlide {
  border: 1px solid grey;
  box-shadow: 2px 3px 5px rgba(0,0,0,0.8);
}
.slider li img { width: 60px;  height: 90px;  } /* size must be specified in .CSS */
#liber1 a img { width: 444px; height: auto; } /* size must be specified in .CSS */
#LiberPrimus a img { width: 240px; height: auto; } /* size must be specified in .CSS */
#LiberPrimus ul { width: 240px; }
#liber1 input {
  vertical-align: middle;
  margin-right: 4px;
}
#LiberPrimus input {
  padding: 0.5em;
}


#syllabus {
  width: 80%;
  padding-left: 5em;
}
#syllabus li { margin-bottom: 0.5em; }

#somenone {
  position: relative;
  width: 540px;  height: 60px;
  margin-bottom: 0.5em;
}
#somenone img {
  position: absolute;
  top: 0;  left: 0;
  transition: opacity 2s;
}
#somenone img:first-of-type { opacity: 1; }
#somenone img:last-of-type  { opacity: 0; }
#somenone:hover img:first-of-type { opacity: 0; }
#somenone:hover img:last-of-type  { opacity: 1; }

#scored table { border: 1px solid black; }
#scores th, #scores td { text-align: center; }
#scores th      { background-color: #848A48; }
#scores tr.user { background-color: yellow; }

#emailform { text-align: center; }
#emailform input[type=submit] { margin: 0.5em;  padding: 0.25em 0.5em; }
#emailed {
  text-align: center;
  background-color: transparent;
}
#emailed img {
  display: inline;
  vertical-align: middle;
}