/*
Theme Name: Treads News
Theme URI: https://treadstireandwheel.com/news/
Author: Treads Tire and Wheel LLC
Description: News, builds and updates for Treads, VooDoo Performance & Customs, and Hook & Haul. Uses the approved website artwork and standard WordPress posts.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: treads-news
*/
:root{--ink:#0a0b0d;--panel:#15171b;--silver:#e8e7e4;--muted:#b8bdc5;--red:#e1272f;--line:#ffffff22;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--silver);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:#ff626a}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ff626a;outline-offset:4px}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}button,summary{cursor:pointer}h1,h2,h3{line-height:1.15;overflow-wrap:anywhere}h1{font-size:clamp(32px,4.5vw,62px);letter-spacing:-.035em}h2{font-size:28px}p{margin:0 0 18px}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{clip-path:none;width:auto;height:auto;top:8px;left:8px;z-index:1000;background:#fff;color:#000;padding:12px}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:32px;padding:8px 4vw;background:#070708;border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.topbar a{color:#fff}.site-header{position:relative;z-index:20;display:flex;align-items:center;gap:32px;min-height:104px;padding:20px 4vw;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#050608,#111318)}.brand{display:block;flex:0 1 320px;min-width:0}.brand img{width:100%;filter:drop-shadow(0 5px 10px #000b)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:14px 24px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:repeating-linear-gradient(-8deg,#e1272f 0 5px,#cf1f27 6px 8px,#e83239 9px 12px);box-shadow:inset 0 2px #ff676c66,0 7px 18px #0008;clip-path:polygon(2% 8%,96% 1%,100% 14%,97% 89%,91% 96%,5% 100%,0 87%,2% 21%);transform:rotate(-.45deg);transition:transform .2s}.button:hover{color:#fff;background:repeating-linear-gradient(-8deg,#ff3a43 0 5px,#dc2029 6px 8px,#f1444b 9px 12px);transform:rotate(.15deg) translateY(-2px)}.button:focus-visible{clip-path:none}.header-call{min-height:44px;white-space:nowrap}.menu{margin-left:auto}.menu summary{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding:10px 18px;border:1px solid #64666c;background:#111317;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu summary:after{content:' +';color:var(--red)}.menu[open] summary:after{content:' −'}.menu nav{position:absolute;top:100%;right:4vw;display:grid;grid-template-columns:1fr 1fr;width:min(600px,92vw);max-height:70vh;overflow:auto;padding:14px;gap:4px;background:#111318;border:1px solid #45484d;box-shadow:0 12px 30px #0009}.menu nav a{font-size:13px;font-weight:700;min-height:46px;padding:12px;display:flex;align-items:center}.menu nav a:hover,.menu nav a[aria-current]{background:#ffffff09;color:#ff626a}.news-hero{position:relative;padding:55px 0 50px;background:radial-gradient(ellipse at 90% 30%,#36394166,transparent 65%),linear-gradient(110deg,#111317,#08090b)}.news-hero:after,.shop-contact:before{content:'';position:absolute;bottom:-10px;left:0;right:0;height:22px;background:url('assets/treads-red-brush-divider-r27.webp') center/100% 100% no-repeat;pointer-events:none}.eyebrow{color:#c5c7ca;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px}.headline-art{width:min(760px,100%);margin:0 0 20px}.headline-art img{width:100%;filter:drop-shadow(0 8px 10px #0008)}.intro{max-width:720px;color:#c4c7cb;font-size:18px;line-height:1.65;margin:0}.news-content{padding-block:40px 70px;min-height:320px}.browse-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:30px}.category-nav{display:flex;gap:8px;flex-wrap:wrap}.category-nav a{padding:10px 16px;border:1px solid #45484e;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;min-height:44px;display:flex;align-items:center}.category-nav a[aria-current]{background:var(--red);border-color:var(--red);color:#fff}.search-form{display:flex;gap:0;max-width:100%}.search-form input{min-width:0;width:215px;color:#fff;background:#15171b;border:1px solid #555962;padding:10px 12px;font-size:14px}.search-form button{border:1px solid #555962;border-left:0;padding:10px 14px;background:#23262c;color:#fff;font-size:13px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.post-card{min-width:0;background:linear-gradient(135deg,#1a1d22,#101215);border:1px solid var(--line);display:flex;flex-direction:column}.card-image{display:block;aspect-ratio:1000/650;overflow:hidden;border-bottom:1px solid var(--line);background:#121419}.card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card-image:hover>img{transform:scale(1.025)}.image-placeholder{height:100%;display:flex;align-items:center;padding:35px;background:radial-gradient(ellipse,#2b3038,#0b0d10)}.image-placeholder img{width:100%;opacity:.75}.card-copy{padding:25px;display:flex;flex:1;flex-direction:column}.post-meta{color:#aeb4bd;display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.post-meta a{color:#ff6b73}.post-card h2{font-size:clamp(22px,2vw,27px);margin:16px 0;letter-spacing:-.02em}.excerpt{color:#bfc4cd;font-size:15px;line-height:1.7}.excerpt p{margin-bottom:22px}.read-more{margin-top:auto;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.12em;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.read-more span[aria-hidden]{color:#ff626a;font-size:20px}.pagination{margin-top:36px}.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}.page-numbers{border:1px solid #555962;padding:8px 14px}.page-numbers.current{background:var(--red);border-color:var(--red)}.empty-state{padding:55px 0;max-width:760px}.empty-state h2{margin-top:0}.empty-state p{color:var(--muted)}.empty-state .search-form{margin-top:24px}.single-post-wrap{max-width:1000px;padding-block:45px 70px}.back-link{font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:var(--muted)}.article-header{margin:34px 0}.article-header h1{margin:16px 0 24px;padding-bottom:30px;background:url('assets/headline-dry-brush-r41.webp') left bottom/min(640px,100%) 15px no-repeat}.article-image{margin:0 0 38px}.article-image img{width:100%;max-height:820px;object-fit:contain;background:#121419}.entry-content{max-width:860px;margin-inline:auto;overflow-wrap:anywhere}.entry-content h2{font-size:clamp(25px,3vw,36px);margin:38px 0 18px}.entry-content h3{font-size:24px;margin:30px 0 16px}.entry-content p,.entry-content ul,.entry-content ol{margin-bottom:24px}.entry-content a{color:#ff7179;text-decoration:underline;text-underline-offset:3px}.entry-content ul,.entry-content ol{padding-left:26px}.entry-content li{margin-bottom:9px}.entry-content blockquote{border-left:4px solid var(--red);margin:30px 0;padding:14px 24px;background:#ffffff06}.entry-content figure{margin:28px 0}.entry-content figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}.entry-content .alignwide{max-width:1000px;width:100%}.entry-content .alignfull{max-width:100%}.entry-content .alignleft{float:left;margin:0 24px 20px 0}.entry-content .alignright{float:right;margin:0 0 20px 24px}.entry-content:after{content:'';display:block;clear:both}.entry-content pre{overflow:auto;background:#1c1f25;padding:20px}.entry-content table{width:100%;border-collapse:collapse}.entry-content td,.entry-content th{border:1px solid #555962;padding:10px;text-align:left}.entry-content iframe{max-width:100%}.entry-content input{max-width:100%;padding:10px}.entry-content .wp-block-button__link{color:#fff;text-decoration:none}.article-end{border-top:1px solid var(--line);margin:40px 0 30px;padding-top:28px}.article-end p{font-weight:700}.post-navigation .nav-links{display:flex;justify-content:space-between;gap:30px;font-size:14px}.post-navigation .nav-links>div{max-width:48%}.shop-contact{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:50px max(4vw,22px);background:#111318;border-top:1px solid var(--line)}.shop-contact:before{top:-10px;bottom:auto}.shop-contact .contact-title{font-size:clamp(23px,2.5vw,32px);font-weight:800;color:var(--silver)}.shop-contact p{font-size:14px;color:#b8bdc5;margin-bottom:12px}.shop-contact .eyebrow{font-size:11px;color:#ff626a}.family-brands{display:flex;justify-content:center;align-items:center;gap:50px;padding:35px 22px;background:#090a0c}.family-brands a{flex:0 1 220px;min-width:0}.family-brands img{width:100%;max-height:145px;object-fit:contain}.site-footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:28px 4vw;background:#060708;border-top:1px solid var(--line);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.site-footer>a:first-child{width:150px}.site-footer p{margin:0 auto 0 0;color:#aeb0b5}.comments-area{margin-top:40px;border-top:1px solid var(--line);padding-top:30px}.comment-list{padding-left:0;list-style:none}.comment-list .children{list-style:none;padding-left:24px}.comment-body{margin-bottom:28px;padding:20px;background:#15171b}.comment-author{display:flex;align-items:center;gap:10px}.comment-metadata{font-size:12px;margin:12px 0}.comment-form label{display:block}.comment-form input:not([type=checkbox]),.comment-form textarea{width:100%;background:#15171b;color:#fff;border:1px solid #555962;padding:10px}.comment-form .submit{cursor:pointer;background:var(--red)!important;width:auto!important}.comment-form-cookies-consent label{display:inline;margin-left:8px}.sticky{border-top:3px solid var(--red)}
.category-logo{width:min(440px,100%);margin:0 0 24px}.category-logo img{width:100%;max-height:240px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 10px #0008)}
.desktop-nav{display:none}
@media(min-width:1600px){.menu{display:none}.desktop-nav{display:flex;align-items:center;margin-left:auto;gap:12px}.desktop-nav a{font-size:11px;padding:8px 0;font-weight:700}.desktop-nav a[aria-current]{color:#ff626a}.site-header{gap:24px}.brand{flex-basis:290px}}
@media(max-width:1000px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{width:calc(100% - 44px)}.family-brands{gap:26px}.shop-contact{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){body{font-size:16px}.topbar{justify-content:center}.topbar span{display:none}.site-header{min-height:88px;padding:18px 22px;gap:18px}.brand{flex-basis:250px}.header-call{display:none}.menu summary{padding:10px 12px}.menu nav{left:0;right:0;width:100%;grid-template-columns:1fr 1fr}.news-hero{padding:32px 0 38px}.eyebrow{font-size:10px;letter-spacing:.14em}.intro{font-size:16px}.headline-art{margin-bottom:18px}.news-content{padding-top:32px}.browse-tools{gap:18px}.category-nav{gap:6px}.category-nav a{font-size:10px;padding:10px 12px}.search-form{width:100%}.search-form input{flex:1;width:0}.post-grid{grid-template-columns:minmax(0,1fr);gap:22px}.card-copy{padding:22px}.post-card h2{font-size:25px}.single-post-wrap{padding-top:30px}.article-header{margin-top:26px}.article-header h1{font-size:34px}.entry-content .alignleft,.entry-content .alignright{float:none;margin:24px 0}.family-brands{gap:18px;flex-wrap:wrap;padding-block:28px}.family-brands a{flex-basis:150px}.family-brands img{max-height:100px}.site-footer{gap:18px;padding:26px 22px}.site-footer p{flex-basis:100%}.post-navigation .nav-links{flex-direction:column}.post-navigation .nav-links>div{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.button:hover,.card-image:hover>img{transform:none}}

.single-post .article-header h1{display:block!important;visibility:visible!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;opacity:1!important;margin:12px 0 18px;padding:0;background:none;font-size:clamp(24px,3vw,34px);line-height:1.2}