/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
progress {
	vertical-align: baseline
}
template, [hidden] {
	display: none
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active, a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}
b, strong {
	font-weight: inherit
}
b, strong {
	font-weight: bolder
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: 0.67em 0
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -0.25em
}
sup {
	top: -0.5em
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
button, input, select, textarea {
	font: inherit;
	margin: 0
}
optgroup {
	font-weight: bold
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
textarea {
	overflow: auto
}
[type="checkbox"], [type="radio"] {
	box-sizing: border-box;
	padding: 0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
@media screen {
	* {
		box-sizing: border-box
	}
	html {
		font: 18px/24px "Crimson Text", serif;
		color: #676767
	}
	a {
		color: #C72E2E;
		text-decoration: none
	}
	a:hover {
		text-decoration: underline
	}
	h1, h2, h3, h4, h5, h6 {
		color: #000
	}
	h1 {
		text-align: center;
		font-size: 36px;
		margin-bottom: 24px;
		line-height: 48px;
		font-weight: normal
	}
	h2 {
		font-size: 27px;
		margin-bottom: 24px;
		line-height: 48px;
		font-weight: normal
	}
	p {
		margin: 24px 0
	}
	#wrap {
		max-width: 1100px;
		margin: auto;
		padding: 0 .625%;
		position: relative
	}
	#wrap {
		padding-bottom: 48px
	}
	table {
		margin: 48px auto;
		border-collapse: collapse;
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #dedede
	}
	th, td {
		padding: 12px;
		vertical-align: top
	}
	th {
		border-bottom: 3px solid #dedede;
		padding-bottom: 9px;
		text-align: left
	}
	td {
		border-bottom: 1px solid #dedede;
		padding-bottom: 11px
	}
	::-webkit-input-placeholder {
		font-style: italic
	}
	::-moz-placeholder {
		font-style: italic
	}
	:-ms-input-placeholder {
		font-style: italic
	}
	:-moz-placeholder {
		font-style: italic
	}
	fieldset {
		border: 0;
		margin: 0;
		padding: 0
	}
	select {
		appearance: normal;
		-webkit-appearance: normal;
		-moz-appearance: normal;
		background-color: #fff;
		border: 1px solid #dedede;
		border-radius: 2px;
		font-size: 18px;
		line-height: 24px;
		color: #676767
	}
	button, .button, input[type="submit"] {
		background-color: #dedede;
		border: 0;
		cursor: pointer;
		padding: 6px
	}
	a.button {
		color: #000;
		display: inline-block
	}
	a.button:hover {
		text-decoration: none
	}
	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], input[type="date"], input[type="datetime-local"] {
		border: 1px solid #dedede;
		padding: 5px;
		height: 30px
	}
	textarea {
		border: 1px solid #dedede;
		padding: 5px
	}
	.field {
		margin-bottom: 24px;
		display: flex;
		flex-wrap: wrap
	}
	.field .field-meta {
		width: 25%;
		padding-right: .625%;
		text-align: right
	}
	.required.field .field-meta:after {
		content: "*"
	}
	.field .field-meta legend {
		float: right
	}
	.field .inputs {
		width: 75%;
		padding-left: .625%
	}
	.field .collapsible {
		font-size: 13.5px;
		display: block;
		clear: both;
		line-height: 18px
	}
	.field .inputs~*, form input[type="submit"] {
		margin-left: calc(25% + .625%);
		margin-top: 12px
	}
	#advanced-search select {
		margin-bottom: 12px
	}
	#advanced-search {
		padding: 24px 0
	}
	#advanced-search input[type="text"] {
		height: 30px
	}
	#advanced-search input[type="submit"] {
		font-size: 22.5px;
		padding: 6px
	}
	#advanced-search .remove-value {
		text-indent: -9999px;
		position: relative;
		width: 30px;
		height: 30px;
		margin-left: 6px
	}
	#advanced-search .remove-value:before {
		content: "\f014";
		text-indent: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		line-height: 30px
	}
	.search-entry:not(:first-child) {
		margin-top: 12px
	}
	nav .navigation, nav ul {
		list-style: none;
		padding: 0
	}
	.item-pagination.navigation {
		border-top: 1px solid #dedede;
		padding-top: 11px;
		display: flex;
		justify-content: space-between
	}
	.secondary-nav {
		text-align: center
	}
	.secondary-nav ul {
		margin: 0 0 -1px;
		border-bottom: 1px solid #dedede;
		padding-bottom: -1px
	}
	.secondary-nav.navigation li {
		display: inline-block;
		margin-right: .5em;
		padding-bottom: 12px
	}
	.secondary-nav.navigation li.active a {
		color: #C72E2E
	}
	.secondary-nav a {
		color: #676767
	}
	#skipnav {
		position: absolute;
		top: 0;
		left: -9999px;
		background-color: #fff;
		padding: 6px;
		display: inline-block
	}
	#skipnav:focus {
		left: 50%;
		transform: translateX(-50%)
	}
	nav {
		/* float: left;
		width: 20%; */
	}
	header nav .navigation {
		list-style-type: none;
		padding: 0;
		display: flex;
		justify-content: space-between;
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
		padding: 5px 0;
		margin: 24px 0; 
	}
	header nav li {
		display: block;
		padding: 1em;
  		/*width: 100%;
  		float: left;
  		clear: left;
  		background-color: #f2c596;
  		padding: 1em;
  		margin-bottom: 10px;
  		border-radius: 5px;*/
	}
	header nav li ul {
		display: none
	}
	header nav a {
		font-size: 15.75px
	}
	header a {
		text-decoration: none
	}
	.site-title {
		font-size: 27px;
		text-transform: uppercase;
		letter-spacing: .125em;
		margin: 48px 0 0;
		display: block;
		vertical-align: top;
		text-align: center;
	}
	.site-title:hover {
		text-decoration: none
	}
	.site-title img {
		max-height: 72px;
		max-width: 100%;
		float: right;
		margin-right: 30px;		
		margin-top:10px;
	}
	#header-image img {
		max-width: 100%;
		vertical-align: top
	}
	#search-container {
		position: absolute;
		top: -48px;
		right: .625%
	}
	#search-container input[type="text"], #search-container button {
		border: 0;
		border-bottom: 1px solid #dedede;
		background-color: #fff;
		height: 36px;
		display: inline-block;
		line-height: 24px;
		padding: 6px;
		vertical-align: bottom;
		background-color: #fff;
		color: #676767
	}
	#search-form {
		display: flex;
		padding: 6px 12px 12px;
		box-shadow: 0 0 0 1px #dedede inset;
		background: #fff
	}
	#search-form.closed {
		width: 36px;
		height: 42px
	}
	#search-form.open {
		right: 36px;
		position: absolute
	}
	#search-form+button.search-toggle {
		bottom: 0;
		position: absolute;
		width: 36px;
		height: 36px;
		border-bottom: 0;
		color: #b8b8b8
	}
	#search-form.closed+.search-toggle {
		right: 0;
		border: 1px solid #dedede;
		border-top: 0
	}
	#search-form.closed+.search-toggle:after {
		content: "\f002";
		font-family: "Font Awesome 5 Free"
	}
	#search-form.open+.search-toggle {
		top: 6px;
		right: 0
	}
	#search-form.open+.search-toggle:after {
		content: "\f00d";
		font-family: "Font Awesome 5 Free"
	}
	#search-form.closed [type="text"], #search-form.closed [type="submit"], #search-form.closed #advanced-form {
		display: none
	}
	#search-form button {
		width: 36px;
		overflow: hidden;
		text-indent: -9999px;
		position: relative
	}
	#search-form button:after {
		content: "\f002";
		font-family: "Font Awesome 5 Free";
		position: absolute;
		top: 6px;
		right: 0;
		text-indent: 0;
		width: 36px;
		text-align: center;
		cursor: pointer
	}
	#query:focus {
		position: relative;
		z-index: 1
	}
	#advanced-form {
		background-color: #fff;
		position: absolute;
		top: 100%;
		padding: 12px;
		right: 0;
		left: 0;
		border: 1px solid #dedede;
		border-top: 0
	}
	#advanced-form fieldset {
		margin-bottom: 12px
	}
	#advanced-form fieldset input {
		margin-right: 6px
	}
	#advanced-form p {
		margin: 0
	}
	#content .blocks {
		width: 100%
	}
	#contentX .blocks>h2:first-of-type {
		text-align: center;
		font-size: 36px;
		margin-bottom: 24px;
		line-height: 48px;
		font-weight: normal
	}
	footer {
		margin-top: 48px;
		clear: both
	}
	#bottom-nav li {
		display: inline-block;
		margin-right: 1em;
		font-size: 15.75px
	}
	#sort-links {
		display: inline-block
	}
	#sort-links ul {
		list-style: none;
		padding: 0;
		display: inline-block
	}
	#sort-links li {
		display: inline-block;
		margin: 0 .5em
	}
	#sort-links a {
		color: #676767
	}
	#sort-links .sorting a {
		color: #C72E2E
	}
	.browse-controls {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row-reverse
	}
	.sorting button {
		padding: 2px 4px
	}
	.pagination {
		float: right;
		margin-bottom: 24px
	}
	.pagination>* {
		display: inline-block;
		vertical-align: top
	}
	.pagination form, .pagination .next.button {
		margin-right: 12px
	}
	.pagination .button {
		background-color: #fff;
		border: 1px solid #dedede;
		height: 30px;
		line-height: 30px;
		padding: 0 12px;
		text-align: center
	}
	.pagination .row-count {
		line-height: 30px
	}
	[name="page"] {
		width: 72px;
		text-align: center
	}
	#sort-links {
		float: right
	}
	.resource-list {
		padding-left: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		clear: both
	}
	.resource-list .resource {
		padding: 24px .625%;
		width: 25%;
		font-size: 15.75px
	}
	#collection-items h2 {
		width: 100%
	}
	.browse .resource h4 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 0
	}
	.browse .resource h4 a {
		color: #000
	}
	.browse .item-img a {
		display: block
	}
	.browse .resource img {
		max-width: 100%
	}
	.browse .creator+.date {
		margin-left: -4px
	}
	.browse .creator+.date:before {
		content: ", "
	}
	.search-filters {
		text-align: center;
		margin: 0 0 24px
	}
	.search-filters .filter {
		display: inline-block;
		border: 1px solid #dedede;
		padding: 5px;
		font-size: 22.5px;
		margin: 0 .5em
	}
	.search-filters .filter-label:after {
		content: ": "
	}
	#itemfiles, .lSSlideOuter .media-render {
		margin: 0;
		background-color: rgba(0, 0, 0, 0.8);
		width: 100%
	}
	#itemfiles {
		margin: 0 auto 24px;
		text-align: center;
		min-height: 50vh !important
	}
	#itemfiles li {
		bottom: 0
	}
	.lSSlideOuter ul.lSPager.lSGallery {
		margin: auto;
		margin-bottom: 24px;
		display: flex;
		flex-wrap: wrap;
		align-items: center
	}
	.lSSlideOuter .media-render {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center
	}
	.lSSlideOuter .media-render a {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center
	}
	.lSSlideOuter .media-render img {
		max-height: 100%;
		width: auto
	}
	.lSPager img {
		margin: 0 12px 12px 0;
		vertical-align: bottom;
		width: 72px
	}
	.property {
		display: flex;
		margin-bottom: 24px;
		flex-wrap: wrap;
		justify-content: flex-end;
		clear: both
	}
	.property h4, #linked-resources h4 {
		width: 18.75%;
		margin: 0;
		text-align: right;
		padding: 0 .625%;
		font-size: 22.5px
	}
	.property .field-term {
		display: block;
		font-size: 18px
	}
	.property .values, .property h4+.value {
		width: 81.25%;
		padding: 0 .625%
	}
	.property .values .value:not(:last-child) {
		border-bottom: 1px solid #dedede;
		padding-bottom: 11px;
		margin-bottom: 12px
	}
	.property .value>*:first-child {
		margin-top: 0
	}
	.property .value img {
		height: 36px;
		display: inline-block;
		vertical-align: middle
	}
	.property .value .language {
		display: inline-block;
		padding: 0 6px;
		border: 1px solid #dedede
	}
	.property .value table {
		margin: 0;
		width: 100%
	}
	#linked-resources {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		flex-wrap: wrap;
		align-items: flex-start
	}
	.linked-header, .linked-footer {
		width: 100%;
		margin-bottom: 24px;
		display: flex;
		justify-content: flex-end
	}
	#linked-filter {
		display: flex;
		align-items: center;
		width: 50%;
		justify-content: flex-start;
		margin-right: auto
	}
	#linked-filter h4 {
		font-size: 18px;
		width: auto;
		padding: 0;
		margin-right: 6px;
		text-align: left
	}
	#linked-resources table {
		width: 100%;
		margin-top: 0
	}
	#linked-resources td {
		vertical-align: middle
	}
	#linked-resources caption {
		text-align: left;
		font-weight: bold;
		margin: 6px 12px
	}
	#linked-resources>h4 {
		padding: 6px .625%
	}
	#item-linked .pagination {
		width: 50%;
		text-align: right
	}
	#item-linked .resource-link img {
		height: 36px;
		width: auto;
		display: block;
		margin-right: 6px
	}
	#linked-resources .linked-resource {
		border-bottom: 1px solid #dedede;
		margin-bottom: 12px;
		width: 81.25%;
		padding: 0 .625% 11px
	}
	#linked-resources .resource-link {
		display: flex;
		align-items: center
	}
	#home #featured {
		margin: 0 0 48px;
		background-color: #dedede
	}
	#home #featured .slick-list .image {
		display: block;
		height: 50vh;
		overflow: hidden
	}
	#featured img {
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%)
	}
	#featured .featured-meta {
		position: absolute;
		bottom: 24px;
		left: 0;
		right: 0;
		padding: 12px .625% 18px;
		background-color: rgba(0, 0, 0, 0.8);
		color: #fff
	}
	#featured .featured-meta h3 {
		font-size: 31.5px;
		line-height: 42px;
		margin: 0;
		font-weight: normal
	}
	#featured .featured-meta h3 a {
		color: #fff
	}
	#featured .featured-meta h3 a:hover {
		text-decoration: none
	}
	#featured .featured-meta p {
		font-size: 15.75px;
		margin: 0
	}
	#featured .slick-dots {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		list-style: none;
		padding: 0
	}
	#featured .slick-dots li {
		display: inline-block
	}
	#featured .slick-dots button {
		background-color: #dedede;
		width: 13.5px;
		height: 13.5px;
		border-radius: 18px;
		text-indent: -9999px;
		border: 0;
		cursor: pointer;
		margin: 0 .5em
	}
	#featured .slick-dots li[aria-hidden="false"] button {
		background-color: #9e9e9e
	}
	#search-results {
		width: 100%;
		margin: 24px 0 0
	}
	#search-results img {
		height: 72px;
		float: right
	}
	#search-results a {
		vertical-align: top
	}
	.page .site-page-pagination {
		border-top: 1px solid #dedede;
		padding-top: 11px;
		margin-top: 48px;
		width: 100%
	}
	.page .site-page-pagination a:last-child:not(:only-child) {
		margin-left: 24px
	}
	.page #content {
		display: flex;
		flex-wrap: wrap
	}
	.page #content .breadcrumbs {
		width: 100%
	}
	.page #content .breadcrumbs+.blocks, .page #content .blocks:first-child {
		width: 100%
	}
	.page #content .sub-menu {
		padding: 0 .625% 24px 0;
		width: 12.5%
	}
	.page #content .sub-menu~*:not(.site-page-pagination) {
		width: 87.5%
	}
	.page #content .sub-menu>ul {
		margin: 0
	}
	.page #content .sub-menu a {
		font-size: 15.75px;
		color: #676767
	}
	.page #content .sub-menu .current a {
		color: #C72E2E
	}
	.page #content .sub-menu>ul>li {
		padding: 5px
	}
	.page #content .sub-menu>ul>li:not(:last-of-type) {
		border-bottom: 1px solid #dedede;
		margin-bottom: 6px
	}
	.page #content .sub-menu h4 {
		border-bottom: 1px solid #dedede;
		padding-bottom: 5px;
		margin: 0 0 6px
	}
	.file, .item-showcase .resource {
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content
	}
	.item-showcase .resource, .file .resource {
		display: flex;
		flex-direction: column;
		flex-basis: content;
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content;
		max-width: 100%;
		margin: 0 24px 24px
	}
	.item-showcase .resource img, .file .resource img {
		max-width: 100%
	}
	.item-showcase .resource>a:first-child, .item-showcase .resource .media-render>a:first-child, .file .resource>a:first-child, .file .resource .media-render>a:first-child {
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		max-width: 100%
	}
	.item-showcase .resource h3, .file .resource h3 {
		font-size: 18px;
		margin: 12px 0 0
	}
	.page .media-render {
		display: flex;
		flex-basis: min-content
	}
	.page .media-render a {
		display: block
	}
	.page .media-render img {
		vertical-align: top
	}
	.left.file {
		float: left;
		margin: 0 24px 24px 0
	}
	.right.file {
		float: right;
		margin: 0 0 24px 24px
	}
	.item-showcase {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		clear: both;
		justify-content: center;
		margin: 24px 0
	}
	.preview-block {
		margin: 24px 0
	}
	.preview-block .description {
		max-height: 144px;
		overflow: hidden;
		position: relative
	}
	.preview-block .description:after {
		content: "";
		position: absolute;
		height: 48px;
		bottom: 0;
		right: 0;
		left: 0;
		background-image: linear-gradient(to bottom, transparent, #fff 100%)
	}
	.breadcrumbs {
		margin-bottom: 24px
	}
	.item-with-metadata .resource.show {
		clear: both;
		margin: 48px 0;
		overflow: hidden
	}
	.caption>*:first-child {
		margin-top: 12px
	}
	.list-of-sites .site-list .site {
		margin-bottom: 12px
	}
	.list-of-sites .site-list .site-link {
		display: inline-block;
		font-size: 22.5px;
		margin-bottom: 6px
	}
	.list-of-sites .site-list .site-summary {
		margin: 0 0 0 12px;
		line-height: 20px
	}
	a.metadata-browse-link {
		display: block
	}
}
@media screen and (max-width: 640px) {
	#wrap, footer {
		padding: 0 24px
	}
	.field .label, .field label, .field .field-meta, .media-list {
		width: 100%;
		text-align: left;
		margin-bottom: 6px
	}
	.field .inputs {
		width: 100%
	}
	.pagination-nav, #sort-links {
		width: 100%;
		text-align: center;
		padding: 5px 0 6px;
		border-bottom: 1px solid #dedede
	}
	.pagination-nav ul, #sort-links ul {
		margin: 0
	}
	#content .sub-menu {
		width: 100%
	}
	#site-title {
		margin: 6px 0
	}
	#site-title img {
		max-height: 24px;
		max-width: calc(100% - 42px)
	}
	#search-container {
		top: -11.4px
	}
	#top-nav ul {
		margin: 12px 0
	}
	header nav .navigation {
		justify-content: center
	}
	.browse .records {
		padding: 24px 0
	}
	.browse .hentry, #collection-items .hentry {
		width: 100%;
		border: 1px solid #dedede;
		padding: 11px;
		margin-bottom: 24px
	}
	.browse .hentry img, #collection-items .hentry img {
		max-width: 50%;
		float: left;
		margin: 0 24px 6px 0
	}
	.browse .hentry h2, #collection-items .hentry h2 {
		margin-top: 0
	}
	.property h4, .property .values, #linked-filter, #linked-resources .pagination, #linked-resources>h4, #linked-resources .linked-resource {
		width: 100%;
		text-align: left
	}
	.linked-header, .linked-footer {
		flex-wrap: wrap;
		margin-bottom: 0
	}
	#linked-filter {
		margin-bottom: 24px
	}
	#linked-resources .resource-class {
		flex: 1;
		text-align: center
	}
	#linked-resources .resource-link {
		flex: 2
	}
	#search-filters ul li {
		font-size: 15.75px;
		margin: 0 3px 12px
	}
	#search-results {
		margin-top: 12px
	}
}