/*
==============================
Start of cascading style sheet
==============================
*/

html {
	background: #fff;
	font-size: 62.5%; /* This way, 1.6rem = 16px */
}

/* Continue */
body {
	line-height: 1.4;
	font-family: 'Montserrat', sans-serif; 
	font-weight: 400; 
	font-size: 1.8rem; 
	color: #333; 
}

h1, h2, h3, h4, h5 {
	font-weight: 600; 
}

p {
	line-height: 1.8; 
}

a {
	color: #d06c10; 
	transition: all .5s;
	text-decoration: none;
}
	.meta a:hover, 
	.external-link a:hover, 
	.entry-content a:hover {
		text-decoration: underline; 
	}
img {
	display: block;
	max-width: 100%; 
}

/* Back to top button */
.back-to-top {
	display: none; 
	position: fixed;
	bottom: 5rem;
	border: 1px solid #1a1a1a; 
	border-radius: .5rem; 
	right: 1rem;
	z-index: 250;
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	background: #fff; 
	padding: 1rem 1.5rem; 
	color: #1a1a1a;
	text-transform: uppercase; 
	font-weight: 400; 
	font-size: 80%; 
	border-radius: 5px; 
}
	.back-to-top:hover {
		background: #1a1a1a; 
		color: #fff; 
	}
	@media(min-width: 768px) { 
		.back-to-top {
			bottom: 2rem; 
			right: 2rem;
		}
	}

/*
==================
Rules for overlays
==================
*/

.overlay {
	color: #fff; 
	background: rgba(54,54,54,1); 
	border-top: 5px solid #d06c10; 
	padding: 2rem 0; 
}
	.overlay .wrapper {
		position: relative; 
	}
		.overlay .toggle {
			position: absolute; 
			top: 0; 
			right: 0; 
			font-size: 2rem; 
			padding: 1rem 1rem; 
			z-index: 9999; 
			text-transform: uppercase; 
		}
		.overlay ul {
			margin: 0; 
			padding: 0; 
		}
			.overlay a {
				display: inline-block; 
			}

		/* Modifications for wider screen */
		@media(min-width: 768px) { 
			.overlay .toggle {
				padding: 1.5rem 1rem; 
			}
		}
		
		/* Menu title */
		.overlay header {
			margin-top: 5rem; 
			margin-bottom: 4rem; 
			text-align: center; 
		}
			.overlay header h1 {
				font-size: 3rem; 
				font-weight: 400; 
				text-transform: uppercase; 
				line-height: 1; 
				line-height: 1.5; 
			}
			.overlay header p.support {
				font-size: 1.8rem; 
			}
				.overlay header p.support a:hover {
					color: #fff; 
					text-decoration: underline; 
				}

				/* Modifications for wider screen */
				@media(min-width: 768px) { 
					.overlay header {
						margin-top: 2rem; 
						text-align: left; 
					}
						.overlay header h1 {
							font-size: 6rem; 
						}
						.overlay header p.support {
							font-size: 2rem; 
						}
				}

		/* Primary menu */
		.overlay .primary ul li {
			list-style: none;
			padding: 0; 
			margin: 0; 
			font-size: 2.4rem; 
			font-weight: 400; 
			line-height: 1.5; 
			text-align: center;
		}
			.overlay .primary ul li a {
				color: #fff; 
				text-decoration: none; 
			}
				.overlay .primary ul li a:hover {
					color: #fff;
					text-decoration: underline; 
				}
				
				/* Modifications for wider screen */
				@media(min-width: 768px) { 
					.overlay .primary ul li {
						font-size: 5rem; 
						font-weight: 700; 
						text-transform: uppercase;
						text-align: left;
					}
						.overlay .primary ul li a {
							color: #d06c10; 
							text-decoration: none; 
						}
							.overlay .primary ul li a:hover {
								color: #fff;
								text-decoration: none; 
							}
				}

		/* Secondary menu */ 
		.overlay .secondary ul {
			margin-top: 0;
		}
			.overlay .secondary ul li {
				list-style: none; 
				padding: 0; 
				margin: 0; 
				font-size: 2.4rem; 
				font-weight: 400; 
				line-height: 1.5; 
				text-align: center;
			}
				.overlay .secondary ul li a {
					color: #fff; 
					text-decoration: none; 
				}
					.overlay .secondary ul li a:hover {
						color: #fff;
						text-decoration: underline; 
					}
					
					/* Modifications for wider screen */
					@media(min-width: 768px) { 
						.overlay .secondary ul {
							margin-top: .3rem;
						}
							.overlay .secondary ul li {
								font-size: 3rem; 
								text-align: left;
							}
					}
		
		/* Tertiary menu */
		.overlay .tertiary {
			/* Nothing here */
		}
			.overlay .tertiary ul li {
				font-size: 2.4rem; 
				list-style: none; 
				padding: 0; 
				line-height: 1.5; 
				text-align: center;
			}
				.overlay .tertiary ul li a {
					color: #fff; 
				}
					.overlay .tertiary ul li a:hover {
						color: #fff; 
						text-decoration: underline;
					}
					
					/* Modifications for wider screen */
					@media(min-width: 768px) { 
						.overlay .tertiary {
							margin-top: 2rem; 
							margin-bottom: 3rem; 
						}
							.overlay .tertiary ul li {
								font-size: 1.8rem; 
								display: inline-block;
								margin: 0 3rem 0 0; 
								text-align: left;
							}
								.overlay .tertiary ul li a:hover {
									color: #fff; 
									text-decoration: underline;
								}
					}

	/* Centre vertically on larger screen */
	#overlaySearch .wrapper {
		display: flex; 
		width: 100%;
		min-height: 100%;
	}
		#overlaySearch .inner {
			align-self: center; 
			width: 100%;
			min-height: 100%;
		}
		@media(min-width: 768px) {
			.overlay .wrapper {
				display: flex; 
				width: 100%;
				min-height: 100%;
			}
				.overlay .inner {
					align-self: center; 
					width: 100%;
					min-height: 100%;
				}
		}

	/* Search */
	.overlay .search-container {
		position: relative; 
	}
		.overlay .search-container input {
			font-size: 4rem; 
			border-bottom: 2px solid #666; 
			padding: .5rem .5rem .75rem 6rem; 
			font-family: 'Montserrat', sans-serif; 
			font-weight: 400; 
			width: 100%; 
			color: #fff; 
		}
		.overlay .search-container span.icon {
			font-size: 4rem; 
			position: absolute; 
			top: .5rem; 
			left: .5rem; 
			color: #666; 
		}
		
		/* Modifications for wider screen */
		@media(min-width: 768px) {
			.overlay .search-container input {
				font-size: 8rem; 
				padding: 1rem 1rem 1.5rem 12rem; 
			}
			.overlay .search-container span.icon {
				font-size: 8rem; 
				top: 1rem; 
				left: 1rem; 
			}
		}

/*
==================
Header (with menu)
==================
*/

#top {
	/* position: fixed; */
	position: relative; 
	top: 0;
	left: 0;
	width: 100%; 
	padding: 1rem 1rem; 
	font-size: 1.8rem; 
	border-bottom: 1px solid #e5e5e5; 
	background: #fff;
	z-index: 500; 
	box-shadow: 0 0 2rem rgba(0,0,0,0.2);
	border-top: 5px solid #d06c10; 
}
	#top .logo {
		/* Nothing here */
	}
		#top .logo h1 a {
			color: #2e313a; 
			text-decoration: none; 
			font-family: 'Montserrat', sans-serif; 
			font-weight: 400; 
			text-transform: uppercase; 
			line-height: 1.2; 
		}
			span.magazine, 
			#logo h1 a span.magazine {
				color: #d06c10;
			}
	#top .options {
		text-align: right; 
	}
	#top ul {
		margin: 0; 
		padding: 0; 
	}
		#top ul li {
			list-style: none;
			display: inline-block; 
		}
			#top ul li:last-child {
				margin-left: 2rem; 
			}
			.overlay span.description, 
			#top ul li span.description {
				margin-right: .5rem; 
				text-transform: uppercase; 
			}
			@media (max-width: 768px) {
				#top ul li:last-child {
					margin-left: 1rem; 
				}
				.overlay span.description, 
				#top ul li span.description {
					display: none; 
				}
			}
		#top ul li a {
			color: #2e313a; 
			display: inline-block; 
		}
			#top ul li a:hover {
				color: #d06c10; 
			}
		
		#top ul li.user {
			text-transform: uppercase; 
			margin-right: 2rem;
		}

	/* Modifications for wider screen */
	@media(min-width: 768px) {
		#top {
			font-size: 2rem; 
		}
	}

/*
============
Main/content
============
*/

#main {
	position: relative; 
	z-index: 100; 
	/*padding-top: 3.6rem;*/
	padding-bottom: 4rem; 
}
	/* Modifications for wider screen */ 
	@media(min-width: 768px) { 
		#main {
			/*padding-top: 5.4rem;*/ /* Amount is equal to top navigation bar */
		}
	}
	.template-home #main, 
	.template-post #main, 
	.template-podcast #main, 
	.template-interview #main, 
	.template-video #main {
		padding-bottom: 0; 
	}
	
	/* Modifications for photos */
	.template-photo #main {
		/*background: #333;*/ 
	}

/*
=========
Jumbotron
========= 
*/

#jumbotron {
	background: #333; 
	color: #fff; 
	text-align: center; 
	padding: 3rem 0; 
}
	#jumbotron .container {
		display: flex; 
		height: 100%; 
	}
		#jumbotron .container article {
			align-self: center; 
		}
	#jumbotron h1 {
		font-weight: 500; 
		font-size: 3.6rem; 
		margin-top: 3rem; 
		margin-bottom: 2rem; 
		text-shadow: 2px 2px 4px #000;
	}
	#jumbotron p {
		font-size: 2rem; 
	}
		#jumbotron p.description {
			text-shadow: 2px 2px 4px #000;
		}
		#jumbotron p.button {
			margin: 3rem 0 0; 
			text-shadow: 0 !important; 
			font-size: 1.6rem; 
		}
			#jumbotron p>a:hover {
				text-decoration: underline;
			}
			#jumbotron p.button a {
				display: inline-block;
				border: 2px solid #e5e5e5;
				color: #e5e5e5;
				padding: .3rem 1rem .5rem;  
				background: transparent;
				font-weight: 500; 
				margin: 0 .5rem 2rem; 
				text-shadow: 0 !important; 
			}
				#jumbotron p.button a:hover {
					color: #fff;
					border: 2px solid #d06c10;
					background: #d06c10;
					text-decoration: none !important;
				}

				/* Modifications for wider screen */ 
				@media(min-width: 768px) { 
					#jumbotron {
						height: 40rem; 
					}
						#jumbotron h1 {
							margin-top: 0; 
							font-size: 5rem; 
						}
						#jumbotron p {
							font-size: 2.4rem; 
						}
							#jumbotron p.button {
								font-size: 1.8rem; 
							}
				}

/*
====================
Default text section
====================
*/

section.default {
	/* margin-top: 4rem; */ 
}
	section.default h1 {
		font-size: 4rem;
		margin-bottom: 2rem; 
		line-height: 1.2; 
	}
	section.default p {
		text-align: left; 
	}
	
		/* Modifications for wider screen */ 
		@media(min-width: 768px) { 
			section.default h1 {
				font-size: 5.2rem;
			}
			section.default p {
				text-align: left; /* was: justify */
			}
		}


/*
==================
List view of items
==================
*/

.items-small {
	/* Nothing */ 
}
	.items-small article {
		padding: 0 0 0; 
		margin: 2rem 0 0;
		border-bottom: 1px solid #e5e5e5; 
		background: transparent; 
		font-size: 1.6rem; 
	}
		.homepage.items.badancient article {
			border-bottom: 1px solid rgb(66, 66, 66); 			
		}
		.items-small article header {
			padding-bottom: 2rem; 
		}
			.homepage.items article header figure,
			.items-small article header figure {
				position: relative; 
				margin-bottom: 1rem; 
				overflow: hidden; 
			}
				.homepage.items article header figure img.zoom, 
				.items-small article header figure img.zoom {
					transition: all .5s;
				}
				.homepage.items article header figure img.zoom:hover, 
				.items-small article header figure img.zoom:hover {
					transform: scale(1.05);
					transition: all .5s;
				}
				/* For the icon in the top right corner */ 
				.items-small article header figure figcaption {
					position: absolute; 
					top: 0;
					right: 0;
					padding: 1rem; 
				}
					.items-small article header figure figcaption i {
						color: #fff; 
						font-size: 3rem; 
						text-shadow: 2px 2px 5px rgba(0,0,0,0.4);
					}
				
				/* Banner to indicate this post was paid for */
				.homepage.items article header figure div.paid, 
				article header figure div.paid, 
				.items-small article header figure div.paid {
					position: absolute; 
					bottom: 0;
					left: 0;
					max-width: 75px; 
					height: auto; 
				}
					
					/* Modified for larger screens */
					@media(min-width: 768px) {
						article header figure div.paid, 
						.items-small article header figure div.paid {
							position: absolute; 
							bottom: 0;
							left: 0;
							max-width: 150px; 
							height: auto; 
						}
							.items-small article header figure div.paid {
								max-width: 75px; 
							}
					}

			.items-small article header h1 {
				font-weight: 600; 
				font-size: 2.4rem; 
			}
			.items-small article header h2 {
				font-weight: 400; 
				font-size: 2rem; 
			}
				.items-small article header h1 a,
				.items-small article header h2 a {
					color: #2e313a;
					text-decoration: none; 			
				}
					.items-small article header h1 a:hover,
					.items-small article header h2 a:hover {
						text-decoration: underline; 
					}
		.items-small article .lede p {
			text-align: left; 
			font-size: 1.8rem; 
		}
		.items-small article p.more {
			margin-top: 2rem; 
			margin-bottom: 2rem; 
			font-size: 1.6rem;
		}
			.items-small article p.more a {
				display: inline-block; 
				text-decoration: none; 
				padding: .3rem 1rem; 
				background: #d06c10; 
				color: #fff; 
				font-weight: 600; 
			}
				.items-small article p.more a:hover {
					background: #333;
					color: #d06c10;
				}
		.items-small p.meta {
			font-size: 1.4rem; 
			margin-top: 1rem; 
		}
		.items-small article footer.metadata {
			font-size: 1.4rem; 
		}
			.items-small article footer.metadata a:hover {
				text-decoration: underline; 
			}

		/* Modifications for wider screen */ 
		@media(min-width: 768px) { 
			.items-small article {
				font-size: 2rem; 
			}
				.items-small article header h1 {
					/* font-size: 3.6rem; */
					font-size: 3rem; 
				}
				.items-small article header h2 {
					/* font-size: 2.8rem; */
					font-size: 2.4rem; 
					
				}
				.items-small article p.more {
					/* font-size: 1.8rem; */
					font-size: 1.6rem; 
				}
		}

/*
===================
Actual page content
=================== 
*/

.single {
	margin-top: 3rem; 
}

/* Featured image */ 
.single hgroup.featured-video, 
.single figure.featured-image {
	position: relative; 
	margin: 0 0 2rem; 
}
	.single figure.featured-image figcaption {
		position: absolute;
		bottom: 0;
		right: 0; 
	}
		.single figure.featured-image figcaption p.credit {
			display: inline-block; 
			text-align: right; 
			font-size: 1.4rem; 
			font-weight: 600; 
			text-transform: uppercase; 
			margin: 0 !important; 
			color: #333; 
			padding: 5px 10px; 
			background: rgba(255,255,255,0.4); 
		}

/* Header */
.single .entry-header {
	text-align: left; 
}
	.single .entry-header .entry-title {
		padding-bottom: 3rem; 
	}
		.single .entry-header .entry-title h1 {
			font-size: 3rem; 
		}
		.single .entry-header .entry-title h2 {
			font-size: 2.4rem; 
			font-weight: 400; 
			text-wrap: balance; 
		}
	.single .entry-header .lede p {
		font-size: 1.8rem; 
		line-height: 1.6; 
		margin-bottom: 2rem; 
		text-wrap: balance; 
	}
	.single .entry-header p.meta {
		margin-top: 2rem; 
		position: relative; 
		font-size: 1.6rem; 
	}
		
		/* Modifications for wider screen */ 
		@media(min-width: 768px) { 
			.single .entry-header {
				text-align: center; 
			}
				.single .entry-header .entry-title h1 {
					font-size: 5.2rem; 
				}
				.single .entry-header .entry-title h2 {
					font-size: 4.2rem; 
				}
				.single .entry-header .lede p {
					font-size: 2.4rem; 
				}
				.single .entry-header p.meta {
					font-size: 1.8rem; 
					margin-top: 6rem; 
				}
					.single .entry-header p.meta:before {
						content: "";
						position: absolute;
						border-top: 1px solid #e5e5e5;
						left: 50%;
						top: -3rem;
						margin-left: -4rem;
						width: 8rem;
						height: 0;
					}
		}
	

/* Entry content */
.single .entry-content {
	margin-top: 5rem; 
	hyphens: auto; 
}
	.resources h2, 
	.default .entry-content h2, 
	.single .entry-content h2,
	.body-flexible h2 {
		font-size: 2.2rem;
		font-weight: 600; 
		margin: 6rem 0 2rem; 
	}
		.resources h2:before, 
		.default .entry-content h2:before, 
		.single .entry-content h2:before, 
		.body-flexible h2:before {
			content:'';
			display: block;
			border-top: 4px solid #d06c10;
			width: 60px; 
			padding-bottom: 4px; 
		}
		.resources h2 a {
			color: #2e313a;
			text-decoration: none; 
		}
			.resources h2 a:hover {
				text-decoration: underline;
			}
	.external-link p, 
	.contributor-profile .entry-content p,
	.default .entry-content p, 
	.single .entry-content p,
	.entry-content.extra p {
		text-align: left; 
		font-family: 'Alegreya', serif;
		font-weight: 500; /* Regular = 400 */
		font-size: 2rem; 
		margin: 1.6rem 0; 
		line-height: 1.8; 
	}
	.contributor-profile .entry-content a:hover, 
	.single .entry-content a:hover {
		text-decoration: underline; 
	}
	
	/* Modifications for wider screen */ 
	@media(min-width: 768px) { 
		.resources h2, 
		.default .entry-content h2, 
		.single .entry-content h2 {
			font-size: 3rem;
		}
		.external-link p, 
		.contributor-profile .entry-content p, 
		.default .entry-content p, 
		.single .entry-content p, 
		.entry-content.extra p {
			text-align: left; /* was: justify */
			font-size: 2.4rem; /* 2rem for Alegreya */
		}
	}

/* List items */
.template-askhistorians .entry-content ul, 
.template-submissions .entry-content ol, 
.template-submissions .entry-content ul, 
.entry-content .backers ol, 
.entry-content .backers ul, 
.entry-content .bibliography ol, 
.entry-content .bibliography ul, 
.entry-content .page-body ol, 
.entry-content .page-body ul {
	margin: 2rem 0 2rem 1rem; 
	font-size: 1.6rem; 
	font-family: 'Montserrat', sans-serif; 
	font-weight: 400; 
	color: #666; 
}
	.entry-content .backers ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	.template-askhistorians .entry-content ul, 
	.template-submissions .entry-content ul, 
	.backers ul,
	.entry-content .page-body ul,
	.entry-content .bibliography ul {
		list-style: none; 	
	}
		.template-askhistorians .entry-content ul li, 
		.template-submissions .entry-content ul li, 
		.backers ul li,
		.entry-content .page-body ul li,
		.entry-content .bibliography ul li {
			text-align: left; 
			padding-left: 1rem; 
			text-indent: -1.7rem;
			margin-bottom: .5rem; 
			line-height: 1.8; 
		}
			/* the custom styled bullets */
			.template-askhistorians .entry-content ul li:before, 
			.template-submissions .entry-content ul li:before, 
			.backers ul li:before, 
			.entry-content .page-body ul li:before, 
			.entry-content .bibliography ul li:before { 
			  content: "";
			  margin-right: 1rem;
			  display: inline-block;
			  width: 0.7rem;
			  height: 0.7rem;
			  background-color: #d06c10;
			  border-radius: 50%;
			  margin-bottom: .3rem;
			}
	
	/* Modifications for wider screen */ 
	@media(min-width: 768px) { 	
		.template-askhistorians .entry-content ul, 
		.template-submissions .entry-content ol, 
		.template-submissions .entry-content ul, 
		.entry-content .page-body ol, 
		.entry-content .bibliography ol, 
		.entry-content .backers ul, 
		.entry-content .backers ol, 
		.entry-content .bibliography ul, 
		.entry-content .page-body ul {
			font-size: 1.8rem; 
		}
	}

	/* Make sure ordered lists play nice */
	.entry-content ol {
		list-style: numeric !important; 
	}
		.entry-content ol li {
			/* margin: 3rem 0 3rem 2rem; */
			margin: 0 0 .5rem 2rem; 
			line-height: 1.8; 
			list-style: numeric !important; 
			text-align: left; 
			line-height: 1.8; 
		}

/* Blockquote */
.entry-content blockquote {
	padding-left: 2rem; 
	margin: 2rem 0; 
	border-left: 1rem solid #f7f7f7;
}
	.entry-content blockquote p {
		font-size: 1.6rem !important; 
		font-family: 'Montserrat', sans-serif !important; 
		font-weight: 400 !important; 
		color: #666; 
	}

	/* Modifications for wider screen */ 
	@media(min-width: 768px) { 
		.entry-content blockquote p {
			font-size: 1.8rem !important; 
		}
	}

/* Pictures in the text */
.gallery figure, 
.entry-content figure {
	margin: 3rem auto; 
	width: 100%; 
}
	@media(min-width: 1280px) {
		.gallery figure, 
		.entry-content figure {
			margin: 3rem -122px !important; 
			width: 1024px; 
		}
	}	
	.gallery figure img, 
	.entry-content figure.align_right img,
	.entry-content figure.align_left img,
	.entry-content figure.align_center img {
		margin: 0 auto; 
		width: 100%;
		height: auto; 
	}
		.gallery figure img {
			width: 100%;
			height: auto; 
		}

	/* Modifications for wider screen */ 
	@media(min-width: 1280px) { 
		.entry-content figure.align_left {
			width: 350px; 
			margin: 1.5rem 0 1.5rem -122px !important; 
			padding: 0 3rem 0 0; 
			float: left;
		}
		.entry-content figure.align_right {
			width: 350px; 
			margin: 1.5rem -122px 1.5rem 0 !important; 
			padding: 0 0 0 3rem; 
			float: right;
		}
		.entry-content figure.align_right img, 
		.entry-content figure.align_left img {
			margin: 0 0 !important; 
			max-width: 100%; 			
		}
	}


	.gallery figure figcaption, 
	.entry-content figure figcaption {
		font-size: 1.6rem; 
		font-family: 'Montserrat', sans-serif !important; 
		font-weight: 400; 
		color: #666;
		text-align: left; 
		margin: 2rem 0 0; 
		border-bottom: 1px solid #e5e5e5; 
		padding-bottom: 2rem; 
		line-height: 1.8; 
	}
		.gallery figure figcaption h1 {
			font-size: 2rem; 
			margin: 0 !important; 
			color: #2e313a; 
			line-height: 1.5; 
		}
		.gallery figure figcaption p, 
		.entry-content figure figcaption p {
			margin: 0; 
		}
			.single .entry-content .gallery p {
				font-family: 'Montserrat', sans-serif !important; 
				font-weight: 400 !important; 
				font-size: 1.6rem; 
				margin-top: 0 !important; 
			}
				.single .entry-content .gallery p:last-child {
					margin-bottom: 0 !important; 
				}
	
	/* Modifications for wider screens */
	@media(min-width: 768px) { 
		.gallery figure figcaption, 
		.entry-content figure figcaption {
			text-align: left; /* was: justify */
			font-size: 1.8rem; 
		}
		.gallery figure figcaption h1 {
			font-size: 2.2rem; 
		}
		.single .entry-content .gallery p {
			font-size: 1.8rem; 
		}
	}

/* Notes in text */
.note {
	position: relative;
}
	.note_help {
		cursor: pointer;
		vertical-align: super; 
		font-size: 60%; 
	}
	.note_content {
		display: none; 
		background: #f3e6da;
		padding: .3rem 1rem; 
		color: #91663f; 
	}

/* No results */
p.no-results {
	color: #666; 
}

/*
=========================
Metadata: series and tags
=========================
*/

.single footer.metadata {
	padding: 3rem 0 4rem; 
}
	.single footer.metadata:before {
		content:'';
		display: block;
		border-top: 2px solid #999;
		width: 6rem; 
		padding-bottom: 4px; 
	}
	.single footer.metadata p {
		font-family: 'Montserrat', sans-serif; 
		font-weight: 400;
		color: #666; 
		margin: 0; 
		font-size: 1.6rem; 
		line-height: 1.8; 
	}
		.single footer.metadata p.series {
			font-style: italic; 
		}

/*
==================================
Overrides for lists (series, etc.)
==================================
*/

#items ul {
	margin: 0 !important;
	padding: 0 !important; 
}
	#items ul li {
		margin: 0 !important;
		padding: 0 !important;
	}
		#items ul li.more {
			font-size: 80%; 
			margin-top: 8px !important; 
		}
		#items ul li:before {
			background: transparent !important;
		}

/*
================================
Author box at bottom of articles
================================
*/
aside#authors {
	clear: both;
	float: none; 
}
div.author {
	padding-top: 4rem; 
	padding-bottom: 4rem; 
	background: #f7f7f7; 
}
	div.author .additional {
		margin-top: 20px; 
		border-top: 1px solid #e5e5e5; 
		padding-top: 20px; 
	}
	div.author figure {
		margin: 0 !important;
	}
		div.author img {
			width: 100%; 
			height: auto; 
			border-radius: 50%; 
		}
	div.author header {
		margin-bottom: 1rem; 
	}
		div.author header h1 {
			font-size: 2.4rem; 
			margin-bottom: 0; 
		}
		div.author header h2 {
			font-size: 1.6rem; 
			font-weight: 400; 
			margin: 0 0 1rem; 
			font-style: italic; 
		}
	div.author p {
		text-align: left; /* was: justify */
	}
	div.author .description {
		font-size: 1.6rem; 
	}
	div.author p.more {
		margin-top: 2rem; 
		font-size: 1.4rem;
		margin-bottom: 0; 
	}
	div.author p.more a {
		display: inline-block; 
		background: #d06c10;
		color: #fff; 
		font-family: 'Montserrat', sans-serif;
		font-weight: 600; 
		font-size: 100%; 
		border: 0; 
		padding: .7rem 1rem; 
		text-decoration: none;
		transition: all 0.2s ease-in-out;
	}
		div.author p.more a:hover {
			background: #e18b3b;
			text-decoration: none; 
		}

/* Every author after the first */
.author.additional {
	border-top: 1px solid #ccc; 
}

/*
================================
Read next-box at bottom of posts
================================
*/

aside.comments, 
aside.related {
	border-top: 1px solid #f7f7f7; 
	background: #fff; 
	padding: 4rem 0 4rem; 
}
	aside.comments {
		background: #e9e9e9 url('../images/full-bloom.png') repeat;
	}
	aside.comments header h1, 
	aside.related header h1 {
		text-align: center;
		font-size: 3rem; 
		margin-bottom: 3rem; 
	}
	aside.comments h2 {
		text-align: center;
		font-size: 2.5rem; 
		margin-bottom: 3rem; 
	}
	aside.related figure {
		position: relative;
		width: 100%; 
		margin-bottom: 2rem; 
	}
		aside.related figure .wrapper {
			overflow: hidden; 
		}
		aside.related figure img {
			transition: all .5s;
			width: 100%; 
			height: auto; 
		}
		aside.related figure img:hover {
			transform: scale(1.05);
			transition: all .5s;
		}
		aside.related figure figcaption {
			padding-top: 1rem; 
		}
			aside.related figure figcaption h1 {
				font-size: 1.8rem; 
			}
			aside.related figure figcaption h2 {
				font-size: 1.4rem; 
				font-weight: 400; 
			}
			aside.related a {
				color: #2e313a !important; 
			}
				aside.related a:hover {
					text-decoration: underline; 
				}

	/* Modifications for wider screen */ 
	@media(min-width: 768px) { 
		aside.related figure {
			margin-bottom: 0; 
		}
	}

/*
==============
Tags/tag pages
============== 
*/

/* Overrule custom bullets for page where template=tags, or galleries */
.template-tags .entry-content ul {
	margin: 0;
}
	.template-tags .entry-content ul li {
		padding-left: 0;
		text-indent: 0;
		margin-bottom: 0; 
	}
		.template-tags .entry-content  ul li:before {
		  content: "";
		  margin-right: 0;
		  display: none;
		  width: 0;
		  height: 0;
		  background-color: transparent;
		  border-radius: none;
		  margin-bottom: 0;
		}

	/* Output the tag bullets */
	.template-tags ul.jumplinks {
		margin: 2rem 0;
		padding: 0; 
		list-style: none;
	}
		.template-tags ul.jumplinks li {
			display: inline-block;
			padding: 0;
			margin: 0 1em 0 0; 
		}
	.template-tags ul.tags,
	.template-tags ul.tags li {
		clear: both;
		float: none; 
		padding: 0;
		margin: 0; 
		text-indent: 0;
	}
		.template-tags ul.tags li {
			line-height: 2; 
		}
			.template-tags ul.tags li span {
				color: #999;
				margin-left: 1rem;
			}

/*
======================
Results at top of page
======================
*/

aside#results {
	margin-top: 1rem; 
	margin-bottom: 2rem; 
}
	.template-home aside#results {
		margin-top: 3rem; 
	}
	aside#results p {
		color: #999; 
		padding-bottom: 1rem; 
		font-family: 'Montserrat', sans-serif; 
		font-weight: 400; 
		border-bottom: 1px solid #e5e5e5; 
		font-size: 1.6rem; 
	}

/*
===============
Footer elements
===============
*/

/* Newsletter section */
footer#bottom {
	z-index: 450; 
}

section.patreon,
#bottom .newsletter {
	position: relative; 
	padding: 4rem 0; 
	text-align: center; 
	background: #f7f7f7; 
}
	section.patreon p {
		font-size: 2rem; 
		font-weight: 400; 
	}
		section.patreon p a:hover {
			text-decoration: underline; 
		}
	#bottom .newsletter h1 {
		font-size: 3rem; 
		margin-bottom: 2rem; 
	}
	#bottom .newsletter p {
		font-size: 1.6rem; 
		margin: 2rem auto; 
	}
	#bottom .newsletter a {
		text-decoration: none;
	}
		#bottom .newsletter a:hover {
			text-decoration: underline; 
		}
	/* Mailchimp code */
	#mc_embed_signup { 
		clear: left; 
		width: 100%; 
	}
		#mc_embed_signup form {
			text-align: center; 
			padding: 10px 0 10px 0;
		}
		.mc-field-group { 
			/* positions input field horizontally */
			display: inline-block; 
		} 
		#mc_embed_signup input.email{
			box-sizing: border-box;
			width: 100%;
			padding: 1rem 1.5rem;
			font-family: 'Montserrat', sans-serif;
			font-size: 100%;
			font-weight: 400; 
			transition: all 0.2s ease-in-out
			margin-top: 15px; 
			color: #2e313a; 
			background: #fff; 
			border: 1px solid #e5e5e5; 
			width: 350px; 
			vertical-align: top;
		}
		#mc_embed_signup label { 
			display: none;
		}
		#mc_embed_signup .clear {
			/* positions button horizontally in line with input */
			display: inline-block;
		} 
		#mc_embed_signup .button {
			display: inline-block;
			padding: 1rem 1.5rem;
			margin-left: .5rem; 
			font-family: 'Montserrat', sans-serif;
			font-size: 100%;
			font-weight: 600; 
			transition: all 0.2s ease-in-out
			margin-top: 15px; 
			background: #d06c10; 
			border: 1px solid #d06c10; 
			color: #fff; 
			transition: all .5s;
		}
			#mc_embed_signup .button:hover {
				cursor: pointer;
				background: #333; 
				border: 1px solid #333; 
			}
		#mc_embed_signup div#mce-responses {
			float: left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;
		}
		#mc_embed_signup div.response {
			margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;
		}
		#mc_embed_signup #mce-error-response {
			display:none;
		}
		#mc_embed_signup #mce-success-response {
			color:#529214; display:none;
		}
		#mc_embed_signup label.error {
			display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;
		}
		@media (max-width: 768px) {
			#mc_embed_signup input.email {width:100%; margin-bottom:5px;}
			#mc_embed_signup .clear {display: block; width: 100% }
			#mc_embed_signup .button {width: 100%; margin:0; }
		}
		
	/* Modifications for wider screen */ 
	@media(min-width: 768px) { 
		section.patreon p {
			font-size: 2.4rem; 
		}
		#bottom .newsletter h1 {
			font-size: 3.6rem; 
		}
		#bottom .newsletter p {
			font-size: 1.8rem; 
			margin: 2rem auto; 
		}
	}

/* Follow and navigation */
#bottom .follow, 
#bottom .menu {
	text-align: center; 
	color: #fff; 
	background: #333; 
	font-size: 1.6rem;
}
	#bottom .follow {
		padding-top: 4rem; 
	}
	#bottom .menu {
		padding-top: 2rem !important; 
		padding-bottom: 2rem !important; 
	}
		#bottom .follow ul {
			padding: 2rem 0 2rem; 
		}
		#bottom .menu ul {
			padding: 0; 
			line-height: 2; 
		}
			#bottom .follow ul li, 
			#bottom .menu ul li {
				list-style: none; 
				display: inline-block; 
			}
			#bottom .follow ul li {
				font-size: 3.6rem; 
				margin: 0 1.5rem; 
			}
			#bottom .menu ul li {
				margin: 0 1rem; 
			}
		#bottom .follow a, 
		#bottom .menu a {
			color: #fff; 
			text-decoration: none; 
		}
			#bottom .follow a:hover,
			#bottom .menu a:hover {
				color: #d06c10;
				text-decoration: underline; 
			}

/* Copyright */ 
#bottom .copyright {
	padding: 2rem 0; 
	text-align: center; 
	font-size: 1.6rem; 
	z-index: 500; 
}
	#bottom .copyright a {
		color: #2e313a;
		font-weight: 600; 
		text-decoration: none;
	}
		#bottom .copyright a:hover {
			text-decoration: underline; 
		}

/*
=================
Pagination markup
=================
*/

#pagination {
	margin: 3rem 0 0; 
}
	.template-museums #pagination {
		padding-top: 3rem; 
		border-top: 1px solid #f1f1f1; 
	}
	ul.MarkupPagerNav {
		display: block; 
		list-style: none;
		margin: 0 auto; 
		text-align: center; 
		font-family: 'Montserrat', sans-serif; 
	}
		.template-timeline ul.MarkupPagerNav {
			border-top: 0 !important; 
			padding-top: 0 !important; 
		}
		ul.MarkupPagerNav li {
			display: inline-block; 
			margin: 0; 
			font-size: 100%; 
		}
		ul.MarkupPagerNav li.MarkupPagerNavSeparator, 
		ul.MarkupPagerNav li a {
			display: inline-block;
			padding: .4rem .8rem; 
			background: transparent;
			text-decoration: none; 
		}
			ul.MarkupPagerNav li a:hover, 
			ul.MarkupPagerNav li.MarkupPagerNavOn a {
				background: #d06c10;
				color: #fff; 
				text-decoration: none; 
			}

/*
=============
Nicer headers
=============
*/

section.default header.with-background {
	position: relative; 
	height: 300px; 
	padding: 1rem 0 2rem; 
	background: #333; 
}
	section.default header.with-background .container {
		display: flex; 
		width: 100%; 
		background: transparent; 
		height: 100%; 
		align-items: flex-end; 
	}
	section.default header.with-background .container h1 {
		color: #fff; 
		margin: 0 !important; 
		text-shadow: 2px 2px 4px #000;
		font-weight: 600; 
	}
		section.default header.with-background h1:before {
			content:'';
			display: block;
			border-top: .5rem solid #d06c10;
			width: 8rem; 
			padding-bottom: 0; 
		}
	section.default .entry-content {
		padding-top: 1.5rem; 
	}

/*
===========
Pull quotes
===========
*/

aside.pullquote {
	margin: 4rem 0; 
	background: transparent url("../images/paint.jpg") no-repeat center center;
	background-size: 100% auto;
}
	aside.pullquote p {
		font-family: "Montserrat", sans-serif !important;
		font-size: 1.6rem !important; 
		font-weight: 400 !important; 
		color: #666; 
		text-align: center !important; 
		quotes: '\201c' '\201d';
	}
		aside.pullquote p:before {
			content: open-quote; 
		}
		aside.pullquote p:after {
			content: close-quote;
		}
	aside.pullquote:before, 
	aside.pullquote:after {
		content: '';
		display: block;
		border-top: .4rem solid #d06c10;
		width: 10rem; 
		margin: 0 auto; 
	}
		aside.pullquote:before {
			margin-bottom: 1.5rem; 
		}
		aside.pullquote:after {
			margin-top: 2rem; 
		}

	/* Modifications for wider screen */ 
	@media(min-width: 768px) { 
		aside.pullquote p {
			font-size: 2.2rem !important; 
		}
	}

/*
=================================
Contributors (about/contributors)
=================================
*/

#contributors {
	border-top: 1px solid #f7f7f7; 
	margin-top: 4rem; 
	padding-top: 4rem; 
	padding-bottom: 0; 
	background: linear-gradient(0deg, #fff, #f7f7f7 80%) ;
}
	#contributors figure.contributor {
		position: relative; 
		margin-bottom: 20px; 
	}
		#contributors figure.contributor img {
			position: relative; 
			width: 100%;
			max-width: 250px;
			height: auto; 
			border-radius: 50%; 
			margin: 0 auto;
			border: 1px solid #e1e1e1;
			padding: 5px;
			background: #fff; 
			box-sizing: border-box; 
			transition: all 0.2s ease-in-out
		}
			#contributors figure.contributor img:hover {
				background: #d06c10;
				border: 1px solid transparent;
			}
		#contributors figure.contributor figcaption {
			position: relative;
			text-align: center; 
		}
	#contributors h2 {
		display: block; 
		text-align: center;
		font-weight: 400; 
		margin: 10px 0 0; 
		font-size: 2rem; 
	}
		#contributors h2:before {
			content:'';
			display: none;
			border-top: 0;
			padding-bottom: 0; 
		}
	#contributors h3 {
		font-weight: 400; 
		color: #666; 
		font-size: 1.6rem; 
		font-style: italic; 
	}
	#contributors p.more {
		text-align: center;
	}
		#contributors p.more a {
			display: inline-block;
			font-weight: 400; 
			text-transform: normal; 
			font-family: 'Montserrat', sans-serif; 
		}
	#contributors h2 a:hover {
		text-decoration: underline; 
	}

/* On contributor page */
figure.contributor-photo {
	float: left; 
	max-width: 14rem; 
	height: auto;
	padding: 0; 
	margin: .7rem 1rem .5rem 0 !important; 
}
	figure.contributor-photo img {
		border: 1px solid #e1e1e1;
		padding: .5rem; 
		background: #fff; 
		box-sizing: border-box;
		width: 100%;
		height: auto; 
	}

/*
=========================
For the archives & series
=========================
*/

.template-series .posts-group span.num-posts, 
.template-archives .posts-group span.num-posts {
	margin-left: 10px; 
	color: #666; 
}
	.template-tags #main li, 
	.template-series #main li, 
	.template-archives #main li { 
		list-style: none; 
		line-height: 1.8; 
	}
	.template-series #main h2 a, 
	.template-archives #main h2 a {
		color: #2e313a; 
	}
	.template-archives #main .items:last-child {
		padding-bottom: 4rem; 
	}
		.template-archives #main .items-small aside#results p {
			border-bottom: 0; 
			font-size: 1.8rem; 
			padding-bottom: 0; 
		}

/*
======================================
Overrides for museums and contributors
======================================
*/

.template-museums h3 {
	line-height: 1.8; 
}

.template-museum .entry-content ul, 
.template-contributor .entry-content ul, 
.template-about .entry-content ul {
	margin: 2rem 0; 
}
.template-museums ul.information li, 
.template-museum ul.information li, 
.template-contributor ul.links li
.template-about ul.links li {
	margin-bottom: 0 !important;
	list-style: none; 
	line-height: 1.5;
}
	.template-museums ul.information i,
	.template-museum ul.information i {
		width: 2.5rem !important; 
		color: #666; 
		margin-right: .5rem !important; 
	}

/*
================
Online resources 
================
*/

.external-link .fa {
	font-size: 60%; 
	color: #d06c10; 
}
.external-link:last-child {
	padding-bottom: 2rem; 
	margin-bottom: 2rem;
	border-bottom: 1px solid #e5e5e5;
}

/*
=======
Museums
=======
*/

.template-resources p.link,
.template-museum p.address, .template-museum p.website,
.template-museums p.address, .template-museums p.website {
	margin: 0 !important; 
}
	.template-museum p.website,
	.template-museums p.website,
	.template-resources p.link {
		font-size: 80% !important; 
	}
	.template-museum .gallery img {
		border: 5px solid #f6f6f6;
		box-sizing: border-box;
		width: 100%; 
		height: auto; 
	}
		.template-museum .gallery img:hover {
			border: 5px solid #e1e1e1; 
		}
		.template-museum .gallery p.credits { 
			font-family: 'Montserrat', sans-serif; 
			font-size: 80% !important; 
			font-weight: 400; 
			margin-top: 5px; 
		}
	.template-museums .museum h3 {
		margin: 2rem 0 0; 
	}
		.template-museums .museum h3 a {
			color: 
			text-decoration: none; 
		}
			.template-museums .museum h3 a:hover {
				text-decoration: underline; 
			}

/*
=====================
Markup for error page
=====================
*/

body.template-error {
	background: #fff url("../images/error.jpg") no-repeat center center fixed !important; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* Table formatting */
.tb-outer {
	position: relative; 
	display: table;
	height: 100vh;
	width: 100%;
	background: transparent; 
}
	.tb-middle {
		display: table-cell;
		vertical-align: middle;
	}
		.tb-inner {
			text-align: center; 
			padding-top: 3rem;
			padding-bottom: 3rem;
		}
			.tb-inner h1 {
				font-size: 5rem; 
				margin-bottom: 4rem; 
				text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
				color: rgba(0,0,0,.2); 
			}
			.tb-inner p {
				font-size: 2.5rem; 
				text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
				font-weight: 400; 
				color: rgba(0,0,0,.1); 
				line-height: 1.5; 
			}
				.tb-inner p.back {
					margin-top: 8rem; 
					font-size: 2rem; 
				}
					.tb-inner p.back a {
						color: rgba(0,0,0,.2); 
					}
						.tb-inner p.back a:hover {
							color: rgba(0,0,0,.3); 	 
							text-decoration: underline; 
						}

/* 
====================
Notification: update 
====================
*/

.single .entry-content div.update {
	background: #ededed; 
	margin: 2rem 0; 
	padding: 1rem 2rem; 
	border-left: 10px solid #d06c10; 
}
	.single .entry-content div.update p {
		margin: 0 !important; 
		font-family: 'Montserrat', sans-serif; 
		font-size: 1.6rem; 
		font-weight: 400; 
	}
	.single .entry-content div.update h3 {
		font-size: 1.6rem !important; 
		font-weight: 700; 
		margin: 0 0 .5rem !important; 
		text-transform: uppercase; 
	}

	/* Modifications for wider screen */
	@media(min-width: 768px) { 
		.single .entry-content div.update h2, 
		.single .entry-content div.update p {
			font-size: 1.8rem !important; 
		}
	}

/*
============
Text divider
============
*/

.entry-content hr {
	background: transparent url("../images/divider.png") no-repeat center center;
	width: 100%; 
	height: 4rem; 
	margin: 4rem auto 4rem; 
}

/*
================
Scrollbars rules
================ 
*/

/* The entire scrollbar */
::-webkit-scrollbar {
    height: 1.2rem;
    width: 1.4rem;
    background: #e5e5e5;
    z-index: 500;
    overflow: visible;
}
/* Bottom corner of scrollbars */
::-webkit-scrollbar-corner {
    background: #333;
}
/* Draggable scrolling handle */
::-webkit-scrollbar-thumb {
    width: 1rem;
    background-color: #333;
    border-radius: 10px;
    z-index: 501;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    transition: all .5s ease-in-out;
    margin: 4px;
    min-height: 3.3rem;
    min-width: 3.2rem;
}
	::-webkit-scrollbar-thumb:hover {
		
		border: 2px solid rgba(0, 0, 0, 0);
		transition: all .5s ease-in-out;
	}

/* Buttons on the scrollbar */
::-webkit-scrollbar-button {
	display: none; 
}

/* Hide scrollbars */
.no-scrollbars {
	overflow: hidden; 
}

/*
==============
Patreon banner
==============
*/

section#patreonbanner {
	background: #052f48; 
	color: #fff; 
	padding: 4rem 0; 
}
	section#patreonbanner h1 {
		font-size: 4rem; 
	}
	section#patreonbanner p {
		margin: 1.5rem 0; 
	}
	section#patreonbanner p.link {
		margin-top: 3rem !important; 
	}
		section#patreonbanner p.link a {
			display: inline-block; 
		}
		section#patreonbanner p.link img {
			max-width: 300px; 
			height: auto; 
		}
			section#patreonbanner p.link img:hover {
				box-shadow: 0 0 .5rem .3rem rgba(255, 255, 255, 0.2); 
			}
	section#patreonbanner div.logo {
		display: none; 
	}
	/* Modifications for wider screen */
	@media(min-width: 1180px) { 
	section#patreonbanner div.wrapper {
		display: table; 
	}
		section#patreonbanner div.row {
			display: table-row; 
		}
		section#patreonbanner div.logo {
			display: table-cell; 
			vertical-align: middle; 
			width: 33%; 
		}
		section#patreonbanner div.text {
			display: table-cell; 
			vertical-align: middle; 
			width: 67%; 
			padding-left: .5rem;
		}
	}

/*
===============
Content warning
===============
*/

.content-warning {
	background: #990000; 
	color: #fff; 
	padding: .25rem 1rem; 
	border-radius: 3px; 
}
	.content-warning p {
		margin: 0 !important; 
		font-family: 'Montserrat', sans-serif !important; 
		font-weight: 400; 
		font-size: 1.6rem !important; 
	}
		.content-warning p .warning-icon {
			margin-right: 1rem; 
		}
		.content-warning p .warning-label {
			font-weight: 700; 
			text-transform: uppercase; 
		}
			.content-warning p .warning-label:after {
				content: ": "; 
			}


/*
=================
ProcessWire rules
=================
*/

#user-options {
	position: fixed; 
	z-index: 5000; 
}
	#user-options ul {
		margin: 0;
		padding: 0;  
		white-space: nowrap;
	}
		#user-options li {
			list-style: none;	
			white-space: nowrap;		
		}
		#user-options li i {
			width: 2.5rem; 
			display: inline-block; 
		}
		#user-options li a {
			display: block; 
			padding: 5px 10px; 
			background: #fff; 
			color: #2e313a;
			text-decoration: none; 
		}
			#user-options li a:hover {
				color: #fff;
				background: #2e313a; 
			}

		/* For small screen */
		@media(max-width: 767px) {
			#user-options {
				bottom: 0;
				left: 0; 
				width: 100%;
				text-align: center; 
			}
				#user-options nav {
					display: inline-block; 
					border-top: 1px solid #2e313a; 
					border-left: 1px solid #2e313a;
					border-right: 1px solid #2e313a; 
					margin: 0 auto; 
					text-align: center;
					box-shadow: 0 0 2rem rgba(0,0,0,0.2);
				}
					#user-options ul {
						text-align: center; 
					}
					#user-options li {
						display: inline-block; 
					}
		}

		/* Modifications for wider screen */
		@media(min-width: 768px) { 
			#user-options {
				top: 12rem;
				right: 0;
			}
				#user-options nav {
					border-top: 1px solid #2e313a; 
					border-left: 1px solid #2e313a;
					border-bottom: 1px solid #2e313a; 
					box-shadow: 0 0 2rem rgba(0,0,0,0.2);
				}
				#user-options li i {
					width: 2.5rem; 
				}
		}

/* On a small display, put extra padding at bottom so menu doesn't overlap text */
#bottom .copyright {
	padding-bottom: 5rem; 
}

/*
=================================
Formatting for tables in articles
=================================
*/

.page-body table {
	width: 100%; 
	/*margin: 1.5rem 0 2rem;*/
}
	.page-body table p {
		margin: 0 !important; 
		font-size: 90% !important; 
	}
		table td,
		table thead th,
		table tbody td,
		table tfoot td {
			padding: .3rem .5rem; 
		}
		table tfoot,
		table thead {
			font-weight: 500; 
		}
			table thead tr, 
			table tfoot tr {
				background: #e6e6e6; 
				font-style: italic; 
			}
			table tbody tr:nth-child(even) {
				background: #ececec; 
			}
			table tbody tr:nth-child(odd) {
				background: #f7f7f7; 
			}
		table td.td-right p {
			text-align: right !important;
		}
		table td.td-center p {
			text-align: center !important;
		}

/*
=========================================
Updated style rules for contributor pages
=========================================
*/

.template-contributor .profile-top,
.template-about .profile-top {
	display: flex;
	flex-direction: row; 
	/* align-items: flex-start; */
	align-items: center;
	padding: 3rem 0; 
}
.template-contributor .profile-photo, 
.template-about .profile-photo {
	position: relative; 
	width: 10rem;
	border-radius: 50%; 
}
	.template-contributor .profile-photo img,
	.template-about .profile-photo img {
		width: 100%;	
		height: auto; 
		border-radius: 50%; 
		margin: 0 auto;
		padding: 3px;
		background: #fff; 
		box-sizing: border-box; 
	}
.template-contributor .profile-key-div, 
.template-about .profile-key-div {
	padding-left: 1.5rem; 
}
	.template-contributor .profile-key-div a:hover,
	.template-about .profile-key-div a:hover {
		text-decoration: underline; 
		color: #fff; 
	}
	.template-contributor .profile-key-div h1, 
	.template-contributor .profile-key-div h2, 
	.template-about .profile-key-div h1, 
	.template-about .profile-key-div h2 {
		color: #fff; 
	}
		.template-contributor .profile-key-div h1, 	
		.template-about .profile-key-div h1 {
			font-weight: 600; 
			font-size: 2.4rem; 
		}
		.template-contributor .profile-key-div h2, 
		.template-about .profile-key-div h2 {
			font-weight: 400; 
			font-style: italic; 
			font-size: 1.8rem; 
		}
	.template-contributor .profile-key-div .profile-links, 
	.template-about .profile-key-div .profile-links {
		padding-top: 1rem;
	}
		.template-contributor .profile-key-div .profile-links ul li,	
		.template-about .profile-key-div .profile-links ul li {
			display: inline-block; 
			margin-right: 1.5rem; 
			line-height: 1.8; 
			font-size: 1.4rem; 
		}
	.template-contributor .profile-key-div ul.links li span,
	.template-about .profile-key-div ul.links li span {
		width: 1.8rem; 
		color: #999; 
	}
.template-contributor .entry-content, 
.template-about .entry-content {
	clear: both; 
	padding-top: 1.5rem; 
}

/* Modifications for wider screen */
@media(min-width: 768px) { 
	.template-contributor .profile-photo, 
	.template-about .profile-photo {
		width: 12.5rem;
		border-radius: 50%; 
	}
	.template-contributor .profile-key-div, 
	.template-about .profile-key-div {
		padding-left: 3rem; 
	}
		.template-contributor .profile-key-div h1, 
		.template-about .profile-key-div h1 {
			font-size: 3.6rem; 
		}
		.template-contributor .profile-key-div .profile-links, 
		.template-about .profile-key-div .profile-links {
			padding-top: 2rem;
		}
			.template-contributor .profile-key-div .profile-links ul li,
			.template-about .profile-key-div .profile-links ul li {
				font-size: 1.8rem; 
				margin-right: 2rem; 
			}
		.template-contributor .profile-key-div ul.links li span, 
		.template-about .profile-key-div ul.links li span {
			width: 2.25rem; 
		}
}

/*
=========================
Acknowledgements in posts
=========================
*/

.template-post div.corrections, 
.template-post div.acknowledgements {
	background-color: #f4e7db;
	padding: 1rem; 
	margin: 3rem 0 1.5rem; 
}
	.template-post div.corrections h2,
	.template-post div.acknowledgements h2 {
		font-size: 2.2rem;
		font-weight: 800; 
		margin: 0 0 .5rem; 
		text-transform: uppercase; 
	}
		.template-post div.corrections h2:before,
		.template-post div.acknowledgements h2:before {
			content:'';
			border-top: 0;
			padding: 0; 
		}

	.template-post div.corrections p,
	.template-post div.acknowledgements p {
		font-size: 1.6rem; 
		font-family: 'Montserrat', sans-serif !important; 
		font-weight: 400; 
		color: #1a1a1a; 
		margin: 0; 
	}

/*
=====================
Message about sponsor
=====================
*/

.template-post div.sponsor {
	background-color: #f4e7db;
	padding: .5rem 1.5rem; 
	margin: 3rem 0 1.5rem; 
	border-left: 5px solid #d06c10;
}
	.template-post div.acknowledgements p {
		font-size: 1.6rem; 
		font-family: 'Montserrat', sans-serif !important; 
		font-weight: 400; 
		color: #1a1a1a; 
		margin: 0 !important; 
	}

/*
=========================
New and improved homepage
=========================
*/

section.homepage.items {
	padding: 3rem 0; 
}
	section.homepage.items h1.block-heading {
		font-size: 1.4rem;
		text-transform: uppercase;
		padding: 0 0 1rem; 
		margin: 0; 
		font-weight: 800; 
	}

/* Colours for sections */
section.homepage.items.events {
	background: #efece5; 
}
section.homepage.items.podcasts,
section.homepage.items.photos {
	background: #f7f7f7; 
}
section.homepage.items.badancient {
	background: #efece5dc url('../images/badancient.jpg') repeat center center; 
}

/* Articles in this view */
section.homepage.items article {
	padding: 0 0 0; 
	margin: 0 0 0;
	border-bottom: 1px solid #e5e5e5; 
	background: transparent; 
	font-size: 1.6rem; 
}
	section.homepage.items.videos article .entry-header, 
	section.homepage.items.photos article .entry-header, 
	section.homepage.items.podcasts article .entry-header {
		padding: 0 0 1rem !important; 
	}
	section.homepage.items article .entry-content {
		padding: .5rem 0 1rem !important;
	}

/* Formatting of items */
section.homepage.items article header.entry-header {
	position: relative;
}
	section.homepage.items article header.entry-header h1 {
		font-weight: 600; 
		font-size: 2rem; 
	}
	section.homepage.items article header.entry-header h2 {
		font-weight: 400; 
		font-size: 1.4rem; 
	}
		/* Modifications for wider screen */
		@media(min-width: 768px) { 
			section.homepage.items article header.entry-header h1.nowrap {
				width: 100%; 
				white-space: nowrap;
				text-overflow: ellipsis; 
				overflow: hidden; /* Make sure it fits on a single line */
			}
			section.homepage.items article header.entry-header h2.nowrap {
				width: 100%; 
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden; /* Make sure it fits on a single line */
			}
		}
	
		/* Continue... */ 
		section.homepage.items article header.entry-header h1 a,
		section.homepage.items article header.entry-header h2 a {
			color: #2e313a;
			text-decoration: none; 			
		}
			section.homepage.items article header.entry-header h1 a:hover,
			section.homepage.items article header.entry-header h2 a:hover {
				text-decoration: underline; 
			}
	section.homepage.items article p.meta {
		font-size: 1.2rem; 
		margin-top: .5rem; 
	}

/* Link to the rest of this material */
section.homepage.items footer p {
	font-size: 1.2rem; 
	margin: 0 !important;
	padding: 0 !important; 
}
	section.homepage.items footer p a {
		color: #1a1a1a; 
		transition: all .5s;
	}
		section.homepage.items footer p a:hover {
			color: #d06c10; 
			text-decoration: underline;
		}

/*
================
Rules for photos
================ 
*/

.template-photo article .container {
	background: #fff; 
	padding: 1rem; 
	box-shadow: 0 0 2rem rgba(0,0,0,0.2);
}
	.template-photo .single figure.featured-image {
		position: relative; 
		margin: 0 0 0 !important; 
	}
	.template-photo .single h1 {
		margin: 1rem 0 0; 
	}
	.template-photo p.credit,
	.template-photo p.date,
	.template-photo p.tags {
		font-size: 1.4rem; 
	}
		.template-photo p.credits a:hover, 
		.template-photo p.tags a:hover {
			text-decoration: underline !important;
		}

	/* FontAwesome stuff */
	.template-photo .single p i.fa {
		width: 2rem;
		margin-right: .5rem; 
	}
	
	/* Previous/next navigation */
	.template-photo .prevnext {
		position: absolute; 
		top: 0; 
		left: 0;
		width: 100%; 
		height: 100%; 
	}
		.template-photo .prevnext .prev {
			position: absolute; 
			left: 10px; 
			top: 0;
			height: 100%; 
			width: 30%; 
			display: flex;
			align-items: center;
			justify-content: flex-start; 
		}
		.template-photo .prevnext .next {
			position: absolute; 
			right: 10px;
			top: 0; 
			height: 100%;
			display: flex;
			width: 30%; 
			align-items: center;
			justify-content: flex-end; 
		}
			.template-photo .prevnext p {
				font-size: 7rem; 
			}
				.template-photo .prevnext p a {
					color: #fff; 
					opacity: 0.4; 
				}
					.template-photo .prevnext p a:hover {
						opacity: 1.0; 
					}

/*
====================
Styling for comments
==================== 
*/

aside.comments a:hover {
	text-decoration: underline; 
}
.CommentList {
	margin: 1em 0 0 0;
}
li.CommentListItem {
	list-style: none;
	margin: 0;
	padding: 1rem 0;
	background: transparent;
	display: flex; 
	width: 100%;
}
	.comment-content {
		margin-left: 1rem; 
		padding: 1rem; 
		background: #fff;
		border-radius: .5rem; 
		width: 100%;
		box-shadow: 0 0 2rem rgba(0,0,0,0.1);
	}
	.CommentListItem p {
		margin-top: 0;
	}
	#CommentForm label {
		margin: 0;
		font-weight: bold;
		font-size: 1.1rem;
		text-transform: uppercase;
		color: #888;
	}
	.CommentHeader .CommentCite {
		font-weight: 700; 
	}
	.CommentHeader .CommentCreated {
		margin-left: 2rem; 
	}
	.CommentText {
		color: #666;
	}
	.comment-avatar {
		width: 6rem; 
		padding-top: 1rem; 
	}
		img.CommentGravatar {
			width: 100%; 
			height: auto; 
			border-radius: 50%; 
		}

/* Offset anchor when jumping */
.offset:before { 
	display: block; 
 	content: " "; 
  	height: 150px;
    margin-top: -150px;
    visibility: hidden; 
}

/* Comment form */ 
.comments-form {
	margin-top: 1.5rem; 
}
#CommentForm {
	margin: 0 0 3rem; 
}
#CommentForm h2 {
	margin-bottom: 0;
	border: none;
}
#CommentForm label {
	display: block;
	color: #999;
}
#CommentForm p {
	margin: 0.5rem 0;
}
#CommentForm .error {
	background: #a30000;
	color: #fff;
	padding: 0.25rem 0.5rem;
}
#CommentForm .success {
	font-weight: bold;
}
.CommentForm_cite,
.CommentForm_email {
	float: left;
}
	.CommentForm_cite input,
	.CommentForm_email input {
		width: 200px;
		margin-right: 1rem;
	}
.CommentForm_text {
	clear: both;
}
	.CommentForm_text textarea {
		padding: 1rem;
		width: 100%;
		height: 200px;
		border: 1px solid #ccc; 
		background: #fff; 
		font-family: 'Montserrat', sans-serif; 
		font-weight: 400; 
	}

/* Submit button for comments */
.ProcessForgotPassword button,
.LoginRegisterPro button, 
#CommentForm button {
	display: inline-block; 
	text-decoration: none; 
	padding: 1rem 2rem; 
	background: #d06c10; 
	color: #fff; 
	font-weight: 600; 
	cursor: pointer; 
	margin: 1rem 0 0 0; 
	font-size: 1.6rem;
	font-family: 'Montserrat', sans-serif; 
	font-weight: 500; 
	transition: all .5s;
	border: 0; 
	border-radius: 0; 
}
	.ProcessForgotPassword button:hover,
	.LoginRegisterPro button:hover, 
	#CommentForm button:hover {
		background: #e18b3b;; 
		color: #fff; 
		border: 0; 
		font-family: 'Montserrat', sans-serif; 
		font-weight: 500; 
	}

/*
============================
Styling for LoginRegisterPro
============================
*/

.LoginRegisterPro .Inputfield {
	clear: both;
	box-sizing: border-box;
}
.LoginRegisterPro .Inputfield:not(.InputfieldSubmit) {
	margin: .5rem 0;
	padding: 2rem;
	background: #f7f7f;
}
.LoginRegisterPro .LoginRegisterProLoginPass, 
.LoginRegisterPro .Inputfield input[type=text],
.LoginRegisterPro .Inputfield input[type=email] {
	padding: 1rem;
	width: 100%;
	border: 1px solid #ccc; 
	background: #fff; 
	font-family: 'Montserrat', sans-serif; 
	font-weight: 400; 
	font-size: 2rem; 
}
.LoginRegisterPro .Inputfield .detail {
	font-size: smaller;
}
.LoginRegisterPro .Inputfield span.detail {
	opacity: 0.8;
}
.LoginRegisterPro .InputfieldHeader {
	/* field labels */
	font-weight: 700;
}
.LoginRegisterPro .InputfieldColumnWidth {
	/* columns that are not 100% width */
	float: none !important; 
	clear: none;
}
.LoginRegisterPro .InputfieldColumnWidth:not(.InputfieldColumnWidthFirst) {
	/* any column except first, in a row of Inputfield columns */
	margin-left: 1rem;
}
.LoginRegisterPro .InputfieldColumnWidthFirst {
	/* first column in a row of Inputfield columns */
	clear: both;
}
input#ProfilePassAsk, 
.LoginRegisterPro #Inputfield_register_pass,
.LoginRegisterPro .InputfieldPassword input {
	/* password input */
	width: 50%;
	padding: 1rem;
	border: 1px solid #ccc; 
	background: #fff; 
	font-family: 'Montserrat', sans-serif; 
	font-weight: 400; 
	font-size: 2rem; 
}
.LoginRegisterPro p.description {
	margin: 0 !important;
	padding: 0 !important; 
}
.LoginRegisterPro .InputfieldEmail {
	width: 100% !important; 
}
.LoginRegisterPro .InputfieldContent {
	padding-top: .5rem; 
}
.LoginRegisterPro .LoginRegisterLinks {
	margin-top: 1.5rem;
}
	.LoginRegisterPro .LoginRegisterLinks li {
		list-style: none; 
	}

/*
============================
Rules for maps using Leaflet
============================
*/

#mapid { 
	height: 400px; 
	margin: 3rem 0; 
}
	/* Modifications for wider screen */
	@media(min-width: 768px) { 
		#mapid { 
			height: 800px;
		}
	}

/*
====================================== 
Notifications about this month's theme
======================================
*/

aside.theme {
	background: #6C10D0; 
	padding: .5rem 1rem; 
}
	aside.theme p {
		text-align: center; 
		color: #fff; 
	}
	aside.theme a {
		color: #fff;
		font-weight: 600; 
	}
		aside.theme a:hover {
			text-decoration: underline; 
		}

/* Colours for months */
aside.theme.month-1 {
	background: #838996; /* The Roman World */
}
aside.theme.month-2 {
	background: #000; /* Black (Ancient) History Month */
}
aside.theme.month-3 {
	background: #DC143C; /* Women in the Ancient World */
}
aside.theme.month-9 {
	background: #1269C7; /* It's All Greek */
}
aside.theme.month-10 {
	background: #424952; /* Horror and Monsters */
}
aside.theme.month-11 {
	background: #BE7F51; /* The Ancient World Around the Globe */
}
aside.theme.month-12 {
	background: #FF9933; /* Ritual and Religion */
}

/*
=================== 
Page-specific rules
=================== 
*/

/* Table in Matts review of Change and Archaeology (2020) */
article#pageID-3371 thead tr th:first-child,
article#pageID-3371 tbody tr td:first-child {
  min-width: 15rem;
}

/*
========================
Hide stuff when printing
========================
*/

@media print { 
	.overlay, #top, aside#authors, footer, #patreon-hover, #edit {
		display: none; 
	}
	h1, h2, h3, p, .entry-content blockquote p, li, figcaption {
		font-size: 75% !important;
	}
	body {
	  margin-left: 25mm;
	  margin-right: 25mm;
	}
}

/*
============================
End of cascading style sheet
============================
*/