/*
Theme Name: Digress.it
Theme URI:http://digress.it
Description: This is the default theme for digress.it, a plugin allows readers to comment paragraph by paragraph in the margins of a text.
Version: 2.3
Author:Eddie A. Tejeda
Author URI:http://www.visudo.com

	"Digress.it Classic" is based on a theme by
	Bryan Helmig of Mid Mo Design: http://midmodesign.com/.
	called 	"Clean Home"

	This version was modified by Eddie A. Tejeda
	for the Wordpress Plugin: CommentPress 2.0

	This version was then modified even further by Brandon Jackson
	for Post45
*/

/*
*	Browser Reset
*/
/* 01 =GLOBAL BROWSER RESET
---------------------------------------------------------- */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html{ }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;border:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

a { color: #000; font-weight: bold; text-decoration: none; -webkit-transition-property: hover; -webkit-transition: color 0.15s ease-in-out; }
a:hover { color: #cc2076; }


/* 02 =TYPOGRAPHY
---------------------------------------------------------- */
body { color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

p {
	line-height: 26px;
		font-family: 'Overpass', sans-serif;
	font-size: 16px;
}

p.has-text-align-left, p.has-text-align-right {
	line-height: 1.1em;
}

.base h1 { font-size: 30px; font-weight: bold; line-height: 36px; margin-bottom: 24px; }
.base h2 { font-size: 24px; font-weight: bold; line-height: 1.1em; margin-bottom: 24px; margin-top:24px;}
.base h3 { font-size: 16px; font-weight: bold; line-height: 22px;  }
.base h4 { font-size: 14px; font-weight: bold; }

h6 a {
	font-size: 10px !important;
}

.section-title { margin-right: 10px; margin-left: 10px; }

h1, h2.page-title, h2.pagetitle, h2.pagetitle, h2.page-title, h1.title, h1.title a {
	font-size:30px;
	font-weight:bold;
	line-height:36px;
	color: #000;
	margin-bottom: 24px;
}

h1.section-title {
	font-size:40px;
}

h1.title{
	margin: 0;
}

h2.page-title {
	margin: 0;
}

h2.title {
	font-size: 40px;
}

h3 {
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	padding-bottom: 10px;
}

h1, .entry h2, .entry h3, .entry h4, .entry .by-line, .post h1, .post h2, .post h3, .post h4, .byline { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

#header #nav p, #posts #content .summary, #content .entry, #content-full .entry, #blurb, #footer p { font-family: 'Overpass', sans-serif;}

#header {margin-top: -32px; !important}

.staging-header {
	width: 100%;
	height: 35px;
	background-color: #e995f4;
	font-family: helvetica;
	font-size: 24px;
	margin: -32px 0 0;
	padding: 15px 0 0;
	text-align: center;
}

.archive .post h3, .search-results .post h3, .archive .page h3{
	font-size: 12px;
}

blockquote { margin: 0 18px 18px; }

.base ul, .base ol { margin: 0 0 18px 18px; }
.base ul li { list-style: disc; }
.base ul li li { list-style: circle; }
.base ol li { list-style: decimal;  }
.base ul li, .base ol li {  }
.base li ol, .base li ul { margin: 0 0 0 18px; }

img { border:0; }

.wp-block-image img {height:auto;}
.wp-block-image .aligncenter>figcaption {display:block; margin-top:24px; text-align:center;}

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
code {
	font: 1em "Courier New", Courier, mono;
	color: #009900;
}

html {
	margin-top: 0 !important;
}

/***** Links *****/

a:hover, a:visited:hover, .post.fitted a:hover, .post.fitted a:hover:visited {
	color: #cc2076;
}
.post a.footnote-link:hover, .post a.footnote-link:visited:hover{
	background-color: #cc2076;
	color:white;
}
a img {
	border: 0px;
}
/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}
textarea {
	line-height:1.25;
}
label {
}
/***** Tables *****/

table {
	border:0;
}


/* 02 =LAYOUT
---------------------------------------------------------- */
.search-results > #container > p, .archive > #container > p {
	margin-left: 10px;
}
.search-results > #container > .postmetadata, .archive > #container > .postmetadata {
	padding-left: 10px;
}

#searchsubmit {
	display: block;
}

.subcommentlist h3 {
	padding-top: 1em;
	padding-bottom: 0em;
	clear: both;
}
.clear {
	clear: both;
}

.submit input, .button, .button-primary, .button-secondary, input[type="button"], input[type="submit"] {
	border: none;
	cursor:pointer;
	font-weight: bold;
	padding: 5px 10px !important;
	text-decoration:none;
}

#container { margin: 0 auto; min-height: 600px; width: 100%; padding-left:0; padding-right:0; }

#header,#main, #footer { margin: 0 20px; }

#header { padding: 10px 0; }

#masthead { float: left; font-size: 80px; height: 60px; margin: 14px 10px 0;}

#masthead a { margin-bottom: 6px; margin-left: 5px; height: 60px; border: none; display: block; overflow: hidden; background-image: url("masthead.gif"); width: 255px; }
#masthead a:hover{ background-position: bottom center;}

#masthead a img{ padding: 0; }

#header #nav { color: #ccc; float: right; margin: 10px 0; padding: 0 10px; text-align: right; }
#header #nav a { font-weight: normal; }
#navbutton:hover {background-color:blue; !important}
#header #nav p { font-size: 13px; }

#site-nav { margin: 0; text-align:center; background-color:#cc2076; padding: 10px 0 10px 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);border-bottom:8px solid #E5A314;}
#site-nav li {font-size: 21px; padding: 5px 10px; width: 209px; display: inline;}

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; text-align:center;}
.sf-menu { line-height:	1.0; }
.sf-menu ul { position: absolute; top: -999em; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { position: relative; display: inline;}
.sf-menu a { display: inline-block; position: relative; color:white; text-transform:uppercase; padding:20px 40px 20px 40px;font-weight:400; letter-spacing:2px;}
@media only screen and (max-width: 768px) { .sf-menu a {padding:10px 0 10px 10px; letter-spacing:1px; font-size:12px;} }
.sf-menu a:hover {color:white;}
.sf-menu li.sfHover { background: #ddd; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {background-color:white; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); left: 0; top: 40px; padding-bottom: 10px; border-top: 10px solid #E5A314; /* match top ul list item height */ z-index: 99; }
#site-nav li.sfHover ul li { font-size: 14px; }
#menu-item-11374 a {border-left:1px white dashed;}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: 	-999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 	10em; /* match ul width */ top:	0; }

.sub-menu a {color:black; padding:10px 0px 10px 0px; font-size:18px;}
.sub-menu a:hover { color:#cc2076;}
.sub-menu {width:300px;}
@media only screen and (max-width: 768px) { .sub-menu a { padding:0;} .sub-menu {width:200px;}}

#main { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin-top: 10px; padding: 40px 0 0; }
.home #main { border-top: none; padding: 0; }

.page.hentry{ padding: 0 5% 0 5%; }

#sidebar { float: right; margin: 0 5% 40px 0; padding: 6px 0 0 0; width: 230px; }
@media only screen and (max-width: 1190px) {
	#sidebar { float: none; margin: 0 5% 40px 5%; padding: 6px 0 0 0; width: 50%; max-width: 600px; min-width: 230px;}
}

#sidebar h2 { margin-left: 0px; border-bottom: 4px solid #E5A314; }
#sidebar .summary { background: #eee; padding: 18px 10px 10px; margin-bottom: 1px; }
#sidebar .section {
	color:#555555;
	font-size:12px;
	margin-bottom:0;
	padding: 0;
}

#content-full { padding: 0 0 60px 0; min-height: 450px; }
#content { float: left; padding: 0 0 60px 0; min-height: 450px; width: 100%;}
.page #content {width:75%;}
.category #content {width:75%;}

@media only screen and (max-width: 1190px) {
	.page #content {width:100%;}
.category #content {width:100%;}
}
.category .content-column { padding-left:5%; padding-right: 5%;}
/*
*	Buttons & Hovers
*/
.hovered {
	background: #f9f9f9;
	cursor: pointer;
}
.hovered a {
	color: #cc2076;
}

.navigation .alignleft a, .navigation .alignright a{
	background-color:#cc2076;
	padding: 10px;
	font-size: 16px;
	margin-top: 5px;
	margin-left: 10px;
	color: white;
	text-transform: uppercase;
	font-weight: 500;
}

.navigation .alignleft a:hover, .navigation .alignright a:hover{
	background-color: white;
	color: #cc2076;
	border: 1px solid #cc2076;
}

.navigation .alignleft, .navigation .alignright {
	margin-top: 25px;
}

#footer { padding: 2% 10% 3% 10%; }
#footer h2 { float: left; font-size: 24px; margin: .4em; width: 95px; }

#footer p {
font-size: 13px;
float: left;
margin-top: 0px;
width: 550px;
line-height: 30px;
font-style:normal;}

#footer a {font-style:normal;}

@media only screen and (max-width: 1264px) {
	#footer { padding: 2% 5% 3% 5%; }
}

@media only screen and (max-width: 1123px) {
	#footer { padding: 2% 5% 3% 5%; }
	#footer p {
		width:300px;
		line-height:25px;
		font-size:12px;
		margin-bottom:10px;
	}
}

@media only screen and (max-width: 850px) {
	#footer { padding: 2% 5% 3% 5%; }
	#footer p {
		width:150px;
		line-height:20px;
		font-size:10px;
		margin-bottom:30px;
	}
}
#footer ul { float: right; margin: 0 5%; width: 210px;}
#footer li { margin-bottom: 9px; }
#footer li a {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.2px;
}

@media only screen and (max-width: 850px) {
	#footer ul { float: left;
	}
}

/* 02 =POST
---------------------------------------------------------- */
.post {
	text-align: left;
	padding: 5% 15% 1.5% 15%;
}

@media only screen and (max-width: 850px) {
	.post {padding: 5% 5% 1.5% 5%;}
}

.textblock {
	font-family: "Lora", 'Courier New', Arial;
	margin-left:-10px;
	padding:9px 0 9px 10px;
}
.textblock .paragraphtext{
	display: block;
}

.commentbrowser .reply {
	display: none;
}
.commentbrowser {
	min-height: 600px;
}

.post .indent {
	padding-left:10px;
}
.post .indent p {
	padding-left:10px;
}
.post small {
	font-size:11px;
}
.post small a {
	font-weight:normal;
}

.post .wp-caption {
	background:#FFF;
	border:1px solid #f4f4f4;
	margin:20px 0;
	text-align:center;
	padding:5px 0 0;
}
.post .wp-caption-text {
	color: #888;
	font-family: "helvetica neue",helvetica, arial, sans-serif;
	font-size: 15px;
	margin: 10px;
	font-style: normal;

}
.post .wp-caption a, .post .wp-caption a:hover {
	border-bottom:0;
}
.post blockquote {
	color:#777;
	margin:15px 30px 0 10px;
	padding-left:20px;
}
.post .message ul {
	margin:12px 0 0;
}
.post .message {
	display:none;
	background:#0F67A1;
	margin-top:10px;
	padding:20px;
	color:#fff;
}

.post em {
	font-style:italic;
}
.post .indent {
	padding-left:10px;
}
.post .indent p {
	padding-left:10px;
}
.post small {
	font-size:11px;
}
.post small a {
	font-weight:normal;
}
.post .aligncenter {
	margin:0 auto;
	display:block;
}
.post abbr {
	font-weight:normal;
}
.post ul {
	list-style:circle;
	margin:0 0 0 25px;
}
.post ul.indented-list {
	margin: 0 0 18px 80px;
}

.post ol {
	list-style:decimal;
}

.footnotes {
	margin-top : 10px !important;
		font-family: 'Overpass', sans-serif !important;
}


.category .post, .search .post, .search .page { padding: 10px; }
.category .post .entry, .search .post .entry, .search .page .entry { padding: 0; }
.entry { font-size:14px; padding: 0 20px 20px; }

@media only screen and (max-width: 768px) {
	.entry {padding:10px 10px}
}

form#search-form {
	float: right;
	margin-top: 12px;
}
#search-form p{
	margin: 0;
	padding: 0;
	position: relative;
}
#search-form label  {
	position:absolute;
	top:4px;
	left:8px;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}

#search-form #search-icon{
	position: absolute;
	right: 5px;
	top: 7px;
	background-image: url('../images/search-icon.png');
	background-position: top center;
	background-repeat: no-repeat;
	height: 13px;
	width: 13px;
	display: none;
}
#search-form #search-icon:hover, #search-form #search-icon.hover{
	background-position: bottom center;
}
#s {
	border: 1px solid #ddd;
	width: 200px;
	padding: 5px 6px;
	font-size: 13px;
	float: left;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}

#search-btn {
	font-weight: bold;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	background: none;
	border: none;
	font-size: 15px;
	float: left;
	padding: 2px 4px 2px 5px !important;
	margin-right: -5px;
}

.paragraphnumber {
	display: none;
}

.selected_block {
	background: #fafafa;
}

.commentcount {
	float:right;
		font-family: 'Overpass', sans-serif !important;
	font-size:12px !important;
	margin-left:4px;
	margin-top:-2px;
	position:absolute;
	width: 100px;
}
.commenticonbox {
	margin: 4px -40px 0 0;
}

.column {
	width: 210px;
	margin: 0 10px;
	padding: 5px 0;
	float: left;
	display: block;
}

.base .column ul { margin-left: 0; }
.base .column li { list-style: none; }

/* =ARCHIVES
---------------------------------------------------------- */

.home .column.archives h2 {
	font-size: 18px;
	margin-bottom:16px;
}
.column.archives ul {
	list-style: none;
	padding-left: 0;
}
.column.archives ul li {
	margin-bottom: 7px;
}
.column.archives ul li a {
	line-height: 18px;
}

#filter { background: #eee; float: right; margin: 0; padding: 5px 10px; width: 210px; }

#filter h3 { margin-top: 15px; }

.content-column .post .entry p, .content-column .post .entry, .content-column .page .entry p {
	padding: 0;
	font-size:14px;
		font-family: 'Overpass', sans-serif !important;
}
.content-column .post h2, .content-column .page h2{
	margin: 0;
}
.content-column .post .byline, .byline {
	font-size:12px;
	margin-bottom:9px;
	color: #888;
	padding-bottom: 0;
}
.content-column .post img {
	float: left;
	margin-right: 20px;
}
.content-column .post .text {
	float: left;
}
.content-column .post .text.imaged {
	width: 540px;
}
#curated-space {
	width: 920px;
	padding-bottom: 60px;
}

#entries {
	width: 920px;
}

.archive .category-contemporaries-essays p {padding-top:2%;}

#curated-space .post {
	padding: 0 0 12px;
	width: 220px;
	margin:0 5px 18px;
	float: left;
}
#curated-space .post img {
	float: none;
	margin-right: 0;
}
#curated-space .post h2 {
	font-size:14px;
	line-height:24px;
	margin: 8px 5px 0px;
}

a.button, input[type=submit].button {
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	background: #DDDDDD;
	padding:5px 10px !important;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	border: none;
}
a.button:hover {
	color: #cc2076;
	background-color:white;
}

.sidebar-left { float: left; font-size: 14px; margin: 0 10px; padding: 5px 0; width: 210px; }

/*
*	Contemporaries page
*/
.sidebar-left h3.meta-title{
	font-size: 24px;
        line-height: 30px;
	margin: 5px 0 0;
}
.contemporaries-content {
	float: left;
margin: 0 10px;
	width:660px;
}
.contemporaries-content .post{
	margin-bottom: 20px;
}
.contemporaries-content .entry{
	margin-left: 0;
	padding: 0;
}
.contemporaries-content .entry p{
	padding: 0;
}


/* 03 =HOME PAGE
---------------------------------------------------------- */
#matrix { font-size: 14px; line-height: 20px; margin: auto; height: 683px; max-width:920px; margin-top:20px;}
#matrix div { float: left; overflow: hidden; }
#matrix h2{ font-size: 24px; margin-top:10px;}
#matrix h2, #matrix p { font-family:Helvetica; margin-right: 5px; margin-left: 5px; padding: 0 5px; }
.base #matrix h2 { margin-bottom: 10px; }
#matrix-1, #matrix-2{ border-bottom: 1px solid #fff; float: left; height: 280px; position: relative; }
#matrix-1{ border-right: 1px solid #fff; width: 574px; }
#matrix-1 .summary { width: 574px; }
#matrix #matrix-1 h2 { font-size: 36px; line-height: 36px; }
#matrix #matrix-1.curated-space-cell h2 { margin-bottom: 10px; }
#matrix-2, #matrix-2 .summary { width: 345px; }
#matrix-3, #matrix-4, #matrix-5{ float: left; height: 200px; width: 306px; position: relative; }

#matrix-6 {float: left; height:200px; width:380px; position:relative; border-top:1px solid #FFF;border-right:1px solid #FFF;}
#matrix-6 div.summary {width:380px;height:200px;border-right:1px solid white;}
#matrix-7 {float: left; height:200px; width:539px; position:relative;border-top:1px solid #FFF;}
#matrix-7 .summary { width: 100%; }

#matrix-3 .summary, #matrix-4 .summary, #matrix-5 .summary { width: 306px; }
#matrix-3, #matrix-4 { border-right: 1px solid #fff; }
.base .section, .base .section { color: #555; font-size: 12px; margin-bottom: 0; font-weight: normal; }
#matrix .summary { position: absolute; top:8px; }
#matrix .cell.curated-space-cell .summary { top:0px; }
#matrix .caption { position: absolute; top: 8px; }
#matrix .white-background .caption .section, #matrix .white-background .caption h2 a, #matrix .white-background.excerpt p{ background: white; padding: 5px;}
#matrix .white-background.excerpt{ margin-top: 5px; }
#matrix .white-background.excerpt p{ margin-left: 10px; margin-right: 10px; }
#matrix .white-background .caption .section{ float: left; margin: 0 10px 8px; padding: 0px 5px; }
#matrix .caption h2{ clear: left; }

#matrix-2 a, #matrix-2 p.section, #matrix-2,
#matrix-3 a, #matrix-3 p.section, #matrix-3,
#matrix-4 a, #matrix-4 p.section, #matrix-4,
#matrix-5 a, #matrix-5 p.section, #matrix-5,
#matrix-6 a, #matrix-6 p.section, #matrix-6 {
	color:white;
}
#matrix-2 a:hover, #matrix-3 a:hover, #matrix-4 a:hover, #matrix-5 a:hover, #matrix-6 a:hover{

}

@media only screen and (max-width: 978px) {
	#matrix-1 { width: 100%;} #matrix-1 .summary { width: 100%;} #matrix-1 .summary img { width: 100%;}
	#matrix-2 { width: 100%;} #matrix-2 .summary { width: 100%;} #matrix-2 .summary img { width: 100%;}
	#matrix-3 { width: 100%;}#matrix-3 div.summary {width:100%;} #matrix-3 .summary img { width: 100%;}
	#matrix-4 { width: 100%;}#matrix-4 div.summary {width:100%;}#matrix-4 .summary img { width: 100%;}
	#matrix-5 { width: 100%;}#matrix-5 div.summary {width:100%;}#matrix-5 .summary img { width: 100%;}
	#matrix-6 { width: 100%;} #matrix-6 div.summary {width:100%;}#matrix-6 .summary img { width: 100%;}
	#matrix-7 { width: 100%;} #matrix-7 .summary { width: 100%;} #matrix-7 .summary img { width: 100%;}
}

#home .col h2 { font-size: 18px; }
#home .col li, #archives .col li { margin-bottom: 18px; }

.base p{ margin-bottom:18px; }

.post-post-comments{
	border-top: 1px dashed #ccc;
	padding-top: 20px;
}

.sidebar-left.curated-space-text .entry p{
	padding: 0;
}
.sidebar-left.curated-space-text{
	margin-top: 0;
}
.curated-space-media, .curated-space-comments{
	float: right;
	width: 680px;
}
.curated-space-media{
	margin-top: 10px;
}
.curated-space-comments{
	margin-top: 20px;
	display:none;
}
.curated-space-text .entry{
	font-size:14px;
	font-family: "Lora", "Courier New", Courier, monospace;
}

.curated-space-slideshow{
height:auto!important;
}

.archive .entry p{
	margin: 0;
}

#respond{
	display: block;
	padding: 0;
}
#respond label{
	display: block;
	color: #888;
}
#respond .button:hover{
	color: #cc2076;
}
#respond input[type=text], #respond textarea#comment{
	width: 440px;
	border: 1px solid #ccc;
	padding: 4px;
}

.comment .date{
	margin: 0;
	color: #888;
}
.comment h3{
	margin: 0 0 2px;
}
.comment{
	color: #333;
}

/* 03 =PEER REVIEWED POP-UP
---------------------------------------------------------- */
.commentPop-wrapper{
	height: 400px;
        margin: 0 20px;
	padding: 30px 0;
        width: 920px;
}
.commentPop-wrapper h1{
	font-weight: bold;
	margin-bottom: 30px;
	color: #333;
}
.commentPop-wrapper h2{
	font-weight: bold;
	margin-bottom: 20px;
}
.commentPop-list, .commentPop-form{
	float: left;
	width: 320px;
	display: block;
}
.commentPop-form{
	padding-left: 25px;
	border-left: 1px dashed #eee;
	margin-left: 25px;
}
.commentPop-form label{
	display: block;
	color: #888;
	font-size: 12px;
}
.commentPop-form input[type=text], .commentPop-form textarea#comment{
	width: 280px;
	border: 1px solid #ccc;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 15px;
	padding: 3px 4px 2px;
}
.commentPop-form .button:hover{
	color: #cc2076;
}
.commentPop-list{
	height: 350px;
	overflow: auto;
	width: 415px;
}
.commentPop-list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.commentPop-list ul li .comment-text{
	font-size: 12px;
	line-height: 18px;
}

/*
*	Footnote style
*/
table.footnotes{
	font-family: 'Lora', 'courier new', courier, monospace, serif;
	font-size: 12px !important;
	color:#000;
	line-height:23px;
	margin-left: 0px;
	list-style: none;
}
table.footnotes td.number{
	width: 40px;
}
.dashed-hr {
	border-top: 1px dashed #eee;
	margin-bottom: 20px;
	margin-top: 20px;
}
.slideshow-toolbar{
	display: block;
	height: 30px;
	clear: both;
}
.slideshow-toolbar a{
	cursor: pointer;
}
.curated-space-slide-media{
	display: block;
	width: 674px;
	min-height: 450px;
}
.curated-space-slide-media img{
	max-height: 450px;
	padding: 0;
	max-width: 674px;
}
.curated-space-slide-caption{
	display: block;
	width: 654px;
	min-height: 20px;
	margin-top: 20px;
}
.curated-space-slide-caption h1{
	margin-bottom: 0;
}

ol.footnotes li p{
	font-size: 14px;
}

/*
*	Clear fix
*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;}

/*
*	TipTip CSS - Version 1.2
*/

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}
#tiptip_holder.tip_top {
	padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
	padding-top: 5px;
}
#tiptip_holder.tip_right {
	padding-left: 5px;
}
#tiptip_holder.tip_left {
	padding-right: 5px;
}
#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25, 25, 25, 0.92);
}
#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}
/*
Makes arrow stay near top of bubble
#tiptip_arrow{
	margin-top: 5px !important;
}*/

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25, 25, 25, 0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25, 25, 25, 0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25, 25, 25, 0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25, 25, 25, 0.92);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #tiptip_content {
 padding: 4px 8px 5px 8px;
 background-color: rgba(45, 45, 45, 0.88);
}
 #tiptip_holder.tip_bottom #tiptip_arrow_inner {
 border-bottom-color: rgba(45, 45, 45, 0.88);
}
 #tiptip_holder.tip_top #tiptip_arrow_inner {
 border-top-color: rgba(20, 20, 20, 0.92);
}
}

p#page-links{
	font-weight: bold;
	margin: 20px 0px;
}
p#page-links a{
	font-weight: normal;
}

.jump-to{
	float: left;
	margin: 0px 3px;
	cursor: pointer;
	font-weight: bold;
}
.jump-to.active{
	color: #cc2076;
}

p.no-matches{
	margin-left: 10px;
}

.emdash {
	font-family: garamond, georgia, times;
	font-size: 1.1em;
}

.footnote-link.footnote-identifier-link {
	font-size: 10px;
	vertical-align: 10%;
	font-weight: bolder;
	background-color: #f4f4f4;
	padding: 0 3px;
	margin: 0px 3px;
}

div.printfriendly,
.singlepage{
	font-family: helvetica;
}
.wp-caption-dd{
	padding:10px;
	font-size:15px;
	color: #aaa;
}

.cell:hover {
	opacity:.7;
}
.cell:hover a {
	color: inherit;
}

.post {
	line-height: 26px;
}

span.note p {
	font-size:12px;
}


#header #nav {
    color: #ccc;
    float: right;
    margin: 10px 0;
    padding: 0 10px;
    text-align: right;
    width: 320px;
}


/*
	Cluster/special issue matrix layout
*/
.cluster-container {
	width: 100%;
	height:100%;
	color: white;
}
.cluster-container .caption {
	padding: 10px 0;
}

.cluster-container h2 {
		font-size: 24px;
}
.cluster-container p {
	font-size: 18px;
}
.cluster-container .tile-author {
		position: absolute;
		bottom: 0;
		right: 0;
		font-weight: bold;
}

.cluster-container h2, .cluster-container p {
	font-family: Helvetica;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0 5px;
}
.cluster-background {
	background-size: contain;
}
.cluster-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 1fr;
	line-height: 20px;
}
.cluster-tile {
	width: 100%;
	height: 200px;
	position: relative;
	/* opacity: .85; */
}

.cluster-tile a {
	color: white;
}

.cluster-tile a span {
	position:absolute;
	  width:100%;
	  height:100%;
	  top:0;
	  left: 0;
	  z-index: 1;
}
.cluster-grid .cluster-tile:nth-child(5n) {
	background-image: url("../images/background/tomato.png");
}
.cluster-grid .cluster-tile:nth-child(5n):hover {
	background-image: url("../images/background/tomato-transparent.png");
}
.cluster-grid .cluster-tile:nth-child(5n + 1) {
	background-image: url("../images/background/fuchsia.png");
}
.cluster-grid .cluster-tile:nth-child(5n + 1):hover {
	background-image: url("../images/background/fuchsia-transparent.png")
}
.cluster-grid .cluster-tile:nth-child(5n + 2) {
	background-image: url("../images/background/lightgray.png");
}
.cluster-grid .cluster-tile:nth-child(5n + 2):hover {
	background-image: url("../images/background/lightgray-transparent.png");
}
.cluster-grid .cluster-tile:nth-child(5n + 3) {
	background-image: url("../images/background/gold.png");
}
.cluster-grid .cluster-tile:nth-child(5n + 3):hover {
	background-image: url("../images/background/gold-transparent.png");
}
.cluster-grid .cluster-tile:nth-child(5n + 4) {
	background-image: url("../images/background/charcoal.png");
}
.cluster-grid .cluster-tile:nth-child(5n + 4):hover {
	background-image: url("../images/background/charcoal-transparent.png");
}

.section-description {
	margin: -5px 10px 0;
}

h1, h2.section-description {
	font-size:24px;
	font-weight:bold;
	line-height:28px;
	color: #000;
}

.banner {
	position: relative;
	height: 450px;
	background-size: cover;
}
.contemporaries-content .banner {
	height: 330px;
}

.banner-text {
	position: absolute;
	bottom: 12px;
	margin: 0 15px 0;
	width: 68%;
}

h3.cluster-link {
	margin-bottom: 50px;
	font-size: 3em;
	line-height: 1.1;
	font-style:italic;
}

.cluster-link::before{
	content: "From ";
	font-style:normal;
}

.banner h1, .banner h2, .banner p{
	margin-bottom: 12px;
}

.banner p {
	font-family: "Helvetica";
	font-size: 16px;
}

.banner-text h1>a {
	color:white;
	background-image: url("../images/background/charcoal.png");
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	padding: 0 5px;
 }

.banner h2.byline {
	color:white;
	background-image: url("../images/background/gold.png");
	padding: 0 5px;
	display: inline-block;
}

.banner p.publication-date {
	color:white;
	background-image: url("../images/background/tomato.png");
	padding: 0 5px;
	display: inline-block;
}

.cluster-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	margin-top: 20px;
}

.cluster-nav .left a, .cluster-nav .right a{
	background-color:#cc2076;
	padding: 10px;
	font-size: 16px;
	margin-top: 5px;
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	font-style:normal;
}

.cluster-nav .left a {
	margin-left: 0px;
}

.cluster-nav .right a {
	margin-left: 10px;
}

.cluster-nav .left a:hover, .cluster-nav .right a:hover{
	background-color: white;
	color: #cc2076;
	border: 1px solid #cc2076;
}

figure.aligncenter {
	text-align: center;
}

#print-header {
	display: none;
}

.print-cluster-title {
	display: none;
}

.yarpp-related {
	margin-top: 3em;
}

.yarpp-related h3 { font-size: 30px; padding-bottom:8px; font-style:normal;}

.yarpp-thumbnails-horizontal {
	text-align: center;
	padding: 10px;
	border-top: 8px solid #E5A314;
	    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
		margin-bottom:30px;

}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	width: 240px;
	height: 120px;
	    border: 1px dashed rgba(127,127,127,0.1);
	background-color:#f7f7f7;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-default  {
	display: none;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	    font-size: 1.4em;
    max-height: 120px;
    line-height: 1em;
    margin: 7px;
    margin-top: 0px;
    width: 180px;
    text-decoration: inherit;
    overflow: hidden;
    text-align: left;
    padding: 10px;
	font-variant: all-small-caps;
	font-style:normal;
}

.yarpp-thumbnail img {
	display: none !important;
}

/* fix font spacing on P45 x CA category page */
.category-74 .cluster-tile .caption h2 {
	font-size: 20px;
}