/*
Theme Name: Pickle Country Child
Theme URI: https://picklecountry.com/
Description: Child theme for PickleCountry.com using GeneratePress.
Author: Diane
Template: generatepress
Version: 1.0.0
Text Domain: pickle-country-child
*/

/* Add Pickle Country custom CSS below this line. */
/* ==================================================
   PICKLE COUNTRY HOME PAGE
   ================================================== */

.pc-home {
	max-width: 1000px;
	margin: 0 auto;
	color: #2f3529;
	line-height: 1.7;
}


/* Welcome */

.pc-welcome {
	text-align: center;
	padding: 20px 25px 35px;
}

.pc-welcome h1 {
	margin: 0 0 8px;
	color: #315b32;
	font-size: 2.3em;
	line-height: 1.2;
}

.pc-subtitle {
	margin: 0 0 25px;
	color: #8a642f;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
}

.pc-welcome p {
	max-width: 760px;
	margin: 0 auto 15px;
	font-size: 1.05em;
}


/* Main cards */

.pc-home-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 22px;
	margin: 20px 0 45px;
}

.pc-home-card {
	display: block;
	background: #fffdf7;
	border: 1px solid #d8e3ce;
	border-radius: 8px;
	padding: 28px;
	text-decoration: none;
	color: #2f3529;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.pc-home-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 14px rgba(0, 0, 0, 0.09);
}

.pc-card-icon {
	display: block;
	font-size: 2.2em;
	margin-bottom: 8px;
}

.pc-home-card h2 {
	margin: 0 0 10px;
	color: #315b32;
	font-size: 1.45em;
}

.pc-home-card p {
	margin: 0 0 15px;
}

.pc-card-link {
	color: #8a642f;
	font-weight: bold;
}


/* Featured Recipe Barn section */

.pc-feature {
	margin: 45px 0;
}

.pc-feature > h2,
.pc-growing h2 {
	text-align: center;
	color: #315b32;
	font-size: 1.8em;
	margin-bottom: 22px;
}

.pc-feature-box {
	background: #f8f1dc;
	border-left: 6px solid #c7a64b;
	padding: 28px 30px;
	border-radius: 5px;
}

.pc-feature-box h3 {
	margin-top: 0;
	color: #704b24;
	font-size: 1.35em;
}


/* Button */

.pc-button {
	display: inline-block;
	background: #315b32;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
	padding: 11px 20px;
	margin-top: 8px;
	border-radius: 4px;
}

.pc-button:hover {
	background: #244725;
	color: #ffffff !important;
}


/* What's growing */

.pc-growing {
	background: #f0f7e9;
	padding: 30px;
	margin: 45px 0;
	border-radius: 8px;
	text-align: center;
}

.pc-growing p {
	max-width: 740px;
	margin: 0 auto 12px;
}


/* Signoff */

.pc-signoff {
	text-align: center;
	border-top: 2px solid #d8e3ce;
	padding: 30px 20px 10px;
	margin-top: 40px;
}

.pc-signoff-main {
	color: #315b32;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}


/* Mobile */

@media (max-width: 700px) {

	.pc-home-grid {
		grid-template-columns: 1fr;
	}

	.pc-welcome h1 {
		font-size: 1.9em;
	}

	.pc-home-card {
		padding: 22px;
	}

	.pc-feature-box,
	.pc-growing {
		padding: 22px;
	}
}
/* Full-width dividers on Pickle Country home page */
.pc-home hr {
	width: 100%;
	border: 0;
	border-top: 1px solid #d8e3ce;
	margin: 35px 0;
}

.pc-home-grid hr {
	grid-column: 1 / -1;
}
/* ==================================================
   PICKLE COUNTRY ARTICLE STYLES
   ================================================== */

.pc-article {
    font-family: Georgia, serif;
    line-height: 1.65;
    color: #2f2a21;
}

.pc-article h1,
.pc-article h2,
.pc-article h3 {
    font-family: Georgia, serif;
    color: #52682d;
    line-height: 1.2;
}

.pc-article h1 {
    font-size: 2.4rem;
}

.pc-article h2 {
    margin-top: 2.2rem;
    border-bottom: 2px solid #e7d7a7;
    padding-bottom: .35rem;
}

.pc-article img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 16px 0;
}

.pc-article figure {
    margin: 24px 0;
}

.pc-article figcaption {
    font-size: .92rem;
    color: #6a6258;
    font-style: italic;
}

.pc-article .note {
    background: #fff6d8;
    border-left: 5px solid #d8b84f;
    padding: 14px 18px;
    margin: 22px 0;
}

.pc-article .test-box {
    background: #f5f7ee;
    border: 1px solid #d7dfc6;
    padding: 18px;
    margin: 24px 0;
    border-radius: 8px;
}

.pc-article .small {
    font-size: .92rem;
    color: #6a6258;
}
.pc-photo-row {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin: 24px 0;
}

.pc-photo-row img {
    width: auto;
    max-width: 45%;
    height: auto;
    margin: 0;
}

@media (max-width: 700px) {
    .pc-photo-row img {
        max-width: 100%;
    }
}