/* Basic Styles */

html {
	font-size: 100%;
      scroll-behavior: smooth;
}
body {
      background-image: none;
      background-color: white;
	font-family: Arial, sans-serif;
	font-size: 1em;
      color: #333;
	line-height: 1.5;
}
* {
      box-sizing: border-box;
}
.container {
	max-width: 56.25em;
      background: white;
      padding: 0;
      margin-top: 0;
      margin-bottom: 0;
}
a:focus {
        text-decoration: none;
        outline-offset: 2px;
}
a:link {
	color: #0645ad;
	text-decoration: underline;
}
a:visited {
	color: purple;
}
a:hover {
	color: #ad4a18;
	text-decoration: none;
}
a:active {
	color: #a6a6a6;
	text-decoration: underline;
}
header h1#title {
	font-size: 1.6em;
	color: white;
      margin: 0.25em 0 0;
      text-shadow: 2px 2px 3px #202020;
}
header h1#title a {
      text-decoration: none;
      color: inherit;
}
header h1#title a:hover {
      color: #f0f0f0;
}
h1 span {
      display: initial;
}
h2 {
	font-size: 1.25em;
}
h2.content-header {
	cursor: pointer;
}
header, footer {
      font-family: Arial, sans-serif;
}
header h2 {
      display: none;
}
header h3 {
      font-size: 1em;
      color: white;
      font-weight: normal;
}
h3 {
      font-size: 1.1em;
}
h4 {
      font-size: 1em;
}
table {
	width: auto;
	border: none;
	border-collapse: collapse;
	font-size: 0.85em;
      margin-top: 1.25em;
}
table tr {
	background: #fff;
}
table td, table th {
	padding: 0.25em 0.75em;
      vertical-align: text-top !important;
	border: thin solid gray;
      width: auto;
}
table td {
      white-space: nowrap;
}
table th {
      white-space: normal;
}
table tbody th {
      font-weight: normal;
}
caption {
      display: none;
}
h2.caption {
      display: block;
      color: maroon;
}
ul {
      list-style: disc;
}
aside {
	background: #fffafa;
	border: thin solid #e0e0e0;
	padding: 0.5em;
	font-size: 0.85em;
	border-radius: 0.25em;
}
aside.bio {
	max-width: 13.75em;
}
p small {
      color: #202020;
}
i.fa-home {
	font-size: 1.25em;
}
i.fa-home span.home {
      display: none;
}
footer {
      padding-bottom: 1.25em;
}
footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
footer ul li {
	display: block;
}
footer li span {
	display: none;
}
footer ul li:nth-child(2), footer ul li:nth-child(3) {
      margin-top: 0.625em;
}
footer div:first-of-type {
      margin-top: 1em;
}
header {
      padding: 0.75em 1em 1.5em;
      margin: 0 0 1em;
      width: auto;
      height: 9.375em;
      background: linear-gradient(to top, #484848 0%, #000000 100%);
}
p.header-photo-meta-info {
      display: none;
}
.content {
      padding: 0 1em;
}
.william-dreuth-portrait {
      display: none;
}
.william-dreuth-portrait img {
	height: auto;
	max-width: 100%;
      margin-bottom: 0.375em;
	box-shadow: 0 0 2px #a6a6a6;
}
.william-dreuth-portrait p {
	margin: 0;
	padding: 0;
}
ul.related-resources {
	margin-bottom: 1.25em;
      list-style: circle;
      padding-left: 1em;
}
ul.related-resources li:first-child {
	margin-bottom: 1.25em;
}
ul.related-resources li:last-child {
	margin-top: 1.25em;
}
ul.related-resources a {
	font-weight: bold;
}
ul.standard {
      padding-left: 1em;
}
.cen {
      text-align: center;
      vertical-align: middle !important;
}
.subspecies {
      cursor: help;
}
a#jump-to[href="#resources"] {
    color: #0645ad;
    text-decoration: none; 
    border-bottom: medium dotted #0645ad;
}
fieldset { 
    display: block;
    padding: 0 0.75em 0.625em;
    border: thin solid #e0e0e0;
    border-radius: 0.25em;
    max-width: 100%;
}
fieldset.pages {
    margin-top: 1.5em;
}
legend {
    padding: 0 0.375em;
    border-bottom: none;
    width: auto;
    font-size: 1.3em;
    margin-bottom: 0.5em;
}
fieldset ul {
    padding-left: 1.5em;
}
fieldset ul li:nth-child(2), fieldset ul li:nth-child(3) {
    margin-top: 0.625em;
}
h4 {
    font-weight: normal;
    line-height: 1.3;
    margin-top: 2em;
}
ul.pagination {
    margin: 2em 0 0 0;
}
aside.lincoln-park-info {
    max-width: 100%;
}
div#display-panel {
    display: none;
}
i.fas {
    color: black;
    transition: color 0.25s;
}
i.fas:hover {
    color: orange;
}

/* Large screens */

@media only screen and (min-width: 700px) {
body {
	background: #deb887 url(bg6.jpg) fixed;
}
.container {
	margin: 2em auto;
	border-radius: 0.25em;
	box-shadow: 0 0 0.25em #ded9d9;
      padding-top: 1em;
}
header {
      background: url("header-background8.jpg") no-repeat;
      background-size: cover;
      overflow: hidden;
      box-shadow: 0 2px 3px #989898;
      border-radius: 0.25em;
      margin-left: 1em;
      margin-right: 1em;
}
header h2 {
      color: white;
      font-weight: normal;
      position: relative;
      top: -0.625em;
      display: block;
}
h1 span {
      display: none;
}
h2.caption {
      display: none;
}
.william-dreuth-portrait {
      width: auto;
      float: right;
      margin: 0.5em 0 0.625em 1.25em;
      height: 20.625em;
      text-align: center;
      display: block;
}
.header-photo-meta-info {
      font-size: 0.85em;
      display: block;
}
.content {
      padding: 0 2em;
}
ul.standard {
      padding-left: 2.5em;
}
footer ul li span {
	padding: 0 0.1em 0 0.4em;
      display: inline
}
footer ul li {
	display: inline;
}
fieldset, aside.lincoln-park-info { 
    max-width: 85%;
}
table thead th {
      background: #fffafa;
}
caption {
      font-size: 1.25em;
      font-weight: bold;
      color: maroon;
      display: table-caption;
}
}


/* Extra large screens */

@media only screen and (min-width: 1600px){
.container{
      max-width: 62.5em;
}
}