/*
Theme Name: JustNoMil Story
Theme URI: https://justnomil.us/
Author: Rith Team
Description: A fast, responsive storytelling theme created for JustNoMil-style long-form article websites.
Version: 1.1.7
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: justnomil-story
License: GPL-2.0-or-later
*/

:root{--accent:#00aeff;--text:#414141;--title:#333;--muted:#999;--line:#e9e9e9;--container:1060px;--body-font:"Roboto";--title-font:"Roboto Slab";--button-font:"Roboto";--post-size:16px;--post-line:1.7;--title-size:32px;--mobile-title-size:24px;--jnm-btn-c1:#ff8300;--jnm-btn-c2:#ef334e;--jnm-btn-text:#fff;--jnm-btn-size:20px;--jnm-btn-weight:700;--jnm-btn-radius:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font:400 16px/1.5 var(--body-font),"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.container{width:var(--container);max-width:calc(100% - 30px);margin:0 auto}.clear:after{content:"";display:table;clear:both}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{clip:auto!important;width:auto;height:auto;top:8px;left:8px;padding:10px 14px;background:#fff;z-index:99999}

#primary-bar{height:39px;border-bottom:1px solid var(--line)}
#primary-menu,#secondary-menu{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none}
#primary-menu a{display:block;padding:0 15px;color:#333;font-size:13px;line-height:38px}
#primary-menu .current-menu-item>a,#primary-menu a:hover{background:#f7f8f9;text-decoration:none}
.site-start{height:120px;background:#fff}.site-start .container{height:100%;display:flex;align-items:flex-start;justify-content:space-between}
.site-branding{display:flex;align-items:center;height:100%}.custom-logo{display:block;max-height:80px;width:auto}
.site-title{margin:0;font-size:32px;line-height:1;font-weight:700}.site-title a{color:var(--accent);text-decoration:none}.site-description{margin:7px 0 0;color:#999;font-size:13px}
.header-widget{display:flex;align-items:center;justify-content:flex-end;width:728px;max-width:70%;height:100%;overflow:hidden}
#secondary-bar{height:44px;background:var(--accent)}#secondary-bar>.container{display:flex;align-items:center;height:44px}#secondary-menu a{display:block;padding:0 15px;color:#fff;font-size:15px;font-weight:700;line-height:44px}#secondary-menu a:hover,#secondary-menu .current-menu-item>a{background:rgba(0,0,0,.08);text-decoration:none}
.jnm-live-visitors{position:relative;display:flex;align-items:center;gap:7px;min-width:104px;height:30px;margin-left:24px;padding:0 12px 0 10px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:linear-gradient(110deg,rgba(255,255,255,.12),rgba(255,255,255,.28),rgba(255,255,255,.1));background-size:220% 100%;box-shadow:0 5px 16px rgba(0,72,135,.22),inset 0 1px 0 rgba(255,255,255,.28);color:#fff;white-space:nowrap;overflow:hidden;animation:jnmVisitorGlow 3.5s ease-in-out infinite,jnmVisitorShine 5s linear infinite}
.jnm-live-dot{position:relative;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#39ff88;box-shadow:0 0 7px #39ff88}.jnm-live-dot:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(57,255,136,.8);border-radius:50%;animation:jnmVisitorPulse 1.7s ease-out infinite}.jnm-live-label{font-size:10px;font-weight:700;letter-spacing:.7px}.jnm-amung-counter{display:flex;align-items:center;min-width:28px;min-height:18px}.jnm-amung-counter a,.jnm-amung-counter img{display:block!important;max-height:18px!important;width:auto!important;margin:0!important}.jnm-live-stats-link{position:absolute;inset:0;z-index:3;border-radius:999px;text-indent:-9999px}
.jnm-counter-original{display:flex;min-width:81px;width:81px;height:29px;margin-left:18px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;animation:none}.jnm-counter-original .jnm-amung-counter{display:block;width:81px;height:29px;min-width:81px;min-height:29px}.jnm-counter-original .jnm-amung-counter>a,.jnm-counter-original .jnm-amung-counter img{display:block!important;width:81px!important;height:29px!important;max-height:none!important}.jnm-counter-online .jnm-live-label{letter-spacing:.4px}
@keyframes jnmVisitorPulse{0%{transform:scale(.65);opacity:1}75%,100%{transform:scale(1.7);opacity:0}}@keyframes jnmVisitorGlow{0%,100%{transform:translateY(0);box-shadow:0 5px 16px rgba(0,72,135,.22),inset 0 1px 0 rgba(255,255,255,.28)}50%{transform:translateY(-1px);box-shadow:0 7px 20px rgba(0,72,135,.32),0 0 12px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.38)}}@keyframes jnmVisitorShine{0%{background-position:220% 0}100%{background-position:-220% 0}}
.menu-toggle{display:none;border:0;background:transparent;color:#333;font:600 14px Roboto;padding:0;cursor:pointer}.menu-toggle-bars{font-size:24px;letter-spacing:2px;vertical-align:-2px}
.mobile-primary{display:none}

.site-content{display:flex;align-items:flex-start;gap:30px;padding:25px 0 50px}.content-area{width:730px;min-width:0}.sidebar{width:300px;flex:0 0 300px}
.content-loop .hentry{display:grid;grid-template-columns:220px 1fr;gap:20px;margin:0 0 25px;padding:0 0 25px;border-bottom:1px solid var(--line)}
.thumbnail-link{display:block;width:220px;height:220px;overflow:hidden;background:#f3f3f3}.thumbnail-link img{width:100%;height:100%;object-fit:cover;display:block}
.entry-title{font-family:var(--title-font),Georgia,serif;color:var(--title);font-weight:700}.content-loop .entry-title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:23.2px;line-height:1.25}.entry-title a{color:#333}.entry-title a:hover{text-decoration:underline}
.entry-meta{margin:13px 0 11px;color:var(--muted);font-size:14px;line-height:24px}.entry-meta a{color:#999}.entry-summary{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;line-height:24px}.entry-summary p{margin:0}.read-more{color:#999;text-decoration:underline;white-space:nowrap}
.posts-navigation,.pagination{margin:10px 0 0}.nav-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:35px;padding:0 10px;background:#f3f3f3;color:#444}.page-numbers.current,.page-numbers:hover{background:var(--accent);color:#fff;text-decoration:none}

.widget{margin:0 0 30px}.widget-title{margin:0 0 15px;padding:0 0 10px;border-bottom:1px solid var(--line);color:#333;font-size:15.2px;line-height:1;text-transform:uppercase;letter-spacing:.03em}.widget-title span{display:block;padding-left:8px;border-left:4px solid var(--accent)}
.widget ul{margin:0;padding:0;list-style:none}.widget li{margin:0 0 10px}.widget a{color:#414141}.widget select{max-width:100%}.widget img{height:auto}.calendar_wrap table,.wp-calendar-table{width:100%;border-collapse:collapse;text-align:center}.wp-calendar-table caption{padding:0 0 8px}.wp-calendar-table th,.wp-calendar-table td{height:41px;border:1px solid #e1e1e1}.wp-calendar-table th{background:#f3f3f3}.wp-calendar-nav{margin-top:5px}

.breadcrumbs{margin:0 0 20px;padding:0 0 10px;border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumbs a{color:#777}
.single-post .entry-header,.page .entry-header{margin:0 0 20px}.single-post h1.entry-title,.page h1.entry-title{display:block;margin:0 0 15px;font-size:var(--title-size);line-height:1.25}.single-post .entry-meta{margin:0 0 20px}
.entry-content{overflow-wrap:anywhere;font-family:var(--body-font),Georgia,sans-serif;font-size:var(--post-size)}.entry-content p{margin:0 0 25px;line-height:var(--post-line)}.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--title-font),Georgia,serif;color:#333;line-height:1.3}.entry-content iframe,.entry-content video{max-width:100%}.entry-content blockquote{margin:25px 0;padding:15px 25px;border-left:4px solid var(--accent);background:#f7f8f9}
.single-thumbnail{margin:0 0 25px}.single-thumbnail img{display:block;width:100%;height:auto}
.share-links{display:flex;gap:7px;margin:15px 0 20px}.share-links a{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:2px;background:#333;color:#fff;font-size:12px;font-weight:700}.share-links a.facebook{background:#3b5998}.share-links a.twitter{background:#111}.share-links a.pinterest{background:#bd081c}.share-links a.email{background:#777}
.post-tags{margin-top:20px}.post-tags a{display:inline-block;margin:0 5px 5px 0;padding:4px 9px;background:#f2f2f2;color:#666;font-size:12px}
.author-box{display:flex;gap:18px;margin-top:25px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.author-box img{width:70px;height:70px;border-radius:50%}.author-box h4{margin:0 0 7px;color:#333}.author-box p{margin:0;color:#666}
.related-posts{margin-top:25px;padding-top:25px;border-top:1px solid var(--line)}.section-title{margin:0 0 18px;font:700 20px/1.2 "Roboto Slab",Georgia,serif;color:#333}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.related-card h3{margin:8px 0 0;font:700 15px/1.3 "Roboto Slab",Georgia,serif}.related-card h3 a{color:#333}
.comments-area{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.comment-list{margin:0;padding:0;list-style:none}.comment-list li{margin:0 0 20px}.comment-body{padding:15px;background:#f7f8f9}.comment-form label{display:block;margin-bottom:5px}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:10px;border:1px solid #ddd}.form-submit input{border:0;background:var(--accent);color:#fff;padding:11px 18px;cursor:pointer}

.site-footer{background:#222;color:rgba(255,255,255,.85)}.site-info{min-height:55px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px}.site-info a{color:#fff}
.no-results{padding:35px 0}.search-form{display:flex}.search-field{min-width:0;flex:1;height:40px;padding:0 12px;border:1px solid #ddd}.search-submit{height:40px;border:0;background:var(--accent);color:#fff;padding:0 16px;cursor:pointer}

.jnm-no-sidebar .site-content{display:block}.jnm-no-sidebar .content-area{width:100%;max-width:100%}
.jnm-cr-wrap{clear:both}.jnm-cr-section[hidden],.jnm-cr-gate[hidden],.jnm-cr-nav[hidden]{display:none!important}.jnm-cr-section{scroll-margin-top:20px}.jnm-cr-section.is-revealing{animation:jnmCrReveal .8s ease both}
.jnm-cr-gate{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:180px;margin:-8px 0 48px;padding:8px 14px 15px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(250,250,250,.72) 48%,#fff 78%);overflow:hidden;transition:height .45s ease,min-height .45s ease,margin .45s ease,padding .45s ease,opacity .35s ease,transform .45s ease}
.jnm-cr-teaser{width:100%;height:96px;margin:0 0 -12px;color:#555;font:400 var(--post-size)/var(--post-line) var(--body-font),Georgia,sans-serif;filter:blur(2.1px);opacity:.62;overflow:hidden;pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(to bottom,#000 12%,rgba(0,0,0,.8) 54%,transparent 100%);mask-image:linear-gradient(to bottom,#000 12%,rgba(0,0,0,.8) 54%,transparent 100%)}
.jnm-cr-gate.is-closing{height:0!important;min-height:0;margin:0;padding-top:0;padding-bottom:0;opacity:0;transform:translateY(-12px)}
.jnm-cr-button,.jnm-cr-next{display:flex;align-items:center;justify-content:center;width:100%;min-height:70px;padding:16px 24px;border:0;border-radius:var(--jnm-btn-radius);background:linear-gradient(110deg,var(--jnm-btn-c1),var(--jnm-btn-c2));box-shadow:0 12px 28px rgba(239,51,78,.22);color:var(--jnm-btn-text);font-family:var(--button-font),Arial,sans-serif;font-size:var(--jnm-btn-size);font-weight:var(--jnm-btn-weight);line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.jnm-cr-button:hover,.jnm-cr-button:focus,.jnm-cr-next:hover,.jnm-cr-next:focus{color:var(--jnm-btn-text);text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 34px rgba(239,51,78,.3);filter:saturate(1.08)}.jnm-cr-button:disabled{cursor:wait;opacity:.72}.jnm-cr-button span{margin-left:8px;animation:jnmCrArrow 1.25s ease-in-out infinite}
.jnm-cr-button.is-selected{transform:scale(.97);filter:brightness(1.13) saturate(1.15)}.jnm-effect-flash:after{content:"";position:absolute;z-index:50;inset:0;background:#fff;animation:jnmFlash .32s ease-out forwards;pointer-events:none}.jnm-effect-ripple .jnm-cr-button:after{content:"";position:absolute;inset:50%;border:3px solid rgba(255,255,255,.9);border-radius:999px;animation:jnmRipple .38s ease-out forwards;pointer-events:none}.jnm-dust{position:absolute;z-index:60;left:50%;top:72%;width:7px;height:7px;border-radius:50%;background:var(--jnm-btn-c2);box-shadow:0 0 8px rgba(255,120,0,.7);pointer-events:none;animation:jnmDust .46s cubic-bezier(.16,.8,.3,1) forwards;animation-delay:var(--delay)}.jnm-effect-thanos .jnm-cr-button{animation:jnmSnap .42s ease forwards}.jnm-effect-silk .jnm-cr-button{animation:jnmSilk .3s cubic-bezier(.22,.75,.25,1) forwards}.jnm-effect-zoom .jnm-cr-button{animation:jnmSoftZoom .3s ease-out forwards}.jnm-effect-confetti .jnm-cr-button{animation:jnmConfettiButton .3s ease-out forwards}.jnm-confetti{position:absolute;z-index:60;width:7px;height:11px;border-radius:2px;background:var(--confetti);pointer-events:none;animation:jnmConfetti .48s ease-out forwards;animation-delay:var(--delay)}
.jnm-cr-nav{margin:38px 0 28px}.jnm-cr-next{max-width:100%}.jnm-cr-end{cursor:default}.jnm-cr-end:hover{transform:none}
.jnm-style-ocean .jnm-cr-button,.jnm-style-ocean .jnm-cr-next{border-radius:999px;background:linear-gradient(135deg,#00a8ff,#0057d9);box-shadow:0 8px 22px rgba(0,87,217,.3)}
.jnm-style-emerald .jnm-cr-button,.jnm-style-emerald .jnm-cr-next{border:2px solid #0b8f68;border-radius:7px;background:linear-gradient(135deg,#16b77f,#087b5c);box-shadow:0 7px 0 #075d47}
.jnm-style-royal .jnm-cr-button,.jnm-style-royal .jnm-cr-next{border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#5b21b6 55%,#ec4899);box-shadow:0 10px 28px rgba(91,33,182,.32)}
.jnm-style-midnight .jnm-cr-button,.jnm-style-midnight .jnm-cr-next{border:2px solid #d6a936;border-radius:4px;background:linear-gradient(135deg,#101010,#292929);color:#ffd76a;letter-spacing:.6px;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.jnm-style-liquid .jnm-cr-button,.jnm-style-liquid .jnm-cr-next{overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:linear-gradient(135deg,rgba(84,194,255,.82),rgba(126,87,255,.78),rgba(255,255,255,.35));backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 1px 1px rgba(255,255,255,.75),0 10px 28px rgba(58,89,180,.3);text-shadow:0 1px 2px rgba(0,0,0,.25)}
.jnm-style-water .jnm-cr-button,.jnm-style-water .jnm-cr-next{border:1px solid rgba(255,255,255,.6);border-radius:999px;background:linear-gradient(110deg,#0066ff,#00d9ff,#0077c8,#30e3ca,#0066ff);background-size:300% 100%;box-shadow:0 9px 24px rgba(0,132,220,.34);animation:jnmWaterFlow 4s linear infinite}
.jnm-style-lava .jnm-cr-button,.jnm-style-lava .jnm-cr-next{border:2px solid #ffb000;border-radius:14px;background:linear-gradient(115deg,#8b0000,#ff2d00,#ff9d00,#d40000,#ff5a00);background-size:300% 100%;box-shadow:0 0 14px rgba(255,77,0,.65),0 9px 24px rgba(130,0,0,.35);text-shadow:0 2px 3px rgba(80,0,0,.65);animation:jnmLavaFlow 3s ease-in-out infinite}
.jnm-style-cleanoutline .jnm-cr-button,.jnm-style-cleanoutline .jnm-cr-next{width:auto;min-width:268px;border:2px solid #2f6f9f;border-radius:8px;background:#fff;color:#2f6f9f;font-size:24px;font-weight:400;box-shadow:none}.jnm-style-softoutline .jnm-cr-button,.jnm-style-softoutline .jnm-cr-next{width:auto;min-width:285px;border:1px solid #4c8fbd;border-radius:13px;background:linear-gradient(180deg,#fff,#eef7fc);color:#27658f;font-size:21px;font-weight:500;box-shadow:0 7px 18px rgba(38,101,143,.16)}
@keyframes jnmWaterFlow{to{background-position:300% 50%}}@keyframes jnmLavaFlow{50%{background-position:100% 50%}}@keyframes jnmFlash{0%{opacity:.92}100%{opacity:0}}@keyframes jnmRipple{0%{inset:50%;opacity:1}100%{inset:-35%;opacity:0}}@keyframes jnmSnap{0%,30%{opacity:1;filter:none}100%{opacity:0;filter:blur(3px);transform:translate(15px,-5px) rotate(1deg)}}@keyframes jnmDust{0%{opacity:0;transform:translate(0,0) scale(.5)}18%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0) rotate(220deg)}}@keyframes jnmSilk{0%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-14px)}}@keyframes jnmSoftZoom{0%{opacity:1;transform:scale(.97)}100%{opacity:0;transform:scale(1.08)}}@keyframes jnmConfettiButton{0%{transform:scale(.97)}55%{transform:scale(1.025)}100%{opacity:0;transform:scale(1)}}@keyframes jnmConfetti{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}
.jnm-random-highlight{padding:0 .12em;border-radius:3px;background:var(--jnm-highlight,#fff2a8);box-shadow:inset 0 -.08em 0 rgba(244,183,0,.28);color:inherit}
@keyframes jnmCrReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes jnmCrArrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}

@media(max-width:1110px){.container{width:940px}.content-area{width:610px}.header-widget{width:600px}.content-loop .hentry{grid-template-columns:190px 1fr}.thumbnail-link{width:190px;height:190px}}
@media(max-width:959px){#primary-bar{display:none}.site-start{height:60px;border-bottom:1px solid #f0f0f0}.site-start .container{align-items:center}.site-title{font-size:22px}.site-description,.header-widget{display:none}.menu-toggle{display:block}.mobile-primary{display:none;position:absolute;top:60px;left:0;right:0;z-index:999;background:#fff;border-top:1px solid #eee;box-shadow:0 10px 25px rgba(0,0,0,.12)}.mobile-primary.is-open{display:block}.mobile-primary ul{display:block;margin:0;padding:10px 15px;list-style:none}.mobile-primary a{display:block;padding:10px 0;border-bottom:1px solid #eee;color:#333}.site-header{position:relative}.site-content{gap:25px}.content-area{width:calc(100% - 285px)}.sidebar{width:260px;flex-basis:260px}.content-loop .hentry{grid-template-columns:160px 1fr}.thumbnail-link{width:160px;height:160px}}
@media(max-width:767px){.container{max-width:calc(100% - 24px)}#secondary-bar{height:44px}.site-content{display:block;padding:15px 0 35px}.content-area,.sidebar{width:100%}.sidebar{margin-top:35px}.content-loop .hentry{grid-template-columns:100px 1fr;gap:15px;margin-bottom:15px;padding-bottom:15px}.thumbnail-link{width:100px;height:100px}.content-loop .entry-title{font-size:17.6px;-webkit-line-clamp:3}.entry-meta{margin:7px 0;font-size:12px;line-height:18px}.entry-summary{font-size:14px;line-height:21px;-webkit-line-clamp:2}.single-post h1.entry-title,.page h1.entry-title{font-size:var(--mobile-title-size)}.related-grid{grid-template-columns:repeat(2,1fr)}.sidebar{display:block}.jnm-cr-gate{min-height:170px;margin:-6px 0 44px;padding:7px 0 12px}.jnm-cr-teaser{height:92px}.jnm-cr-button,.jnm-cr-next{min-height:64px;padding:15px 18px}}
@media(max-width:767px){.jnm-live-visitors{margin-left:14px;min-width:96px;height:28px;padding:0 10px}.jnm-counter-original{min-width:81px;width:81px;height:29px;padding:0}.jnm-live-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.jnm-live-visitors,.jnm-live-dot:before,.jnm-cr-section.is-revealing,.jnm-cr-button span,.jnm-style-water .jnm-cr-button,.jnm-style-water .jnm-cr-next,.jnm-style-lava .jnm-cr-button,.jnm-style-lava .jnm-cr-next{animation:none}.jnm-cr-gate,.jnm-cr-button,.jnm-cr-next{transition:none}}
@media(max-width:479px){.container{max-width:calc(100% - 20px)}.site-content{padding-top:10px}.content-loop .entry-summary{display:none}.content-loop .hentry{grid-template-columns:95px 1fr}.thumbnail-link{width:95px;height:95px}.related-grid{grid-template-columns:1fr 1fr;gap:12px}.share-links{flex-wrap:wrap}}