/*
Theme Name: TPM Technical Sourcing
Author: TPM Strategic Business Partners
Description: Editable automotive and agricultural parts sourcing website. Pair with TPM Sourcing Catalog plugin.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--navy:#082538;--green:#087c47;--ink:#0d2c40;--pale:#edf2f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:white;font:16px/1.6 Arial,Tahoma,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #db9a22;outline-offset:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0 0 16px}h1{font-size:clamp(34px,4.2vw,58px);line-height:1.06;letter-spacing:-1.8px}h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-1px}h3{font-size:21px;line-height:1.3}.wrap{max-width:1200px;width:calc(100% - 64px);margin:auto}.site-header,.dark,.footer{background:var(--navy);color:white}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:26px;letter-spacing:-1px;white-space:nowrap;font-weight:700}.nav nav{display:flex;align-items:center;gap:28px}.nav ul{display:flex;list-style:none;gap:24px;padding:0;margin:0}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--green);color:white;border:1px solid var(--green);border-radius:3px;padding:11px 20px;font-size:14px;font-weight:bold;line-height:1.5;cursor:pointer;text-align:center}.button:hover{filter:brightness(1.12);text-decoration:none}.outline{background:transparent;border-color:#c4d2d8}.dark-outline{color:var(--ink);border-color:var(--ink)}.hero{background-size:cover;background-position:center;min-height:425px;color:white;display:flex;align-items:center}.hero-content{padding:65px 22%;padding-right:10%}.hero p{font-size:20px}.hero .eyebrow{font-size:12px;letter-spacing:3px;color:#9ce9bc;font-weight:bold}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.industries{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:26px;padding-bottom:26px}.industry{min-height:260px;background-size:cover;background-position:center;color:white;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:4px}.industry p{max-width:420px}.industry h2{font-size:28px}.section{padding:56px 0}.light{background:var(--pale)}.filters{background:var(--navy);padding:24px;color:white;display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:16px;margin:25px 0}.filters label{font-size:13px}.filters input,.filters select{width:100%;font:inherit;margin-top:6px;padding:11px;background:white;color:var(--ink);border:1px solid #bdc9d2;border-radius:3px}.filters .button{grid-column:3/5}.filters>a{font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:26px}.card{background:white;border:1px solid #d9e2e8;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.card>img,.card-image{width:100%;height:180px;background:#f4f7fa;display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:contain}.card>img{object-fit:contain;padding:12px}.card-body{padding:21px;display:flex;flex-direction:column;flex:1}.card h3{font-size:21px}.card p{font-size:13px}.card-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:auto;font-size:12px}.small{padding:8px 12px;font-size:12px}.spec{display:flex;gap:12px;flex-wrap:wrap;overflow-wrap:anywhere}.spec span{color:#647786;min-width:74px}.notice,.demo-label{border-left:3px solid var(--green);padding-left:16px}.demo-label{font-size:13px;color:#546e7e}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;border-top:1px solid #294c60;padding-top:32px;margin-top:26px}.steps p{color:#cbd9df;font-size:15px}.number{border:1px solid #3e9e76;border-radius:50%;display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;color:#8ee1b5;font-weight:bold;margin-bottom:24px}.custom{display:grid;grid-template-columns:1fr 1fr;background:#071e2a;color:white}.custom>img{height:100%;min-height:310px;width:100%;object-fit:cover}.custom>div{padding:45px;max-width:640px}.contact{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.contact-box{border:1px solid #d3dfe5;padding:28px;background:white;overflow-wrap:anywhere}.muted{color:#617987;font-size:12px;margin:20px 0 0}.footer{padding:40px 0}.footer .wrap{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:32px}.footer p{font-size:13px;color:#c8d7df}.detail{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;padding-top:32px}.detail img{margin-bottom:20px;border:1px solid #e0e8ed}.detail h1{font-size:42px}.content{overflow-wrap:anywhere}.content iframe,.content video{max-width:100%}.pagination{padding-top:28px}.pagination a,.pagination span{padding:6px 12px;display:inline-block}.skip{position:absolute;top:-100px;left:16px;background:white;color:black;z-index:10;padding:12px}.skip:focus{top:10px}.placeholder{color:#637d8c;font-size:22px}.services{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{flex-wrap:wrap;padding:20px 0}.nav nav{gap:20px}.hero-content{padding:55px 10%}.steps{gap:24px}.contact{gap:30px}.services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.nav nav,.nav ul{flex-wrap:wrap;gap:14px;font-size:13px}.brand{font-size:24px}.nav nav .button{padding:8px 12px}.hero{min-height:360px}.hero-content{padding:46px 0}.hero p{font-size:17px}.hero h1{max-width:370px}.industries,.custom,.contact,.detail{grid-template-columns:1fr}.industries{gap:16px}.industry{padding:25px;min-height:240px}.section{padding:38px 0}.filters{grid-template-columns:1fr 1fr;padding:18px;gap:12px}.filters .button{grid-column:1/3}.cards,.services{grid-template-columns:1fr}.card-image,.card>img{height:220px}.steps{grid-template-columns:1fr 1fr;gap:24px}.steps h3{font-size:19px}.custom>div{padding:28px 18px}.custom>img{min-height:200px;height:220px}.footer .wrap{grid-template-columns:1fr}.detail h1{font-size:34px}}