/*
Theme Name: Paul Crook ChromeGrid Child
Theme URI: https://paul-crook.com/
Author: Paul Crook
Author URI: https://paul-crook.com/
Description: ChromeGrid-styled child theme for Paul Crook. Inherits the ChromeGrid look (its stylesheet is loaded) on the supported ChromeNews parent. Adds a single, centered footer copyright line and a classic homepage blog layout (featured image -> title -> meta -> full content). Sets a single, centered footer copyright line and a classic homepage blog layout (featured image -> title -> meta -> full content). NOTE: ChromeGrid (the previously active theme) is itself a child of ChromeNews, so this is built as a proper single-level child of ChromeNews, which WordPress fully supports.
Version: 1.0.0
Requires at least: 4.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: chromenews
Text Domain: paul-crook-child
Tags: news, blog, two-columns, right-sidebar, featured-images, custom-menu, translation-ready
*/

/* ============================================================
   Classic homepage blog layout
   ============================================================ */
.pc-classic-list { clear: both; }
.pc-classic-post {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 40px;
	padding-bottom: 24px;
	clear: both;
	float: none;
	width: 100%;
}
.pc-post-thumb { margin: 0; line-height: 0; }
.pc-featured-img,
.pc-post-thumb img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}
.pc-post-header { padding: 22px 24px 0; }
.pc-post-title { margin: 0 0 10px; font-size: 1.6rem; line-height: 1.3; }
.pc-post-title a { text-decoration: none; }
.pc-post-meta { font-size: 0.85rem; opacity: 0.75; margin-bottom: 14px; }
.pc-post-meta span { margin-right: 14px; }
.pc-post-content { padding: 0 24px; line-height: 1.7; }
.pc-post-content img { max-width: 100%; height: auto; }

/* ============================================================
   Footer copyright: single line, centered
   ============================================================ */
.site-info { text-align: center; }
.site-info .col-1 { float: none; width: 100%; }

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
	.pc-post-title { font-size: 1.3rem; }
	.pc-post-header,
	.pc-post-content { padding-left: 16px; padding-right: 16px; }
}