/*
Theme Name: Community Journal
Description: A quiet literary journal for the Writers.com community.
Version: 1.2.0
Author: Writers.com
Text Domain: community-journal
*/
:root{--paper:#f8f5ee;--ink:#302e28;--muted:#706d62;--rule:#c9c5b8;--accent:#626b51;--font:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,input{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.17}button{cursor:pointer}.shell{width:min(1060px,calc(100% - 96px));margin:auto}.skip-link{position:absolute;left:20px;top:-80px;padding:10px;background:var(--paper);z-index:9}.skip-link:focus{top:10px}.utility{display:flex;align-items:center;justify-content:space-between;padding:31px 0 20px;font-size:14px}.utility nav{display:flex;align-items:center;gap:27px}.utility a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.brand-parent{font-size:15px}.search-toggle{border:0;background:none;padding:3px 0 3px 6px;color:var(--ink);line-height:1;display:flex}.search-toggle svg{width:15px;height:15px}.masthead{text-align:center;padding:2px 0 30px}.masthead .title{font-size:clamp(38px,5.1vw,64px);letter-spacing:-2px;line-height:1.12;margin:0 0 12px}.eyebrow{font:10px/1.7 Arial,sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted)}.masthead .eyebrow{margin:0;font-size:10px;letter-spacing:2.1px}.issue-rule{display:flex;align-items:center;gap:18px;color:var(--muted);font-style:italic;font-size:14px;margin:0 0 34px}.issue-rule:before,.issue-rule:after{content:'';height:1px;background:var(--rule);flex:1}.feature{display:grid;grid-template-columns:1.53fr 1fr;gap:44px;align-items:center;margin-bottom:43px}.feature-image{display:block;overflow:hidden}.feature-image img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover}.feature .eyebrow{margin-bottom:9px}.feature h2{font-size:37px;letter-spacing:-1px;margin-bottom:10px}.byline{font-style:italic;font-size:16px;line-height:1.4;color:#58564d}.feature .byline{margin-bottom:24px}.feature-excerpt{font-size:20px;line-height:1.6;margin-bottom:26px}.read-link{display:inline-block;font-size:15px;padding-top:14px;position:relative}.read-link:before{content:'';position:absolute;left:0;top:0;width:35px;border-top:1px solid var(--rule)}.read-link span{margin-left:5px}.contents{border-top:1px solid var(--rule)}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0 17px}.section-title h2{font-size:28px;font-style:italic;margin:0}.section-title p{margin:0;font-size:14px;font-style:italic;color:var(--muted)}.story-row{display:grid;grid-template-columns:1fr 1.05fr 16px;gap:35px;align-items:center;border-bottom:1px solid #dedad0;padding:23px 10px 23px 18px;transition:background .15s}.story-row:hover{background:#efebe1;color:var(--ink)}.story-row .eyebrow{display:block;font-size:9px;margin-bottom:5px}.story-row h3{font-size:25px;margin:0 0 5px;letter-spacing:-.3px}.story-row .byline{font-size:14px;margin:0}.story-excerpt{font-size:16px;line-height:1.55;margin:0;color:#5d5a51}.arrow{font-size:20px;color:var(--muted)}.closing{display:grid;grid-template-columns:1fr 280px 100px;align-items:center;gap:35px;padding:30px 20px 20px;border-bottom:1px solid var(--rule)}.closing blockquote{margin:0;font-size:30px;line-height:1.35;font-style:italic;max-width:330px;letter-spacing:-.5px}.closing cite{font-size:14px;font-style:normal;display:block;margin-top:15px;letter-spacing:0}.closing img{display:block;width:250px;height:230px;object-fit:contain;mix-blend-mode:multiply}.closing .eyebrow{font-size:9px;letter-spacing:2px;max-width:70px}.closing .eyebrow:after{content:'';display:block;width:35px;border-top:1px solid var(--rule);margin-top:30px}.site-footer{position:relative;display:flex;align-items:center;justify-content:center;padding:27px 0 35px;min-height:130px;text-align:center}.footer-brand{font:9px/1.8 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.footer-note{display:block;font:italic 12px/1.7 var(--font);letter-spacing:0;text-transform:none;margin-top:4px;color:var(--muted)}.site-footer nav{position:absolute;right:0;top:33px;display:flex;gap:18px;font-size:11px}.search-panel[hidden]{display:none}.search-panel{padding:0 0 25px}.search-form{display:flex;gap:14px;max-width:650px;margin:auto;align-items:center}.search-form input{min-width:0;width:100%;border:0;border-bottom:1px solid var(--rule);padding:10px 0;background:transparent;color:var(--ink)}.search-form button{border:1px solid var(--rule);background:none;color:var(--ink);padding:8px 19px;font-size:14px}.search-form button:hover{background:#eee9de}.reading-header{text-align:center;max-width:800px;margin:48px auto 38px}.reading-header h1{font-size:clamp(36px,5vw,53px);letter-spacing:-1.3px;margin:15px 0}.reading-header .byline{font-size:18px}.reading-body{max-width:680px;margin:0 auto 65px;font-size:20px;line-height:1.8;overflow-wrap:break-word}.reading-body p{margin-bottom:1.25em}.reading-body h2{font-size:29px;margin:40px 0 22px}.reading-body img{display:block;max-height:650px;object-fit:contain;margin:25px auto}.reading-body a{text-decoration:underline;text-underline-offset:3px}.reading-body .poem{white-space:pre-wrap;font-family:var(--font);font-size:19px;line-height:1.75;overflow-wrap:break-word;margin:0 0 45px}.reading-body .artist-note{font-size:16px;color:#625e52;border-top:1px solid var(--rule);padding-top:25px;margin-top:45px}.artist-note h2{font-size:21px;font-style:italic;margin:0 0 15px}.reading-bottom{border-top:1px solid var(--rule);padding:30px 0;margin-top:55px;display:flex;justify-content:space-between;font-size:15px;gap:25px}.index-header{margin:50px 0 32px}.index-header h1{font-size:44px;letter-spacing:-1px}.index-header p{color:var(--muted);font-style:italic}.issue-card{display:block;border-block:1px solid var(--rule);padding:30px 0;margin:25px 0 90px}.issue-card h2{font-size:33px;margin-bottom:10px}.pagination{padding:30px;text-align:center}.pagination a,.pagination span{margin:0 8px}.empty{padding:35px 0 80px;color:var(--muted)}
.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}
.closing img{filter:grayscale(1) brightness(1.15) contrast(1.1)}
@media(min-width:1500px){.shell{width:1120px}.feature{gap:48px}.feature h2{font-size:40px}.feature-image img{aspect-ratio:1.43}}
@media(max-width:800px){.shell{width:calc(100% - 48px)}.feature{gap:28px;grid-template-columns:1.2fr 1fr}.feature h2{font-size:29px}.feature-excerpt{font-size:17px}.story-row{gap:23px;padding-inline:0}.story-row h3{font-size:22px}.closing{grid-template-columns:1fr 190px 60px;gap:15px;padding-inline:0}.closing blockquote{font-size:25px}.closing img{width:190px;height:210px}.site-footer{justify-content:flex-start;text-align:left}.site-footer nav{top:31px}.reading-body{font-size:19px}}
@media(max-width:560px){.shell{width:calc(100% - 40px)}.utility{font-size:12px;padding:23px 0 28px}.utility nav{gap:16px}.brand-parent{font-size:13px}.masthead{padding-bottom:24px}.masthead .title{font-size:40px;letter-spacing:-1.8px}.masthead .eyebrow{font-size:8px;letter-spacing:1.35px}.issue-rule{margin-bottom:25px;font-size:12px}.feature{display:block;margin-bottom:34px}.feature-image{margin-bottom:25px}.feature-image img{aspect-ratio:1.43}.feature h2{font-size:34px}.feature .byline{margin-bottom:17px}.feature-excerpt{font-size:19px;margin-bottom:20px}.feature .read-link{font-size:15px}.section-title{display:block;padding:19px 0 8px}.section-title h2{font-size:26px;margin-bottom:8px}.section-title p{font-size:13px}.story-row{grid-template-columns:1fr 16px;gap:14px;padding:23px 0}.story-row h3{font-size:25px}.story-excerpt{grid-column:1;grid-row:2;font-size:15px}.story-row .arrow{grid-column:2;grid-row:1 / span 2}.closing{grid-template-columns:1fr 120px;padding:26px 0}.closing blockquote{font-size:22px}.closing img{width:120px;height:155px}.closing .eyebrow{display:none}.site-footer{display:block;text-align:center;padding:25px 0}.site-footer nav{position:static;justify-content:center;margin-top:20px;font-size:12px}.reading-header{margin:35px auto}.reading-header h1{font-size:37px}.reading-body{font-size:18px;line-height:1.85}.reading-body .poem{font-size:16px;line-height:1.8}.reading-bottom{font-size:13px}.index-header h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.utility,.search-panel,.site-footer nav,.reading-bottom{display:none}body{background:white;color:black}.shell{width:100%}.reading-body{max-width:100%;font-size:12pt}.masthead .title{font-size:25pt}.reading-header h1{font-size:25pt}}

/* Supplied contributor media and source poem indentation. */
.author-recording{margin:0 0 2rem}.author-recording p{font-size:14px;font-style:italic;margin-bottom:.4rem}.author-recording audio{display:block;width:100%}.poem-indent{padding-left:3em}.source-art{margin:2rem 0}.source-art figcaption,.author-portrait figcaption{font-size:14px;text-align:center}.author-portrait{margin:2rem auto;max-width:180px}.author-portrait img{width:100%;height:auto}.reading-body .source-art img{max-width:100%;height:auto}

.masthead-name{display:block}.masthead-subtitle{display:block;margin-top:14px;font:15px/1.6 var(--font);letter-spacing:1px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:560px){.masthead-subtitle{font-size:12px;letter-spacing:.4px}}

/* The photograph introduces the journal’s name, independently of the featured piece. */
.feature{grid-template-columns:1fr 1fr}.murmuration-image{margin:0;max-width:380px;justify-self:center}.murmuration-image img{display:block;width:100%;height:auto}.murmuration-image figcaption{font-size:14px;line-height:1.5;color:var(--muted);margin-top:14px;text-align:center}@media(max-width:560px){.murmuration-image{max-width:320px;margin:0 auto 32px}}
