@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}

body {
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 18px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.table th {
	font-family: 'Libre Baskerville', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.table th {
	font-size: 15px;
}

.table.table-sortable th.sortable:after {
	font: var(--fa-font-solid);
	display: inline-block;
	margin-left: 0.3rem;
	font-size: 21px;
	line-height: 18px;
}

.table.table-sortable th.sortable.sorted:after {
	content: "\f0dd";
}

.table.table-sortable th.sortable.sorted[data-direction="desc"]:after {
	content: "\f0de";
	position: relative;
	top: 6px;
}

.table.table-sortable th.sortable:hover{
	color: #246070;
	cursor: pointer;
	background-color: #eee;
}

section {
	margin-top: 2.5rem;
}

aside section {
	margin-top: 0;
}

h2, h3 {
	margin-bottom: 1rem;
}

code {
	color: #777;
	background-color: #eee;
	padding:2px 4px;
	border-radius: 3px;
}

a, a:visited, .btn-link {
	color: #246070;
}

a:hover, .btn-link:hover {
	color: #144c71;
	text-decoration: underline;
}

a.btn.btn-primary:visited {
	color: white;
}

a.dropdown-item, a.dropdown-item:visited, a.dropdown-item:hover {
	color: #212520;
}

a.dropdown-item:active {
	color: white;
	background-color: #8a0000;
}

a.cta-link,
button.btn-link.cta-link {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 85%;
	padding:0;
}

a.cta-link:after,
button.btn-link.cta-link:after {
	content: "\f054";
	font: var(--fa-font-solid);
	margin-left: 0.3em;
	transition: margin 0.1s linear;
}

a.cta-link:hover,
button.btn-link.cta-link:hover {
	text-decoration: none;
}

a.cta-link:hover:after,
button.btn-link.cta-link:hover:after{
	margin-left: 0.5em;
}

.text-primary {
	color: #8a0000 !important;
}

.btn.btn-primary,
.badge-primary {
	background-color: #8a0000;
	border-color: #8a0000;
	color: white;
}

.btn.btn-primary:not(:disabled):hover {
	background-color: #5b0000;
	border-color: #8a0000;
}

.btn.btn-primary:not(:disabled):active {
	background-color: #8a0000;
	border-color: #8a0000;
}

.btn.btn-secondary,
.badge-secondary {
	background-color: #246070;
	border-color: #246070;
	color: white;
}

.btn.btn-secondary:not(:disabled):hover,
.badge-secondary:hover {
	background-color: #1a4753;
	border-color: #1a4753;
	color:white;
}

.btn.btn-secondary:not(:disabled):active,
.badge-secondary:active {
	background-color: #333;
	border-color: #333;
}

.btn.btn-outline-primary {
	border-color: #8a0000;
	color: #8a0000;
}

.btn.btn-outline-primary:hover{
	background-color: #8a0000;
	border-color: #8a0000;
	color: white;
}


.btn.btn-outline-secondary {
	border-color: #246070;
	color: #246070;
}

.btn.btn-outline-secondary:hover{
	background-color: #246070;
	border-color: #246070;
	color: white;
}

.custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{
	border-color: #8a0000;
	background-color: #8a0000;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{
	background-color: #bbb;
	border-color: #999;
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{
	background-color: #8a000088;
	border-color: #999;
}

.custom-switch .customSwitchText{
	position: relative;
	top: -2px;
}

.custom-range::-webkit-slider-thumb {
	background: #8a0000;
}

.custom-range::-moz-range-thumb {
	background: #8a0000;
}

.custom-range::-ms-thumb {
	background: #8a0000;
}

#filters .custom-control.custom-checkbox small {
	position: relative;
	top: -3px;
}

#selectedSources .custom-control.custom-checkbox small {
	position: relative;
	top: -2px;
}

.pointer {
	cursor: pointer;
}

.fa-icon {
	transition: transform 0.25s ease-out;
}

.dragHandle {
	cursor: grab;
}

a.collapseToggle {
	text-decoration: none;
}

.container, .container-fluid {
	margin-bottom:3em;
	padding-bottom:3em;
}

.small {
	font-size: 80%;
}

.pointer {
	cursor: pointer;
}

.separatorBullet{
	display: inline-block;
	padding: 0 5px;
}

#search .filterList,
#advancedSearch .filterList {
	max-height: 300px;
	overflow-y: scroll;
}

#query {
	font-size: 130%;
}

.loadingSpinnerContainer {
	position: relative;
}

.loadingSpinner {
	animation: spin 1.2s linear infinite;
	position: absolute;
}

.clearFilterBtn .fa-spinner {
	animation: spin 1.2s linear infinite;
}

#searchProgressRow .loadingSpinner{
	right:15px;
	top:0;
}

#searchProgressRow .progress-bar {
	transition: width .1s ease;
}

.moreResultsMsg .loadingSpinner{
	left: 0;
	top:0;
	display: none;
}

#associateTable .loadingSpinner {
	right:2px;
	top:4px;
}

#permissions .loadingSpinner {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50%;
	width:100%;
}

.detailBtn .fa-icon,
.filterListToggle:not(.collapsed) .fa-icon {
	transition: transform 0.2s linear;
}
.detailBtn:not(.collapsed) .fa-icon,
.filterListToggle:not(.collapsed) .fa-icon {
	transform: rotate(90deg);
}

#sourceList button .fa-icon{
	transition: transform 0.2s linear;
}

#sourceList button:not(.collapsed) .fa-icon{
	transform: rotate(90deg);
}

header {
	background-image: url('../images/banner.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
	text-shadow: 1px 1px 3px #111;
	color: white;
}

header #headerShade{
	background-color: #30302e;
	opacity: 0;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
}

header .headerContent{
	position: relative;
	background-image: linear-gradient(rgba(20, 20, 20, 0.5) 20%, rgba(20, 20, 20, 0.8) 90%);
}

header .siteIcon{
	background-color: #8a0000;
	color: white;
	display: inline-block;
	padding:0 8px 6px 8px;
	border-radius: 5px;
	font-size: 24px;
	width: 42px;
	text-align: center;
}

header .siteIcon svg{
	fill: white;
}

header .lead {
	font-style: italic;
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

header nav.navbar-dark .navbar-nav .nav-link {
	color: white;
	border-bottom: 3px solid transparent;
}

header nav.navbar-dark .navbar-nav .active > .nav-link {
	color: #ffc420;
	font-weight: bolder;
}

header .navbar{
	/* background-color: #444444aa; */
}

header .dropdown-item {
	text-shadow: none;
}

header #pageTitle {
	position: relative;
	z-index: 20;
}

header #printHeader {
	display: none;
}

#quickSearch {
	background-color: #e2ded7;
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
}

.searchBox{
	font-family: 'Libre Baskerville', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 125%;
	color: black;
}

#explore .background{
	background-image: url('../images/etching.jpg');
	background-size:cover;
	background-position: center
}

#stories .story,
.mediaItem {
	position: relative;
	background-color: #f0eeea;
	min-height: 200px;
	overflow: hidden;
	margin-bottom: 2em;
	border-radius: 5px;
	background-position: 6px center;
	background-size: cover;
	background-image: url('../images/writing.jpg');
	border: 1px solid #f0eeea;
}

#stories .story:before,
.mediaItem:before {
	content:'';
	background-image: linear-gradient(to right, rgba(226, 222, 215, 0.95) 60%, rgba(226, 222, 215, 0.7) 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
}

#stories .storyImage,
.mediaItem .mediaItemImage {
	position: absolute;
	top:0;
	left:0;
	background-color: white;
	width:300px;
	height:100%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 100;
}

.mediaItem .mediaItemImage {
	cursor: pointer;
	background-color: #8a0000;
}

/*
#stories .storyImage:after,
.mediaItem .mediaItemImage:after {
	display: block;
	content: '';
	background-image: linear-gradient(to right, transparent, #f0eeea);
	width: 100%;
	height: 100%;
}
*/
#stories .storyHeader,
.mediaItem .mediaItemHeader {
	border-color: #777 !important;
}

#stories .storyContent,
.mediaItem .mediaItemContent {
	margin-left: 320px;
	padding:1.5em 1em 64px 1em;
	position: relative;
	z-index: 100;
}

#stories h3,
.mediaItem h3 {
	display: inline-block;
	margin-right: 8px;
}

#stories .date,
.mediaItem .date {
	display: block;
	margin-top: 10px;
	font-size: 80%;
}

#stories .readMore,
.mediaItem .playBtn {
	position: absolute;
	bottom: 1.5em;
	right: 1.5em;
}

#story #byline {
	font-size: 90%;
}

#story, #story p, #story ul, #story ol {
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	font-size: 18px !important;
	color: #212529 !important;
}

#story #storyContent img{
	display: block;
	max-width: 100% !important;
	height: auto !important;
	margin: 1em auto;
}

#story #storyContent figure img {
	cursor: pointer;
	max-width: min(100%, 350px) !important;
}

#story #storyContent figure img.enlarged {
	max-width: calc(100% - 2rem) !important;
	margin: 1rem;
}

#story #storyContent figure {
	padding-top: 0.25rem;
	background-color: #fafafa;
	box-shadow: 0 12px 12px -12px #6c757d inset;
	border-radius: 5px;
	overflow: hidden;
}

#story #storyContent figcaption {
	font-size: 14px;
	text-align: center;
	color: #6c757d;
	box-shadow: 0 -12px 12px -12px #6c757d inset;
	padding-bottom: 1rem;
}

img.shadow,
#story #storyContent img{
	border-radius: 5px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
}

.mediaItem {
	background-image: url('../images/princess-anne.jpg');
}

.mediaItem:before {
	background-image: linear-gradient(to right, rgba(226, 222, 215, 0.99) 60%, rgba(226, 222, 215, 0.8) 100%)
}

.mediaItem .mediaItemImage .fa-icon {
	color: white;
	font-size: 84px;
	opacity: 0.4;
	position: absolute;
	top: calc(50% - 42px);
	left: calc(50% - 42px);
	transition: opacity 0.15s linear;
}

.mediaItem .mediaItemImage:hover .fa-icon {
	opacity: 1;
}

.mediaItem .duration {
	background-color: #333;
	opacity: 0.92;
	padding: 2px 8px;
	border-radius: 5px;
	color: white;
	position: absolute;
	bottom: 12px;
	right: 12px;
	font-size: 13px;
}

.mediaItem .duration:before {
	content: "\f017";
	font: var(--fa-font-regular);
	padding-right: 4px;
}

#mediaItemVideoModal .loadingSpinner,
#mediaItemAudioModal .loadingSpinner {
	position: absolute;
	left: calc(50% - 10px);
	z-index: 0;
}

#mediaItemVideoModal iframe,
#mediaItemAudioModal iframe {
	border: none;
	position: relative;
	z-index: 10;
}

.mediaPlayer {
	background-color: #f0eeea;
	overflow: hidden;
}

.mediaBackground {
	background-color: black;
}

.mediaItemMetadata strong {
	font-family: 'Libre Baskerville', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 92%;
}

.mediaTranscript p:last-child {
	margin-bottom: 0;
}

.source .subtitle,
#aboutSource .subtitle {
	font-size: 18px;
	font-style: italic;
	font-family: 'Libre Baskerville', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.resultSource .subtitle {
	font-size: 14px;
	font-style: italic;
	font-family: 'Libre Baskerville', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin: 4px 0 0 21px;
}

#selectedSources label {
	font-size: 16px;
}

#results .badge {
	cursor: pointer;
}

.resultSource .resultsList{
	margin-left: 21px;
	display: block;
	color: #246070;
}

.resultSource .resultsList:before{
	content: "\f13a";
	font: var(--fa-font-solid);
	display: inline-block;
	transition: transform 0.2s ease-in;
	position: absolute;
	left: 16px;
	top: 5px;
}

.sourceResultsAjaxContainer:not([open]) .resultSource .resultsList:before {
	transform: rotate(-90deg);
}

.sourceResultsContainer .badge {
	position: relative;
	top:-3px;
}

.searchResultSourceHeader {
	background-color: #e2ded7;
	font-weight: 700;
}

.searchResultPlaceholder {
	height: 80px;
}

.searchResultRecord {
	font-size: 90%;
	overflow: hidden;
}

.searchResultRecord .recordIcon{
	font-size: 44px;
	color: #e2ded7;
	position: absolute;
	top:-12px;
	left:0px;
}

.searchResultRecord .fieldLabel{
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	color: #6c757d;
	word-wrap: break-word;
}

.searchResultRecord .origRecordField:not(.userSummaryField) .fieldLabel,
.searchResultRecord .metadataField .fieldLabel {
	color: #8a0000;
}

.searchResultRecord .fieldValue {
	display: block;
}

.searchResultRecord .summaryRow .fieldValue {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-bottom: 6px;
}

.searchResultRecord .detailField {
	margin-bottom: 8px;
}

.searchResultRecord .searchTerm,
#settings .searchTerm {
	text-decoration: underline;
	text-decoration-style: double;
	text-decoration-color: #8a0000;
}

body:not(#pins) .searchResultRecord .detailField:hover .card {
	cursor: pointer;
	border-color: #8a0000 !important;
	position: relative;
}

body:not(#pins) .searchResultRecord .detailField:hover:after {
	position: absolute;
	top:6px;
	right:24px;
	content: "\f3bf";
	font: var(--fa-font-solid);
	color: #8a0000;
}

.searchResultRecord .userSummaryField {
	position: relative;
	cursor: pointer;
}

.searchResultRecord .userSummaryField:hover{
	text-decoration: line-through;
}

.searchResultRecord .userSummaryField:hover:after {
	position: absolute;
	top:6px;
	left:-6px;
	content: "\f057";
	font: var(--fa-font-solid);
	font-weight: 700;
}

.searchResultRecord .detailFields .fieldValue {
	max-height: 132px;
	overflow: auto;
}

.searchResultRecord .detailFields h5 {
	font-size: 15px;
	font-weight: 600;
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.searchResultRecord .stateSVG img {
	width: 30px;
	height: 24px;
}

#pinnedRecordList .searchResultRecord.mb-2,
#pinnedRecordList .searchResultRecord.my-2,
#relatedRecordsList .searchResultRecord.mb-2,
#relatedRecordsList .searchResultRecord.my-2 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;
}

#pinnedRecordList .searchResultRecord.my-2,
#relatedRecordsList .searchResultRecord.my-2 {
	border-top: none !important;
}

#pinnedRecordList .searchResultRecord:last-child,
#relatedRecordsList .searchResultRecord:last-child{
	border-bottom-left-radius: .25rem!important;
	border-bottom-right-radius: .25rem!important;
}

#recordDetail table.table {
	table-layout: fixed;
}

#recordDetail table.table tr:first-child td,
#recordDetail table.table tr:first-child th {
	border-top: none;
}

#recordDetail table.table th {
	width: 200px;
}

#recordDetail table.table td p:last-child {
	margin-bottom: 0;
}

#recordDetail table.table td h3 {
	font-size: 1.25rem;
}

#recordDetail table.table td h4,
#recordDetail table.table td h5,
#recordDetail table.table td h6 {
	font-size: 1rem;
}

#recordDetail table.table td blockquote {
	opacity: 0.9;
	border-left: 3px solid #8a0000;
	padding-left: 0.5rem;
	font-style: italic;
}

/* .searchResultsGroup ul ol,
.searchResultsGroup ul ul{
	margin-bottom: 1rem;
} */

section.page h2 {
	margin-top: 1.5em;
}

section.page img {
	max-width: 350px;
	float: right;
	margin: 1em 0 1em 1em;
	border-radius: 5px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
}

.siteTagLine{
	font-size: 180%;
	font-weight: 300;
}

.leaflet-container{
	font-size: 16px;
}

.locationState .locationStateName{
	font-size: 21px;
	font-weight: 700;
	padding-top: 10px;
}

.locationState svg{
	fill: white;
}

footer {
	background-color: #e2ded7;
}

footer h2{
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 700;
	color:#656059;
	margin-bottom: 12px;
}

footer ul {
	padding:0;
	list-style: none;
	font-size: 90%;
}

footer li a{
	display: inline-block;
}

/* ADMIN PAGES ONLY */

.adminMenuCard {
	text-align: center;
}

.adminMenuBtn{
	display: block;
	padding:1em;
}

.adminMenuBtn:hover{
	background-color: #eee;
	text-decoration: none;
}

.adminMenuBtn .fa-icon{
	font-size: 44px;
	margin-bottom: 0.25em;
	text-align: center;
}

#adminMenu a.currentPage {
	color: #8a0000;
}

#adminMenu a.currentPage:after {
	font: var(--fa-font-solid);
	content: '\f105';
	position: absolute;
	right: 0;
	top: 13px;
}

#sourceTabs a.nav-link {
	font-family: 'Libre Baskerville', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #212529;
}

#sourceTabs a.nav-link.active {
	color: #8a0000;
}

#sourceTabContainers > div {
	min-height: 500px;
}

#manageSourceTypes .noSources {
	color: #6c757d;
}

#adminSourceRecordsTable .valueContainer{
	max-height: 100px;
	overflow: hidden;
}

.invalid {
	color: red !important;
}

.calendar .monthNav{
	cursor: pointer;
}

.calendar th,
.calendar td{
	padding: .25rem;
	text-align: center;
	width:36px;
	height: 36px;
}

.calendar td > div{
	cursor: pointer;
	border-radius: 18px;
	width:100%;
	height: 100%;
	line-height: 27px;
}

.calendar td:hover > div{
	background-color: #eee;
}

.calendar td.selected > div {
	background-color: #8a0000;
	color: white;
}

.requiredHighlight{
	background-color: #fc5b5355;
}

#permissions .noPermission{
	color: #ccc;
}

.selectableList {
	max-height:225px;
	overflow-y:scroll;
	font-size:14px;
	box-shadow: inset 0 1px 2px #ccc;
}

.selectableList li {
	background-color: transparent;
}

.selectableList li:hover {
	background-color: #ffffff;
	cursor: pointer;
}

.selectableList li.selected {
	background-color: #8a0000;
	color: #ffffff;
	border-color: #8a0000;
}

.inputTopLabel > label {
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 0;
	background-color: #f0eeea;
	border: 1px solid #ced4da;
	display: block;
	padding: 4px 12px;
	border-top-right-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
	position: relative;
	top: 1px;
	z-index: 1;
}

.inputTopLabel input.form-control,
.inputTopLabel .custom-file-label,
.inputTopLabel .custom-file-label:after,
.inputTopLabel textarea.form-control,
.inputTopLabel select.form-control,
.inputTopLabel select.custom-select,
.inputTopLabel button.btn {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.inputTopLabel input.form-control:focus,
.inputTopLabel input.custom-file-input:focus,
.inputTopLabel textarea.form-control:focus,
.inputTopLabel select.form-control:focus,
.inputTopLabel select.custom-select:focus {
	position: relative;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	z-index: 10;
}

.inputTopLabel label > .note {
	font-weight: 400;
	font-style: italic;
	position: absolute;
	right:12px;
	top: 4px;
	color: #6c757d;
}

.inputTopLabel label > .note.markdownSupported{
	cursor: pointer;
	color: #343a40;
}

.inputTopLabel label > .note.markdownSupported:before {
	content: "\f60f";
	font: var(--fa-font-brands);
}

.inputBox label {
	font-weight: bold;
	font-size: 16px;
}

.editor-toolbar {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.CodeMirror, .CodeMirror-scroll {
	min-height: 80px;
}