/*
Theme Name: Typical Living
Author: Typical Celebrity
Description: A timeless lifestyle magazine theme for Typical Celebrity, with an ivory and burgundy palette, curated lifestyle homepage and responsive article layouts.
Version: 1.0.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: typical-living
*/
:root{--paper:#faf8f3;--ink:#292923;--muted:#6c6a61;--line:#dedbd2;--accent:#782f45;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,.button,input[type=submit]{cursor:pointer}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.12}h1,h2,h3,p{margin-top:0}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.prose{width:min(760px,calc(100% - 48px));margin-inline:auto}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;background:white;padding:12px;z-index:10000}.masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:33px 0 28px;gap:24px}.edition{font-size:9px;letter-spacing:2px;margin:0;max-width:160px}.brand{text-align:center;font:bold clamp(28px,3.7vw,46px)/1.1 var(--serif);letter-spacing:-1.7px}.brand a{text-decoration:none}.custom-logo{max-width:330px;max-height:90px;width:auto;object-fit:contain}.masthead-tag{text-align:right;font:italic 14px var(--serif);margin:0}.nav-wrap{border-block:1px solid var(--line)}.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:59px}.menu{display:flex;flex-wrap:wrap;gap:30px;list-style:none;padding:0;margin:0}.menu a{font-size:12px;font-weight:500;text-decoration:none}.menu li{position:relative}.menu .sub-menu{list-style:none;padding:12px 18px;min-width:200px;background:var(--paper);border:1px solid var(--line);position:absolute;z-index:10;display:none;left:0;top:100%}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.menu .sub-menu a{display:block;padding:6px 0}.menu .sub-menu .sub-menu{position:static;border:0;padding:0 0 0 12px}.header-search{position:relative;margin-left:auto}.header-search summary,.mobile-menu summary{cursor:pointer;font-size:12px;list-style:none}.header-search summary span{font-size:22px;vertical-align:middle;margin-left:9px}.search-popover{position:absolute;right:0;top:44px;width:min(400px,85vw);padding:20px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 30px #29292314;z-index:20}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-block:55px 65px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);line-height:1.6}.hero h1{font-size:clamp(46px,5.2vw,70px);letter-spacing:-2.5px;margin:22px 0 26px;max-width:570px}.hero-intro{font-size:16px;line-height:1.9;color:var(--muted);max-width:430px;margin-bottom:30px}.button{display:inline-flex;gap:36px;align-items:center;padding:14px 23px;background:var(--accent);color:#fff;text-decoration:none;font-size:12px;border:1px solid var(--accent)}.button:hover{color:#fff;filter:brightness(.9)}.hero-footnote{font-size:8px;letter-spacing:2px;margin:30px 0 0;color:var(--muted)}.hero-visual{position:relative;padding-bottom:29px}.hero-photo{width:100%;height:530px;object-fit:cover;display:block;border-radius:48% 48% 2px 2px}.hero-caption{position:absolute;bottom:0;left:28px;right:28px;padding:17px 20px;background:#eee9dd;display:flex;justify-content:space-between;align-items:center;gap:16px}.hero-caption span{font-size:8px;letter-spacing:1.8px}.hero-caption em{font-family:var(--serif);font-size:18px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading h2{font-size:38px;letter-spacing:-1px;margin:7px 0 0}.section-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin:10px 0 0}.section-heading .eyebrow{margin:0}.explore{padding:40px 0 60px;border-top:1px solid var(--line)}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.topic-card{position:relative;padding:23px 23px 37px;text-decoration:none;border:1px solid var(--line);background:#f0eee5;min-height:218px}.topic-card:nth-child(2){background:#f4eae5}.topic-card:nth-child(3){background:#e9ece3}.topic-card:nth-child(4){background:#eee8eb}.topic-card:hover{border-color:var(--accent)}.topic-number{font-size:10px;color:var(--muted)}.topic-card h3{font-size:26px;margin:23px 0 13px;max-width:220px}.topic-card p{font-size:12px;line-height:1.6;max-width:190px;color:var(--muted)}.topic-arrow{position:absolute;right:18px;bottom:12px;font-size:24px}.latest{padding-bottom:65px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.story-card{min-width:0}.card-image{display:block;overflow:hidden;aspect-ratio:4/3;background:#ece7dc}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-body{padding:20px 0;border-bottom:1px solid var(--line)}.card-category{font-size:9px;letter-spacing:1px}.card-category a{text-decoration:none}.story-card h3{font-size:29px;margin:12px 0 15px;overflow-wrap:anywhere}.story-card h3 a{text-decoration:none}.card-body>p{font-size:14px;color:var(--muted)}.text-link{font-size:12px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:5px;display:inline-block}.text-link span[aria-hidden]{margin-left:16px}.editorial-note{background:#eeeee5;border-block:1px solid var(--line);text-align:center;padding:55px 0}.note-inner{max-width:740px}.note-symbol{font-size:36px;color:var(--accent);display:block;margin-bottom:17px}.note-inner h2{font-size:43px;letter-spacing:-1px;margin:20px 0}.note-inner>p:last-child{font-size:15px;line-height:1.9;color:var(--muted);max-width:590px;margin:0 auto}.category-sections{padding-bottom:30px}.topic-section{padding:55px 0;border-bottom:1px solid var(--line)}.topic-section:last-child{border-bottom:0}.coming-soon{padding:25px 30px;border-left:2px solid var(--accent);background:#f1eee6}.coming-soon p{font:25px var(--serif);margin:0 0 8px}.coming-soon span{font-size:13px;color:var(--muted)}.site-footer{background:#282b25;color:#f7f4eb;padding:50px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:38px}.footer-brand{font:30px var(--serif);text-decoration:none}.footer-top p{font-size:12px;color:#c9cbbf;margin:12px 0 0}.site-footer a:hover{color:#e5c4cd}.footer-top .menu{gap:18px}.footer-bottom{border-top:1px solid #51554b;padding-top:20px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#c9cbbf}.archive-main{padding-block:55px 80px;min-height:60vh}.archive-header{max-width:850px;margin-bottom:40px}.archive-header h1{font-size:52px;letter-spacing:-1.5px;margin-bottom:20px}.archive-description{color:var(--muted)}.pagination{margin-top:50px}.nav-links{display:flex;gap:17px;flex-wrap:wrap}.page-numbers{padding:7px 13px;border:1px solid var(--line);text-decoration:none}.page-numbers.current{background:var(--accent);color:white}.article{padding-top:55px}.article-header h1{font-size:clamp(38px,5vw,62px);letter-spacing:-1.7px;overflow-wrap:anywhere;margin:20px 0 25px}.post-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin-bottom:35px}.article-feature{max-width:1040px;margin-block:25px 45px}.article-feature img{display:block;width:100%;max-height:650px;object-fit:cover}.entry-content{font-size:18px;line-height:1.9;overflow-wrap:anywhere}.entry-content h2{font-size:34px;margin-top:40px}.entry-content h3{font-size:28px;margin-top:30px}.entry-content a{color:var(--accent)}.entry-content table{width:100%;border-collapse:collapse;font-size:16px}.entry-content th,.entry-content td{padding:13px;border:1px solid var(--line);text-align:left}.entry-content tr:nth-child(even){background:#f0eee5}.entry-content .wp-block-table{overflow-x:auto}.entry-content iframe{max-width:100%}.entry-content blockquote{font:italic 27px/1.55 var(--serif);border-left:2px solid var(--accent);margin-left:0;padding-left:27px}.entry-content:after{content:'';display:block;clear:both}.entry-content .alignwide{width:min(1000px,calc(100vw - 48px));max-width:none;margin-left:50%;transform:translateX(-50%)}.entry-content .alignfull{width:calc(100vw - 48px);max-width:none;margin-left:50%;transform:translateX(-50%)}.alignleft{float:left;margin:0 25px 20px 0}.alignright{float:right;margin:0 0 20px 25px}.aligncenter{display:block;margin-inline:auto}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:12px;color:var(--muted)}.article-footer{margin-top:35px;margin-bottom:65px}.author-note{padding-top:25px;border-top:1px solid var(--line);font-size:14px}.author-note>p:first-of-type{font-family:var(--serif);font-size:23px;margin-bottom:8px}.tag-list{margin-bottom:30px;display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.page-main{padding:45px 0 80px;min-height:60vh}.comments-wrap{margin-bottom:65px}.comments h2{font-size:32px}.comment-list{padding-left:0;list-style:none}.comment-list .children{list-style:none;padding-left:24px}.comment-body{padding:24px 0;border-bottom:1px solid var(--line)}.comment-metadata{font-size:12px}.comment-author .avatar{border-radius:50%;margin-right:12px}.comment-form textarea,.comment-form input:not([type=checkbox]){max-width:100%;padding:12px;border:1px solid var(--line)}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}.comment-form input[type=submit]{background:var(--accent);color:white;border:0}.search-form{display:flex;gap:8px}.search-form label{flex:1;min-width:0}.search-form input{width:100%;padding:12px;border:1px solid var(--line);background:white;min-width:0}.search-form button{border:0;background:var(--accent);color:white;padding:10px 17px;font-size:12px}.error-page{padding-block:80px;min-height:60vh}.error-page h1{font-size:55px}.error-page .search-form{max-width:540px;margin-bottom:30px}.empty-state{max-width:650px;padding-block:25px 70px}
@media(min-width:1000px){.sticky .card-body{border-bottom-color:var(--accent)}}
@media(max-width:1000px){.masthead{grid-template-columns:1fr}.edition,.masthead-tag{display:none}.hero{gap:30px}.hero-photo{height:470px}.hero h1{font-size:52px}.menu{gap:18px}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card{min-height:190px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-caption{left:12px;right:12px;flex-direction:column;gap:5px}.desktop-nav .menu a{font-size:11px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.masthead{padding:24px 0}.brand{font-size:34px;letter-spacing:-1.2px}.desktop-nav{display:none}.mobile-menu{display:block;flex:1}.mobile-menu summary{padding:15px 0}.mobile-menu summary span{margin-left:12px}.mobile-menu .menu{display:block;padding-bottom:15px}.mobile-menu .menu a{font-size:14px;display:block;padding:8px 0}.mobile-menu .sub-menu{position:static;display:block;border:0;padding-left:15px}.nav-inner{align-items:flex-start}.header-search{padding-top:10px}.hero{grid-template-columns:1fr;padding-block:35px 45px;gap:32px}.hero h1{font-size:48px;letter-spacing:-1.8px;max-width:460px}.hero-intro{font-size:15px}.hero-photo{height:auto;max-height:500px;aspect-ratio:1/1;object-fit:cover;border-radius:44% 44% 2px 2px}.hero-caption{flex-direction:row;left:20px;right:20px}.hero-caption em{font-size:16px}.hero-footnote{margin-top:22px}.section-heading{display:block}.section-heading h2{font-size:33px}.section-heading>.text-link{margin-top:18px}.topic-grid{gap:12px}.topic-card{padding:18px 16px 36px}.topic-card h3{font-size:23px}.topic-card p{font-size:11px}.topic-card .topic-number{font-size:9px}.story-grid{grid-template-columns:1fr;gap:30px}.note-inner h2{font-size:34px}.editorial-note{padding:38px 0}.topic-section{padding:38px 0}.footer-top,.footer-bottom{flex-direction:column}.footer-top .menu{gap:16px}.article{padding-top:35px}.article-header h1{font-size:40px;letter-spacing:-1px}.entry-content{font-size:17px}.entry-content h2{font-size:30px}.archive-header h1{font-size:40px}.error-page h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}