/*
Theme Name: Friends of Charles Darwin
Theme URI: 
Author: Richard Carter, FCD
Author URI: http://friendsofdarwin.com/
Description: A child-theme of Richard’s generic ‘Rix’ theme.
Template: rix
Version: 0.1
License: GNU General Public License
License URI: license.txt
Tags: 
*/


@import url("../rix/style.css");



/* REMEMBER: Plugins can also contain some CSS. */


/*
=========================
Next/Prev post navigation
=========================
*/
nav.post-navigation {
	margin-top: 1rem !important;
}


/*
========
BRANDING
========
*/

@media screen and (max-width: 37.4em) { /* Small devices */
	.site-title {
		font-size: 1.25rem;
	}
	.site-description {
		font-size: .75rem;
	}
}


/*
====
BLOG
====
*/

/* Decrease gap at top of page before blog posts */
body.blog #primary {
	padding-top: .5rem;
}


/*
===============
REVIEWS SECTION
===============
*/
/* Make Review Archive title style same as
   for other main sections (and the standard
   Archives, while I'm at it).
   --------------------------------------- */
.archive-title {
	font-size: 22px;
	font-size: 1.571428571rem;
	text-transform: none;
}
.archive-meta {
	margin-top: 0;
}

/* Put border round Review image thumbnails on archive pages
------------------------------------------------------------ */
body.archive .rc-summary-thumbnail img {
	border: 1px solid #ccc;
	/* Note image's width is constrained by rc-summary-thumbnail container */
}
/* …and around non-caption images on Review single item pages (usually book images) */
body.single-review .entry-content p > img,
body.single-review .entry-content p > a img,
body.single-review .entry-content p > a:hover img {
	border: 1px solid #ccc !important;
}


/* Limit width of first image on Review pages
   (First image is usually book cover)
   Note: Complex CSS is to try to prevent styling
   from happening to subsequent images. It assumes
   first image is in first paragraph.
-------------------------------------------- */
@media screen and (min-width: 37.5em) { /* Non-small devices */
	body.single-review .entry-content p > img,
	body.single-review .entry-content p > a img,
	body.single-review .entry-content p > a:hover img {
		max-width: 40%;
		height: auto;
		margin-bottom: 2em;
	}
}


/* Treat Review images differently on
   (non-small) archive pages
------------------------------------------------------------ */
@media screen
		and (min-width: 37.5em) { /* Non-small screens */
	body.archive article.review .excerpt-thumbnail img {
		max-width: 30%;
		margin: 0 0 0 1em;
		float: right;
		border: 1px solid #ccc;
	}
	body.archive article.review .entry-summary,
	body.archive article.review p {
		margin-top: 0;
	}
}



/*
========================
Reviews menu (shortcode)
========================
*/
.rc-reviews-menu {
	font-size: 90%;
	margin-top: 1em;
	margin-bottom: 2em;
}
.rc-reviews-menu a {
	text-decoration: none;
}
.rc-reviews-menu a:visited {
	color: rgb(33, 117, 155) !important; /* i.e. same as unvisited */
}
.rc-reviews-menu a:hover {
	text-decoration: underline;
}



/*
============================
Newsletter subscription form
============================
*/
/* Note: The HTML for the subscription form contains inline CSS.
   This is a kludge to force the CSS to be recognised by iPads. */
#tlemail {
	min-width: 280px;
	max-width: 50%;
}
@media screen and (max-width: 37.5em) { /* Small screens */
	#tlemail {
		min-width: 9em;
	}
}
.rc-newsletter-subscription-form {
	max-width: 600px;
	margin: 1em auto;
}
#rccallstoaction .rc-newsletter-subscription-form {
	border: 1px solid #ccc;
	padding: 1em;
	background-color: #f9f9f9;
	border-radius: .25em;
}
.newsletter-subscribe-intro {
	text-align: center;
	margin-bottom: .75em;
}



/* [displayrixtags] shortcode search results
   ========================================= */
.rixtaglist img.rixtag-thumbnail {
	float: right;
	border: 1px solid #CCC;
	padding: 0;
	margin: 0 0 0 1em;
	max-height: 7em;
	max-width: 50%;
}
.rixtag a {
	font-weight: bold;
}
.rixtag {
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 1em;
	margin: 2em auto;
	max-width: 80%;
}
@media screen and (max-width: 37.4em) { /* Small devices */
	.rixtag {
		max-width: 100%;
	}
}




/*
===================
FOCD enrolment form
===================
*/
@media screen and (min-width: 37.5em) { /* Non-small devices */
	form.FOCDJoinForm {
		box-sizing: border-box;
		width: 100%;
		margin: 0 1em;
		padding: 2em;
		background-color: #f9f9f9;
	}
}
.FOCDJoinForm input[type="text"],
.FOCDJoinForm input[type="email"] {
	width: 30em;
	max-width: 100%;
	font-size: 1em;
}
.FOCDJoinForm input[type="submit"] {
	width: 10em;
	max-width: 100%;
	font-size: 1.25em;
	padding: .5em;
	font-weight: bold;
}
.FOCDJoinForm input.joincode {
	width: 5em;
}
.FOCDJoinForm textarea {
	width: 80%;
	height: 6em;
}



/*
=============
COLOUR SCHEME
=============
*/

/*
Shades:
#0b0c04
#151807
#20230b
#2b2f0f
#363b13
#414716
#4b521a

#565e1e
#6b723a <-- Site branding main colour
#808656
#959a72
#abaf8f
#c0c3ab
#d5d7c7
#eaebe3
*/

/* == Main Navigation == */
.main-navigation,
.main-navigation ul.sub-menu {
	background-color: #565e1e;
}
.main-navigation,
.main-navigation a,
.main-navigation a:visited {
	color: #efefef;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-parent > a, /* Currently selected item */
.menu-toggle {
	color: #fff;
}

/* == 'Sidebar' (at bottom) == */
aside#secondary {
	background-color: #333;
	color: #ccc;
}
aside#secondary .widget a,
aside#secondary .widget a:visited,
aside#secondary .widget a:hover,
aside#secondary .widget h2 {
	color: #fff;
}
aside#secondary .widget h2.widget-title {
	display: none;
	visibility: hidden;
}

/* == Links == */
a,
a:visited,
a:focus,
a:active,
a:hover {
	color: #565e1e;
}


/* == Post footer == */
footer.entry-footer {
	font-size: 1rem;
	margin-top: 2rem;
}


/* == Footer == */
.site-footer {
	background-color: #222;
	color: #ccc;
}
.site-footer a,
.site-footer a:visited,
.site-footer a:hover {
	color: #fff;
}

/* == Header ('branding') == */
.site-branding,
.site-branding a,
.site-branding a:visited,
.site-branding a:hover,
.site-branding a:focus,
.site-branding a:active,
.site-branding .site-title,
.site-branding .site-description{
	color: #FFF;
}
.site-branding {
	background-color: #6b723a;
	background: #6b723a;
}
.site-branding .site-title {
	font-weight: bold;
}
.site-branding .site-description {
	font-style: italic;
}

/* Social menu */
#social-menu a { /* Default social menu icon colour */
	background-color: #c0c3ab;
	border: 2px solid #abaf8f;
	height: 44px; /* Have to adjust because of border */
	width: 44px;
}
#social-menu a:hover,
#social-menu a:focus {
	background-color: #abaf8f;
}
.site-footer .menu-social-container {
	float: left;
}
footer #social-menu a { /* Icon colour displayed in footer */
	background-color: #ddd;
	border-width: 0px;
	height: 40px;
	width: 40px;
}
footer #social-menu a:hover,
footer #social-menu a:focus {
	background-color: #fff;
}

/* == Divider between posts == */
hr.post-divider {
	width: 15%;
	border-top: 2px solid #808656;
	margin: 2rem auto 0 auto;
}