@media screen {
body {font-size: 16px;
font-family: Montserrat, Helvetica, sans-serif;
color: #000;
line-height: 1.4;
padding: 0;
margin: 0;
max-width: 100%;
overflow-x: hidden;}

h1, h2, h3 {
color: #65211D;
font-family: Lato, Helvetica, sans-serif;}
h4, h5, h6 { 
color: #5E7F5C;
font-family: Lato, Helvetica, sans-serif;
}

h2 { font-size: 28px;
line-height: 26px;}
h3{ font-size: 20px;
line-height: 25px; 
}
h4{ font-size: 18px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}

a:link, a:visited {
    text-decoration: none;
    color: #65211D;
    font-weight: bold;}

a:hover {text-decoration: underline;}

p a:link, p a:visited, ul a:link, ul a:visited {
    text-decoration: none;
    color: #65211D;
    font-weight: bold;}

p a:hover, p a:focus, ul a:hover, ul a:focus {
text-decoration: underline;}

button, a.button, .resource-list.preview + a, [type="submit"] {
	background-color: #4F604F;
	color: #ffffff;
	font-family: Montserrat, Helvetica, sans-serif;
}

header {
    margin: 0 0;
    background-color: #5E7F5C;
    border-bottom: 1px solid #dedede;
    position: relative;
   padding: 0;
}


footer {
	max-width: 1700px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 1.69492% 30px;
	clear: both;
	font-size: 12px;
	font-style: italic;
text-align: center;
}
/* Navigation*/

.navigation a:link, .navigation a:visited { 
color: #ffffff;
font-size: 16px;}

.navigation a:hover {
text-decoration: none; }

header nav {
    position: relative;
    padding: 0;
    color: white;
}

header nav ul li.active { background-color: #334632;}
header nav ul.navigation > li > ul {
 background-color: #334632;}

header nav ul.navigation > li:hover > ul::after {
    background-color: #334632;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    z-index: -1;
}

/*header nav ul.navigation {
	/* margin-left: -7.5px; */
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
margin-right: 25px;
}

header nav ul.navigation > li > ul {
	position: absolute;
	top: 100%;
	left: -9999px;
	background-color: #fff;
	padding: 0;
	list-style: none;
	width: 100%;
	padding: 14px 0 6.5px;
	display: flex;
	flex-direction: row;
	flex-flow: column-wrap;
	z-index: 1;
}*/

header nav ul.navigation {
	margin-left: -7.5px;
	position: static;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

header nav ul li.active, header nav ul li:hover {
	background-color: #334632;
}

header nav > ul > li > .parent-link a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    display: inline-block;
  margin-left: 7.5px;
 font-size: 10px;
}

header nav ul.navigation > li > ul > li {
    width: 50%;
}

/*sub nav*/
.toc-block a:link, .toc-block a:visted {
color: #65211D;}
.toc-block ul.navigation li a:link, .toc-block ul.navigation li a:visited  {
color: #65211D;}
.toc-block ul.navigation li a:hover {
text-decoration: underline;}

nav.sub-menu  li a:link,  nav.sub-menu  li a:visited, nav.sub-menu  li a:focus {
color: #334632;
font-size: 14px;
padding: 7.5px;}


nav.sub-menu  li a:hover, nav.sub-menu  li a:focus {
color: #fff; 
background-color: #334632;
padding: 7.5px;}

.breadcrumbs {
font-family: Lato, Helvetica, sans-serif;
font-size: 12px;
color: #334632;
font-weight: 700;}

 a:link, .breadcrumbs a:visited, .breadcrumbs a:focus {
color: #334632;
font-weight: 500;}

/*Browse*/
nav.pagination {
font-size: 12px;
margin-bottom: 0;}
input, textarea, button, .button, .resource-list.preview + a, select {
font-size: 12px;}
.pagination input {
    width: 30px;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
border: none;}

.pagination .button, .pagination .resource-list.preview + a {
border: none;
background-color: #ffffff;}

button, a.button, .resource-list.preview + a, [type="submit"] {
background-color: #4F604F;
color: #ffffff;}

a.advanced-search {
font-size: 20px;
font-weight: bold;}

/*images*/
/*.file .item.resource audio, .file .item.resource canvas, .file .item.resource video, .file .item.resource progress, .file .item.resource img {
	max-width: 75%;
	vertical-align: bottom;
	/* margin-bottom: 0.5rem;
} */


.left.file {
	float: left;
	clear: left;
	margin: 0; 
	text-align: center;
}

.right.file {
float: right;
clear: right;
text-align: center;
margin: 0;
}

/*.left.large.file, right.large.file {
max-width: 300px;}*/

.left.medium.file, .right.medium.file {
max-width: 200px;}


.attachments, .item-showcase, .resource-list {
	padding: 0 10px;
}

.attachments .item.resource, .resource-list .item.resource {
	margin: 10px 0px;
}

div.item-showcase {
	text-align: center;
}


.caption {
	margin: 0.6rem 0 0;
	text-align: center;
}

.caption p {
font-size: 0.75rem;
    line-height: 1rem;}

/*item-showcase*/
.item-showcase {
	margin: 1rem 0;
	/* border-top: 1px solid #dfdfdf; */
	/* border-bottom: 1px solid #dfdfdf; */
	padding: calc(1rem - 1px) 0 0;
	overflow: hidden;
	text-align: left;
	clear: both;
	display: flex;
	flex-wrap: nowrap;
       align-content: center;
	
}
@media only screen and (max-width: 812px) {
.item-showcase {
flex-wrap: wrap;
}
}

@media only screen and (max-width: 812px) and (orientation : landscape) {
p {font-size: 10px;}
}

.item-showcase .resource.item:not(:only-child) {
	width: 25%;
	clear: none;
	/* padding: 0 0.5rem; */
 box-shadow: 0px 0px 0px 2px #dedede,2px 2px 4px #dedede; 
	border-radius: 3px; 
	/*border-top: 21px solid #5E7F5C; */
}

.scientific-name .value {
    font-style: italic;
}

/*browse preview items*/
li.item.resource {
	 box-shadow: 0px 0px 0px 2px #dedede,2px 2px 4px #dedede; 
	border-radius: 3px;
	border-top: none;
}


@media screen and (min-width: 800px {
header nav ul.navigation {
	margin-left: -7.5px;
	position: static;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.site-logo img {
width: auto;
height: auto; }



/*nav column trial
header nav ul.navigation li.parent {
	position: relative;
}*/
}
}
@media only screen and (max-width: 600px) {
	 header nav ul.navigation li .parent-link a:hover, header nav ul.navigation li a:hover  {
	    display: none;
	}
	.site-logo img {
	width: auto;
	height: auto; }

	header nav::before {
	    font-family: "Font Awesome 5 Free";
	    content: "\f0c9";
	    display: block;
	    width: 37.5px;
	    height: 37.5px;
	    border: 1px solid #dedede;
	    text-align: center;
	    border-radius: 2px;
	    position: absolute;
	    right: 1.69492%;
	    top: -48.75px;
	    cursor: pointer;
	    line-height: 37.5px;
	}
	header nav ul.navigation > li > ul {
	display: none;}

	header nav ul.navigation > li:hover > ul::after {
	display: none;}
	}

	a[href*="//"]:not([href*="museumcollab"])::after {
		content: " \21aa";
	}

	p a:link, p a:visited, ul a:link, ul a:visited {
		text-decoration: none;
		color: #65211D;
		font-weight: bold;
	}


	/*header nav ul.navigation {
	    margin-left: -7.5px;
	    position: static;
	    display: inline;
	    align-items: center;
	    justify-content: center;
	    padding: 0 10px;
	}*/
}