/*
Theme Name: JGS Journal
Theme URI: https://jamesgslater.com/
Author: James G Slater
Description: A companion journal for the James G Slater personal website, designed for posts and photographs published from the road.
Version: 1.0.1
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: jgs-journal
*/

.journal-site{background:var(--paper)}
.journal-hero{background:var(--lime)}
.journal-hero h1{max-width:12ch}
.journal-intro{max-width:60ch;font-size:1.2rem}
.journal-toolbar{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}
.journal-toolbar h2{font-size:clamp(2.8rem,5vw,5rem);margin:10px 0 0}
.journal-categories{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.journal-categories a{padding:9px 15px;border:1px solid var(--line);border-radius:99px;background:#fff;text-decoration:none;font-size:.82rem;font-weight:700}
.journal-categories a:hover{background:var(--lime)}
.journal-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.journal-post-card{overflow:hidden;border-radius:var(--radius);background:#fff;box-shadow:0 10px 35px rgba(23,35,37,.07)}
.journal-post-image{display:grid;place-items:center;aspect-ratio:1.28;background:var(--blue);color:var(--lime);text-decoration:none;overflow:hidden}
.journal-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.journal-post-image:hover img{transform:scale(1.04)}
.journal-post-image span{text-align:center;font:700 clamp(2rem,4vw,4rem)/.9 'Space Grotesk',sans-serif;letter-spacing:-.08em;transform:rotate(-8deg)}
.journal-post-copy{padding:clamp(24px,2.5vw,36px)}
.journal-post-meta{display:block;margin-bottom:18px;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.journal-post-copy h3{font-size:clamp(1.6rem,2.2vw,2.5rem);margin:0 0 15px}
.journal-post-copy h3 a{text-decoration:none}
.journal-post-copy p{color:var(--muted);line-height:1.55}
.journal-post-copy .text-link{margin-top:15px;font-size:.8rem;letter-spacing:.08em}
.journal-pagination{margin-top:50px}
.journal-pagination .nav-links{display:flex;flex-wrap:wrap;gap:10px}
.journal-pagination a,.journal-pagination .current{display:inline-block;min-width:43px;padding:10px 14px;border-radius:10px;background:#fff;text-align:center;text-decoration:none;font-weight:700}
.journal-pagination .current{background:var(--lime)}
.journal-empty{padding:clamp(35px,6vw,75px);border-radius:var(--radius);background:#fff}
.journal-empty h3{max-width:13ch;font-size:clamp(2rem,5vw,5rem)}
.journal-empty-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
body.admin-bar .site-header{top:48px}
@media(max-width:800px){body.admin-bar .site-header{top:41px}}
@media(max-width:782px){body.admin-bar .site-header{top:55px}}
.journal-single-hero{padding-bottom:105px}
.journal-single-hero h1{font-size:clamp(3.5rem,8vw,8.5rem);max-width:14ch}
.journal-back{display:inline-block;margin-bottom:45px;font-size:.76rem;font-weight:700;text-decoration:none;letter-spacing:.13em}
.journal-featured{margin-top:-55px;position:relative}
.journal-featured img{width:100%;max-height:740px;object-fit:cover;border-radius:var(--radius)}
.journal-content-wrap{display:grid;grid-template-columns:minmax(0,790px) minmax(190px,1fr);gap:clamp(45px,8vw,130px);padding-top:clamp(70px,9vw,140px);padding-bottom:80px}
.journal-content{font-size:clamp(1.07rem,1.4vw,1.27rem);line-height:1.82;overflow-wrap:anywhere}
.journal-content h2{font-size:clamp(2.1rem,4vw,4rem);margin:1.3em 0 .4em}
.journal-content h3{font-size:clamp(1.6rem,3vw,2.6rem);margin:1.2em 0 .4em}
.journal-content p{max-width:none;margin:0 0 1.4em}
.journal-content img{height:auto;border-radius:15px}
.journal-content figure{margin:2.3em 0}
.journal-content figcaption{margin-top:8px;text-align:center;color:var(--muted);font-size:.76rem}
.journal-content blockquote{margin:2em 0;padding:12px 0 12px 25px;border-left:5px solid var(--coral);font-weight:700;font-size:1.3em}
.journal-content a{color:var(--blue);text-decoration-thickness:2px;text-underline-offset:3px}
.journal-content .wp-block-gallery{max-width:none}
.journal-content .wp-block-embed__wrapper{aspect-ratio:16/9}
.journal-content .wp-block-embed__wrapper iframe{width:100%;height:100%}
.journal-aside{display:flex;flex-direction:column;align-items:flex-start;gap:16px;position:sticky;top:110px;align-self:start;padding:26px;border-radius:var(--radius);background:#e6e9df}
.journal-aside a{font-weight:700;text-decoration:none;border-bottom:2px solid currentColor}
.journal-post-end{padding-bottom:90px}
@media(max-width:950px){.journal-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-toolbar{align-items:flex-start;flex-direction:column}.journal-categories{justify-content:flex-start}.journal-content-wrap{grid-template-columns:1fr}.journal-aside{position:static}}
@media(max-width:600px){.journal-post-grid{grid-template-columns:1fr}.journal-post-image{aspect-ratio:1.55}.journal-single-hero{padding-bottom:85px}.journal-featured{margin-top:-35px}.journal-content-wrap{padding-top:65px}}