/*
Theme Name: AVN News
Version: 1.0.0
Requires PHP: 7.4
Text Domain: avn-news
*/

*{box-sizing:border-box}body{margin:0;background:#080808;color:#fff;font-family:Arial,sans-serif}button{cursor:pointer;border:0}header{background:#090909;border-bottom:1px solid #333}.headerline{height:76px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.logo{height:64px;width:90px;object-fit:contain}.iconbtn{background:none;color:white;font-size:27px;padding:8px}.right{display:flex;align-items:center;gap:17px}.subscribe{background:#df171e;color:white;padding:16px 18px;font-size:12px;font-weight:900;letter-spacing:1px}.promo{background:#171717;text-align:center;color:#ddd;padding:16px 10px;font-size:14px;border-bottom:1px solid #333}.promo span{color:#ab171d}.nav{display:flex;overflow-x:auto;gap:30px;white-space:nowrap;padding:20px max(22px,calc((100vw - 1160px)/2));border-bottom:1px solid #333;scrollbar-width:none}.nav a{color:#ccc;text-decoration:none;font-size:16px;font-weight:600}.banner{max-width:1160px;margin:25px auto;background:linear-gradient(110deg,#e4bd85,#fbe8ba 55%,#b25a34);color:#6a2119;min-height:110px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;font-weight:900;font-size:clamp(18px,4vw,35px)}.banner small{display:block;font-size:12px;letter-spacing:2px;margin-top:6px}.ticker{display:flex;background:#e71921;min-height:58px;align-items:center;overflow:hidden;white-space:nowrap}.ticker strong{background:#a30b11;padding:21px;font-size:12px;letter-spacing:2px}.ticker span{padding:0 18px;font-size:15px}.wrap{max-width:1160px;margin:auto;padding:0 22px}.hero{background:#000;margin-bottom:30px}.hero-image{width:100%;height:clamp(260px,48vw,540px);object-fit:cover;display:block;background:#2b2520}.hero-copy{padding:24px 26px 28px}.category{display:inline-block;background:#e31920;padding:9px 13px;font-size:12px;font-weight:800;letter-spacing:1px}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:clamp(27px,4.5vw,48px);line-height:1.05;letter-spacing:.4px;text-transform:uppercase;max-width:780px}.summary{color:#b9b9b9;line-height:1.65;font-size:17px}.meta{color:#999;font-size:13px;margin-top:18px}.section-title{border-bottom:2px solid #333;padding-bottom:15px;font-size:23px;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 50px}.card{background:#151515;cursor:pointer}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card section{padding:16px}.card h3{font-size:19px;line-height:1.2}.empty{grid-column:1/-1;padding:45px 20px;text-align:center;color:#aaa;background:#141414}.footer{border-top:1px solid #333;background:#111;padding:35px 20px;text-align:center;color:#aaa}.footer img{width:70px}.detail{display:none;max-width:950px;margin:20px auto;padding:22px;line-height:1.7}.detail img{width:100%;max-height:500px;object-fit:cover}@media(max-width:650px){.headerline{height:74px}.logo{height:58px;width:88px}.nav{gap:27px;padding:19px 22px}.banner{margin:25px 22px;min-height:100px}.wrap{padding:0 22px}.hero-copy{padding:22px 20px}.cards{grid-template-columns:1fr}.subscribe{padding:15px 13px}.right{gap:12px}}
.card,.read{color:inherit;text-decoration:none}.read{display:inline-block;background:#d71920;padding:12px;margin-top:16px}.detail .body{white-space:pre-line}.detail h1{line-height:1.12}.detail{scroll-margin-top:10px}.nav a[aria-current]{color:white;text-decoration:underline;text-decoration-color:#e31920;text-underline-offset:6px}
body{background:#0c0c0c}.headerline{position:relative}.logo{position:absolute;left:50%;transform:translateX(-50%);height:100%;width:auto}.right{margin-left:auto}.nav a[aria-current]{text-decoration:none;border-bottom:3px solid #fff}.nav a{padding:10px 4px 9px}.nav{padding-block:0;gap:clamp(6px,2vw,28px)}.banner{display:block;padding:0;min-height:0;background:none;width:calc(100% - 30px);max-width:900px;margin:16px auto 30px}.banner img{width:100%;display:block}.wrap{max-width:940px}#section-name{font:700 21px/1.2 'Arial Narrow',sans-serif;letter-spacing:.04em;margin:0 0 14px;padding:0 0 12px;border-bottom:2px solid #eee}#topics{display:flex;flex-wrap:wrap;gap:7px}#topics[hidden]{display:none}#topics a{display:block;border:1px solid #303030;color:#ccc;text-decoration:none;padding:12px;font:14px/1.25 monospace;letter-spacing:.05em}#topics a[aria-current="true"]{color:#161616;background:#f4f4f4;border-color:#f4f4f4}.searchbox{display:flex;width:min(81%,430px);margin:13px 0 22px;border:1px solid #303030;height:38px}.searchbox input{min-width:0;flex:1;background:transparent;color:#fff;padding:0 13px;border:0;font:14px Arial}.glass{position:relative;width:42px;background:#030303}.glass:before{content:'';display:block;border:1.5px solid currentColor;border-radius:50%;width:9px;height:9px;position:absolute;left:calc(50% - 6px);top:calc(50% - 6px)}.glass:after{content:'';position:absolute;background:currentColor;width:5px;height:1.5px;left:calc(50% + 3px);top:calc(50% + 4px);transform:rotate(45deg)}.glass{color:#fff}.right .glass{height:38px;background:transparent}.nav{scrollbar-width:none}.hero:empty{display:none}
@media(max-width:650px){.headerline{height:60px;padding:0 15px}.right{gap:4px}.iconbtn{font-size:17px;padding:3px}.subscribe{padding:11px 10px;font:700 11px/1 Arial;letter-spacing:.06em}.promo{padding:8px;font-size:12px}.nav{justify-content:space-between;gap:7px;padding-inline:15px}.nav a{font-size:clamp(11px,2.95vw,16px)}.wrap{padding:0 15px}#topics a{padding:clamp(9px,3.2vw,17px);font-size:clamp(11px,3vw,16px)}#section-name{font-size:17px}.banner{margin-bottom:30px}}
.card img.portrait-poster,.hero img.portrait-poster,.detail img.portrait-poster{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.hero img.portrait-poster,.detail img.portrait-poster{max-width:480px;margin:18px auto}
.wp-post-image,.article-content img{max-width:100%;height:auto}.article-content{line-height:1.8}.pagination{padding:20px}.screen-reader-text{position:absolute;left:-10000px}
/* WordPress header layout */
.headerline .logo{top:0;height:76px;max-width:110px;object-fit:contain}.headerline a{text-decoration:none}.headerline .iconbtn{color:#fff}.card h2{font-size:19px;line-height:1.25}.wrap>article>.wp-post-image{display:block;width:auto;max-width:min(100%,480px);margin:24px auto}.wrap>article{padding-bottom:36px}@media(max-width:650px){.headerline .logo{height:60px}}
