/*
Theme Name: PantryJoy
Description: PantryJoy's editorial WordPress theme for recipes, guides and kitchen tips.
Version: 1.0
Text Domain: pantryjoy
*/

body { margin: 0; min-height: 100vh; display: block; }
.wp-site-blocks { display: flex; flex-direction: column; min-height: 100vh; }
.wp-site-blocks > main { flex: 1; }
#MainContent { min-width: 0; }
img { max-width: 100%; }
.pj-masthead, .pj-footer { background: #fff; }
.pj-masthead { border-bottom: 1px solid #e6e6e6; position: relative; z-index: 3; }
.pj-masthead-inner { display: flex; align-items: center; gap: 3rem; min-height: 7rem; padding-top: 1rem; padding-bottom: 1rem; }
.pj-brand img { display: block; width: 230px; max-width: 50vw; height: auto; }
.pj-links { list-style: none; margin: 0; padding: 0; }
.pj-primary-nav a, .pj-footer a { color: #343434; text-decoration: none; }
.pj-primary-nav a { padding: 1.2rem; line-height: 1.4; }
.pj-primary-nav a[aria-current="page"], .pj-primary-nav a:hover, .pj-footer a:hover { text-decoration: underline; text-underline-offset: .3rem; }
.pj-footer { margin-top: 4.5rem; border-top: 1px solid #e6e6e6; }
.pj-footer-inner { padding-top: 4rem; padding-bottom: 3rem; }
.pj-footer-links a { padding: .6rem 0; }
.pj-footer .wp-block-social-links { gap: 2rem; }
.pj-copyright { padding-top: 2rem; padding-bottom: 2rem; border-top: 1px solid #eee; font-size: 1.3rem; }
.pj-title { margin-top: 4.5rem; }
.pj-title .wp-block-post-date { margin-top: .8rem; color: #555; }
.pj-featured { max-width: 110rem; margin: 2.5rem auto; }
.pj-featured img, .rte figure img { display: block; height: auto; }
.pj-reader { margin-top: 4rem; margin-bottom: 6rem; }
.pj-reader h1 { margin: 0 0 2.5rem; }
.wp-block-search { margin-bottom: 3rem; }
.wp-block-search__label { display: block; margin-bottom: .5rem; }
.wp-block-search__input, .wp-block-search__button { font: inherit; min-height: 4.4rem; border: 1px solid #767676; padding: .6rem 1rem; }
.wp-block-search__button { background: #1c2a39; color: #fff; cursor: pointer; }
.pj-results { list-style: none; margin: 0; padding: 0; }
.pj-results li { padding: 1.5rem 0; border-top: 1px solid #ddd; }
.pj-results h2 { margin: 0; font-size: 2.2rem; }
.pj-results a { color: inherit; text-underline-offset: .3rem; }
.pj-page-content { display: flow-root; }

@media (max-width: 599px) {
	.pj-masthead-inner { justify-content: center; position: relative; }
	.pj-primary-nav { position: absolute; left: 1.5rem; }
	.pj-primary-nav .wp-block-navigation__responsive-container-open { width: 4.4rem; height: 4.4rem; justify-content: center; align-items: center; }
}
@media print {
	.pj-masthead, .pj-footer { display: none !important; }
}