/* -----------------------------------
fonts
----------------------------------- */

.font7,h1 { font-size: 187.5%; }			/* 30px */
.font6 { font-size: 175%; }					/* 28px */
.font5 { font-size: 162.5%; }				/* 26px */
.font4,h2 { font-size: 150%; }				/* 24px */
.font3 { font-size: 137.5%; }				/* 22px */
.font2,h3 { font-size: 125%; }				/* 20px */
.font1,blockquote { font-size: 112.5%; }	/* 18px */
.font0,h4 { font-size: 100%; }				/* 16px */
.font-1,.small { font-size: 87.5%; }		/* 14px */
.font-2 { font-size: 75%; }					/* 12px */
.font-3 { font-size: 62.5%; }				/* 10px */

/* -----------------------------------
skiplink
----------------------------------- */

.skipLink a
{
	position: absolute;
	left: -1000px;
	z-index: 2;
	margin: 0;
	padding: .5em;
	background: #fff;
	font-weight: bold;
	text-decoration: none;
}

.skipLink a:active,.skipLink a:focus,.skipLink a:hover
{
	display: inline;
	top: 0;
	left: 0;
	color: #fff;
	background: #000;
}

/* -----------------------------------
header
----------------------------------- */

.header1,.header2
{
	display: block;
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
}

.header3
{
	display: block;
	color: #fff;
	line-height: 1;
	/*font-size: 12px;*/
}

.header1,.header3
{
	font-size: 16px;
	font-weight: 400;
}

.header2
{
	margin: .1em 0;
	font-size: 28px;
}

@media (min-width:37.5em)
{
	.header1,.header3 { font-size: 16px; }
	.header2 { font-size: 32px; }
}

@media (min-width:40em)
{
	.header1,.header3
	{
		margin: .05em 0;
		font-size: 24px;
	}
	
	.header2 { font-size: 50px; }
}

.intro1
{ 
  font-weight: 400;
	width: 82%;
}

.intro2
{
	color: #7e93a6;
	font-weight: 700;
}

/* -----------------------------------
footer
----------------------------------- */

.row-credits a { text-decoration: none; }
.row-footer a { text-decoration: none; }
.row-footer a:link,.row-footer a:visited { color: #fff; }

.row-footer a:focus
{
	color: #000;
	background-color: #fff;
}

.row-footer a:hover
{
	color: #fff;
	background-color: #4B6F4B;
}

.row-footer a:active
{
	color: #fff;
	background-color: #780000;
}

/* -----------------------------------
table
----------------------------------- */

#browsetable { margin: 3em 0; }

#browsetable th,#browsetable td
{
	padding: 1em 1em;
	border-bottom: 1px solid #ddd;
}

#browsetable p { display: none; }

@media (max-width:37.5em)
{

	#browsetable th,#browsetable td
	{
		display: block;
		clear: left;
		padding: 0 0 .3em;
		border-bottom: 0;
		text-align: left;
	}
	
	#browsetable th { padding: 1em 0 .3em; }
}

#browse #browsetable hr
{
  size: 0;
}

/* -----------------------------------
definition
----------------------------------- */

.content-summary
{
	clear: both;
	overflow: hidden;
}

.lt-ie8 .content-summary { zoom: 1; }
.lt-ie7 .content-summary { overflow: visible; }

.content-summary li
{
	margin-bottom: 0;
	padding: 0;
	background-image: none;
}

@media (min-width:42em)
{
	.content-summary dt
	{
		clear: left;
		float: left;
		width: 22%;
		margin: 0;
	}
	
	.content-summary dd
	{
		margin: 0 0 1em 25%;
		width: 65%;
	}
}

.entry-digital-item { margin: 0 0 1em; }
.entry-digital-item dl { margin: 0; }
/*.entry-digital-item img { display: none; }*/

.entry-digital-item dt
{
	float: left;
	clear: left;
	margin: 0 .5em 0 0;
	padding: 0;
	font-weight: normal;
}

.entry-digital-item dt:after { content: ":"; }
.entry-digital-item p { margin: 0; }

.image-caption ul li { background-image: none; }
p.caption { margin-right: 1em; }

/* -----------------------------------
lists
----------------------------------- */

.list-inline,.alphabet-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-inline li,.alphabet-list li
{
	display: inline;
	margin-right: 1em;
	margin-bottom: 0;
	padding: 0;
	background-image: none;
}

.alphabet-list li
{
	margin-right: .3em;
	font-weight: bold;
}

#more ul { margin-bottom: 1em; }

/* -----------------------------------
home-form
----------------------------------- */

form.ng-pristine
{
	overflow: hidden;
	margin: 0;
}

input.ng-pristine
{
	height: 20px;
	margin-right: .5em;
	padding: 4px;
	border: 1px solid #888;
	line-height: 26px;
}

.home-btn
{
	height: 30px !important;
	padding: 0 .7em !important;
	line-height: 30px !important;
}

.iscurrent
{
  color: #008000;
}

/* -----------------------------------
entry-digital-gallery
----------------------------------- */

.entry-digital-gallery
{
	font-size: 95%;
	line-height: 1.2;
}

.entry-digital-gallery img
{
	padding: 10px;
	background: #fff;
	box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	-webkit-transition: -webkit-transform ease 1s;
	-moz-transition: -moz-transform ease 1s;
	-ms-transition: -ms-transform ease 1s;
	-o-transition: -o-transform ease 1s;
	transition: transform ease 1s;
}

.entry-digital-gallery img:hover
{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 100;
}

.entry-digital-gallery a { border: none; }

.entry-digital-gallery p
{
	height: 4em;
	margin: 10px 0 0 10px;
	font-size: 90%;
}

/* -----------------------------------
image-caption, entry-digital-item
----------------------------------- */

.image-caption, .entry-digital-item
{
	font-size: 90%;
	line-height: 1.2;
}

.image-caption img, .entry-digital-item img
{
	padding: 5px;
	background: #fff;
	box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	-webkit-transition: -webkit-transform ease 1s;
	-moz-transition: -moz-transform ease 1s;
	-ms-transition: -ms-transform ease 1s;
	-o-transition: -o-transform ease 1s;
	transition: transform ease 1s;
}

.image-caption a, .entry-digital-item a { border: none; }

.image-caption p, .entry-digital-item p
{
	height: 4em;
	margin: 10px 0 0 10px;
	font-size: 90%;
}

/* -----------------------------------
general
----------------------------------- */

.hidden
{
	position: absolute;
	left: -500em;
	width: 400em;
	overflow: hidden;
}

.type
{
	display: block;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

#person .type { display: none; }

p.prepared
{
	font-style: italic;
	font-size: 87.5%;
}

.sources
{
	margin: 1em 0;
	padding: 1em;
	background: #fbfbfb;
	font-size: 87.5%;
}

#browse .wide p { margin-top: 1em; }

.aside h4
{
	margin-top: 0;
	font-size: 125%;
}

.uppercase { text-transform: uppercase; }
.text-right { text-align: right; }
.main a { word-wrap: break-word; }

.functionlist dd dl
{
  margin: 0 1em;
}

#pub .resource li span
{
  display: block;
	margin-top: 10px;
}

#pub .resource li span ul
{
  margin: 1em 0 0.5em;
  padding: 0;
}

#pub .resource li span ul li
{
  background-image: none;
  margin: 0;
  padding: 0;
}

#credits dt { font-weight: normal; }

/* -----------------------------------
margin
----------------------------------- */

/* margin-none */
.m-n { margin: 0; }
.m-tn { margin-top: 0; }
.m-rn { margin-right: 0; }
.m-bn { margin-bottom: 0; }
.m-ln { margin-left: 0; }

/* margin-top */
.m-t { margin-top: 1em; }
.m-th { margin-top: .5em; }
.m-td { margin-top: 2em; }

/* margin-right */
.m-r { margin-right: 1em; }
.m-rh { margin-right: .5em; }
.m-rd { margin-right: 2em; }

/* margin-bottom */
.m-b { margin-bottom: 1em; }
.m-bh { margin-bottom: .5em; }
.m-bd { margin-bottom: 2em; }

/* margin-left */
.m-l { margin-left: 1em; }
.m-lh { margin-left: .5em; }
.m-ld { margin-left: 2em; }

/* margin-top-bottom */
.m-tb
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.m-tbh
{
	margin-top: .5em;
	margin-bottom: .5em;
}

/* -----------------------------------
btn
----------------------------------- */

.btn,.home-btn
{
	display: inline-block;
	margin: 0;
	padding: .6em 1em;
	border: none;
	color: #fff;
	background-color: #1b1b1b;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	cursor: pointer;
	text-transform: uppercase;
}

.btn:focus,.home-btn:focus
{
	color: #fff;
	background-color: #000;
}

.btn:hover,.home-btn:hover
{
	color: #fff;
	background-color: #4B6F4B;
}

.btn:active,.home-btn:active
{
	color: #fff;
	background-color: #780000;
}

/* ---------------------------------------------------------------
wide screen (from Stirrers - review) - edited by RTropea July 2017
--------------------------------------------------------------- */

@media only screen and (min-width:900px)
{
	.entry-digital-gallery
	{
		float: left;
		width: 135px;
		margin: 2% 5% 0 0;
	}
	
	.entry-digital-item
	{
		float: left;
	
		width: 100%;

	}
	
	.entry-digital-item img
	{
		float: left;
		margin: 0 3% 0 0;
	}
	
	.entry-digital-item dl
	{
		overflow: hidden;
	}

	.entry-digital-item dt
	{
		clear: left;
		float: left;
		width: 4em;
		padding: 0 0 .2em;
		font-weight: normal;
	}
	
	.entry-digital-item dd
	{
		margin-left: 5em;
		padding: 0 0 .2em;
	}
}