/* Timely Treasures — Phase 1: warm, quiet journal styling */
body { background: #f7f3e9; color: #343832; font-family: Georgia, "Times New Roman", serif; font-size: 17px; line-height: 1.8; }
.site-header, .site-footer { background: #f7f3e9; color: #343832; }
a { color: #5b6547; }
a:hover, a:focus { color: #414c33; }
h1, h2, h3, h4, .site-title { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: 0; color: #343832; }
.site-title, .site-title a { font-size: 30px; line-height: 1.2; color: #343832; }
.site-description { font-size: 14px; line-height: 1.5; font-style: italic; color: #73736a; }
.site-header { border-bottom: 1px solid #ded9cd; padding-top: 28px; padding-bottom: 24px; }
.main-navigation, .main-navigation a { font-family: Arial, sans-serif; font-size: 13px; font-weight: 400; color: #343832; }
.entry-title { font-size: 34px; line-height: 1.25; }
.entry-content h1 { font-size: 34px; line-height: 1.3; }
.entry-content h2, .wp-block-post-title { font-size: 28px; line-height: 1.35; }
.entry-content h3 { font-size: 24px; line-height: 1.4; }
.entry-content p, .entry-content li { font-size: 17px; line-height: 1.8; }
.entry-content blockquote { color: #606650; border-left-color: #77805e; font-size: 17px; font-style: italic; }
.entry-content blockquote p { font-size: 17px; }
.wp-block-post-date, .entry-meta { font-family: Arial, sans-serif; font-size: 12px; color: #77776e; }
.site-footer { border-top: 1px solid #ded9cd; font-size: 13px; padding-top: 28px; padding-bottom: 28px; }
.single .entry-content { max-width: 680px; margin-left: auto; margin-right: auto; }
@media (max-width: 600px) {
 .site-title, .site-title a { font-size: 28px; }
 .entry-title, .entry-content h1 { font-size: 30px; }
 .entry-content h2, .wp-block-post-title { font-size: 25px; }
 .site-header { padding-top: 22px; padding-bottom: 20px; }
}

/* Match Morden's more specific color and layout rules. */
body #page, body #masthead, body .site-content, body .entry-header, body #colophon { background-color: #f7f3e9; }
body #page { box-shadow: none; }
body #masthead .site-title a, body #masthead .main-navigation a { color: #343832; }
body #masthead .main-navigation a { font-size: 13px; }
body #masthead .site-description { color: #73736a; }
body #masthead .sub-menu { background: #f7f3e9; border-color: #ded9cd; }
body.home .entry-header { display: none; }
body.home .entry-content { padding-top: 42px; }
body #masthead .site-header-wrap { max-width: 1040px; margin-left: auto; margin-right: auto; }

/* Homepage draft and responsive card layout. */
body.page-id-209 .entry-header { display: none; }
body.page-id-209 .entry-content, body.home .entry-content { padding-top: 24px; }
body .tt-home { max-width: 960px; }
body .tt-home p { margin-top: 16px; margin-bottom: 16px; }
body .tt-home h1, body .tt-home h2 { margin-top: 20px; margin-bottom: 20px; }
body .tt-home .wp-block-columns { gap: 36px; }
body .tt-home .wp-block-image img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
body .tt-home .wp-block-post-featured-image:not(:has(img)) { display: none; }
body .tt-home .wp-block-post-template { padding-left: 0; gap: 28px; }
body .tt-home .wp-block-post-template > li { margin: 0; padding-top: 16px; border-top: 1px solid #ded9cd; }
body .tt-home .wp-block-post-title { margin-top: 12px; margin-bottom: 12px; }
body .tt-home .wp-block-post-terms { font-family: Arial, sans-serif; font-size: 11px; }
@media (max-width: 700px) { body .tt-home .wp-block-post-template { grid-template-columns: 1fr; } }

/* Article and category reading layouts. */
body.single .site-main { max-width: 760px; margin: 0 auto; padding: 48px 24px; }
body.single article.entry { margin: 0; padding: 0; }
body.single article .entry-header { display: flex; flex-direction: column; align-items: flex-start; padding: 0; margin: 0 0 32px; text-align: left; background: transparent; }
body.single article .entry-header .entry-meta { display: flex; flex-wrap: wrap; gap: 14px; order: -1; margin: 0 0 18px; font-size: 12px; }
body.single article .entry-meta .byline, body.single article .entry-meta svg { display: none; }
body.single article .entry-title { margin: 0; font-size: 34px; font-weight: 400; }
body.single article .entry-content { max-width: 680px; margin: 0; padding: 0; }
body.single article .entry-content > p, body.single article .entry-content > ul, body.single article .entry-content > ol { margin-top: 0; margin-bottom: 24px; }
body.single article .entry-content blockquote { margin: 32px 0; padding: 18px 24px; background: #eeeade; border-left: 2px solid #77805e; }
body.single article .entry-footer { max-width: 680px; margin: 32px 0; padding: 20px 0; border-top: 1px solid #ded9cd; font-family: Arial, sans-serif; font-size: 12px; }
body.single .post-navigation, body.single .comments-area { max-width: 680px; margin: 36px 0; }
body.single .entry-content img { max-width: 100%; height: auto; }
body.single .entry .post-thumbnail { max-width: 680px; margin: 0 0 32px; }
body.single .entry .post-thumbnail img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
body.archive .site-main { max-width: 820px; margin: 0 auto; padding: 44px 24px; }
body.archive .page-header { background: transparent; padding: 0 0 28px; margin: 0 0 28px; border-bottom: 1px solid #ded9cd; text-align: left; }
body.category .page-title { font-size: 0; }
body.category .page-title .page-description { display: block; font-family: Georgia, serif; font-size: 34px; font-weight: 400; color: #343832; }
body.archive article.entry { margin: 0 0 32px; padding: 0 0 32px; border-bottom: 1px solid #ded9cd; }
body.archive article .entry-header { padding: 0; margin: 0 0 18px; text-align: left; background: transparent; }
body.archive article .entry-title { font-size: 28px; margin: 0; }
body.archive article .entry-content, body.archive article .entry-summary { padding: 0; margin: 0; }
body.archive article .entry-footer { padding: 0; margin: 18px 0 0; font-family: Arial, sans-serif; font-size: 12px; color: #77776e; }
body.archive article .entry-footer .byline, body.archive article .entry-footer svg, body.archive article .entry-footer .comments-link { display: none; }
body.archive article .post-thumbnail { max-width: 100%; margin: 0 0 24px; }
body.archive article .post-thumbnail img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
@media (max-width: 600px) {
 body.single .site-main, body.archive .site-main { padding: 32px 20px; }
 body.single article .entry-title, body.category .page-title .page-description { font-size: 30px; }
 body.archive article .entry-title { font-size: 25px; }
}

/* Remove Morden title panels and preserve existing image content. */
body.single #page .entry-header .entry-title, body.archive #page .entry-header .entry-title, body.archive #page .page-title { background: transparent; padding: 0; margin: 0; width: 100%; }
body.archive #page .page-header { background: transparent; }
body.single #page .entry-meta { position: static; height: auto; margin: 0 0 18px; }
body.single #page .entry-header { width: 100%; }
body.single #page .post-thumbnail img { aspect-ratio: auto; max-height: 360px; width: 100%; object-fit: contain; }
body.archive #page .post-thumbnail { max-width: 360px; }
body.archive #page .post-thumbnail img { aspect-ratio: auto; height: auto; max-height: 240px; object-fit: contain; }

/* Keep the journal palette and type consistent on small screens. */
@media (max-width: 700px) {
 body, body #page, body #masthead, body .site-content, body #colophon { background-color: #f7f3e9 !important; }
 body #page { color: #343832; font-family: Georgia, "Times New Roman", serif !important; }
 body #page h1, body #page h2, body #page h3, body #page p, body #page li { font-family: Georgia, "Times New Roman", serif; }
 body #masthead .main-navigation a { font-family: Arial, sans-serif; }
}

/* About page: a calm reading column. */
body.page-id-170 .site-main {max-width:760px;margin:0 auto;padding:48px 24px;}
body.page-id-170 #page .entry-header {padding:0;margin:0 0 32px;text-align:left;background:transparent;}
body.page-id-170 #page .entry-title {background:transparent;padding:0;margin:0;font-size:34px;}
body.page-id-170 .entry-content {padding:0;max-width:680px;margin:0;}
body.page-id-170 .entry-content p {margin:0 0 24px;}
body.page-id-170 .entry-content h2 {margin:32px 0 18px;}
body.page-id-170 .sharedaddy, body.page-id-170 .jetpack-likes-widget-wrapper {display:none;}
body.single.postid-137 .post-thumbnail,body.single.postid-90 .post-thumbnail,body.single.postid-82 .post-thumbnail {display:none;}
@media(max-width:600px){body.page-id-170 .site-main{padding:32px 20px;}}

body #colophon .widget-area{background:transparent;padding:28px 24px 0;margin:0 auto;max-width:1040px;}
.tt-footer{text-align:center;color:#77776e;}
.tt-footer p{margin:0 0 12px;font-size:14px;}
.tt-footer .tt-footer-name{font-size:22px;color:#343832;}
.tt-footer nav{font-family:Arial,sans-serif;font-size:13px;margin:16px 0;}
.tt-footer .tt-copyright{font-size:12px;}

body #colophon .widget-area{display:block;}
body #colophon .widget-area .widget{width:100%;max-width:100%;margin:0;padding:0;}

/* Keep dropdown labels legible on the dark menu panel. */
body #masthead #site-navigation .sub-menu a, body #masthead #site-navigation .sub-menu a:visited, body #masthead #site-navigation .sub-menu a:hover, body #masthead #site-navigation .sub-menu a:focus {color:#fff !important;}

/* Retain the original inline image without a duplicate article thumbnail. */
body.single.postid-78 .post-thumbnail,body.single.postid-73 .post-thumbnail,body.single.postid-66 .post-thumbnail,body.single.postid-61 .post-thumbnail,body.single.postid-56 .post-thumbnail,body.single.postid-49 .post-thumbnail,body.single.postid-40 .post-thumbnail,body.single.postid-34 .post-thumbnail,body.single.postid-29 .post-thumbnail{display:none;}

/* Full-width responsive page banners. */
body.home #content::before,body.category-reflections #content::before{content:"";display:block;width:100vw;position:relative;left:50%;margin-left:-50vw;background-size:cover;background-repeat:no-repeat;}
body.home #content::before{height:clamp(220px,32vw,440px);background-image:url("https://timelytreasures.blog/wp-content/uploads/2026/10/exec-04ad4ad7-1efb-4a07-9f39-d9e18d81be76.png");background-position:65% center;}
body.category-reflections #content::before{height:clamp(180px,24vw,320px);background-image:url("https://timelytreasures.blog/wp-content/uploads/2026/10/exec-b9272233-daf5-452a-b755-2bbbf12cc52a.png");background-position:40% center;}
body.home #content .tt-home{padding-top:36px;}
body.home #content .tt-home > .wp-block-group:first-child{padding-top:0 !important;}
@media(max-width:700px){body.home #content::before{height:240px;background-position:66% center;}body.category-reflections #content::before{height:190px;background-position:38% center;}}

body.home,body.category-reflections{overflow-x:clip;}
body.home #page,body.category-reflections #page{overflow:visible;}
body.home #main{padding-top:0;}
body.home .entry-content{padding-top:0;margin-top:0;}

/* Readable dropdown links when the mobile menu is expanded. */
@media(max-width:700px){body #masthead #site-navigation .sub-menu{background:#f7f3e9 !important;}body #masthead #site-navigation .sub-menu a,body #masthead #site-navigation .sub-menu a:visited,body #masthead #site-navigation .sub-menu a:hover,body #masthead #site-navigation .sub-menu a:focus{color:#343832 !important;}}

@media(max-width:700px){body #masthead #site-navigation .main-menu-container{background:#f7f3e9 !important;}body #masthead #site-navigation .main-menu a,body #masthead #site-navigation .main-menu a:visited,body #masthead #site-navigation .main-menu a:hover,body #masthead #site-navigation .main-menu a:focus{color:#343832 !important;}}

/* Responsive blossom banner above the About page. */
body.page-id-170{overflow-x:clip;}body.page-id-170 #page{overflow:visible;}
body.page-id-170 #content::before{content:"";display:block;width:100vw;position:relative;left:50%;margin-left:-50vw;height:clamp(180px,24vw,320px);background-image:url("https://timelytreasures.blog/wp-content/uploads/2026/10/exec-b9272233-daf5-452a-b755-2bbbf12cc52a.png");background-size:cover;background-repeat:no-repeat;background-position:40% center;}
@media(max-width:700px){body.page-id-170 #content::before{height:190px;background-position:38% center;}}

/* Keep tablet headers and dropdowns inside the viewport. */
@media(min-width:701px) and (max-width:1100px){body #masthead .site-header-wrap{width:calc(100% - 48px);max-width:1040px;box-sizing:border-box;}}
@media(min-width:701px){body #masthead #site-navigation .main-menu > .menu-item-has-children > .sub-menu{left:auto;right:0;max-width:calc(100vw - 48px);}body #masthead #site-navigation .sub-menu a{white-space:normal;overflow-wrap:break-word;}}