@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/LibreBaskerville-Regular.woff2') format('woff2'), url('../fonts/LibreBaskerville-Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Libre Baskerville';
     font-style: italic;
     font-weight: normal;
     src: url('../fonts/LibreBaskerville-Italic.woff2') format('woff2'), url('../fonts/LibreBaskerville-Italic.woff') format('woff');
     font-display: swap;
}
@font-face {
  font-family: 'Libre Baskerville';
     font-style: normal;
     font-weight: bold;
     src: url('../fonts/LibreBaskerville-Bold.woff2') format('woff2'), url('../fonts/LibreBaskerville-Bold.woff') format('woff');
     font-display: swap;
}
body {
  margin: 0;
  font: normal 14pt/1.72 'Libre Baskerville', 'Palatino','Georgia', 'Times New Roman', 'Times', Serif;
  background-color: #fcfcfc;
  color: #363636;
}
hr {
  display: block;
  height: 2.5px;
  border: 0;
  margin-bottom:-.2em;
  border-top: 2px solid #00b9c9;
  width:90%;
}
article hr {
  border-top: 1.5px solid #dae5e8;
  height: 2px;
  margin: 1em 0 1em 0;
  padding: 0;
  width:90%;
}
article ol {
  padding-left: 0;
  margin-left: 2em;
}
article {
  margin-bottom: 3.5em;
}
#container {
    padding: 6% 1% 2% 1%;
}
#text {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 87%;
	max-width: 34em;
}
h2 {
  font-size: 20pt;
  line-height: 1.5;
  letter-spacing: .5px;
  font-weight: bold;
  margin: 0 0 1.5em 0;
}
#titleBlock {
  margin: 1.5em 0 1.5em 0;
  text-align:center;
}
.subtitle {
  margin-top: -1.5em;
  letter-spacing: .4px;
}
.subtitle-with-author {
  margin-top: -1.75em;
  padding-bottom: 1em;
  font-size:107%;
  letter-spacing: .4px;
}
blockquote, .footnotes {
  font-size: 90%;
}
.search, .info {
  padding: .7em;
  display: inline;
  font-size: 15pt;
}
.search {
  margin-right: .2em;
}
.type {
  margin: 0;
  letter-spacing: .5px;
  text-align:center;
  font-style:italic;
  color:#505050;
}
.filterNoteWrap {
  text-align:center;
  margin-bottom:.75em;
}
.filterNote {
  color:#303030;
  font-size: 90%;
  letter-spacing: .5px;
  display: inline-block;
  border-bottom:2px solid #808080;
}
.backToSearch {
  border-bottom: none;
  padding-top:.5em;
}
.centered {
  text-align: center;
  padding-bottom: 1em;
}

article footer {
  font-size: 87%;
  line-height: 1.75;
}
.date {
  font-size: 88%;
}
aside, .bio {
  font-size: 87%;
  margin: 2em 0 1.5em 0;
  padding: .25px 1.3em .25px 1.3em;
  background-color: #efefef;
}
.bio {
  margin-top: 1.5em;
}
article footer {
  border-top: 2px solid #dae5e8;
  margin: 1.5em 0 0 0;
  padding: .5em 0 0 0;
}
.author {
  margin-top: -1.5em;
}
.venue {
  text-transform: uppercase;
  font-size: 80%;
  letter-spacing:.4px;
}
.artist {
  font-size: 88%;
}
figure {
  padding: 0;
  margin: 1.5em 0 1.5em 0;
  border: 0;
  background: 0;
  display: block;
}
figure img {
  width: 100%;
  height: auto;
}
figcaption {
  font-size: 85%;
  margin-top: .1em;
  line-height: 1.55;
  font-style: italic;
}
figcaption em {
  font-style: normal;
}
.alt {
  font-style: normal;
}
#supplement {
  margin: 2%;
  max-width: 40em;
  background-color: #e8e8df;
  padding: .5em 1em .5em 1em;
}
#supplement th, td {
  border-bottom: 1px solid #999;
}
#supplement table {
  border-collapse: collapse;
  width: 100%;
}
#supplement h2 {
  text-transform: none;
  font-size: 14pt;
  font-weight: bold;
}
.active {
  background-color: #EEE;
}
.search-row div {
  border-bottom: 2px solid #00a9b8;
  padding-bottom: 1em;
  padding-left: .3em;
}
.search-row:first-of-type {
  border-top: 2px solid #00a9b8;
}
.search-row div:hover {
  background-color: #f8ff6d;
}
.search-row h2 {
  margin-top: 0;
  padding-top: .75em;
}
.searchCount {
  margin-left: .3em;
  margin-bottom: 1em;
}
.searchType {
  color: #969;
  font-size: 93%;
}
#compactTOC {
   font-size:90%;
   width:100%;
   display: table;
   margin-top:1px;
}
#compactTOC img {
   display:none
}
#compactTOC .row {
  display: table-row;
}
#compactTOC .cell {
  display: table-cell;
  vertical-align: top;
  border-bottom: 1px solid #bbb;
  padding:.75em .3em .75em .1em; 
}
#compactTOC .activeRow {
   background-color: #bce4e8;
   cursor: default;
}
#compactTOC .activeRow:hover {
   background-color: #bce4e8;
}
#compactTOC .longTOC {
   display:none
}
@media only all and (max-width: 655px), (handheld) {
  #text {
    font-size: 13.5pt;
    line-height: 1.6;
     width: 94%;
  }
  #container {
    margin-top:6%
}
  #topOffSet {
     margin-top:3em;
  }
  .date, .artist {
    font-size: 100%;
}
  article {
    margin-bottom: 2.5em;
}
  article ol {
    margin-left: 1.6em;
  }
  aside {
    padding: .25px 1em .25px 1em;
    line-height: 1.65;
    font-size: 90%;
  }
  figure {
    width: 100%;
    position: static;
    right: 0;
  }
  figcaption {
    font-size: 90%;
    width: 100%;
    padding: 0;
    line-height: 1.55;
    margin-top: 0;
  }
  #supplement {
    font-size: 11pt;
  }
 
  blockquote {
    font-size: 90%;
    margin: auto 1em auto 1.1em;
  }
}