/*
	May the favor of the Lord our God rest on us;
        establish the work of our hands for us -
        yes, establish the work of our hands.
					-- Psalm 90:17
*/

@import url(fonts/clear-sans.css);
html, body {
  margin: 0;
  padding: 0;
  /*
  background: bisque;
  */
  background: papayawhip;
  color: darkblue;
  font-family: "Clear Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
}

h1 { color: midnightblue }
h2 { color: mediumblue }
h3 { color: darkslateblue }

a {
  color: royalblue;
  text-decoration: underline;
  cursor: pointer;
}

/*
body { margin: 80px 0 }
*/

img { max-width: 100% }

p {
  margin-top: 0;
  margin-left: 1em;
  margin-bottom: 1.0em;
  line-height: 1.1em;
}

.heading {
  margin: 5px;
  display: block;
  float: left;
}

.heading:after {
  content: "";
  display: block;
  clear: both; }

h1.title {
  font-size: 28px;
  font-weight: bold;
  margin: 5px;
  display: block;
  float: left;
}

h1.divider, h2.divider, h3.divider {
  width: 100%;
  padding: 0.5em;
  padding-bottom: 1.5em;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
}

div.page {
  display: none;
  height: 100%;
  width: 100%;
}

div.page-content {
  height: 100vh;
  overflow-y:scroll;
  width: 100%;
}

div.page-turner {
  display:inline-flex;
  vertical-align: center;
}

table.border-all, th.border-all, td.border-all {
  border: 1px solid;
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 1em;
}

.indent { text-indent: 1em }

ul.ellipsis {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding-left: 1.2em;
}

ul.ellipsis li:before {
	content: "...";
	position: absolute;
	left: 0;
}

.quote, .book-quote, .scripture-quote, .hymn-quote {
  width: 90%;
  border: 1px solid #333;
  border-radius: 4px;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  text-align: left;
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 2em;
}

.scripture-text, .scripture-quote {
  font-family: Verdana;
  font-size: 90%;
  color: indigo;
}

.book-text, .book-quote {
  color: mediumblue;
}

.citation {
  text-align: right;
  font-style: italic;
  font-size: 80%;
}

.book-quote {
  border-radius: 8px;
  box-shadow: 4px 4px 2px rgb(230, 219, 219);
  border-style: outset;
  border-width: thin;
  border-top-style: solid;
}

.scripture-quote {
  background-image: linear-gradient(175deg, #fff, #ddd 98%, #ccc);
}

.hymn-quote {
  width: auto;
  color:yellow;
  background-color:#00002e;
}

.essay-prompt {
  width: 80%;
  font-weight: italic;
  text-align: left;
}

.audio-container {
  display: flex;
  justify-content: center;
  align-items: center 
}

button.arrow {
  display: block;
  border: none;
  box-shadow: none;
  font-size: 500%;
  /*font-style: bold;*/
  color: royalblue;
  background: transparent;
  padding-left: 0em;
  padding-right: 0em;
  margin-left: 0em;
  margin-right: 0em;
}

hr {
  border: none;
  border-bottom: 1px solid #d8d4d0;
  margin-top: 20px;
  margin-bottom: 30px; }