/*
Theme Name: Blogsonry
Author: Mark Root-Wiley / MRW Web Design
Author URI: http://MRWweb.com
Description: A child theme of Twenty Thirteen with a masonry layout on the blog and archive pages. Just like Twenty Thirteen, this theme really makes Post Formats shine. Supports Jetpack Infinite Scroll (and responsive videos) if Jetpack is installed and Infinite Scroll Module is enabled. Behind the scenes, this updates Twenty Thirteen to Masonry 3 while we're at it. Originally designed & developed for FoodCorps.
Version: 1.0.9
Template: twentythirteen
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: accessibility-ready, grid-layout, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, blog, news
Text Domain: blogsonry

Blogsonry Copyright (C) 2016 Mark Root-Wiley
Blogsonry, like WordPress, is licensed and distributed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/****************************************************************
 * Minor Layout Tweaks
 ****************************************************************/

/* Masonry Layout */
@media screen and (min-width:601px) {
	.masonry .site-content {
		margin: 30px;
	}
}
.masonry .site-content article {
	float: left;
	width: 100%;
	min-width: 275px;
	margin: 0;
	padding: 2rem;
}
@media screen and (min-width:601px) {
	.masonry .site-content article {
		width: 47%;
		margin: 0 1.5% 20px;
	}
}
@media screen and (min-width:1000px) {
	.masonry .site-content article {
		width: 30.3%;
		margin-bottom: 40px;
	}
}

/****************************************************************
 * Minor Styling Tweaks
 ****************************************************************/
/* Give white bg boxes some definition*/
.masonry .site-content article {
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
	.masonry .format-aside:first-of-type,
	.masonry .format-link:first-of-type,
	.masonry .format-aside + .format-aside,
	.masonry .format-aside + .format-link,
	.masonry .format-link + .format-aside { /* weird exceptions */
		box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2),
					0 0 3px rgba(0,0,0,.3);
	}

/* Tame the font-size*/
.masonry .site-content .entry-title {
	font-size: 24px;
	word-break: break-word; /* handle long words in title */
}

/* Set explicit background on white bg posts & widgets */
.format-standard,
.format-image,
.format-link,
.format-aside,
.widget,
.comment-respond {
	background-color: #fff;
}

/* Self-explanatory? */
.archive-header,
.paging-navigation {
	margin-bottom: 30px;
}

/* author description should be full-width */
.author.archive .author-info {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 0 30px !important;
}

/* Negative margins? Not so much here. */
.masonry .entry-content img.alignleft,
.masonry .entry-content .wp-caption.alignleft {
	margin-left: 0;
}
.masonry .entry-content img.alignright,
.masonry .entry-content .wp-caption.alignright {
	margin-right: 0;
}

/* Allow entry-* in widgets to not bork */
.sidebar .widget .entry-header,
.sidebar .widget .entry-content,
.sidebar .widget .entry-summary,
.sidebar .widget .entry-meta {
	padding: 0;
}

/* Clearing Stuff */
.paging-navigation {
	clear: both;
}
.masonry .site-content:before {
	clear: both;
}
.masonry .site-content:before,
.masonry .site-content:after {
	content: "";
	display: table;
}