/* Encyclopedia pages */

.encyc-animal {
  border-collapse: collapse;
  border: 1px solid #d1cece;  
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  font-size: 9pt;
}

.encyc-animal tbody {
  vertical-align: top;
}

.encyc-animal td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 8px;
}

.encyc-animal td:nth-child(1) {
  width: 60px;
}

.encyc-animal td:nth-child(2) {
  width: 220px;
}

.encyc-animal td:nth-child(3) {
  width: 220px;
}

.encyc-animal th {
  font-size: 9pt;
  background-color: #e9e5df;
  padding-bottom: 4px;
  line-height: 14px;
}

.encyc-animal-border {
  border-top: 1px solid #999696;
}  

#animal-table-richard,
#animal-table-response {
  margin-top: 25px;  
}

.encyc-table3 {
  border-collapse: separate;
  border-spacing: 0 6px;
  width: 100%;
  margin-top: 15px;
}

.encyc-table3 tbody {
  vertical-align: top;
  border-collapse: separate;
  border-spacing: 0 4px;
}

.encyc-table3 tr:nth-child(even){
  background-color: #f2f2f2;
}

.encyc-table3 td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.encyc-table3 td:nth-child(1) {
  min-width: 170px;
}

.encyc-table3 td:nth-child(2) {
  min-width: 110px;
}

.encyc-table3 td:nth-child(3) {
  min-width: 170px;
}

.encyc-table3 th {
  font-size: 9pt;
  background-color: #e9e5df;
  padding-bottom: 4px;
  line-height: 14px;
}

.encyc-table4 {
  border-collapse: separate;
  border-spacing: 0 6px;
  width: 100%;
  margin-top: 15px;
}

.encyc-table4 tbody {
  vertical-align: top;
  border-collapse: separate;
  border-spacing: 0 4px;
}

.encyc-table4 tr:nth-child(even){
  background-color: #f2f2f2;
}

.encyc-table4 td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.encyc-table4 td:nth-child(1) {
  width: 50px;
}

.encyc-table4 td:nth-child(2) {
  width: 120px;
}

.encyc-table4 td:nth-child(3) {
  min-width: 80%;
  padding-right: 20px;
}

.encyc-table4 td:nth-child(4) {
  min-width: 40%;
}

.encyc-table4 th {
  font-size: 9pt;
  background-color: #e9e5df;
  padding-bottom: 4px;
  line-height: 14px;
}

.encyc-table6 {
  border-collapse: collapse;
  border-spacing: 0 6px;
  width: 40%;
  margin-top: 12px;
}

.encyc-table6 tbody {
  vertical-align: top;
  border-collapse: separate;
  border-spacing: 0 4px;
}

.encyc-table6 tr:nth-child(even){
  background-color: #f2f2f2;
}

.encyc-table6 td {
}

.encyc-table6 td:nth-child(1) {
  min-width: 120px;
}

.encyc-table6 td:nth-child(2) {
  min-width: 30px;
  text-align: right;
}

.encyc-table6 td:nth-child(3) {
  min-width: 40px;
  text-align: right;
}

.encyc-table6 td:nth-child(4) {
  min-width: 40px;
  text-align: right;
}

.encyc-table6 td:nth-child(5) {
  min-width: 40px;
  text-align: right;
}

.encyc-table6 td:nth-child(6) {
  min-width: 40px;
  text-align: right;
}

.encyc-table6 thead {
  font-size: 9pt;
  font-weight: bold;
  background-color: #e9e5df;
  padding-bottom: 4px;
}

.encyc-table6-container {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 10px;
}

.encyc-table6-column1 {
}

.encyc-table6-column2 {
}

.encyc-table7 {
  border-collapse: separate;
  border-spacing: 0 6px;
  width: 100%;
  margin-top: 15px;
}

.encyc-table7 tbody {
  vertical-align: top;
  border-collapse: separate;
  border-spacing: 0 4px;
}

.encyc-table7 tr:nth-child(even){
  background-color: #f2f2f2;
}

.encyc-table7 td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.encyc-table7 td:nth-child(1) {
  width: 35px;
  font-weight: bold;
}

/*
.encyc-table7 td:nth-child(2) {
  width: 450px;
  padding-right: 12px;
}

.encyc-table7 td:nth-child(2) {
  min-width: 70px;
  text-align: right;
  padding-right: 8px;
}
*/

.encyc-table7 th {
  font-size: 9pt;
  background-color: #e9e5df;
  padding-bottom: 4px;
  line-height: 14px;
}

.encyc-table7 th:nth-child(1) {
  width: 60px;
}

.encyc-was-missing {
  color: #78085c;
}  
  
.encyc-beast-unid {
  color: #eb305c;
 }
 
.encyc-beast-lang {
  font-style: italic;
 }
 
.encyc-gossuin {
  border-collapse: separate;
  border-spacing: 0 6px;
  width: 100%;
  margin-top: 15px;
  font-size: 9pt;
}

.encyc-gossuin tbody {
  vertical-align: top;
  border-collapse: separate;
  border-spacing: 0 4px;
}

.encyc-gossuin th {
  font-size: 8.5pt;
  background-color: #e9e5df;
  padding-top: 2px;
  padding-bottom: 4px;
  line-height: 14px;
}

.encyc-gossuin  tr:nth-child(even){
  background-color: #f2f2f2;
}

.encyc-gossuin td {
  padding-left: 2px;
  padding-right: 4px;
}

.encyc-gossuin td:nth-child(1) {
  width: 200px;
  padding-right: 12px;
  background-color: #fcfcf4;
}

.encyc-gossuin td:nth-child(2) {
  width: 70px;
}

.encyc-gossuin td:nth-child(3) {
  width: 80px;
}

.encyc-gossuin td:nth-child(4) {
  width: 90px;
}

.encyc-gossuin td:nth-child(5) {
  width: 200px;
}

.encyc-gossuin td ul {
  list-style-type: disc;
  margin-left: -20px;
  line-height: 120%;
  margin-top: 4px;
}

.encyc-img-flex {
  Width: 90%;
  margin-bottom: 40px;
}

.encyc-img-flex ul {
  display: flex;
  flex-flow: row wrap; 
  list-style: none;
  row-gap: 15px;
}

.encyc-img-flex li {
  height: 200px;
  flex-grow: 1;
}

.encyc-img-flex img {
  max-height: 200px;
  max-width: 800px;
}

.encyc-section-title {
  font-size: 11pt;
  font-weight : bold;
  padding-top: 8px;
}

.encyc-section-title-sub {
  font-size: 9pt;
  font-weight : bold;
  font-style: italic;
  padding-top: 8px;
}

.encyc-section-title-normal {
  font-size: 9.5pt;
  font-weight : normal;
}

.encyc-separator {
  display: block;
  margin:30px auto 10px auto;
  width:250px;
}

.encyc-reynard-char {
  border-collapse: separate;
  border-spacing: 0 6px;
  width: 100%;
  margin-top: 15px;
}    

.encyc-reynard-char td {
  vertical-align: top;
  padding-left: 3px;
}

.encyc-reynard-char tr:nth-child(even){
  background-color: #f2f2f2;
}

/* Name */
.encyc-reynard-char td:nth-child(1) {
  width: 100px;
  font-weight: bold;
  padding-right: 5px;
}

/* Species */
.encyc-reynard-char td:nth-child(2) {
  width: 90px;
}

/* Notes */
.encyc-reynard-char td:nth-child(3) {
}

.encyc-reynard-char th {
  background-color: #cfe2cf;
  font-size: 9pt;
  padding: 4px;
  text-align: left;
  text-decoration: none;
  height: 26px;
  position: sticky;
  top: 0px;
}

.encyc-reynard-char th:nth-child(1) {
  cursor: pointer;  
}    

.encyc-reynard-char th:nth-child(2) {
  cursor: pointer;  
}    

.encyc-reynard-char td ul {
  list-style-type: circle;
  margin-left: -28px;
  line-height: 130%;
  margin-top: 2px;
  margin-bottom: 2px;
}

.encyc-reynard-branch {
  border-collapse: separate;
  border-spacing: 0 6px;
  width: 100%;
  margin-top: 15px;
}    

.encyc-reynard-branch td {
  vertical-align: top;
}

.encyc-reynard-branch tr:nth-child(even){
  background-color: #f2f2f2;
}

.encyc-reynard-summary {
  border-collapse: separate;
  border-spacing: 0 6px;
  width: 100%;
  margin-top: 15px;
}

.encyc-reynard-summary tbody {
  vertical-align: top;
  border-collapse: separate;
  border-spacing: 0 4px;
}

.encyc-reynard-summary tr:nth-child(odd) {
  background-color: #f2f2f2;
}

.encyc-reynard-summary td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.encyc-reynard-summary td:nth-child(1) {
  width: 35px;
  font-weight: bold;
}

.encyc-reynard-summary-rubric {
  color: darkred;
  font-weight: bold;
}

/* Branch */
.encyc-reynard-branch td:nth-child(1) {
  width: 60px;
}

/* Manuscripts */
.encyc-reynard-branch td:nth-child(2) {
  width: 100px;
}

.encyc-reynard-branch thead {
  font-size: 9pt;
  font-weight: bold;
  background-color: #cfe2cf;
  padding-bottom: 4px;
}

.encyc-reynard-names {
  font-size: 8pt;
  font-weight: normal;
}    

/* Reyard Character Tables */ 

.encyc-reynard-char-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 15px;
  font-size: 8pt;
  border-right: 1px solid #d5d5d5;
}    

.encyc-reynard-char-table th {
  background-color: #cfe2cf;
  text-align: center;
  vertical-align: bottom;
  text-decoration: none;
  position: sticky;
  top: 0px;
  border-left: 1px solid #d5d5d5;
  padding-top: 4px;
  padding-bottom: 4px;
}

.encyc-reynard-char-table tr:nth-child(odd) {
  background-color: #f2f2f2;
}

.encyc-reynard-char-table td {
  width: 30px;
  text-align: center;
  border-left: 1px solid #d5d5d5;
}

.encyc-reynard-char-table td:nth-child(1) {
  width: 80px;
  text-align: left;
  border: 0;
  font-weight: bold;
}

.encyc-reynard-char-table td:nth-child(2) {
  width: 80px;
  text-align: left;
  border: 0;
}

.encyc-reynard-char-table th:nth-child(1) {
  width: 80px;
  text-align: left;
  border: 0;
  cursor: pointer;
}

.encyc-reynard-char-table th:nth-child(2) {
  width: 80px;
  text-align: left;
  cursor: pointer;
  border: 0;
}

.encyc-reynard-char-table-v {
  border-collapse: collapse;
  width: 100%;
  margin-top: 15px;
  font-size: 8pt;
  border-right: 1px solid #d5d5d5;
}

.encyc-reynard-char-table-v tr:nth-child(odd) {
  background-color: #f2f2f2;
}

.encyc-reynard-char-table-v th {
  background-color: #cfe2cf;
  text-align: left;
  text-decoration: none;
  position: sticky;
  top: 0px;
  text-orientation: sideways;
  writing-mode: sideways-lr;
  border-left: 1px solid #d5d5d5;
  padding-bottom: 4px;
  padding-top: 4px;
}

.encyc-reynard-char-table-v th:nth-child(1) {
  width: 80px;
  text-align: left;
  vertical-align: bottom;
  text-orientation: unset;
  writing-mode: unset;
  border: 0;
  cursor: pointer;
}

.encyc-reynard-char-table-v th:nth-child(2) {
  width: 80px;
  text-align: left;
  vertical-align: bottom;
  text-orientation: unset;
  writing-mode: unset;
  border: 0;
  cursor: pointer;
}

.encyc-reynard-char-table-v td {
  width: 20px;
  text-align: center;
  border-left: 1px solid #d5d5d5;
}

.encyc-reynard-char-table-v td:nth-child(1) {
  width: 80px;
  text-align: left;
  border: 0;
  font-weight: bold;
}

.encyc-reynard-char-table-v td:nth-child(2) {
  width: 80px;
  text-align: left;
  border: 0;
}


/* */
.encyc-sidenav {
  width: 180px;
  position: fixed;
  z-index: 1;
  top: 140px;
  background: #006503;
  overflow-x: hidden;
  padding: 8px 0;
  border-radius: 8px;
  margin-left: -220px;
}

.encyc-sidenav a {
  text-decoration: none;
  font-size: 9px;
  color: #ffffff !important;
  display: block;
  padding-left: 8px;
  padding-bottom: 2px;
}

.encyc-sidenav a:hover {
  background: black !important;
}

.poem {
  font-size: 9pt;
}

.poem li {
  list-style-type: none !important; 
  margin-left: -27px;
}

.poem-wrap {
  font-size: 9pt;
  column-gap: 46px;
}

.poem-wrap li {
  list-style-type: none !important; 
  margin-left: -27px;
  padding-left: 15px;
  text-indent: -15px;
}

.poem-number {
  font-size: 9pt;    
  margin-left: .25em;
  counter-reset: poemcounter;
}

.poem-number li {
  counter-increment: poemcounter;
  list-style-type: none;
}

.poem-number li:nth-child(5n+5):before {
  padding-right: 8px;
  margin-left: -32px;
  content: counter(poemcounter);
}

/* Linear menu */

.section-list {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.ol-3-col {
  column-count: 3; 
  column-gap: 40px;
}

.first-letter-red {
  font-weight:bold;
  color:red;
}

.ency-progress-div {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  --d:22px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  color: blue;
  box-shadow: 
    calc(1*var(--d))      calc(0*var(--d))     0 0,
    calc(0.707*var(--d))  calc(0.707*var(--d)) 0 1px,
    calc(0*var(--d))      calc(1*var(--d))     0 2px,
    calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
    calc(-1*var(--d))     calc(0*var(--d))     0 4px,
    calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
    calc(0*var(--d))      calc(-1*var(--d))    0 6px;
  animation: l27 1s infinite steps(8);
}

@keyframes l27 {
  100% {transform: rotate(1turn)}
}