/**
 * Theme Name:  Presbyterian Historical Society of Ireland
 * Version:     1.0.0
 * Author:      David Graham
 * Author URI:  http://www.strangebrewdesign.com
 * Text Domain: phsi-text-domain
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/**
 * Fonts - Declare @font-face here.
 * --------------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Neuton:400,700,800,400italic);
 
/**
 * Defaults
 * --------------------------------------------------------------------------- */

/* === HTML === */

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* === Body === */

body {
	font-family: 'Lato', sans-serif;
	font-size: 1.7em;
	line-height: 2.8rem;
	background: #EEE;
	color: #555;
}

/* === Links === */

a {
	color: #0171C1;
}

	a:hover {
		color: #004475;
	}
	
a:focus {
	outline: 1px dotted #005592;
}

#sidebar-footer a:focus,
#footer a:focus {
	outline: 1px dotted #FFF;
}

/* === Headers === */

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 2.8rem;
	font-family: 'Neuton', serif;
	font-weight: normal;
	color: #333;
}

h1 {
	font-size: 4rem;
	line-height: 4.2rem;
}

h2 {
	font-size: 3.4rem;
	line-height: 4.2rem;
}

	.entry-content h2 {
		margin-top: 0;
		padding-top: 0.4rem;
		padding-bottom: 0.9rem;
		border-bottom: 1px solid #D4D4D4;
	}

h3 {
	font-size: 2.8rem;
}

h4 {
	font-size: 2.4rem;
}

h5 {
	font-size: 2.1rem;
}

h6 {
	font-size: 2rem;
}

/* === Paragraphs === */

p {
	margin: 0 0 2.8rem;
}

/* === Strong, b, em === */

strong, b {
	font-weight: bold;
	color: #333;
}

.highlight {
	color: red;
}

em {}

/* === Horizontal Rule === */

hr { 
	margin: 0 0 2.7rem;
	height: 1px;
	width: 100%;
	background: #D4D4D4;
}

/* === Blockquotes, quotes, and cites === */

blockquote {
	margin: 0 0 2.8rem;
	padding: 3.5rem;
	background: #EEE;
	font-family: 'Neuton', serif;
	font-size: 2rem;
	color: #444;
	border-radius: 3px;
}

	blockquote *:last-child {
		margin-bottom: 0;
	}

/* === Acronyms and abbreviations === */

acronym {}

abbr {}

/* === Code and Preformatted text === */

code {
	margin: 0 0 2.8rem;
}

pre {
	white-space: pre-wrap;
	margin: 0 0 2.8rem;
}

	pre code {
		margin: 0;
	}

/* === <address> tag === */

address {
	margin: 0 0 2.8rem;
}

/* === Lists === */

.two-columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-width: 200px;
	-moz-column-width: 200px;
	column-width: 200px;
	list-style-position: inside;
}
.three-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-width: 200px;
	-moz-column-width: 200px;
	column-width: 200px;
	list-style-position: inside;
}

ul {
	margin: 0 0 2.8rem 3.5rem;
}

	ul li {}

ol {
	margin: 0 0 2.8rem 2.8rem;
}

	ol li {}

dl {
	margin: 0 0 2.8rem 2.8rem;
}

	dt {
		font-weight: bold;
	}

	dd {}
	
ul ul, ul ol, ul dl, ol ol, ol ul, ol dl, dl dl, dl ul, dl ol {
	margin-bottom: 0;
}

/* === Tables === */

table {
	width: 100%;
	margin: 0 0 2.8rem;
	border-collapse: collapse;
}

	caption {}

	thead {}

	tfoot {}

	tbody {}

	tr {}

	th {
		border: 1px solid #004475;
		padding: 1.3rem 1.6rem;
		background: #005592;
		color: #FFF;
		vertical-align: top;
	}
	
		th a {
			color: #FFF;
		}
		
		th a:hover {
			color: #FFF;
			text-decoration: underline;
		}

	td {
		border: 1px solid #E0E0E0;
		padding: 1.3rem 1.6rem;
		vertical-align: top;
		font-size: 1.5rem;
	}
	
	tbody tr:nth-child(odd) {
		background: #F5F5F5;
	}

	/* wp-calendar <table> */

	#wp-calendar {}
		
		#wp-calendar th,
		#wp-calendar td {
			padding: 0.6rem;
		}

/* === Embeds === */

object, embed, iframe, video {
	max-width: 100%;
}

/* === Forms === */

form {
	margin: 0 0 2.8rem;
}

	fieldset {}

		fieldset legend {}

	label {}

	input {
		height: 4.2rem;
		line-height: 2.8rem;
		font-family: 'Lato', sans-serif;
		font-size: 1.5rem;
	}

		/* Not all types, but these are more common for themes. */
		input[type="checkbox"] {
			height: auto;
		}
		input[type="radio"] {
			height: auto;
		}
		input[type="reset"] {}
		
		input[type="submit"], 
		input[type="button"] {
			border: 0;
			padding: 0.7rem 1.2rem;
			border-radius: 3px;
			font-weight: bold;
			color: #FFF;
			background: #0171C1;
			cursor: pointer;
			box-shadow: 0 .2rem .4rem rgba(0,0,0,.3);
		}
		
		input[type="text"],
		input[type="search"],
		input[type="email"], 
		input[type="password"],
		input[type="tel"],
		input[type="url"] {
			border: 1px solid #CCC;
			border-radius: 3px;
			padding: 0.6rem 1.2rem;
		}
		
		input[type="image"] {
			display: block;
			height: auto;
		}

	textarea {
		border: 1px solid #CCC;
		border-radius: 3px;
		padding: 0.6rem 1.2rem;
		line-height: 2.8rem;
		font-family: 'Lato', sans-serif;
		font-size: 1.5rem;
	}

	select {
		border: 1px solid #CCC;
		border-radius: 3px;
		padding: 0.6rem 1.2rem;
		height: 4.2rem;
		line-height: 2.8rem;
		font-family: 'Lato', sans-serif;
		font-size: 1.5rem;
	}

		select optgroup {}

		select option {}

	button,
	a.button,
	a.post-edit-link {
		border: 0;
		padding: 0.7rem 1.5rem;
		background: #0171C1;
		font-weight: bold;
		color: #FFF;
		cursor: pointer;
		border-radius: 3px;
		box-shadow: 0 .2rem .4rem rgba(0,0,0,.3);
	}
	
	a.button-large {
		padding: 1.4rem 2.4rem;
	}
	
	a.button {
		display: inline-block;
	}
	
	a.button:hover {
		background: #004475
	}

/* === Alignment (WP classes) === */

.alignleft {
	float: left;
	margin: 0 2.8rem 2.8rem 0;
}

.alignright {
	float: right;
	margin: 0 0 2.8rem 2.8rem;
}

.aligncenter {
	float: none;
	margin-bottom: 2.8rem;
	margin-left: auto;
	margin-right: auto;
}

.alignnone {}


/**
 * Images
 * --------------------------------------------------------------------------- */

img {
	display: block;
	height: auto;
	max-width: 100%;
}

	a img {}

/* === WP editor image sizes === */

img.size-thumbnail {}

img.size-medium {}

img.size-large {}

img.size-full {}

/* === Gallery === */

.gallery-icon img {
	margin-bottom: 1.4rem;
	padding: 0;
}

.gallery-row {
	margin-bottom: 2.8rem;
}

/* === Thumbnails === */

.thumbnail {}

/* === Captions === */

.wp-caption {}

	.wp-caption img {
		margin: 0 0 1.4rem;
	}

	.wp-caption-text {
		margin: 0 0 2.8rem;
		font-size: 1.5rem;
		text-align: center;
		color: #333;
	}

		.wp-caption-text a {}
		.wp-caption-text a:hover {}


/**
 * Layout
 * --------------------------------------------------------------------------- */
 
.wrap {
	position: relative;
	max-width: 120rem;
	margin: 0 auto;
}

	#container {}

		.layout-1c #main .wrap {
			width: 800px;
		}
		
		.page-template-homepage #main .wrap {
			width: 100%;
		}
		
		.layout-2c-l #content {
			float: left;
			width: 66.5%;
		}
		
		.layout-2c-r #content {
			float: right;
			width: 66.5%;
		}

		#header {}

		#main {}

			#content {}

			#sidebar-primary {
				width: 30%;
			}
			
			.layout-2c-l #sidebar-primary {
				float: right;
			}
			
			.layout-2c-r #sidebar-primary {
				float: left;
			}

			#sidebar-secondary {}

		#sidebar-subsidiary {}

		#footer {}

/**
 * Header
 * --------------------------------------------------------------------------- */

.skip-link {
	display: none;
}
 
#header {
	padding: 2.7rem 0 2.5rem;
	background: #FFF;
}

	#branding {
		float: left;
	}

		#site-title {
			float: left;
			width: 34rem;
			margin: 1.4rem 0 0;
			line-height: 4.2rem;
			font-size: 3.8rem;
		}

			#site-title a {
				color: #333;
			}
			
			#site-title a:hover {
				text-decoration: none;
			}

		#site-description {}
		
		#branding .logo {
			float: left;
			width: 12.8rem;
			margin-right: 2rem;
			margin-top: -0.7rem;
			margin-bottom: -0.7rem;
		}

/**
 * Menus
 * --------------------------------------------------------------------------- */

/* ====== Mobile menu toggle ====== */ 

.menu-toggle {}

/* ====== Header Widget Area Menu ====== */

#sidebar-header .widget_nav_menu {
	margin-right: -0.7rem;
}

	#sidebar-header .widget_nav_menu ul {
		list-style-type: none;
		margin: 0;
	}

		#sidebar-header .widget_nav_menu li {
			display: inline-block;
		}

			#sidebar-header .widget_nav_menu li a {
				display: inline-block;
				padding: 0.7rem;
				font-weight: normal;
			}

#sidebar-header form {
	margin: 0;
}

/* ====== Primary Menu ====== */

#menu-primary {
	float: right;
	text-align: right;
	width: 50%;
	margin-top: 1.3rem;
}

	#menu-primary ul {
		list-style-type: none;
		margin: 0;
	}

		#menu-primary ul ul {}

		#menu-primary li {
			display: inline-block;
		}

			#menu-primary li a {
				display: block;
				padding: 2.6rem;
			}
			
			#menu-primary li:last-child a {
				padding-right: 0;
			}
			
			#menu-primary li a:hover {}

/* ====== Secondary Menu ====== */

#menu-secondary-container {
	margin: 0 0 4.5rem;
	background: #005592;
	font-family: 'Neuton', serif;
	font-size: 2.1rem;
	text-align: center;
	box-shadow: 0 .2rem .2rem rgba(0,0,0,.3);
}

	#menu-secondary {
		display: table;
		table-layout: fixed;
		width: 100%;
		max-width: 120rem;
		margin: auto;
}

		#menu-secondary > ul {
			display: table-row;
			width: 100%;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			#menu-secondary > ul > li {
				display: table-cell;
				border-right: 1px solid #004475;
				position: relative;
			}
			
			#menu-secondary > ul > li:first-child {
				border-left: 1px solid #004475;
			}
			
			#menu-secondary > ul > li.current-menu-item > a,
			#menu-secondary > ul > li > a:hover,
			#menu-secondary > ul > .current-page-ancestor a {
				background: #004475;
			}

				#menu-secondary > ul > li > a {
					display: block;
					padding: 2rem 0;
					font-weight: bold;
					color: #FFF;
					text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
				}
				
				#menu-secondary > ul > li > a:focus {
					outline: none;
					background: #004475;
				}
				
			#menu-secondary > ul > li > ul {
				position: absolute;
				top: 6.8rem;
				left: -9999rem;
				padding: 1.4rem;
			}
			
			#menu-secondary .menu-item-has-children:hover > .sub-menu,
			#menu-secondary > ul .menu-item-has-children > a:focus + .sub-menu {
				left: 0;
			}			
			
			#menu-secondary .menu-item-has-children:last-child:hover > .sub-menu,
			#menu-secondary > ul .menu-item-has-children > a:last-child:focus + .sub-menu {
				left: -50%;
				right: -0.1rem;
			}
			
			#menu-secondary .sub-menu a:focus {
				position: relative;
				left: 9999rem;
				background: #004475;
			}
			
			#menu-secondary .menu-item-has-children:hover a:focus {
				left: 0;
			}
			
			#menu-secondary .sub-menu {
				width: 150%;
				margin: 0;
				z-index: 1;
				background: #004475;
				text-align: left;
				border-bottom-left-radius: 3px;
				border-bottom-right-radius: 3px;
			}
			
				#menu-secondary .sub-menu a {
					display: block;
					padding: 0.4rem 1rem 0.3rem;
					font-family: 'Lato', sans-serif;
					font-size: 1.6rem;
					font-weight: bold;
					color: #FFF;
				}
			
				#menu-secondary .sub-menu a:hover {
					background: rgba(0,0,0,0.2);
				}
				
				#menu-secondary .sub-menu li {
					display: block;
					width: 100%;
				}
				
				#menu-secondary .sub-menu ul a {
					font-weight: normal;
				}
				
				#menu-secondary .sub-menu .sub-menu {
					width: 100%;
					padding-left: 1.4rem;
				}
				
/* === Mobile dropdown menu === */

#menu-secondary-container select {
	display: none;
	max-width: 93%;
	width: 93%;
	height: 4.4rem;
	margin: 1.3rem;
	border: 1px solid #D4D4D4;
	padding: 0.7rem;
	font-family: 'Lato', sans-serif;
	font-size: 1.7rem;
}
			
/* ====== Legal Menu ====== */

#menu-legal {
	float: right;
	width: 47.5%;
	text-align: right;
	margin-right: -1.4rem;
}

	#menu-legal .wrap {}

		#menu-legal ul {
			margin: 0;
			list-style-type: none;
		}

			#menu-legal li {
				display: inline-block;
			}

				#menu-legal li a {
					display: block;
					padding: 1.4rem;
				}

/**
 * Content
 * --------------------------------------------------------------------------- */

/* ====== BREADCRUMBS ====== */

.breadcrumb-trail {
	margin: 0 0 2.8rem;
	font-size: 1.3rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}

	.breadcrumb-trail a,
	.breadcrumb-trail .trail-end {
		float: left;
		margin-bottom: 1.4rem;
		padding: 0.7rem 1.4rem;
		border-radius: 3px;
		box-shadow: 0 .2rem .4rem rgba(0,0,0,.3);
	}

	.breadcrumb-trail .trail-begin {}

		.breadcrumb-trail .trail-begin a {}
	
	.breadcrumb-trail .trail-end {
		background: #CCC;
	}

	.breadcrumb-trail .sep {
		display: none;
	}

	.breadcrumb-trail a {
		margin-right: 0.5rem;
		background: #005592;
		font-weight: bold;
		color: #FFF;
	}
	.breadcrumb-trail a:hover {
		background: #004475;
	}

/* ====== POSTS ====== */

.singular .entry  {
	margin: 0 0 5.6rem;
	padding: 4.2rem 4rem 2.8rem;
	background: #FFF;
	box-shadow: 0 .2rem .4rem rgba(0,0,0,.3);
	border-radius: 3px;
}

	/* === Page Header === */
	
	.entry-title {
		padding-bottom: 1.3rem;
		border-bottom: 1px solid #D4D4D4;
	}
	
	h1.entry-title {
		margin-bottom: 3.5rem;
		padding-bottom: 1.9rem;
		border-bottom: 2px solid #D4D4D4;
	}
	
	.singular-post .entry-title {
		margin-top: 0;
		padding: 0;
		border: 0;
	}

	/* === Post Header === */

	.singular-post .entry-header {
		text-align: center;
	}
		
		.entry-byline {
			margin: 0 0 4.1rem;
			border-top: 1px solid #D4D4D4;
			border-bottom: 1px solid #D4D4D4;
			padding: 1.3rem 0 1.4rem;
			font-weight: bold;
			font-size: 1.6rem;
		}

			.entry-byline .fa {
				color: #0171C1;
				margin-left: 0.6em;
				margin-right: 0.1em;
			}
		
			.entry-byline .fa-calendar {
				margin-left: 0;
			}

	/* === Post content and excerpts === */
	
	.entry-content {
		margin: 0 0 2.8rem;
	}
	
	.entry-content a {
		font-weight: bold;
	}

	/* === Post Footer === */

	.singular-post .entry-footer {
		margin: 3.5rem 0 1.4rem;
		border-top: 1px solid #D4D4D4;
		padding-top: 2rem;
		text-align: center;
	}
	
	.entry-footer {
		margin: 0 0 2.8rem;
		font-weight: bold;
		font-size: 1.6rem;
	}
	
		.entry-footer .fa {
			color: #005592;
			margin-left: 0.6em;
			margin-right: 0.1em;
		}
	
		.entry-footer .fa-calendar {
			margin-left: 0;
		}

/* ====== POST ARCHIVES ====== */

.plural #content {
	margin: 0 0 5.6rem;
	padding: 4.2rem 4rem 0;
	background: #FFF;
	box-shadow: 0 .2rem .4rem rgba(0,0,0,.3);
	border-radius: 3px;
}

	/* === LOOP META === */

	.loop-meta {
		margin: 0 0 5.6rem;
	}

		.loop-title {
			margin-bottom: 3.5rem;
			padding-bottom: 1.9rem;
			border-bottom: 2px solid #D4D4D4;
		}

		.loop-description p {	
			padding: 2.8rem;
			background: #EEE;
			font-family: 'Neuton', serif;
			font-size: 2.1rem;
			border-radius: 3px;
		}
		
	/* === PLURAL ENTRY === */
	
	.plural .entry {
		margin: 0 0 5.6rem;
	}
	
		.plural .entry-title {}

		.plural .entry-byline {
			margin: 0 0 2.8rem;
			font-weight: bold;
			color: #333;
		}
		
		.plural .entry-summary {}

/* ====== PAGINATION ====== */

/* === Single posts using <!--nextpage--> === */

.page-links {}

	.page-links .before {}

	.page-links a {}
	.page-links a:hover {}

/* === Single post navigation (between different posts) === */

.loop-nav {
	margin: 0 0 7rem;
}

	.loop-nav div {
		width: 47.5%;
		text-align: center;
	}
	
	.loop-nav strong {
		display: block;
		margin: 0 0 1.4rem;
		color: #333;
	}
	
	.loop-nav a {
		display: block;
		padding: 1.4rem;
		background: #005592;
		color: #FFF;
		font-size: 1.6rem;
		font-weight: bold;
		border-radius: 3px;
		box-shadow: 0 .2rem .4rem rgba(0,0,0,.3);
	}
	
	.loop-nav a:hover {
		background: #004475;
	}

	.loop-nav .prev {
		float: left;
	}

	.loop-nav .next {
		float: right;
	}

/* === Archive-type pages === */

.loop-pagination {
	margin: 2.8rem 0 7rem;
	text-align: center;
}

	.loop-pagination .page-numbers {
		margin: 0 0.1rem;
		padding: 1.4rem 2rem;
		background: #EEE;
	}

	.loop-pagination a.page-numbers {
		  background: #0171C1;
		  font-weight: bold;
		  color: #FFF;
		  border-radius: 3px;
		  box-shadow: 0 .2rem .4rem rgba(0,0,0,.3);
	}
	.loop-pagination a.page-numbers:hover {}

	.page-numbers.current {}

/* === Comments pagination === */

.comments-nav {}

	.comments-nav a {}
	.comments-nav a:hover {}

	.comments-nav .page-numbers {}

/**
 * Sidebars and widgets
 * --------------------------------------------------------------------------- */

/* ====== General ====== */

.sidebar {}

	.widget {}

		.widget-title {}
	
	.widget_nav_menu ul,
	.widget_recent_comments ul,
	.widget_recent_entries ul {
		list-style-type: none;
		margin-left: 0;
	}
	
	.widget_nav_menu {}
		
		.widget_nav_menu a {
			font-weight: bold;
		}
		
		.widget_nav_menu ul .current-menu-item > a {
			font-style: italic;
		}
	
		.widget_nav_menu .sub-menu {
			list-style-type: circle;
			margin-left: 2.8rem;
			margin-bottom: 1.4rem;
			font-size: 1.5rem;
		}
		
			.widget_nav_menu .sub-menu a {
				
			font-weight: normal;
			}
			
			.widget_nav_menu .sub-menu ul {
				margin-bottom: 0;
			}
		
	.widget_search {
	}
			
		.widget_search .fa-search {
			position: absolute;
			right: 1rem;
			top: 1.4rem;
			color: #FFF;
			font-size: 1.5rem;
		}
			
		.widget_search form {
			margin-bottom: 1.4rem;
			position: relative;
		}
	
		.widget_search .search-field {
			margin-right: 0.5rem;
		}
		.widget_search .search-submit {  
			float: right;
			padding-right: 2.9rem;		
		}
		
		.widget_search .screen-reader-text {
			display: none;
		}
		
	.widget_recent_entries li {
		margin: 0 0 1.4rem;
	}
		
	.widget_recent_entries .post-date {
		display: block;
		font-size: 1.4rem;
	}
	
	.ws-plugin--s2member-pro-login-widget {
		margin: 0 0 1.4rem;
	}
	
	.ws-plugin--s2member-pro-login-widget-profile-summary .avatar {
		float: left;
		margin-right: 5%;
		margin-bottom: 1.4rem;
	}
	
	

/* ====== Header Sidebar ====== */

#sidebar-header {
	float: right;
	margin-top: 0.7rem;
	width: 40%;
	font-size: 1.6rem;
}

	#sidebar-header .widget {
		text-align: right;
		margin-left: 2rem;
		margin-bottom: 0.7rem;
	}
	
	#sidebar-header .widget_text {
		padding: 0.7rem 0;
	}
	
	#sidebar-header .widget_search {
		clear: right;
	}
		
		#sidebar-header .widget_search .search-field {
			width: 65%;
		}
	
/* ====== Primary Sidebar ====== */

#sidebar-primary {
	margin: 0 0 1.4rem;
	font-size: 1.6rem;
}

	#sidebar-primary .widget {
		margin: 0 0 4rem;
		padding: 4.2rem 3.4rem 1.6rem;
		background: #FFF;
		box-shadow: 0 .2rem .4rem rgba(0,0,0,.3);
		border-radius: 3px;
	}
	
	#sidebar-primary .widget-title {
		margin: 0 0 2.6rem;
		padding-bottom: 1.5rem;
		border-bottom: 1px solid #D4D4D4;
	}	
	
	#sidebar-primary .widget_tag_cloud {
		padding-bottom: 3rem;
	}

/* ====== Footer Sidebar ====== */

#sidebar-footer {
	padding: 5.6rem 0 2.1rem;
	background: #FFF;
	font-size: 1.5rem;
}

	#sidebar-footer .widget {
		float: left;
		width: 21.25%;
		margin: 0 5% 4rem 0;
	}
	
	#sidebar-footer .widget-title {
		margin: 0 0 2.8rem;
		padding-bottom: 1.3rem;
		border-bottom: 1px solid #D4D4D4;
		font-family: 'Lato', sans-serif;
		font-weight: bold;
		font-size: 2rem;
	}
	
	#sidebar-footer section:last-child {
		margin-right: 0;
	}
	
	#sidebar-footer a {
		font-weight: bold;
	}


/**
 * Comments Template
 * --------------------------------------------------------------------------- */

#comments-template {}

/* ====== COMMENTS ======= */

#comments {}

	#comments-number {}

	/* === Comments closed message === */

	.comments-closed {}

	.comments-closed.pings-open {}

	/* === Comment list === */

	ol.comment-list {
		list-style-type: none;
		margin: 0 0 5.6rem;
	}

		ol.comment-list ol.children {
			list-style-type: none;
			margin: 0;
		}
		

		/* === Individual comments */

		li.comment {
			margin: 0 0 2.8rem;
			padding: 4.2rem 4rem;
			background: #FFF;  
			box-shadow: 0 .2rem .4rem rgba(0,0,0,.3);
			border-radius: 3px;
		}
			
			li li.comment {
				margin: 2.8rem 0 0;
				box-shadow: none;
				background: #EEE;
			}
			
			.comment.even {
				background: #FFF;
			}

		li.ping {}

		li.bypostauthor {}

			/* === Avatars === */

			.comment-list .avatar {
				display: none;
				float: left;
				margin: 0 2.8rem 2.8rem 0;
			}

			/* === Meta === */

			.comment-meta {
				margin-bottom: 1.4rem;
			}

				.comment-author {
					font-size: 1.9rem;
					font-weight: bold;
					color: #222;
				}

					.comment-author cite {}

				.comment-meta .published {}

			/* === Comment text/content === */

			.comment-content {}


			/* === Reply link === */
			
			.comment-respond {
				margin-top: 4.2rem;
			}

			.comment-reply-link {}
			.comment-reply-link:hover {}
			
			/* === Comment Icons === */
			
				.comment-byline a,
				.comment-byline time {
					margin-right: 1rem;
				}
				
				.comment-reply-link::before {
					font-family: FontAwesome;
					content: '\f112';
					margin-right: 0.4em;
					color: #07C;
				}
				
				.comment-published::before {
					font-family: FontAwesome;
					content: '\f133';
					margin-right: 0.4em;
					color: #07C;
				}
				
				.comment-permalink::before {
					font-family: FontAwesome;
					content: '\f0c1';
					margin-right: 0.4em;
					color: #07C;
				}


/* ====== RESPOND (COMMENT FORM) ====== */

#respond {
	padding-left: 4rem;
	padding-right: 4rem;
}

	#reply-title {}

		#reply-title small {}

	#respond .log-in-out {}

	#respond label {}

		#respond label .required {}

	#respond input[type="text"] {}
	#respond input[type="text"]:focus {}

	#respond input[type="url"] {}
	#respond input[type="url"]:focus {}

	#respond input[type="email"] {}
	#respond input[type="email"]:focus {}

	#respond input[type="submit"] {}
	#respond input[type="submit"]:focus {}
	#respond input[type="submit"]:hover {}

	#respond textarea {
		width: 100%;
	}
	#respond textarea:focus {}
	
	#respond .comment-form-author {
		float: left;
		width: 47.5%;
	}
	
	#respond .comment-form-email {
		float: right;
		width: 47.5%;
	}
	
	#respond .comment-form-author input,
	#respond .comment-form-email input {
		width: 100%;
	}
	
	#respond .comment-form-url,
	#respond .form-allowed-tags {
		display: none;
	}
	
	#respond .comment-subscription-form {
		margin: 0;
	}


/**
 * Footer
 * --------------------------------------------------------------------------- */

#footer {
	padding: 0.7rem 0;
	background: #004475;
	color: #FFF;
	font-size: 1.5rem;
}
	
	#footer .credit {
		float: left;
		width: 47.5%;
		margin: 0;
		padding: 1.4rem 1.4rem 1.4rem 0;
	}

	#footer a {
		font-weight: bold;
		color: #FFF;
	}
	

/**
 * Homepage Template
 * --------------------------------------------------------------------------- */

#featured {
	margin: -0.3rem 0 4.2rem;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
	
	.slide {
		clear: both;
		margin: 0 0 5.6rem;
		background: #004475;
	}
		
	.slide-title,
	.slide-content {
		margin: 0;
		width: 39rem;
	}
	
		.slide-title a {
			display: block;
			padding: 1.4rem 3.3rem 1.3rem;
			font-weight: bold;
			color: #FFF;
		}
		
		.slide-title a:focus {
			outline: 0;
			background: #004475;
		}
	
	.slide img {
		float: right;
		width: 81rem;
	}

	.slide-content {
		padding: 0 3.3rem 4.2rem;
	}
	
/* === CSS when jQuery supported === */

.jquery-enabled #featured {
	height: 56rem;
	background: #005592;
	box-shadow: 0 .2rem .2rem rgba(0,0,0,.3);
}
	
	.jquery-enabled .slide {
		margin: 0;
		width: 33%;
		background: #005592;
	}
	
		.jquery-enabled .slide-title,
		.jquery-enabled .slide-content {
			width: 100%;
		}
		
		.jquery-enabled .active .slide-content,
		.jquery-enabled .inactive .slide-title {
			border-bottom: 1px solid rgba(0,0,0,.2);
		}
	
	.jquery-enabled .active {
		padding-top: 1.4rem;
		background: #004475;
	}
		
		.jquery-enabled .active .slide-title {
			clear: left;
		}
		
		.jquery-enabled .active img {
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
		}
		
	.jquery-enabled .inactive {}
	
		.jquery-enabled .inactive .slide-title a {
			padding-left: 2.8rem;
			font-weight: normal;
			font-size: 2.8rem;
		}
	
		.jquery-enabled .inactive .slide-content,
		.jquery-enabled .inactive img {
			display: none;
		}

/**
 * Publications
 * --------------------------------------------------------------------------- */
		
.publication-form {}

	.publication-form img {
		float: left;
		margin: 0 2.8rem 2.8rem 0;
	}

	.publication-form form {
		float: left;
		width: 300px;
	}
	
.publication-list {
	list-style-type: none;
	margin-left: 0;
}
	
	.publication-list img {
		float: left;
		margin: 0 1.4rem 1.4rem 0;
	}

	.publication-list li {
		float: left;
		width: 47.5%;
		margin: 2.1rem 5% 2.1rem 0;
		font-size: 1.5rem;
	}
	
	.publication-list li:nth-child(even) {
		margin-right: 0;
	}
	
	.publication-list li a {
		font-size: 1.7rem;
	}
	
	.publication-list strong {}

		
/**
 * Journal System
 * --------------------------------------------------------------------------- */
 
.magazine-issues {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-width: 200px;
	-moz-column-width: 200px;
	column-width: 200px;
	margin-left: 0;
	font-size: 1.5rem;
}

	.magazine .parent-title {
		display: block;
		font-family: 'Neuton', serif;
		font-size: 2.3rem;
		font-style: italic;
		color: #999;
	}
	
	.magazine .hits-found {
		display: inline-block;
		border: 0;
		padding: 0.7rem 1.2rem;
		border-radius: 3px;
		font-weight: bold;
		background: #CCC;
	}
	
		.archive-magazine .loop-meta {
			margin: 0 0 2.8rem;
		}
		
		.archive-magazine .entry {
			margin: 0;
			padding-top: 4.1rem;
			padding-bottom: 4.2rem;
			border-top: 1px solid #D4D4D4;
		}
		
		.archive-magazine .issue-summary {
			float: right;
			width: 47.5%;
			margin-top: 2.1rem;
			text-align: right;
		}
	
		.archive-magazine .issue-header {
			float: left;
			width: 52.5%;
		}
			
			.archive-magazine .issue-header .entry-title {
				margin: 0;
			}
		
			.archive-magazine .entry-title {
				padding: 0;
				border: 0;
			}
			
	#content .search-form,
	#content .search-form {
		margin-bottom: 3.5rem;
	}
	
		#content .search-form .field,
		#content .search-form .field {
			float: left;
			margin-right: 0.7rem;
		}
		
		#content .search-form label,
		#content .search-form label {
			display: block;
			margin: 0 0 0.7rem;
			font-size: 1.6rem;
			font-weight: bold;
			color: #333;
		}
		
		#content .search-form .search-submit,
		#content .search-form .search-submit {
			margin-top: 3.5rem;
		}
	
	.magazine .button,
	.archive-magazine .button {
		display: inline-block;
	}
	
/**
 * FontAwesome Icons
 * --------------------------------------------------------------------------- */

#menu-secondary > ul > .menu-item-has-children > a::after {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#menu-secondary > ul > .menu-item-has-children > a::after {
	content: '\f0d7';
	margin-left: 1rem;
}


/**
 * [pods-search] Shortcode
 * --------------------------------------------------------------------------- */

.pods-field {
	margin: 0 0 1.4rem;
}

.pods-form-front .pods-field-label {
	padding: 0.7rem 0 !important;
}
 
.pods-field, p.pods-add-file, .pods-field label {
	padding: 0 !important;
}

.pods-form-front .pods-field-input select {
	margin: 0 !important;
}

.pods-form-front .pods-field-input, 
.pods-form .pods-field-input textarea {
	width: 100% !important;
}

textarea.pods-form-ui-field-type-paragraph {
	font-family: 'Lato', sans-serif !important;
}

.pods-form div.pods-form-ui-field-type-avatar:after, .pods-form div.pods-form-ui-field-type-file:after, .pods-form div.pods-form-ui-field-type-pick:after, .pods-meta div.pods-form-ui-field-type-avatar:after, .pods-meta div.pods-form-ui-field-type-file:after, .pods-meta div.pods-form-ui-field-type-pick:after, .pods-form-front .pods-submittable-fields:after, .pods-form-front li.pods-field:after {
	content: ' ' !important;
}
 
.pods-search-results {}

	.pods-search-results th {
		text-align: left;
	}
	
	.pods-search-results p {
		margin: 0 0 1.4rem;
	}

.pods-results-showing {
	float: left;
	width: 47.5%;
	font-style: italic;
}

.pods-pagination-advanced {
	float: right;
	width: 47.5%;
	text-align: right;
}

.pods-search-form {
	margin: 0 0 3.5rem;
}

	.pods-search-field {
		float: left;
		margin: 0 0.7rem 0.7rem 0;
	}
	
	.pods-search-field label {
		display: block;
		margin: 0 0 0.7rem;
		font-size: 1.6rem;
		font-weight: bold;
		color: #333;
	}
	
	.pods-search-form input[type="submit"] {
		margin-top: 3.5rem;
	}

.pods-search-footer {
	margin: 0 0 2.8rem;
}

/**
 * Share Buttons
 * --------------------------------------------------------------------------- */
 
.sd-title {
	font-size: 1.9rem !important; 
}

.sd-title:before {
	content: none !important;
}

#subscribe-email input {
	padding: 0.6rem 1.2rem !important;
}

/**
 * UK Cookie Consent
 * --------------------------------------------------------------------------- */

#catapult-cookie-bar {
	text-align: center !important;
	padding: 0.7rem 0 !important;
}

#catapult-cookie-bar a,
button#catapultCookie {
	margin: 0.7rem 1.4rem !important;
}

/**
 * Media Queries
 * --------------------------------------------------------------------------- */
 
@media only screen and (max-width: 1366px) { /* Below 1366px width */

	html {
		font-size: 56%;
	}
	
	#branding .logo {
		width: 11.4rem;
		margin-top: 0;
		margin-bottom: 0;
	}
	
}

@media only screen and (max-width: 1279px) { /* Below 1280px width */
	
	#menu-secondary {
		width: 100%;
		table-layout: auto;
	}
	
	.wrap {
		max-width: 93.5%;
	}
	
	.jquery-enabled #featured {
		height: auto;
	}
	
	#featured {
		max-width: 56rem;
		margin-left: auto;
		margin-right: auto;
	}
	
	#featured img,
	#featured .slide {
		position: relative !important;
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
	}
	
	.slide-title,
	.slide-content {
		width: 100%;
	}
	
	#featured img {
		margin-bottom: 1.4rem;
	}
	
}

@media only screen and (max-width: 959px) { /* Below 960px width */
	
	.wrap {
		max-width: 80%;
	}
	
	#header {
		padding: 4.6rem 0 3.2rem;
	}
	
		#branding {
			float: none;
			width: 100%;
		}
		
			#branding .logo {
				float: none;
				display: block;
				margin: 0 auto 2.1rem;
				width: 18.2rem;
			}
			
			#site-title {
				display: none;
			}
			
		#sidebar-header {
			float: none;
			clear: both;
			width: 100%;
			margin: auto;
			text-align: center;
		}
		
			#sidebar-header .widget {
				float: none;
				display: inline-block;
				margin: 0.7rem 1.4rem;
			}
	
	.breadcrumb-trail {
		text-align: center;
	}

		.breadcrumb-trail a, 
		.breadcrumb-trail .trail-end {
			float: none;
			display: inline-block;
		}
	
	#menu-secondary .wrap, 
	.layout-2c-l #content,
	.layout-2c-r #content,
	#sidebar-primary {
		width: 100%;
	}
	
		#menu-secondary {
			display: none;
		}
	
	#sidebar-footer .widget, 
	#sidebar-primary .widget {
		float: left;
		width: 47.5%;
	}
	
	#sidebar-primary .widget:nth-child(odd) {
		margin-right: 5%;
	}
	
	#sidebar-footer .widget:nth-child(even) {
		margin-right: 0;
	}
	
	#footer {
		padding: 2.1rem;
	}
	
	#footer .credit, 
	#menu-legal {
		float: none;
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width: 640px) { /* 640px width and below */

	html {
		font-size: 55%;
	}
	
	body {
		background: #FFF;
	}
	
	.wrap	{
		max-width: 93%;
	}
	
	.breadcrumb-trail .trail-end {
		display: none;
	}
	
	#sidebar-header,
	#sidebar-footer,
	#footer {
		font-size: 1.6rem;
	}
	
	.plural #content, 
	.singular .entry,
	#respond,
	li.comment {
		padding: 1.4rem;
		box-shadow: none;
	}
	
	.loop-nav {
		margin-top: 7rem;
	}
	
		.loop-nav .prev,
		.loop-nav .next {
			float: none;
			width: 100%;
			padding: 0 5%;
		}
		
		.loop-nav .prev {
			margin: 0 0 2.8rem;
		}

	#sidebar-primary .widget,
	#sidebar-footer .widget {
		float: none;
		margin: 0;
		padding: 1.4rem;
		width: 100%;
		box-shadow: none;
	}
	
	#sidebar-footer {
		background: #EEE;
		padding: 2.8rem 0 2.1rem;
	}

	#footer .credit {
		text-align: left;
	}
		
		#footer .credit a {
			display: block;
		}
	
	#menu-legal li {
		display: block;
		text-align: left;
	}
	
		#menu-legal li a {
			padding: 0rem;
		}
		
	.publication-list li {
		width: 100%;
		margin: 0 0 2.8rem;
		clear: left;
	}
	
}


/**
 * Clearing Floats
 * --------------------------------------------------------------------------- */
#header::after,
#menu-secondary::after,
#main::after,
.breadcrumbs::after, 
.loop-nav::after,
#sidebar-footer::after,
#footer::after,
#featured::after,
.pods-search-form::after,
.pods-search-footer::after,
.slide::after,
.entry::after,
.publication-list::after,
.publication-form::after,
.clearfix::after {
	content:    " ";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}