/*GENERAL SETTINGS*/

html	{
	background: #ffffff;
}
	
body	{
	max-width: 80rem;
	margin: 0 auto;
	background: #ffffff;
	box-shadow: 0 10px 20px #333333;
	font-family: 'Fira Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.4;
	color: #333333;
}	

/**Wide screen**/
@media only screen and (min-width: 50rem) {
	body	{
		line-height: 1.6;
	}
}	

.clearfix	{
	clear: both;
}	

/*HEADER*/

header {
	margin: 0;
	padding: 1rem 1rem 0;
	border: none;
}

h1 {
	font-size: 1.8rem;
	text-transform: uppercase;
	margin: 0 !important;
	padding: 0;
}

h1 span	{
	display: block;
	font-size: 1.4rem;
	margin: 0;
	margin-top: -.5rem;
	padding: 0;
	text-transform: none;
	line-height: 1.4;
}

h1 a	{
	display: block;
	margin: 0;
	padding: 0;
}

#search	{
	position: static;
	width: 15em;
	max-width: 50%;
	border: none;
	margin: 2.5rem 0 1rem;
	padding: 0;
}

#search form input	{
	height: 2.4em;
	border: none;
	background: #f0f0f0;
	margin: 0;
	padding: .5rem;
}

#search form button[type="submit"]	{
	height: 2em;
	font-size: 1.2rem;
	line-height: 2.4;
	color: #3e6079;
}	

header nav	{
	font-size: 1.2rem;
	margin-right: 0 !important;
	padding-right: 0;
	
}

header nav:before	{
	width: 2em;
	height: 2em;
	line-height: 2em;
	top: -3.4rem;
	right: 0;
	border: 1px solid #3e6079;
	color: #3e6079;
}	


/**Wide screen**/
@media only screen and (min-width: 50rem) {
	header {
		display: grid;
		grid-gap: 0 2rem;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		padding: 1rem 2rem 0;
	}

	h1 {
		grid-column: 1 / 2;
		grid-row: 1 / span 2;
		/*font-size: 2.5rem;*/
		font-size: 2rem;
	}	
	
	h1 span	{
		line-height: 1.6;
	}	
	
	#search	{
		grid-column: 2 / 3;
		grid-row: 1 / 2;
		width: 20em;
		max-width: 20em;
		margin-left: calc(100% - 20em);
		/*Next line added for the logo*/
		/*margin-bottom: 5.5rem;*/
		margin-bottom: 0;
		margin-top: .7rem;
	}	

	#search form input	{
		padding: 1rem .5rem;
	}
	
	#search form button[type="submit"]	{
		height: 2em;
		width: 2em;
		font-size: 1rem;
		line-height: 2.4;
	}	

	header nav	{
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		padding-top: .2rem;
		padding-bottom: .5rem;
		align-self: end;
	}
	
	header nav li	{
		margin-right: 0;
		padding-right: 0;
		vertical-align: bottom;
		line-height: 1.3;
	}	
}


/**Very wide screen**/
@media only screen and (min-width: 54rem) {
	h1	{
		font-size: 2.5rem;
	}	
}	

/*FOOTER*/

footer {
	padding: 1rem .5rem;
	border-top: 1px solid #3e6079;
	font-size: .9rem;
}

/*footer #logo	{
	margin: 1rem auto;
	width: 12rem;
}*/	


footer p	{
	text-align: center;
	margin: .5rem auto 0;
	padding: 0;
	line-height: 1.3;
	max-width: 40rem;
}	

footer p span	{
	text-transform: uppercase;
}	


/*NAVIGATION*/

nav	{
	border: none;
}	

nav.sub-menu	{
	text-align: right;
	margin: 0 !important;
	padding: 0;	
}	

nav.sub-menu *	{
	border: none;
}	

nav.sub-menu ul	{
	margin-bottom: 0;
}	

nav.sub-menu li	{
	margin-top: 0;
	margin-bottom: 0;
	padding: .3rem 0;
}	

nav.sub-menu li:last-child	{
	margin-right: 0;
}	

/**Wide screen**/
@media only screen and (min-width: 50rem) {
	nav.sub-menu	{
		margin-right: 2rem;
		width: 55%;
		float: right;
	}	
	
	nav.sub-menu ul	{
		margin-top: 2.5rem;
	}
}	
/*********************/

nav.pagination	{
	text-align: right;
	width: 45%;
	float: right;
	margin-bottom: 0;
	padding: 1rem 0;
}	

nav.pagination * {
	color: #3e6079;
	font-weight: bold;
	font-family: 'Fira Sans', sans-serif;
	font-size: 1rem;
}	

.pagination .button, .pagination .page-input-top, button	{
	border: 1px solid #3e6079;
}	

/*CONTENT*/

/*GENERAL LAYOUT*/

/*STATIC PAGES*/
.page #content	{
	margin: 0 !important;
	padding: 0 !important;
}

.blocks h2, .blocks .sub-menu, .blocks .anchor, .blocks section	{
	padding-left: 1rem;
	padding-right: 1rem;
}

.blocks section {
	clear: both;
}

#team .bio	{
	margin-bottom: 4rem;
}	

#team .bio figure	{
	margin: .3em 2rem 1rem 0;
	float: left;
	width: 40%;
	max-width: 10rem;
}

#team .bio img	{
	box-shadow: 0 4px 16px #333333;	
}	

#team .bio, #team h4 	{
	clear: both;
}

#neh_logo {
	padding: 0;
	/*border: 1px solid #ffffff;*/
	/*background: #ffffff;*/
	margin: -1rem 2rem 2rem 0;
	float: left;
	width: 50%;
	max-width: 16rem;
}	

#neh + div	{
	clear: both;
}


/**Wide screen**/
@media only screen and (min-width: 50rem) {
	.blocks section {
		margin-top: 4rem;
	}	
}
/*************/
	
.blocks section#intro, .blocks section#project, .blocks .anchor#browse {
	border-top: 1px solid #3e6079;
}

article	{
	margin-top: 2rem;
	padding: 1rem;
	background: #ebeff1;/*light blue*/
}	

	

/*DYNAMIC PAGES*/	
.show #content, .browse #content, .index.search #content	{
	margin: 0;
	padding: 1rem;
	min-height: 70vh;
}


/**Wide screen**/
@media only screen and (min-width: 50rem) {
	.blocks h2, .blocks .sub-menu, .blocks .anchor, .blocks section	{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.show #content, .browse #content, .index.search #content	{
		padding: 1rem 2rem;
	}	
	
	article	{
		padding: 1rem 2rem;
		clear: both;
	}	
}	

/*HEADINGS*/
h1 {
	font-family: 'IM Fell English', serif;
}

h2	{
	color: #3e6079;
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 2rem;
	margin-bottom: 0;
}	


h3	{
	color: #864e47;
	font-family: 'IM Fell English', serif;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

h3 + *	{
	margin-top: 0;
}	

/*Page title*/
.sub-menu + h3	{
	clear: both;
	border-top: 1px solid #3e6079;
	margin-top: 0 !important;
	padding-top: 2rem;
	width: 100%;
}

/**Wide screen**/	
@media only screen and (min-width: 50rem) {
	h2	{
		width: 40%;
		float: left;	
	}
	
	h3	{
		font-size: 2.5rem;
	}
	
}
/**************************/	

h3.secondary, #item-linked h3	{
	font-size: 1.5rem;
}	

h3.anchor	{
	margin: 4rem 0 0;
	padding: 0;
	width: 100%;
	clear: both;
}


.reference-block h3, .mapping-block h3	{
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2rem;
	font-family: 'Fira Sans', sans-serif;
	margin: 0;
}

h4	{
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
}

#events h3, #events h4	{
	margin-bottom: 0;
}

.preview h4, #events h4	{
	line-height: 1.3;
}	

h5	{
	color: #000000;
	font-weight: bold;
	font-size: 1rem;
}	



/*LINKS AND BUTTONS*/

/*Pretty links*/

ul.pretty	{
	list-style: none;
}

ul.pretty li	{
	margin-bottom: .5rem;
	line-height: 1.3;
}	
	
.link a, ul.preview ~ a, #translation summary, #commentary summary, .browse-controls button	{
	background: #3e6079 !important;
	color: #ffffff !important;
	font-weight: bold;
	font-family: 'Fira Sans', sans-serif;
	padding: .3em 1em;
}

.link a	{
	display: inline-block;
}

ul.preview ~ a	{
	font-size: 1rem !important;
}	

/*Back-to-top button*/
.top	{
	text-align: right;
}	

/**Fallback for IE and MS Edge*************/
#translation details summary, #commentary details summary	{
	display: none;
}	

@supports not (-ms-ime-align: auto) {

	#translation details summary, #commentary details summary	{
		display: block;
	}	

	#translation summary, #commentary summary {
		max-width: 10em;
		margin-bottom: 1rem;
		margin-left: 1rem;
		cursor: pointer;
	}

	summary:hover	{
		opacity: .7;
	}
	
	#translation details[open] summary, #commentary details[open] summary	{
		display: none;
	}	

}	

/*Prevent poetic quotes from overflowing on a narrow screen*/
pre	{
	white-space: pre-wrap;
	
}

	
/********************/

a.advanced-search	{
	background: #3e6079 !important;
	color: #ffffff !important;
	font-weight: bold;
	font-family: 'Fira Sans', sans-serif;
	font-size: 1rem;
	padding: .2em 1em;
	height: 3em;
}

option, input, select, button	{
	font-family: 'Fira Sans', sans-serif;
	font-size: 1rem;
}	

.metadata a, ul.pretty a	{
	position: relative;
	padding-left: .7em;
}

.metadata a:before, ul.pretty a:before	{
	content: ">";
	position: absolute;
	top: 0;
	left: 0;
}

/*HERO IMAGE*/

#hero {
	width: 100%;
	margin: 0;
	padding: 0;
}	

#hero figure	{
	margin: 0;
	padding: 0;
}	

#hero img	{
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

#hero img.wide {
	display: none;
}	

#hero figcaption	{
	padding-left: 1rem;
	margin-bottom: 0;
	font-size: .8em;
}	


/**Wide screen**/
@media only screen and (min-width: 50rem) {
	#hero img.narrow {
	display: none;
	}

	#hero img.wide {
	display: block;
	}	
	
	#hero figcaption	{
		padding-left: 2rem;
	}
	
	
}	

/*OTHER IMAGES*/

article .square	{
	width: 30%;
	float: left;
	margin: 0 4rem 2rem 0;
	padding: 0;
}	

.square, #thumbnail img	{
	box-shadow: 0 4px 16px #333333;	
}	

/*CONTENT DETAILS*/ 

/*DOUBLE LINE*/

.below, .show #content, .browse #content, .search #content	{
	border-top: 5px solid #3e6079;
	position: relative;
}

.below:before, .show #content:before, .browse #content:before, .search #content:before	{
	content:"";
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	border-top: 2px solid #3e6079;
}

figure#newspapers	{
	/*border-top: 1px solid #3e6079;*/
	border-bottom: 5px solid #3e6079;
	position: relative;
}

figure#newspapers:after	{
	content:"";
	position: absolute;
	bottom: -11px;
	left: 0;
	right: 0;
	border-bottom: 2px solid #3e6079;
}
/**********************/

/*Two columns*/

.two-cols div	{
	padding-left: 1rem;
	padding-right: 1rem;
}
	
/**Wide screen**/	
@media only screen and (min-width: 50rem) {
	.two-cols	{
		clear: both;
		display: flex;
	}	

	.two-cols div	{
		margin: 2rem 0 0;
		border-bottom: none;
		padding-top: 1rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.two-cols h3 	{
		margin-top: 0;
	}	

	.first	{
		border-right: 1px solid #3e6079;
		width: 50%;
	}

	.second	{
		width: 50%;
	}
}

/**********************/

#faq details	{
	margin-bottom: 1rem;
}
	
#faq summary	{
	font-weight: bold;
}	

#faq details p	{
	margin-left: 1rem;
}	

#events div	{
	margin-bottom: 2rem;
}

#events p	{
	margin-top: .5rem;
}	


/*REFERENCE BLOCKS*/

.reference-block	{
	width: calc(50% - 2rem);
	float: left;
	margin-bottom: 2rem;
	margin-right: 1rem;
	margin-left: 1rem;
}

.reference-block .reference-record	{
	padding: 0;
	margin: 0;
}
	
/**Wide screen**/
@media only screen and (min-width: 50rem) {
	.reference-block	{
		width: 15%;
		margin-top: -2.5rem;
		margin-right: 2rem;
		margin-left: 0;
	}

	#browse + .reference-block	{
		margin-left: calc(40% - 8rem);
	}
}	
	
/*MAP*/

.mapping-block.timeline {
  display: block;
}

.mapping-block.timeline .tl-timeline {
    width: 100%;
}

.mapping-block.timeline .mapping-map	{
	margin: 2rem 1rem;
	border: 1px solid #3e6079;
	width: auto;
	height: 70vh !important;
}	

/**Wide screen**/
@media screen and (min-width:50rem) {
	.mapping-block.timeline .mapping-map	{
		margin: 2rem;
	}
}	
/******************************/

.mapping-block h3	{
	color: #000000;
	font-weight: bold;
	font-size: 1rem;
	font-family: 'Fira Sans', sans-serif;
	text-transform: none;
}

.mapping-block h3 ~ * a	{
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.3;
}	

/*Hide keywords and media icon*/
.mapping-block p, .tl-timeline img 	{
	display: none;
}	

h2.tl-headline	{
	width: 100%;
	line-height: 1.4;
}

.tl-slider-container-mask	{
	background: #ebeff1;/*light blue*/
	margin-top: 1rem;
}	


/*MANY THUMBNAILS*/

.preview-block {
	padding: 0 1rem;
}

/**Wide screen**/
@media only screen and (min-width: 50rem) {
	.preview-block {
		padding: 0 2rem;
	}	

}	
/*********************/

.preview-block ul.resource-list.preview	{
	margin: 0 0 2rem;
	padding: 0 !important;
}	

.preview-block .resource-list.preview li:first-child, .browse .resource-list li:first-child {
	padding-top: 0;
}

.resource-list, #linked-resources > div	{
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
}

.resource-list {
	justify-content: space-between;
}	

#linked-resources > div	{
	justify-content: flex-start;
	width: 100%;
}	
	
.resource-list li, #linked-resources .linked-resource	{
	border: none !important;
	width: 45%; 
	margin-top: 0;
	margin-bottom: 3rem;
}

.resource-list li {
	padding: 0 !important;
}	

#linked-resources .linked-resource	{
	margin: 0 2rem;
}	
/**Medium-size screen**/
@media only screen and (min-width: 40rem) {
	.resource-list li, #linked-resources .linked-resource	{
		width: 28%; 
	}	
}

/**Wide screen**/
@media only screen and (min-width: 50rem) {
	.resource-list li, #linked-resources .linked-resource	{
		width: 17%; 
	}	
}
/*************************/

.resource-list li > a	{
	display: block;
	width: 100%;
}	

.browse .resource-list h5	{
	line-height: 1.3;
}	

.resource-list .description	{
	display: none;
}	

.blocks .preview-block li img, #linked-resources .linked-resource img, .resource-list li img	{
	float: left;
	display: block;
	width: 100% !important;
	border: 1px solid #3e6079;
	margin: 0 0 .5rem 0;
}	

.resource-list li h5, .linked-resource span	{
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0;
	font-size: 1rem;
	text-transform: uppercase;
}	


/*Top of the browse page*/
.browse-controls button:hover	{
	opacity: .7;
}

.browse .search-filters	{
	clear: both;
}	

.browse .advanced-search	{
	display: none;
}	

/*LINKED RESOURCES ON ITEM PAGE*/


/*Linked resources: hide filter by property and the table*/
#item-linked	{
	clear: both;
}	

#item-linked .linked-resource a	{
	display: block;
	width: 100%;
}

#item-linked .linked-resource .resource-name	{
	font-weight: bold;
}	

#item-linked .linked-resource a	img	{
	display: block;
	height: auto;
}	
	
#item-linked .linked-header, #item-linked .linked-resource-property, #item-linked .linked-resource .resource-class	{
	display: none;
}	

.linked-resource .resource-class, .linked-resource .alternate-label	{
	display: none;
}	


/****************************/

/*FEUILLETON PAGE*/

.item.resource.show #thumbnail img	{
	width: 80%;
	/*max-height: 20rem;*/
	margin: 0 0 2rem;
	padding: 0;
}	

.item.resource.show #thumbnail a {
	cursor: text;
}	

.item.resource.show #thumbnail a:hover {
	opacity: 1;
}	


/*QUICK LINKS*/
	
#quick ul	{
	list-style: none;
	width: 100%;
	margin: 0 0 2rem;
	padding: 0;
}

#quick li	{
	display: block;
}

#quick a	{
	display: block;
	width: 50%;
	min-width: 10em;
	max-width: calc(100% - 1rem);
	font-weight: bold;
	font-size: 1rem;
	padding: .5em;
	margin: 0 0 1rem;
}	
	
/*METADATA*/
.item.resource.show .metadata	{
	margin: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}	

.item.resource.show .metadata .property	{
	margin-bottom: 1.5rem;
	width: 45%;
	line-height: 1.4;
}

.item.resource.show .metadata .property:first-child	{
	width: 100%;
}

.item.resource.show .metadata h4	{
	margin: 0 0 .2rem; 
	padding: 0;
}

.item.resource.show .metadata .property:first-child	h4	{
	font-size: 110%;
}

.item.resource.show .metadata a	{
	position: relative;
	padding-left: .7em;
}

.item.resource.show .metadata a:before	{
	content: ">";
	position: absolute;
	top: 0;
	left: 0;
}

.metadata img	{	
	display: none;
}

.item.resource.show .media-embeds	{
	clear: both;
	margin-top: 2rem;
}

#commentary .ill_small	{
	padding: .5rem;
	border: 1px solid #ccc;
	margin: 2rem 2rem 2rem 0;
}	

#commentary .ill_small figcaption	{
	font-size: 80%;
}	

/**Medium screen**************/
@media only screen and (min-width: 40rem) {
	.item.resource.show #thumbnail	{
		float: left;
	}
	
	.item.resource.show #thumbnail img	{
		width: auto;
		max-width: 20rem;
		max-height: 20rem;
		margin: 0 4rem 2rem 0;
		padding: 0;
	}	
	
	.item.resource.show #quick	{
		float: left;
		/*width: 20rem;*/
	}
	
	.item.resource.show .metadata	{
		clear: both;
	}	
	
	.item.resource.show .metadata .property	{
		width: 30%;
	}
	
	#commentary .ill_small	{
		width: 20rem;
		float: left;
		margin: 0 2rem 0 0;
	}
}
	
/**Wide screen**************/
@media only screen and (min-width: 60rem) {
	.item.resource.show #thumbnail	{
		float: left;
	}	

	.item.resource.show #quick	{
		width: calc(100% - 24rem);
		float: left;
		margin-bottom: 0;
		padding-bottom: 0;
	}	
	
	#quick ul	{
		margin-bottom: 0;
	}	
	#quick li	{
		margin: 0 2rem 1rem 0;
		display: inline-block;
		width: calc(33% - 2rem);
	}

	#quick li:last-child	{
		margin-right: 0;
	}	

	#quick a	{
		display: block;
		width: calc(100% - 1.5em);
		font-weight: bold;
		font-size: 1rem;
		padding: .3em .3em .3em 1em;
	}	

	.item.resource.show .metadata	{
		clear: none;
		width: calc(100% - 24rem);
		margin: 0;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
	}	

	.item.resource.show .media-embeds	{
		clear: both;
		margin-top: 2rem;
	}	

	.item.resource.show .metadata .property	{
		width: calc(25% - 2rem);
		margin: 0 2rem 1rem 0;
		line-height: 1.3;
		flex: 0 1 auto;
	}

	.item.resource.show .metadata .property:first-child	{
		width: 100%; 
		margin-right: 0;
		display: block;
		font-size: 110%;
	}

	.item.resource.show .metadata h4	{
		margin: 0; 
		padding: 0;
	}

	.item.resource.show .metadata .property:first-child	h4	{
		font-size: 110%;
	}

}


/*MEDIA FILES*/

.media-render iframe	{
	height: 80vh !important;
	margin: 0;
	border: 1px solid #e6e6e6;
}	

#translation, #commentary	{
	margin-top: 4rem;
}	

#commentary	{
	margin-bottom: 2rem;
}	
	
#translation > div, #commentary > div	{
	padding: 0 1rem;
	border: 1px solid #e6e6e6;
}

cite	{
	font-style: italic;
}	

.media-embeds h3	{
	margin: 0;
	padding: 0;
}

/*Bibliography and Footnotes*/

.footnote	{
	font-weight: bold;
	padding: .1rem .2rem 0;
	border-radius: 50%;
	background: #ebeff1;/*light blue*/
}	

.footnote:active	{
	background: #ffffcc;
}	

.footnotes	{
	border: none;
	border-top: 1px solid #e6e6e6;
	font-size: 90%;
}	

.footnotes ol	{
	padding-left: 1rem;
}	

.footnotes li	{
	line-height: 1.3;
	margin-bottom: .3rem;
}	

.footnotes li:target span	{
	background: #ffffcc;
}

#commentary h5	{
	margin-bottom: .5rem;
	font-weight: normal;
	text-transform: uppercase;
}	

ul.bibliography	{
	margin-top: 0;
	
}

ul.bibliography li	{
	line-height: 1.3;
	margin-bottom: .5rem;
}	

.signature	{
	font-style: italic;
}	

.dialogue span	{
	display: block;
	margin-left: 1rem;
}	

/*SEARCH RESULTS*/
.browse-controls 	{
	font-family: 'Fira Sans', sans-serif;
	font-size: 1rem;
	clear: both;
	border-top: 1px solid #3e6079;
	padding-top: 2rem;
}

.browse-controls select	{
	height: 2.5rem;
	margin-bottom: .5rem;
}
	
.browse h2	{
	margin-top: 1rem;
}

/*Replacement of h3 on Search page*/	
.search-filters .filter-value	{
	color: #864e47;
	font-family: 'IM Fell English', serif;
	font-size: 2.5rem;
	font-weight: bold;
	border: none;
	line-height: 1.4;
	margin-top: -1rem;
}


/*ADVANCED SEARCH*/

.search h2 + *	{
	clear: both;
	border-top: 1px solid #3e6079;
	margin-top: 2rem;
}	

/*SEARCH RESULTS*/
.results ul {
	border-bottom: 1px solid #3e6079;
	display: block !important;
	margin-bottom: 1rem;
}
	
.results ul li	{
	display: block;
	font-weight: bold;
	width: auto;
	border: none !important;
	margin-left: 1rem !important;
	padding: 0 !important;
}	



/*HIDE UNWANTED STUFF*/

#mapping-section	{
	display: none;
}	

/*Hide link to item sets*/
section.item_sets 	{
	display: none;
}	

/*Hide browse controls*/
.browse-controls #sort_by	{
	display: none;
}	

.browse h3	{
	display: none;
}	

.search-filters .filter-label	{
	display: none;
}

nav.pagination form	{
	display: none;
}	

/*EVENT SUB-PAGES*/

.sub-menu + h3.event_title {
	border-top: 1px solid #3e6079;
	padding-top: 2rem;
	margin-top: 0;
	margin-left: 1rem;
	margin-right: 1rem;
	width: auto !important;
}

.event_summary, .event_details, .news_details	{
	margin: 0 1rem;
}

.event_summary	{
	padding: 1rem;
	background: #ebeff1;/*light blue*/
}	
	
/**Medium screen**/
@media only screen and (min-width: 36rem) {
	.sub-menu + h3.event_title {
		margin-left: 2rem;
		margin-right: 2rem;
	}
	
	.event_summary, .event_details, .news_details	{
		margin: 0 2rem;
	}
}		

/**Wide screen**/
@media only screen and (min-width: 56rem) {
	.event_details	{
		width: 60%;
		float: left;
		margin-right: 1rem;
	}
	
	.news_details	{
		width: auto;
		margin-right: 1rem;
	}

	.event_summary	{
		width: calc(40% - 6rem);
		float: right;
		margin-left: 1rem;
	}	
}	


.event_summary ul	{
	list-style: none;
}	

.event_summary li	{
	line-height: 1.3;
	margin-bottom: .5rem;
}	

.event_summary img 	{
	display: block;
	width: 100%;
	max-width: 24rem;
	margin: 0 auto 2rem;
	box-shadow: 0 4px 16px #333333;	
}

.event_summary figcaption	{
	font-size: 90%;
	font-style: italic;
	line-height: 1.3;
	margin-top: 0;
	padding-top: 0;
}	

.event_details #neh_logo	{
	margin-top: 0;
}	

p.credit	{
	font-size: 90%;
	font-style: italic;
}	

blockquote	{
	font-style: italic;
	margin-left: 0;
}

.source	{
	font-size: 90%;
	margin-left: 1rem;
}	
	
/*YOUTUBE VIDEOS*/
iframe.youtube	{
	width: 24rem;
	height: 13.5rem;
	margin-top: 2rem;
}

@media only screen and (min-width: 56rem) {
	iframe.youtube	{
	width: 32rem;
	height: 18rem;
	margin-top: 0;
}
}	

/**Logo**/
h1 img {
      display: block;
	  margin-bottom: 1rem;
}

/*For screen readers only*/
h1 span {
    position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}