/*
Theme Name: Roam Journal
Author: Roam Journal
Description: An independent travel magazine with destination guides, food stories, and a simple starter-content setup. Made for self-hosted WordPress, including Hostinger.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roam-journal
Tags: blog, grid-layout, custom-logo, custom-menu, featured-images, translation-ready
*/
:root{--ink:#152626;--muted:#596565;--paper:#fff;--wash:#f3f5f2;--line:#dfe4df;--accent:#f4cd57;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}button,.button,input[type=submit]{cursor:pointer;background:var(--ink);color:white;border:1px solid var(--ink);padding:.75rem 1.1rem;border-radius:0;text-decoration:none;display:inline-block}input,textarea,select{max-width:100%;padding:.7rem;border:1px solid #aab6b1;background:white;color:var(--ink)}input[type=checkbox]{width:auto}textarea{width:100%}:focus-visible{outline:3px solid #bb7700;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.topbar{background:var(--ink);color:white;font-size:.8rem;letter-spacing:.06em;padding:9px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:12px}.masthead{padding:25px 0 23px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font:700 clamp(1.7rem,3vw,2.6rem)/1.1 var(--serif);letter-spacing:-1.5px}.brand a:hover{text-decoration:none}.brand em{font-style:normal;color:#957007}.tagline{color:var(--muted);font-size:.87rem;margin:7px 0 0}.custom-logo{max-width:240px;max-height:85px;width:auto}.site-nav{border-block:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.nav-list{display:flex;list-style:none;gap:30px;margin:0;padding:17px 0;font-size:.9rem;font-weight:600;flex-wrap:wrap}.nav-list li{position:relative}.nav-list .sub-menu{display:none;position:absolute;z-index:20;top:100%;left:0;background:white;min-width:190px;padding:16px;list-style:none;box-shadow:0 5px 25px #0002}.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{display:block}.nav-list .sub-menu .sub-menu{position:static;box-shadow:none}.nav-search{display:flex;align-items:center;gap:7px}.nav-search input{width:165px;border:0;font-size:.85rem;padding:.45rem}.nav-search button{padding:.4rem .65rem;font-size:.85rem}.menu-toggle{display:none}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;font-weight:750}.hero{display:grid;grid-template-columns:.82fr 1.18fr;min-height:490px;margin-top:35px;background:var(--wash)}.hero-copy{padding:42px;align-self:center}.hero h1{font:normal clamp(2.5rem,4.5vw,4.35rem)/1.04 var(--serif);letter-spacing:-1.7px;margin:22px 0}.hero-copy p{color:var(--muted);max-width:390px;margin-bottom:26px}.hero-image{position:relative;min-height:490px;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000b)}.hero-caption{position:absolute;z-index:1;bottom:26px;left:30px;right:30px;color:white}.hero-caption h2{font:normal 1.85rem/1.2 var(--serif);margin:10px 0}.pill{display:inline-block;background:var(--accent);color:var(--ink);padding:4px 10px;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;font-weight:750}.meta{font-size:.8rem;color:var(--muted)}.hero-caption .meta{color:#fff}.topic-bar{display:flex;gap:24px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);font-size:.83rem;flex-wrap:wrap}.topic-bar span{color:var(--muted)}.topic-bar a{font-weight:650}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:43px 0 24px}.section-head h2,.archive-title{font:normal clamp(2rem,3vw,2.6rem)/1.15 var(--serif);letter-spacing:-.7px;margin:0}.section-head p{color:var(--muted);font-size:.87rem;margin:6px 0 0}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.editor-note{padding:30px;background:var(--ink);color:white;display:flex;flex-direction:column;align-items:start;justify-content:center}.editor-note h3{font:normal 2.3rem/1.1 var(--serif);max-width:420px;margin:18px 0}.editor-note p{color:#d5dfd8;max-width:470px}.editor-note a{border-bottom:1px solid var(--accent)}.editor-card{display:grid;grid-template-columns:1fr 1fr;background:var(--wash)}.editor-card .thumb{height:100%;min-height:285px}.editor-card .card-body{padding:26px;align-self:center}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:44px}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px}.post-card{min-width:0}.thumb{display:block;height:235px;overflow:hidden;background:var(--wash)}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.thumb:hover img{transform:scale(1.035)}.cover{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:#e8eee8;border-top:4px solid var(--ink)}.cover strong{font:normal clamp(1.5rem,2.3vw,2.2rem)/1.15 var(--serif);max-width:20ch}.cover small{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}.cover.food-drink{background:#f6e9c8}.cover.itineraries{background:#e8e7f1}.cover.travel-tips{background:#e4ebee}.card-body{padding-top:15px}.card-body h2,.card-body h3{font:normal 1.5rem/1.22 var(--serif);letter-spacing:-.3px;margin:10px 0}.card-body p{font-size:.89rem;line-height:1.6;color:var(--muted);margin:10px 0}.cat-link{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:750}.sidebar{border-left:1px solid var(--line);padding-left:26px}.sidebar h2,.sidebar h3{font:normal 1.45rem var(--serif);margin:0 0 17px}.side-box{margin-bottom:32px;padding-bottom:25px;border-bottom:1px solid var(--line)}.side-box p{font-size:.9rem;color:var(--muted)}.category-list{list-style:none;padding:0;margin:0}.category-list li a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:.87rem}.category-list span{color:var(--muted)}.numbered{counter-reset:story;list-style:none;margin:0;padding:0}.numbered li{counter-increment:story;display:flex;gap:13px;padding:16px 0;border-bottom:1px solid var(--line);font:normal 1.05rem/1.3 var(--serif)}.numbered li:before{content:counter(story,decimal-leading-zero);font:normal 1.5rem var(--serif);color:#8d7130}.footer{margin-top:65px;background:var(--ink);color:white;padding:43px 0 20px}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer p{color:#c6d1ce;max-width:400px;font-size:.87rem}.footer-menu{list-style:none;display:flex;gap:20px;flex-wrap:wrap;margin:0;padding:0;font-size:.85rem}.footer-bottom{border-top:1px solid #41504e;margin-top:32px;padding-top:18px;color:#c6d1ce;font-size:.77rem;display:flex;justify-content:space-between;gap:15px}.pagination{margin:34px 0;display:flex;gap:9px;flex-wrap:wrap}.page-numbers{padding:7px 14px;border:1px solid var(--line)}.page-numbers.current{background:var(--ink);color:white}.page-header{margin:38px 0}.page-header p{color:var(--muted)}.entry{max-width:800px;margin:40px auto}.entry h1{font:normal clamp(2.4rem,5vw,4rem)/1.08 var(--serif);letter-spacing:-1px;margin:15px 0 23px}.entry-hero{width:100%;max-height:520px;object-fit:cover;margin:30px 0}.entry-content{font-size:1.08rem;line-height:1.85;overflow-wrap:anywhere}.entry-content h2{font:normal 1.9rem/1.2 var(--serif);margin-top:35px}.entry-content a{text-decoration:underline;color:#325f53}.entry-content ul,.entry-content ol{padding-left:24px}.entry-content blockquote{border-left:4px solid var(--accent);padding:10px 24px;background:var(--wash);margin-inline:0}.entry-content img{height:auto}.entry-content iframe{max-width:100%}.entry-content table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}.entry-content td,.entry-content th{border:1px solid var(--line);padding:8px}.post-navigation{display:flex;justify-content:space-between;gap:25px;border-block:1px solid var(--line);padding:25px 0;margin-top:35px}.post-navigation>div{max-width:48%}.related{margin-top:45px}.comments-area{margin:40px 0}.comment-list{padding-left:20px}.comment-body{border-bottom:1px solid var(--line);padding-block:20px}.comment-meta{font-size:.85rem}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{clip:auto;width:auto;height:auto;z-index:99999;top:10px;left:10px;padding:15px;background:white}.empty-state{padding:45px;background:var(--wash)}.alignwide{max-width:100%}.aligncenter{margin:auto}.wp-caption-text{font-size:.85rem;color:var(--muted)}.gallery{display:flex;flex-wrap:wrap;gap:16px}.gallery-item{max-width:100%}.sticky{border-top:3px solid var(--accent)}
@media(max-width:1000px){.hero-copy{padding:28px}.hero,.hero-image{min-height:420px}.content-layout{grid-template-columns:minmax(0,1fr) 220px;gap:25px}.sidebar{padding-left:20px}.editor-card{grid-template-columns:1fr}.editor-card .thumb{min-height:0;height:210px}.nav-list{gap:18px}.nav-search input{width:130px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar .wrap>span:last-child{display:none}.masthead{padding:22px 0}.masthead>.eyebrow{display:none}.hero{grid-template-columns:1fr;margin-top:22px}.hero-copy{padding:28px}.hero h1{font-size:3.2rem}.hero-image{min-height:320px}.hero-copy p{max-width:none}.content-layout{grid-template-columns:1fr}.sidebar{border-left:0;padding-left:0;margin-top:15px}.sidebar .side-box{margin-top:25px}.editor-grid{grid-template-columns:1fr}.editor-card{grid-template-columns:1fr 1fr}.editor-card .thumb{height:100%;min-height:230px}.nav-inner{flex-wrap:wrap;padding:10px 0;gap:10px}.menu-toggle{display:inline-block;padding:6px 12px;font-size:.85rem}.nav-list{width:100%;order:3;gap:16px}.js .nav-list{display:none}.js .nav-list.is-open{display:flex}.nav-search{margin-left:auto}.nav-search input{width:130px}.thumb{height:200px}.section-head{margin-top:32px}.footer-top,.footer-bottom{flex-direction:column}.post-grid{gap:28px 18px}.entry{margin-top:28px}.entry-content{font-size:1rem}.topic-bar{gap:15px}.hero-caption h2{font-size:1.7rem}.nav-list .sub-menu{position:static;box-shadow:none;min-width:0}.nav-list li:hover>.sub-menu{display:block}}
@media(max-width:480px){.post-grid{grid-template-columns:1fr}.thumb{height:240px}.hero h1{font-size:2.8rem}.hero-image{min-height:300px}.editor-card{grid-template-columns:1fr}.editor-card .thumb{height:220px}.section-head{align-items:start;flex-direction:column;gap:10px}.entry h1{font-size:2.4rem}.brand{font-size:2rem}.topic-bar span{width:100%}.footer-menu{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}