/*
Theme Name: Used Balls Fieldguide
Theme URI: https://used-balls.com/
Author: Used-Balls.com
Description: A responsive editorial theme for used sports ball buying guides and affiliate recommendations. Includes a custom front page, sport hubs, article layouts and configurable merchant links.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: used-balls-fieldguide
Tags: blog, custom-logo, custom-menu, featured-images, wide-blocks
*/
:root{--paper:#f5f3e9;--ink:#213d31;--muted:#5f6c60;--line:#d8ddce;--lime:#e1ef8b;--white:#fffef9;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--radius:6px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3.3rem,6.3vw,6rem);font-weight:800}h2{font-size:clamp(2.2rem,4vw,3.6rem)}h3{font-size:1.5rem}p{margin-bottom:1.25em}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;display:block;margin-bottom:20px}.pill{border:1px solid currentColor;padding:5px 10px;border-radius:30px;display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.muted{color:var(--muted)}.skip-link{position:absolute;top:-100px;left:20px;z-index:999;background:var(--lime);padding:12px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-icon{width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;position:relative;overflow:hidden;transform:rotate(-35deg)}.brand-icon:before,.brand-icon:after{content:'';position:absolute;width:38px;height:33px;border:1px solid var(--ink);border-radius:50%;left:7px;top:-5px}.brand-icon:after{left:-17px;top:6px}.brand-name{font-size:26px;font-weight:800;letter-spacing:-1.4px}.brand-name span{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-1.6px}.custom-logo{max-width:190px;max-height:62px;object-fit:contain}.primary-nav ul{list-style:none;display:flex;align-items:center;gap:27px;padding:0;margin:0}.primary-nav li{position:relative}.primary-nav a{text-decoration:none;font-size:13px;font-weight:700}.primary-nav a:hover,.primary-nav .current-menu-item>a{text-decoration:underline}.primary-nav .sub-menu{display:none;position:absolute;background:var(--white);padding:15px;top:100%;left:0;min-width:170px;z-index:10;box-shadow:0 6px 20px #213d3112}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}.primary-nav .sub-menu li{padding-block:6px}.header-note{font-size:11px;border-left:1px solid var(--line);padding-left:24px;line-height:1.5;max-width:150px}.menu-toggle{display:none;border:1px solid var(--ink);background:none;padding:7px 13px;border-radius:4px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:var(--white);text-decoration:none;padding:15px 22px;font-size:13px;font-weight:700;border:1px solid var(--ink);border-radius:var(--radius);line-height:1.4}.button:after{content:'↗';font-size:20px;line-height:1}.button:hover{background:#365b45}.button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.text-link{font-size:13px;font-weight:700;display:inline-flex;gap:24px;align-items:center}.text-link:after{content:'↗';text-decoration:none;font-size:19px}.hero{padding-top:54px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.hero-copy{padding:10px 0 25px}.hero h1{max-width:650px;margin:23px 0 23px}.hero h1 em{font-family:var(--serif);font-weight:400}.hero-copy>p{max-width:405px;color:var(--muted);font-size:16px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.hero-art{position:relative;align-self:stretch;display:grid;align-items:center;min-width:0}.hero-art img{width:100%;max-height:550px;object-fit:contain}.art-label{position:absolute;right:2%;bottom:9%;font-family:var(--serif);font-size:14px;font-style:italic;transform:rotate(-6deg)}.hero-bottom{display:flex;gap:35px;font-size:11px;color:var(--muted);padding:23px 0;border-top:1px solid var(--line);margin-top:25px}.hero-bottom span:before{content:'✓';margin-right:10px;color:var(--ink)}.section{padding-block:72px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head h2{margin-bottom:0}.section-head p{max-width:285px;font-size:13px;margin:0;color:var(--muted)}.sport-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.sport-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white);transition:transform .2s}.sport-card:hover{transform:translateY(-5px)}.sport-image{height:183px;display:grid;place-items:center;background:#e6e9d9;overflow:hidden}.sport-card:nth-child(2) .sport-image{background:#e8eccf}.sport-card:nth-child(3) .sport-image{background:#eae1cf}.sport-card:nth-child(4) .sport-image{background:#e3e4c9}.sport-card:nth-child(5) .sport-image{background:#d9e2db}.sport-image img{width:139px;height:139px;transition:transform .3s}.sport-card:hover img{transform:rotate(8deg) scale(1.05)}.sport-info{padding:20px 17px}.sport-info h3{display:flex;justify-content:space-between;gap:8px;font-size:20px;letter-spacing:-.03em;margin:0 0 7px}.sport-info h3 span{font-size:18px;font-weight:400}.sport-info p{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:0}.small-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:12px}.feature{background:var(--ink);color:var(--paper);border-radius:8px;overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr}.feature-art{position:relative;overflow:hidden;min-height:445px;background:#294a3a;display:grid;place-items:center}.feature-art:before,.feature-art:after{content:'';border:1px solid #7d987264;width:75%;height:115%;position:absolute;transform:rotate(35deg)}.feature-art:after{width:55%;height:80%}.feature-art img{width:80%;max-width:350px;z-index:1;filter:drop-shadow(16px 28px 16px #0d271d70);transform:rotate(-17deg)}.feature-art .art-number{position:absolute;left:25px;top:22px;font-size:11px;letter-spacing:.08em;z-index:1}.feature-copy{padding:54px 60px}.feature h2{font-size:clamp(2.5rem,4vw,3.6rem);font-weight:500;margin-bottom:22px}.feature h2 em{font-family:var(--serif);color:var(--lime);font-weight:400}.feature-copy p{color:#d1dacd;font-size:14px;max-width:385px}.feature .eyebrow{color:var(--lime)}.feature-rule{width:45px;border-top:1px solid var(--lime);margin-bottom:25px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.step{border-top:1px solid var(--line);padding-top:23px}.step-number{font-family:var(--serif);font-style:italic;font-size:30px;display:block;color:#718069;margin-bottom:33px}.step h3{font-size:23px;letter-spacing:-.03em}.step p{font-size:14px;color:var(--muted);max-width:300px}.finder-band{padding:38px 42px;background:#e8ecdb;border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:44px}.finder-band h3{font-size:25px;margin-bottom:8px}.finder-band p{font-size:13px;color:var(--muted);margin:0}.finder-form{display:flex;gap:10px;align-items:end}.field{flex:1;min-width:0}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:6px}select,input[type=search]{width:100%;padding:13px;background:var(--white);border:1px solid #a4b19e;border-radius:4px;color:var(--ink);min-height:48px}.finder-form button{min-height:48px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq-layout>div>p{font-size:14px;max-width:290px;color:var(--muted)}details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:15px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-weight:400;font-size:20px}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px;margin:15px 25px 0 0;line-height:1.8}.site-footer{background:var(--ink);color:var(--paper);padding:52px 0 25px;margin-top:25px}.site-footer .brand-icon{border-color:var(--paper)}.site-footer .brand-icon:before,.site-footer .brand-icon:after{border-color:var(--paper)}.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:60px}.footer-top p{font-size:13px;color:#ced6c9;max-width:310px;margin-top:18px}.footer-top h2{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:9px}.footer-links a{font-size:13px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.affiliate-disclosure{font-size:11px;line-height:1.8;color:#c6d1c0;border-top:1px solid #56705c;margin-top:36px;padding-top:23px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#c6d1c0;margin-top:20px;letter-spacing:.03em}.breadcrumbs{font-size:11px;color:var(--muted);padding:25px 0}.breadcrumbs a{text-decoration:none}.page-hero{padding:27px 0 55px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.8rem,5vw,5rem);margin-bottom:24px;max-width:850px}.page-hero p{max-width:620px;color:var(--muted)}.sport-hero{display:grid;grid-template-columns:1.5fr .5fr;align-items:center;gap:40px}.sport-hero img{max-height:220px;width:100%;object-fit:contain;filter:drop-shadow(10px 17px 12px #213d3120)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:75px;padding-block:55px}.article-content{min-width:0;font-size:17px;line-height:1.85;overflow-wrap:anywhere}.article-content h2{font-size:32px;margin:1.7em 0 .65em;scroll-margin-top:30px}.article-content h3{font-size:24px;margin:1.5em 0 .6em}.article-content>:first-child{margin-top:0}.article-content p{color:#3f5347}.article-content li{margin-bottom:8px}.article-content table{width:100%;border-collapse:collapse;font-size:14px}.article-content td,.article-content th{padding:12px;border:1px solid var(--line);text-align:left}.article-content th{background:#e8ecdb}.article-content blockquote{border-left:3px solid var(--ink);padding:12px 24px;background:#e8ecdb;margin-inline:0;font-family:var(--serif);font-style:italic}.article-content iframe{max-width:100%}.article-content pre{overflow:auto;background:#e8ecdb;padding:20px}.article-content figure{max-width:100%;margin-inline:0}.article-content .alignwide{width:100%}.article-content .alignleft{float:left;margin:8px 24px 20px 0}.article-content .alignright{float:right;margin:8px 0 20px 24px}.article-content:after{content:'';display:table;clear:both}.article-meta{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:18px;margin-top:20px}.sidebar-box{background:var(--white);padding:25px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px}.sidebar-box h2{font-size:22px;letter-spacing:-.03em;margin-bottom:16px}.sidebar-box p,.sidebar-box li{font-size:13px;color:var(--muted)}.sidebar-box ul{padding-left:18px;margin:0}.sidebar-box li{margin-bottom:12px}.sidebar-box .button{width:100%;margin-bottom:10px}.sidebar-box .fineprint{font-size:10px;line-height:1.7;margin:4px 0 0}.sidebar-box ol{font-size:13px;padding-left:18px}.sidebar-box ol li{margin-bottom:10px}.sidebar-box ol a{text-decoration:none}.sidebar-box ol a:hover{text-decoration:underline}.content-extra{padding-top:30px;border-top:1px solid var(--line);margin-top:30px}.search-form{display:flex;gap:12px;max-width:650px}.search-form label{flex:1}.search-form button{background:var(--ink);color:var(--white);border:0;padding-inline:20px;border-radius:4px}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:40px}.post-card{border:1px solid var(--line);padding:25px;background:var(--white);border-radius:6px;min-width:0;overflow-wrap:anywhere}.post-card img{aspect-ratio:1.7;object-fit:cover;margin-bottom:20px}.post-card h2{font-size:27px;line-height:1.2}.post-card h2 a{text-decoration:none}.post-card p{font-size:14px;color:var(--muted)}.pagination{margin:0 0 50px}.pagination .page-numbers{padding:8px 13px;border:1px solid var(--line);display:inline-block}.pagination .current{background:var(--ink);color:var(--white)}.not-found{padding:70px 0 100px}.comments-area{padding-block:30px;border-top:1px solid var(--line)}.comments-area h2{font-size:28px}.comments-area input:not([type=checkbox]),.comments-area textarea{max-width:100%;width:100%;border:1px solid var(--line);padding:12px;background:var(--white)}.comments-area .submit{background:var(--ink)!important;color:white}.comment-list{padding-left:25px}.comment-body{margin-bottom:25px}.wp-caption-text,.gallery-caption{font-size:12px}.bypostauthor{border-left:2px solid var(--ink)}.sticky{border-top:3px solid var(--ink)}
@media(min-width:1500px){.hero{padding-top:70px}.hero-art img{max-height:590px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.header-note{display:none}.primary-nav ul{gap:21px}.hero h1{font-size:clamp(3.2rem,7vw,5rem)}.hero-actions{gap:18px;flex-wrap:wrap}.sport-image{height:150px}.sport-image img{width:115px;height:115px}.sport-info{padding:17px 12px}.feature-copy{padding:40px}.article-layout{gap:38px;grid-template-columns:minmax(0,1fr) 270px}.finder-band{grid-template-columns:1fr;gap:20px}.faq-layout{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:78px;flex-wrap:wrap;padding-block:16px;gap:14px}.brand-name{font-size:25px}.brand-icon{width:31px;height:31px}.menu-toggle{display:block}.primary-nav{width:100%}.js .primary-nav{display:none}.js .primary-nav.is-open{display:block}.primary-nav ul{flex-wrap:wrap;gap:12px 24px;padding-bottom:10px}.primary-nav .sub-menu{position:static;display:block;box-shadow:none;background:transparent;padding:6px 12px}.primary-nav li{max-width:100%}.hero{padding-top:30px}.hero-grid{grid-template-columns:1fr;gap:0}.hero h1{font-size:clamp(3.5rem,12vw,5rem);max-width:560px}.hero-copy>p{font-size:15px}.hero-copy{padding-bottom:0}.hero-art{margin-top:12px}.hero-art img{max-height:390px}.hero-bottom{flex-wrap:wrap;gap:8px 22px;font-size:10px;margin-top:12px}.section{padding-block:45px}.section-head{align-items:start;gap:17px;flex-direction:column}.section-head p{max-width:400px}.section-head h2{font-size:37px}.sport-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sport-image{height:155px}.sport-image img{width:125px;height:125px}.sport-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.sport-card:last-child .sport-image{height:145px}.sport-info{padding:18px}.feature{grid-template-columns:1fr}.feature-art{min-height:270px}.feature-art img{max-width:240px}.feature-copy{padding:35px 28px}.feature h2{font-size:43px}.steps-grid{grid-template-columns:1fr;gap:15px}.step{display:grid;grid-template-columns:45px 1fr;gap:0 15px}.step-number{grid-row:1/3;margin:0;font-size:25px}.step h3{font-size:23px;margin-bottom:12px}.step p{max-width:none}.finder-band{padding:26px 20px}.finder-form{flex-wrap:wrap}.finder-form .field{flex-basis:100%}.finder-form .button{width:100%}.faq-layout{grid-template-columns:1fr;gap:15px}.faq-layout>div>p{max-width:none}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px}.article-layout{grid-template-columns:1fr;gap:25px;padding-top:35px}.article-content{font-size:16px}.sport-hero{grid-template-columns:1fr 110px;gap:15px}.sport-hero h1{font-size:39px}.sport-hero .eyebrow{font-size:9px}.sport-hero p{font-size:13px}.posts-grid{grid-template-columns:1fr}.page-hero h1{font-size:42px}.search-form{flex-wrap:wrap}.search-form button{min-height:48px}.art-label{font-size:12px}.article-content h2{font-size:29px}}
@media(max-width:760px){.sport-hero{display:block;position:relative}.sport-hero>img{position:absolute;width:85px;height:85px;top:20px;right:0}.sport-hero .eyebrow{max-width:calc(100% - 95px);min-height:65px;display:flex;align-items:center}.sport-hero h1{font-size:39px}.sport-hero p{font-size:14px;max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header,.site-footer,.article-sidebar,.hero-actions,.menu-toggle{display:none}.wrap{width:100%}.article-layout{display:block}body{background:white;color:black}.article-content{font-size:11pt}}