/*
Theme Name:  dvanpelt 2027
Theme URI:   https://hmmagazine.com/dvanpelt/
Description: The blog theme for Doug Van Pelt's site, and a child of HM Magazine 2027. IMPORTANT: the parent theme is NOT in this install — it lives in the magazine's own themes folder and is shared by both sites, so one fix reaches both. That sharing is set up by the "HM Shared Theme Directory" must-use plugin; if that is removed, this theme can no longer find its parent. What this child changes: the home page leads with the latest post full width, a strip of recent HM Magazine headlines fills the black band beneath it so readers can move between the two sites, and the sidebar is a single playlist which is editable from Appearance → Widgets ("Sidebar") — drop a Custom HTML widget in with any embed code. The magazine's galleries, features, podcasts and issues do not exist here, so everything that would render them is left out rather than showing empty headings.
Author:      David Stagg
Author URI:  https://hmmagazine.com/
Template:    hm2027
Version:     1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dvanpelt2027
Tags:        blog, one-column, two-columns, right-sidebar, custom-menu, featured-images, threaded-comments
*/

/*
 * Nothing is copied from the parent. Only the differences belong here — if a rule
 * would be identical in both, it belongs in hm2027 so both sites get it.
 *
 * The parent's style.css is enqueued ahead of this file by functions.php; see the
 * note there for why that is not automatic in a child theme.
 */

/* This is a blog, not a magazine: one column of posts, no editorial furniture. */
.jumpers {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jumpers > li {
	margin: 0 0 48px;
}

.jumpers article figure {
	margin: 0 0 16px;
}

.jumpers article figure img {
	display: block;
	width: 100%;
	height: auto;
}

.jumpers .content-side .extras {
	margin: 0 0 8px;
}

.jumpers .content-side h2 {
	margin: 0 0 12px;
}

.jumpers .content-side .excerpt {
	margin: 0 0 16px;
}

/* ------------------------------------------------------------------ *
 * 1. The latest post, full width.
 *
 * The parent renders .the-latest inside .init, a three-across row beside a
 * feature cover and a podcast. Neither exists here, so it is lifted out and
 * given the same 984px measure as .lower-home below it — the two then line
 * up instead of the hero sitting in a third of the page.
 *
 * The parent's margin rule is scoped `.init .the-latest`, so removing that
 * wrapper drops the spacing too. Restated here rather than left to collapse.
 * ------------------------------------------------------------------ */
.dv-latest {
	max-width: 984px;
	margin: 40px auto 48px;
}

.dv-latest .feed-item {
	padding: 0;
	border: 0;
	margin: 0;
}

/* ------------------------------------------------------------------ *
 * 3. The sidebar is one playlist now, so it needs no internal rhythm.
 * ------------------------------------------------------------------ */
.dv-playlist {
	border: 0;
	padding: 0;
}

@media (max-width: 1040px) {
	.dv-latest {
		max-width: none;
		padding-left: 16px;
		padding-right: 16px;
	}
}