/* ThriftTrekker - site-wide brand layer over Soledad. Loaded on every page.
   Palette: espresso #2E2118, mint #8FE0C3, paper #FBF6EA, trail green #1E7A5C,
   marigold #F2B544. Type: Fraunces (display) + Karla (text).
   Header: header-3 - logo on a paper band, espresso nav bar below with a dotted
   mint trail line under it. Footer espresso with the white logo. */
:root{--tt-esp:#2E2118;--tt-esp-2:#45352A;--tt-mint:#8FE0C3;--tt-mint-l:#DDF5EC;--tt-paper:#FBF6EA;--tt-green:#1E7A5C;--tt-gold:#F2B544;--tt-mut:#6E6258;--tt-line:#E9DFCB}

body{background:var(--tt-paper)}
body,p,li,input,button,select,textarea{font-family:Karla,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.post-title,.entry-title,.penci-page-header h1,.post-box-title,.widget-title,.penci-border-arrow .inner-arrow,
.post-entry h2,.post-entry h3,.inner-post-entry h2,.inner-post-entry h3,.penci-pagination,.author-content h5{
  font-family:Fraunces,Georgia,serif!important;font-variation-settings:'SOFT' 100,'WONK' 1;letter-spacing:-.01em;text-transform:none!important}
.post-entry a,.inner-post-entry a{color:var(--tt-green)}

/* Social links are unset via theme mods (they defaulted to the THEME AUTHOR's
   own accounts); Soledad still prints the empty wrappers. */
.header-social,.inner-header-social,.footer-socials-section,.footer-socials,.header-slogan{display:none!important}

/* HEADER */
#header,#header .inner-header{background:var(--tt-paper)!important;margin-bottom:0!important}
#header .inner-header{padding:0!important;height:auto!important;min-height:0!important;border:0!important}
#header .inner-header>.container{padding:20px 0!important;height:auto!important;min-height:0!important}
#header.has-bottom-line{border-bottom:0!important}
#logo{margin:0!important;padding:0!important;line-height:0}
#header img.penci-mainlogo,#logo img{height:46px!important;width:auto!important;max-width:none!important;max-height:none!important;padding:0!important}
#navigation,#navigation.header-3,.penci-mainmenu{background:var(--tt-esp)!important;border:0!important;box-shadow:0 3px 0 -1px var(--tt-paper),0 5px 0 -1px var(--tt-esp)!important}
#navigation{border-bottom:3px dotted var(--tt-mint)!important}
#navigation .menu>li>a{font-family:Karla,system-ui,sans-serif!important;font-size:.98rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:#F3EADB!important}
#navigation .menu>li>a:hover,#navigation .menu>li.current-menu-item>a{color:var(--tt-mint)!important}
#navigation .menu>li>a:after,#navigation .menu>li>a:before{display:none!important}
/* Two pills: Trail Letter (outline, from wiz-subscribe) and Find my savings
   (marigold). Same centring trick wiz-subscribe uses: the anchor is one
   inherited line-height tall and flex-centres its span. */
#navigation .menu>li.tt-nav-check{padding:0!important}
#navigation .menu>li.tt-nav-check>a{display:flex!important;align-items:center!important;height:1lh;padding:0!important;background:none!important}
body #navigation ul.menu>li.wiz-nav-signup>a>span{background:transparent!important;box-shadow:inset 0 0 0 2px var(--tt-mint);color:var(--tt-mint)!important;border-radius:10px!important;padding:8px 14px!important;font-weight:700!important;line-height:1.2}
body #navigation ul.menu>li.tt-nav-check>a>span{display:inline-block;margin:0 0 0 10px;background:var(--tt-gold);color:var(--tt-esp)!important;border-radius:10px;padding:8px 16px;font-weight:700;line-height:1.2}
body #navigation ul.menu>li.tt-nav-check>a:hover>span{background:#FFD07A}
#navigation .penci-top-search a,#navigation .penci-top-search i,#navigation .penci-top-search svg{color:#F3EADB!important;fill:#F3EADB!important}

/* Mobile bar */
.penci-header-mobile,.penci-header-mobile .penci-header-mobile-wrap,.penci-mobile-hlogo{background:var(--tt-paper)!important}
.penci-header-mobile .button-menu-mobile,.penci-header-mobile .button-menu-mobile i,.penci-header-mobile .button-menu-mobile svg,.penci-header-mobile .button-menu-mobile rect{color:var(--tt-esp)!important;fill:var(--tt-esp)!important}
#navigation .button-menu-mobile,#navigation .button-menu-mobile i,#navigation .button-menu-mobile svg,#navigation .button-menu-mobile rect{color:var(--tt-mint)!important;fill:var(--tt-mint)!important}
.penci-header-mobile img,.penci-mobile-hlogo img{max-height:38px!important;width:auto!important}

/* Buttons */
.penci-button,input[type=submit],button.wiz-sub-btn,.wiz-sub-btn{border-radius:10px!important}

/* Savings-check strip above the footer, on every page except the check. */
.tt-foot-check{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:20px 22px;background:var(--tt-mint);color:var(--tt-esp);text-align:center}
.tt-foot-check p{margin:0;font:700 1.12rem/1.3 Fraunces,Georgia,serif;color:var(--tt-esp)}
.tt-foot-check a{display:inline-flex;align-items:center;min-height:42px;padding:0 20px;border-radius:10px;background:var(--tt-esp);color:var(--tt-mint)!important;font-weight:700;text-decoration:none!important}
.tt-foot-check a:hover{background:var(--tt-esp-2)}

/* Footer */
#footer-section,#widget-area,.footer-instagram{background:var(--tt-esp)!important}
#footer-section a{color:var(--tt-mint)}

/* Articles: no sidebar, so cap the measure for readable lines. */
.single .post-entry,.single .inner-post-entry,.single .post-header,.single .header-standard,.single .post-author,.single .post-pagination,.single .penci-post-box-meta,.single .post-related{max-width:760px;margin-left:auto!important;margin-right:auto!important}
.single .post-image,.single .standard-post-image{max-width:980px;margin-left:auto!important;margin-right:auto!important}
.single .post-image img{border-radius:16px}
.single .header-standard{padding-top:34px!important}
.single .header-standard .cat a,.single .post-header .cat a,.cat>a.penci-cat-name{color:var(--tt-green)!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem!important}
.single .post-entry p,.single .post-entry li{font-size:1.06rem;line-height:1.75;color:#3A2D23}
.single h1.post-title{font-size:clamp(1.9rem,3.6vw,2.7rem)!important;line-height:1.12!important}
.page-id-35 .penci-page-header,.page-id-35 .header-standard,.page-id-35 h1.page-title,.page-id-35 .post-title.page-title{display:none!important}
