{"path":"/public_html/wp-content/themes/tennisnow-mag/style.css","name":"style.css","size":15807,"extension":".css","modified":"2026-07-08T22:03:18.80450868Z","mode":420,"isDir":false,"isSymlink":false,"type":"text","content":"/*\nTheme Name: Tennis Now Magazine\nTheme URI: https://tennisnow.com/\nDescription: Editorial magazine redesign for Tennis Now, with built-in Tennis Express ad placements. Child theme of Kadence.\nAuthor: Tennis Now\nVersion: 1.0.3\nTemplate: kadence\nText Domain: tennisnow-mag\n*/\n\n\n:root{--ink:#0c1f16;--green:#0f7a4d;--green-d:#0b5c39;--dark:#0b2318;--lime:#c6f24e;--paper:#faf9f5;--panel:#f1f4ef;--line:#e4e2da;--muted:#6b7168;--serif:'Fraunces',Georgia,serif;--sans:'Inter',-apple-system,sans-serif;}\n*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.6}\n::selection{background:var(--lime);color:var(--ink)}\nimg{max-width:100%;display:block} a{text-decoration:none;color:inherit}\n.pvnote{background:var(--dark);color:#cfe6d8;font-size:12.5px;text-align:center;padding:8px 16px}\n.pvnote b{color:var(--lime)}\n.ticker{background:var(--ink);color:#dff3e8;font-size:12.5px;display:flex;align-items:center;overflow:hidden;white-space:nowrap}\n.ticker .live{background:var(--lime);color:var(--ink);font-weight:700;padding:8px 14px;flex:0 0 auto;letter-spacing:.06em}\n.ticker .scr{padding:8px 18px;border-right:1px solid rgba(255,255,255,.08)}\n.ticker .scr b{color:#fff} .ticker .scr .w{color:var(--lime)}\n.mast{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}\n.mast .top{display:flex;align-items:center;justify-content:space-between;padding:14px 30px;max-width:1180px;margin:0 auto}\n.mast .logo img{height:46px;width:auto;display:block}\n.mast .msoc{display:flex;gap:16px;font-size:12.5px;font-weight:600;color:var(--green)}\n.mast .msoc a:hover{text-decoration:underline}\n.nav{border-top:1px solid var(--line)}\n.nav .inner{display:flex;justify-content:center;gap:2px;padding:0 26px;max-width:1180px;margin:0 auto;overflow-x:auto}\n.nav .menu{display:flex;gap:2px;list-style:none;margin:0;padding:0}\n.nav .menu li{list-style:none}\n.nav a{display:block;padding:12px 14px;font-size:13px;font-weight:600;color:var(--ink);border-bottom:2px solid transparent;white-space:nowrap}\n.nav a:hover,.nav a.hot{color:var(--green);border-color:var(--green)}\n\n/* ===== ad primitives ===== */\n.adlabel{position:absolute;top:7px;right:9px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9aa39c;font-weight:600;background:rgba(0,0,0,.04);padding:2px 6px;border-radius:4px}\n.adslot{position:relative;display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#0b2318,#0f7a4d);color:#fff;border-radius:12px;padding:18px 22px;overflow:hidden;transition:.18s}\n.adslot:hover{filter:brightness(1.06)}\n.adslot .adcta{margin-left:auto;background:var(--lime);color:var(--ink);font-weight:700;font-size:13px;padding:9px 15px;border-radius:8px;white-space:nowrap}\n.adslot .adlabel{color:#bfe0cf;background:rgba(255,255,255,.1)}\n.leaderboard{max-width:970px;margin:16px auto 0}\n.leaderboard .lbtxt strong{font-family:var(--serif);font-size:20px;display:block}\n.leaderboard .lbtxt small{color:#cfe6d8;font-size:13px}\n.inline-ad{margin:26px 0}\n.inline-ad .adbody strong{font-family:var(--serif);font-size:18px;display:block}\n.inline-ad .adbody small{color:#cfe6d8;font-size:13px}\n\n/* ===== layout: article + sidebar ===== */\n.shell{max-width:1180px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}\n.main{min-width:0}\n.crumb{font-size:12px;color:var(--muted);padding:26px 0 0}\n.crumb a{color:var(--green);font-weight:600}\n.eyebrow{display:inline-block;margin-top:18px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--green);font-weight:700}\nh1.title{font-family:var(--serif);font-size:40px;line-height:1.07;font-weight:900;letter-spacing:-.02em;margin:12px 0 16px}\n.deck{font-family:var(--serif);font-size:19px;line-height:1.45;color:#333d36;font-weight:400;margin-bottom:20px}\n.byline{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13.5px;color:var(--muted)}\n.byline .av{width:40px;height:40px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--serif)}\n.byline b{color:var(--ink)} .byline .share{margin-left:auto;display:flex;gap:12px}\n.byline .share a{color:var(--green);font-weight:600;font-size:12.5px}\n.hero{margin:22px 0 6px}\n.hero img{width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:12px}\n.hero .cap{font-size:12px;color:var(--muted);padding:8px 2px 0}\n.body{font-size:18px;line-height:1.72;color:#20281f;margin-top:14px}\n.body p{margin:0 0 20px}\n.body p:first-of-type::first-letter{font-family:var(--serif);font-weight:900;font-size:60px;line-height:.8;float:left;margin:6px 12px 0 0;color:var(--green)}\n.body blockquote{margin:22px 0;padding:4px 0 4px 22px;border-left:3px solid var(--lime);font-style:italic;color:#333d36;font-size:18px}\n.pull{font-family:var(--serif);font-size:26px;line-height:1.25;font-weight:600;color:var(--green-d);margin:32px 0;padding:20px 0;border-top:2px solid var(--line);border-bottom:2px solid var(--line)}\n.bio{background:var(--panel);border-radius:12px;padding:18px 20px;margin:28px 0;font-size:14px;color:#3a423a;line-height:1.6}\n.bio b{color:var(--ink)}\n.capture{background:linear-gradient(120deg,var(--green-d),var(--green));border-radius:16px;padding:26px 28px;color:#fff;margin:30px 0}\n.capture .eye{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);font-weight:700}\n.capture h3{font-family:var(--serif);font-size:22px;font-weight:800;margin:6px 0 6px}\n.capture p{color:#dff3e8;font-size:14px;margin-bottom:14px}\n.capform{display:flex;gap:10px;flex-wrap:wrap}\n.capform input{border:none;border-radius:10px;padding:13px 15px;font-size:14px;flex:1;min-width:180px;font-family:var(--sans)}\n.capform button{background:var(--lime);color:var(--ink);border:none;border-radius:10px;padding:13px 22px;font-weight:700;font-size:14px;cursor:pointer}\n\n/* ===== sidebar ===== */\n.side{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px;padding-top:26px}\n.sbox{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}\n.sbox\u003eh3{font-family:var(--serif);font-size:15px;font-weight:800;letter-spacing:.02em;padding:14px 16px;border-bottom:1px solid var(--line);text-transform:uppercase}\n.popitem{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);transition:.15s}\n.popitem:last-child{border-bottom:none}\n.popitem:hover{background:var(--panel)}\n.popnum{font-family:var(--serif);font-size:22px;font-weight:900;color:var(--lime);-webkit-text-stroke:1px var(--green);flex:0 0 auto;width:22px;text-align:center}\n.popitem img{width:56px;height:42px;object-fit:cover;border-radius:6px;flex:0 0 auto}\n.poptxt{font-family:var(--serif);font-size:13.5px;font-weight:600;line-height:1.2}\n\n/* TE sidebar ad units */\n.teAd{position:relative;display:flex;flex-direction:column;gap:6px;border-radius:13px;padding:20px 18px;color:#fff;overflow:hidden;transition:.18s;border:1px solid rgba(255,255,255,.08)}\n.teAd:hover{filter:brightness(1.06);transform:translateY(-2px)}\n.teAd.tall{background:linear-gradient(165deg,#0b2318,#0f7a4d);min-height:250px;justify-content:flex-end}\n.teAd.sq{background:linear-gradient(150deg,#146c94,#0b2318);min-height:180px;justify-content:flex-end}\n.teAd .adlabel{color:#cfe6d8;background:rgba(255,255,255,.12)}\n.teAd .teCat{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);font-weight:700}\n.teAd strong{font-family:var(--serif);font-size:22px;font-weight:800;line-height:1.1}\n.teAd small{color:#d6e8de;font-size:13px;line-height:1.4}\n.teAd .teCta{margin-top:6px;background:var(--lime);color:var(--ink);font-weight:700;font-size:13px;padding:9px 14px;border-radius:8px;align-self:flex-start}\n\n/* related */\n.related{max-width:1180px;margin:0 auto;padding:14px 22px 10px}\n.related .sechead{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}\n.related h2{font-family:var(--serif);font-size:24px;font-weight:900;letter-spacing:-.02em}\n.related .rule{flex:1;height:1px;background:var(--line)}\n.relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.relcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.18s}\n.relcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.1)}\n.relcard img{width:100%;aspect-ratio:16/10;object-fit:cover}\n.relcard .kick{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:700}\n.relcard div{padding:13px 15px 16px}\n.relcard h4{font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.22;margin-top:5px}\nfooter{background:var(--ink);color:#cfe0d6;padding:38px 30px 28px;margin-top:36px}\nfooter .frow{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}\nfooter .lg{background:#fff;padding:9px 13px;border-radius:10px;display:inline-block}\nfooter .lg img{height:30px;width:auto;display:block}\nfooter .fsoc{display:flex;gap:16px;margin-top:14px;font-weight:600} footer .fsoc a{color:var(--lime)}\nfooter .fbot{max-width:1180px;margin:22px auto 0;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;font-size:12px;color:#7fa694}\n@media(max-width:980px){.shell{grid-template-columns:1fr}.side{position:static;flex-direction:row;flex-wrap:wrap;padding-top:10px}.sbox,.teAd{flex:1 1 260px}.relgrid{grid-template-columns:1fr}}\n@media(max-width:600px){h1.title{font-size:30px}.adslot{flex-direction:column;align-items:flex-start;gap:10px}.adslot .adcta{margin-left:0}}\n\n/* ===== homepage ===== */\n.wrap{max-width:1180px;margin:0 auto;padding:0 22px}\n.sechead2{display:flex;align-items:baseline;gap:14px;margin:34px 0 18px}\n.sechead2 h2{font-family:var(--serif);font-size:26px;font-weight:900;letter-spacing:-.02em}\n.sechead2 .rule{flex:1;height:1px;background:var(--line)}\n.sechead2 a.more{font-size:12.5px;font-weight:700;color:var(--green)}\n/* top feature row: 4 tiles (newest video + newest stories) */\n.toptiles{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:26px}\n.ttile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.18s}\n.ttile:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.1)}\n.tthumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--panel)}\n.tthumb img{width:100%;height:100%;object-fit:cover}\n.ttkick{position:absolute;left:10px;top:10px;background:var(--paper);color:var(--green);padding:4px 9px;border-radius:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}\n.ttkick.lime{background:var(--lime);color:var(--ink)}\n.ttile h3{font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.24;padding:13px 15px 16px}\n.tvtile .tthumb{background:#08170f}\n.tvtile .tthumb img{opacity:.9;transition:.2s}\n.tvtile:hover .tthumb img{opacity:1}\n.tvtile .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:rgba(198,242,78,.94);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;box-shadow:0 6px 18px rgba(0,0,0,.35)}\n@media(max-width:980px){.toptiles{grid-template-columns:1fr 1fr}}\n@media(max-width:600px){.toptiles{grid-template-columns:1fr}}\n/* lead + secondary */\n.lead{display:grid;grid-template-columns:1.55fr 1fr;gap:28px;margin-top:26px;align-items:start}\n.leadmain{display:flex;flex-direction:column}\n.leadmain img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}\n.leadmain .kick{margin-top:14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:700}\n.leadmain h1{font-family:var(--serif);font-size:38px;line-height:1.07;font-weight:900;letter-spacing:-.02em;margin:8px 0 10px}\n.leadmain p{font-size:16px;color:#333d36;max-width:60ch}\n.leadrail{display:flex;flex-direction:column;gap:16px}\n.railitem{display:grid;grid-template-columns:96px 1fr;gap:13px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:16px}\n.railitem:last-child{border-bottom:none}\n.railitem img{width:96px;height:72px;object-fit:cover;border-radius:9px}\n.railitem .kick{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:700}\n.railitem h3{font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.2;margin-top:4px}\n/* card grid */\n.hgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\n.hcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.18s}\n.hcard:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.1)}\n.hcard img{width:100%;aspect-ratio:16/10;object-fit:cover}\n.hcard .cbody{padding:14px 16px 18px}\n.hcard .kick{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:700}\n.hcard h3{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.24;margin-top:5px}\n/* tennis now tv row */\n.tvsec{background:var(--dark);border-radius:18px;padding:26px 24px;margin-top:34px;color:#dfeee6}\n.tvsec .sechead2 h2{color:#fff}.tvsec .sechead2 .rule{background:rgba(255,255,255,.15)}\n.tvsec .sechead2 a.more{color:var(--lime)}\n.tvrow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}\n.tvcard{position:relative;border-radius:11px;overflow:hidden;background:#08170f}\n.tvcard img{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.86;transition:.2s}\n.tvcard:hover img{opacity:1}\n.tvcard .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(198,242,78,.92);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}\n.tvcard h4{font-family:var(--serif);font-size:14px;font-weight:600;line-height:1.25;color:#eaf6ee;padding:11px 12px 14px}\n/* statisfaction list */\n.statlist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}\n.statrow{display:flex;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid var(--line)}\n.statrow:last-child{border-bottom:none}\n.statrow:hover{background:var(--panel)}\n.statrow .sn{font-family:var(--serif);font-size:24px;font-weight:900;color:var(--lime);-webkit-text-stroke:1px var(--green);width:34px;flex:0 0 auto;text-align:center}\n.statrow h3{font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.25}\n/* shop strip */\n.shopsec{background:linear-gradient(120deg,#0b2318,#0f7a4d);border-radius:18px;padding:28px 26px;margin-top:34px;color:#fff;position:relative;overflow:hidden}\n.shopsec .eye{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);font-weight:700}\n.shopsec h2{font-family:var(--serif);font-size:28px;font-weight:900;margin:6px 0 4px}\n.shopsec p{color:#cfe6d8;font-size:14px;margin-bottom:18px}\n.shopgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\n.shopcard{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px 16px;display:flex;flex-direction:column;gap:8px;transition:.18s}\n.shopcard:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}\n.shopcard .ic{font-size:26px}\n.shopcard strong{font-family:var(--serif);font-size:17px}\n.shopcard span.go{color:var(--lime);font-weight:700;font-size:13px}\n@media(max-width:980px){.lead{grid-template-columns:1fr}.hgrid{grid-template-columns:1fr 1fr}.tvrow{grid-template-columns:1fr 1fr}.shopgrid{grid-template-columns:1fr 1fr}}\n@media(max-width:600px){.hgrid,.tvrow,.shopgrid{grid-template-columns:1fr}.leadmain h1{font-size:28px}}\n","link":""}