/*
Theme Name: First-Time Mom, Every Time: Home V4
Author: Vicki
Description: The home-v4-proposed journal design with editable homepage text and photographs, live essay links, and matching post and archive layouts. Standalone classic theme; no parent theme required.
Version: 1.0.3
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: first-time-mom-home-v4
Tags: blog, two-columns, custom-menu, featured-images, translation-ready
*/

:root{--ground:#2a2420;--panel:#352d28;--line:#7d6c5e;--cream:#efe7da;--text:#f2eee5;--soft:#d9cfc2;--accent:#efb29b;--clay:#b85f48;--btn:#a3503b;--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",Arial,sans-serif;--m:clamp(18px,3vw,42px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--text);font:18px/1.55 var(--serif)}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-underline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px var(--m);flex-wrap:wrap}
.wordmark{font-size:clamp(24px,2.8vw,40px);text-decoration:none;letter-spacing:-.02em}
.bar nav{display:flex;gap:26px;font:15px/1.3 var(--sans)}.bar nav a{text-decoration:none;transition:color .2s}.bar nav a:hover{color:var(--accent)}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:30px 5%;padding:20px var(--m) 0}
.photos{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;padding-bottom:54px;width:min(100%,680px)}
.photos figure{margin:0;aspect-ratio:2/3;padding:6px;background:var(--cream);overflow:hidden}
.photos figure:first-child{transform:translateY(54px)}
.photos img{transition:transform 1.2s ease;animation:drift 14s ease-in-out infinite alternate}@keyframes drift{to{transform:scale(1.06)}}.photos figure:hover img{transform:scale(1.04)}
.hero-copy{align-self:center}
h1{grid-column:1/-1;max-width:1100px;margin:10px 0 20px;font-weight:400;font-size:clamp(42px,5.2vw,78px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.lede{max-width:34ch;margin:0;color:var(--soft);font-size:20px;line-height:1.45}
.button{display:inline-block;margin-top:30px;padding:15px 22px;background:var(--btn);color:#fff;font:15px/1.3 var(--sans);text-decoration:none;transition:transform .15s,background .2s}
.button:hover{background:#8f4533}.button:active{transform:scale(.97)}
.route{grid-column:1/-1;display:flex;align-items:center;gap:18px;color:#bfb2a3;font:14px/1.3 var(--sans);margin-top:16px}
.route::before,.route::after{content:"";flex:1;height:2px;background:var(--line)}
.route strong{color:var(--accent);font-weight:400}
.caption{margin:40px 0 0;color:var(--accent);font:14px/1.3 var(--sans)}
section{padding-block:clamp(80px,10vw,160px) 0}.notebook{padding-block:clamp(60px,8vw,120px)}
.featured,.notebook{padding-inline:var(--m)}
h2{margin:0 0 40px;font-weight:400;font-size:clamp(36px,4vw,58px);letter-spacing:-.03em;line-height:1}
h3{margin:0;font-weight:400;font-size:clamp(32px,3.3vw,48px);line-height:1.05;letter-spacing:-.03em}
h3 a{text-decoration:none}h3 a:hover{color:var(--accent)}
.meta{color:#bfb2a3;font:14px/1.45 var(--sans);margin:12px 0 18px}
.more{color:var(--accent)}
.lead-essay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:start;background:var(--panel);padding:clamp(28px,5vw,80px);max-width:none}
.lead-essay h3{font-size:clamp(42px,4.5vw,64px)}.lead-essay p{font-size:19px;max-width:52ch}.lead-summary{max-width:52ch}
.second-essay{margin-top:3px;background:#30292a;padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:0 6%;align-items:start}.second-essay h3{grid-row:span 3}.second-essay>*{grid-column:auto}.second-essay .meta,.second-essay p,.second-essay .more{grid-column:2}

.second-essay p{max-width:46ch}.second-essay .meta{margin-top:12px}
.notebook{margin-top:clamp(80px,10vw,160px);padding-block:clamp(60px,8vw,120px);background:var(--cream);color:#2a2420;display:grid;grid-template-columns:1fr 1fr;gap:0 6%;align-items:start}
.notebook h2{grid-row:span 2}
.notebook p{margin:0 0 18px;font-size:19px;line-height:1.5;max-width:40ch}
.notebook .soon{font-size:16px;color:#5a4c40}
.site-footer{margin-top:clamp(80px,10vw,160px);background:var(--panel);padding:70px var(--m) 30px;display:grid;grid-template-columns:1fr 1fr;gap:40px 6%}
.site-footer h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:14px}
.bio{display:flex;gap:22px;align-items:flex-start}
.avatar{flex:none;width:72px;height:72px;border-radius:50%;background:var(--clay);color:#fff;display:grid;place-items:center;font-size:36px}
.subscribe p{max-width:34ch;margin:0 0 18px;color:var(--soft)}
.footer-link{font:15px/1.4 var(--sans);color:var(--accent);text-underline-offset:4px}
.row{display:flex;gap:8px;flex-wrap:wrap}
input{flex:1;min-width:0;padding:14px;font:inherit;font-size:16px;border:2px solid var(--line);background:var(--ground);color:var(--text)}
button{padding:14px 22px;font:inherit;font-size:16px;background:var(--btn);color:#fff;border:0;cursor:pointer;transition:transform .15s,background .2s}
button:hover{background:#8f4533}button:active{transform:scale(.97)}
.status{min-height:1.5em;font-size:16px;color:var(--accent)}
.name{grid-column:1/-1;margin:30px 0 0;font-size:clamp(40px,5vw,76px);line-height:1.02;letter-spacing:-.035em}
.credits{grid-column:1/-1;font:14px/1.45 var(--sans);color:#bfb2a3;margin:0}
.js .rise{opacity:0;translate:0 24px;transition:opacity .7s ease,translate .7s ease}
.js .rise.in{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){.photos img{animation:none}.js .rise{opacity:1;translate:none;transition:none}.photos img{transition:none}}
@media (min-width:761px){
 .bar{padding-block:16px}
 .wordmark{font-size:clamp(24px,2.4vw,34px)}
 .hero{padding-top:8px}
 h1{max-width:900px;margin:4px 0 12px;font-size:clamp(36px,3.4vw,56px)}
 .photos{padding-bottom:24px}
 .photos figure{aspect-ratio:4/5}
 .photos figure:first-child{transform:translateY(24px)}
}
@media (max-width:760px){
 .hero,.notebook,.site-footer,.second-essay{grid-template-columns:1fr}.second-essay h3{grid-row:auto}.second-essay .meta,.second-essay p,.second-essay .more{grid-column:1}
 .photos{padding-bottom:24px}.photos figure:first-child{transform:translateY(24px)}
 h1{font-size:clamp(34px,9vw,50px);line-height:1.05}
 .lead-essay{display:block}.lead-summary{margin-top:28px}
 .route{font-size:14px;gap:10px}
 .notebook h2{grid-row:auto}.notebook p{font-size:18px}.second-essay{margin-top:48px}
 .bar nav{gap:18px}
}

/* WordPress navigation and reading templates. The homepage keeps the proposed design. */
html{scroll-padding-top:32px}
img{max-width:100%;height:auto}
.photos img{width:100%;height:100%}
.bar nav ul{display:flex;flex-wrap:wrap;gap:26px;margin:0;padding:0;list-style:none}
.bar nav .current-menu-item>a{color:var(--accent)}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{top:12px;left:18px;z-index:100001;width:auto;height:auto;margin:0;clip-path:none;white-space:normal;padding:14px 20px;background:var(--cream);color:var(--ground)}
.all-essays{display:inline-block;margin-top:28px}
.reading-page,.essay-index{max-width:1100px;margin:60px auto 0;padding:0 var(--m)}
.reading-page{max-width:900px}
.reading-page h1,.archive-heading h1{font-size:clamp(36px,5.2vw,68px);max-width:100%;overflow-wrap:anywhere}
.entry-header .meta{margin:24px 0 36px}
.entry-image{margin:36px 0}
.entry-image img{width:100%;height:auto}
.entry-content{font-size:20px;line-height:1.7;overflow-wrap:anywhere}
.entry-content p{margin:0 0 1.3em}
.entry-content h2,.entry-content h3{margin:1.5em 0 .65em;line-height:1.15}
.entry-content h2{font-size:clamp(28px,3.5vw,42px)}
.entry-content h3{font-size:clamp(24px,3vw,34px)}
.entry-content a,.comment-content a{color:var(--accent)}
.entry-content img{height:auto;object-fit:contain}
.entry-content figure{max-width:100%;margin:28px 0}
.entry-content figcaption,.wp-caption-text{font:15px/1.5 var(--sans);color:var(--soft)}
.entry-content blockquote{margin:32px 0;padding:24px;background:var(--panel)}
.entry-content pre{padding:22px;background:var(--panel);overflow:auto}
.entry-content table{border-collapse:collapse;width:100%}
.entry-content td,.entry-content th{padding:12px;text-align:left;border:1px solid var(--line)}
.entry-content iframe,.entry-content video{max-width:100%}
.alignleft{float:left;margin:0 24px 20px 0}.alignright{float:right;margin:0 0 20px 24px}.aligncenter{display:block;margin-inline:auto}
.entry-content:after{content:"";display:block;clear:both}
.essay-list{margin-top:40px}
.essay-preview{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:42px;background:var(--panel);margin-bottom:4px}
.essay-preview h2{font-size:clamp(30px,3.5vw,48px);margin:0}
.essay-preview h2 a{text-decoration:none}
.essay-preview .meta{margin-top:0}
.navigation{margin:40px 0;font:16px/1.5 var(--sans)}
.nav-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}
.nav-links a{color:var(--accent)}
.page-numbers{display:inline-block;padding:8px 12px;background:var(--panel)}
.comments-area{padding-top:52px;margin-top:40px;font-size:18px}
.comments-area h2{font-size:36px}.comment-reply-title{font-size:28px}
.comment-list{list-style:none;padding:0}.comment-list .children{list-style:none;padding-left:24px}
.comment-body{padding:24px;background:var(--panel);margin-bottom:18px}
.comment-body .comment-meta{margin:0;padding:0;background:none;display:block}
.comment-author img{display:inline-block;width:48px;height:48px;vertical-align:middle;margin-right:10px}
.comment-metadata,.reply{font:14px/1.5 var(--sans)}
.comment-form label{display:block;margin-bottom:8px}
.comment-form input:not([type=checkbox]),.comment-form textarea,.post-password-form input[type=password]{max-width:100%;width:100%;padding:14px;background:var(--ground);color:var(--text);border:2px solid var(--line);font:inherit}
.comment-form textarea{min-height:160px}
.comment-form .comment-form-cookies-consent label{display:inline}
.comment-form .submit,.post-password-form input[type=submit]{width:auto;padding:14px 22px;background:var(--btn);border:0;color:#fff;cursor:pointer}
textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.search-form{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0;align-items:center}
.search-form label{flex:1}.search-form input{width:100%;min-width:150px}
.bypostauthor>.comment-body{background:var(--ground)}
@media(max-width:760px){
 .bar nav ul{gap:18px}
 .essay-preview{grid-template-columns:1fr;gap:24px;padding:28px}
 .reading-page,.essay-index{margin-top:36px}
 .entry-content{font-size:18px}
 .alignleft,.alignright{float:none;margin:24px 0}
 .comment-list .children{padding-left:12px}
}
@media print{
 .bar nav,.site-footer,.comments-area,.navigation,.button{display:none}
 body{background:white;color:black}
 .js .rise{opacity:1;translate:none}
}