/*
Theme Name: Interalia Theme (Currents Child)
Theme URI: http://www.woothemes.com/
Description: Tweaks to the Currents theme for interaliamag.org
Version: 1.0
Author: Ben Wakeford
Author URI: http://benwakeford.com/
Template: currents
*/
@import url("../currents/style.css");

#header .site-title { margin-bottom: 0.8em; }
#header .site-title a { text-transform: uppercase !important; }
#header hgroup .site-description { line-height: 150% !important; }
#header .site-title a:hover { text-decoration: none; color: #000 !important; }

#header #header-search .rss { display: none !important; }
.catrss { display: none; }
#footer #footer-widgets { border-top: 0 !important; }

.nav-toggle { top: 45px; right: -25px; }
.nav-toggle a {
  width: 55px;
  padding-top: 40px;
}

/* Settings to be overriden when at desktop size */
#header { padding: 3em 40px 0 0; }
#header #header-search { display: none; }


@media only screen and (min-width: 768px) {
	#header { padding: 3em 0; }
	#header hgroup { width: 60%; } 
	#top {
		background: #333 !important;
	}

	/* Desktop: show header search, hide footer search */
	#header #header-search { display: block; }
	#footer #footer-search { display: none !important; }


	#navigation .nav li ul { 
		background: #f2f2f2 !important;
		border-bottom: 1px solid #d0d0d0 !important;
		border-left: 1px solid #d0d0d0;
		border-right: 1px solid #d0d0d0;
	}

	#top .nav a {
		padding: 8px 9px !important;
	}
}





/*h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: none !important;
color: #1d5689 !important;
}*/

.issue-masthead {
	background: #222;
}
.issue-masthead h1.issue-masthead-title {
	color: #eee !important;
	font-size: 1.8em;
	padding: 20px 20px 10px;
	line-height: 100%;
}
@media only screen and (min-width: 768px) {
	.issue-masthead h1.issue-masthead-title {
		font-size: 2.6em !important;
	}
}
.issue-masthead h2.issue-masthead-meta {
	color: #bbb !important;
	font-size: 1.1em !important;
	padding: 0 20px 10px;
	/*font-size: 2.6em;*/
}
.issue-masthead-num {
	border-right: 1px dotted #fff !important;
	margin-right: 10px;
	padding-right: 15px;
	color: #eee;
}
.issue-masthead .slide-container {
	margin-top: 0;
	background: #fff;
}

.issue-intro {
	width: 30%;
	float: right;
}


#navigation .nav li ul {
	/*padding-left: 0 !important;
	padding-right: 0 !important;*/
	width: auto !important;
}
#navigation .nav li ul li a {
	padding: 10px 10px 0px !important;
}
/*#navigation .nav li ul li:first-child a {
	padding: 10px 10px 0px 20px !important;
}*/

#content {
	border-bottom: 0 !important;
}

/* Highlight Issues menu item when on an issue menu page or single page */
.post-type-archive-issue .menu-item-174 a,
.single-issue .menu-item-174 a,
.author .menu-item-68 a, /* Contributor menu item / author age */
.category-blog .menu-item-634 a, /* Live / local blog menu item */
.category-blog .menu-item-723 a { 
	color: #222222;
}




/* Issue Welcome Widget */

.welcome-sign-off {
	border-bottom: 1px solid #e9e9e9;
}
.welcome-sign-off p {
	border-top: 1px dotted #e9e9e9;
	padding-top: 13px;
}
.welcome-sign-off img {
	margin: 0 15px 0 0;
	float: left;
	vertical-align: text-top;
}

/* Issue Contents Widget */
.Interalia_Recommended_Articles li,
.Interalia_Issue_Contents li,
.Interalia_From_The_Blog li,
.Interalia_Emerging_Ideas_Latest li {
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0;
}
.Interalia_Recommended_Articles ul li a,
.Interalia_From_The_Blog ul li a,
.Interalia_Emerging_Ideas_Latest ul li a,
.Interalia_Issue_Contents ul li a {
	color: #1d5689;
}
.content-author {
	font-style: italic;
	color: #787878;
}
.Interalia_Issue_Contents li.view-all,
.Interalia_From_The_Blog li.view-all,
.Interalia_Emerging_Ideas_Latest li.view-all {
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
	border-bottom: 1px solid #e9e9e9;
}
.Interalia_Issue_Contents li.view-all a,
.Interalia_From_The_Blog li.view-all a,
.Interalia_Emerging_Ideas_Latest li.view-all a {
	color: #333;
}


/* Fix margin for subscription widget when hidden by logged in users */

.Interalia_Subscribe {
	margin-bottom: 0;
}



/* Fix annoying sub columns not clearing */
#author-page-heading {
	overflow: hidden;
}

.author-extended-bio {
	margin-bottom: 3.6em;
}
.author-extended-bio p {
	margin-bottom: 1.2em;
}

.author .post-author-box {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 2.4em;
	padding-bottom: 2.4em;
}
.author .profile-description {
	font-size: 115%;
}

.wp-caption {
	width: 100% !important;
	margin-bottom: 2.4em;
}
article.post .wp-caption img,
article.page .wp-caption img,
article.emerging-ideas .wp-caption img,
article.issue .wp-caption img {
	padding: 0;
	height: auto;
}
[class*="wp-image-"] {
	height: auto;
}
article.post .wp-caption-text {
	font-style: italic;
	padding: 0.3em 0;
	border-bottom: 1px solid #e9e9e9;
	color: #787878;
}
article.post h2,
article.page h2,
article.issue h2 {
	margin-top: 2.4em;
}


.entry blockquote {
	padding: 10px 20px 10px 40px;
	font-size: 1.1em;
	color: #000000;
}

.entry blockquote p:first-child:before {
	content: '\201C';
	font-size: 5em;
	line-height: 1em;
	position: absolute;
	top: 5px;
	left: -40px;
	color: #dedede;
}

#single-post article.post header.with-excerpt {
	margin: 0 0 1.5em;
	padding: 0 0 2em;
	border-bottom: 1px solid #e9e9e9;
}





.sidebar-subscribe {
	background: #222;
	padding: 20px;
	margin-bottom: 40px;
}

.sidebar-subscribe p {
	color: #fff;
}

.sidebar-subscribe a.button {
	margin: 0 auto;
	font-size: 1.3em;
	display: block;
}

.sidebar-subscribe p {
	margin-bottom: 1.2em;
}

.mag-title {
	text-transform: uppercase !important;
	color: ;
	font: bold 28px/1em 'Varela', arial, sans-serif;

}
@media only screen and (min-width: 900px) {
	.mag-title {
		font: bold 36px/1em 'Varela', arial, sans-serif;
	}
}

.post-subscribe {
	background: #222;
	padding: 20px;
	margin-bottom: 40px;
	overflow: hidden;
}

.post-subscribe p {
	color: #fff;
	margin-bottom: 0;
	float: left;
	/*width: 65%;*/
}

@media only screen and (min-width: 550px) {
	.post-subscribe p {
		width: 65%;
	}
}

.post-subscribe p strong {
	font-size: 1.3em;
	line-height: 1.3em;
}

.post-subscribe a.button {
	margin: 1.2em auto 0;
	font-size: 1.3em;
	display: inline-block;
	float: right;
}



#comments {
	border: 0;
}



#new-royalslider-1 {
	max-width: 450px;
	background: #fff;
}
#new-royalslider-1 .rsOverflow {
	max-width: 450px;
	background: #fff;
}
#new-royalslider-1 .rsSlide {
	background: #fff;
}

#new-royalslider-1 .rsGCaption {
	bottom: -25px;
	left: 0;
	font-style: italic;
	color: #787878;
	margin-left: 0;
	padding: 0;
	width: 100%;
}


/* Float thumbnail images on archive pages to the right of the excerpt */

article.post .thumbnail,
article.page .thumbnail {
	float: right;
	margin: 0 0 10px 20px;
}


/* Float thumbnail images in the tabs widget to the right of the title */

#tabs .inside li img.thumbnail {
	float: right;
	margin: 0 0 0 10px;
}


.rcp_form legend {
	margin: 2em 0 1em;
	font-weight: bold;
}
.rcp_form {
    -webkit-margin-top-collapse : separate;
}

.post-565 h3 {
	margin: 2em 0 1em;
}

/* Category Descriptions aren't properly optimised to be shown on the actual pages */
.archive-description { display: none; }


/* http://css-tricks.com/snippets/html/responsive-meta-tag/ */
@-ms-viewport{
  width: device-width;
}


.slide-container .flex-direction-nav .prev,
.slide-container .flex-direction-nav .next {
	z-index: 10000; /* Put it one place above the bullets (in .flex-control-nav) so they don't cover the clickable area */
}

/* Hide the post navigation at the bottom of articles */
#post-entries {
	display: none;
}


#rcp_subscription_level_6 {
	display: none;
}


.post-type-archive-emerging-ideas #menu-item-2025 a,
.single-emerging-ideas #menu-item-2025 a {
	color: #000 !important;
}

/* Fix repsonsive images height on devices */
/* Wrong: Broke the slider heights */
/*img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}*/


/* EMERGING IDEAS EDITS ========================================== */

#single-post article.emerging-ideas header h1 {
	margin: 0px 0px 1em;
	padding: 0px 0px 1em;
	border-bottom: 1px dotted #222;
}
#single-post article.emerging-ideas header.with-excerpt {
    margin: 0px 0px 1.5em;
    padding: 0px 0px 2em;
    border-bottom: 1px solid #E9E9E9;
}
article.emerging-ideas .post-meta {
  background-color: #f2f2f2;
  font-size: 0.9em;
}
#single-post article.emerging-ideas header .excerpt {
	margin: 1.5em 0 1em;
	color: #333333;
	font-size: 1.1em;
	line-height: 1.5em;
}
article.emerging-ideas .post-meta li {
	display: inline;
	padding: 0 12px 0 12px;
	border-left: 1px solid #d0d0d0;
}
#single-post article.emerging-ideas header.with-excerpt li {
	margin: 0 15px 0 0;
	padding: 0;
	border: none;
}
article.emerging-ideas .post-meta ul {
	padding: 3px 10px;
}
.section-header {
	background: #333;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	font-size: 24px;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.section-header a {
	color: #fff;
}
.section-header a:hover {
	color: #eee;
	text-decoration: none;
}
article.emerging-ideas .excerpt p {
	margin-bottom: 20px;
}
article.emerging-ideas .excerpt p:last-child {
	margin-bottom: 0;
}
.post-type-archive-emerging-ideas .widget_text,
.single-emerging-ideas .widget_text {
	margin-bottom: 0;
}
.Interalia_Emerging_Ideas_Latest h3 {
	display: none;
}

ul.sidebar-list {
	margin-bottom: 10px;
	margin-left: 20px;
}
.sidebar-list li {
	list-style-type: disc;
	padding-bottom: 10px;
}

article.emerging-ideas .wp-caption-text {
    font-style: italic;
    padding: 0.3em 0;
    border-bottom: 1px solid #e9e9e9;
    color: #787878;
}
article.emerging-ideas .wp-caption-text {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    text-align: center;
}

@media only screen and (min-width: 768px) {
	.section-header {
		font-size: 32px;
		padding: 30px 0;
	}
	article.emerging-ideas h1 {
		font-size: 2.4em;
	}
	#single-post article.emerging-ideas header .excerpt {
		margin-top: 0;
	}
}

/* Update Nov 2015: enable <sup> */

sup {
	vertical-align: super;
    font-size: smaller;
}
sub {
	vertical-align: sub;
    font-size: smaller;
}

/* Update Jun 2017 */

/* Responsive iFrames */
/* Note that when a better embedding system is implemented
   (eg Embed Responsively) the below will need to be removed. */
iframe {
	max-width: 100%;
}
@media only screen and (min-width: 568px) {
	iframe {
		width: 560px;
	}
}
@media only screen and (min-width: 768px) {
	iframe {
		max-width: 100%;
	}
}
@media only screen and (min-width: 900px) {
	iframe {
		width: 560px;
	}
}
/* Homepage slider height on mobile fix */
#featured img {
	height: auto !important;
}
/* Hide site license on sign-up page */
.rcp_subscription_level_6 {
	display: none;
}