/*
Theme Name: Topmark Modern
Author: AA Media Studios
Description: Responsive custom Topmark Sports homepage inspired by the approved design. Editable through Appearance > Customize > Topmark Homepage.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: topmark-modern
*/
:root{--red:#d4092f;--ink:#141414;--muted:#f2f3f4}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #176ad0;outline-offset:4px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:99}.skip:focus{top:0}.wrap{max-width:1240px;margin:auto;padding:0 42px}.header{background:white}.header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand strong{font-size:36px;font-weight:900;font-style:italic;letter-spacing:-2px}.brand strong span{color:var(--red)}.brand small{font-size:8px;text-align:center;letter-spacing:3px;margin-top:5px}.custom-logo{max-width:185px;height:auto}.nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:bold}.nav ul{display:flex;gap:24px;list-style:none;padding:0;margin:0}.nav ul ul{display:none}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:12px 28px;background:var(--red);color:white;border:1px solid var(--red);border-radius:7px;font-weight:bold;font-size:15px}.btn:hover{filter:brightness(.92)}.btn.outline{background:transparent;border-color:white}.btn.white{background:white;color:var(--red);border-color:white}.menu-toggle{display:none;background:transparent;border:0;font-size:27px;min-width:48px;min-height:48px}.hero{position:relative;color:white;background:#18251c;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.52) 46%,rgba(0,0,0,.03) 80%)}.hero .wrap{position:relative;z-index:1;min-height:570px;display:flex;align-items:center}.hero-copy{max-width:630px;padding:65px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 14px}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(42px,5.4vw,72px);line-height:1.04;letter-spacing:-1px;margin:0 0 22px;text-transform:uppercase;font-weight:900}h1 em{font-style:normal;color:#f51640}.hero p.description{font-size:20px;max-width:540px;margin:0 0 28px}.actions{display:flex;gap:16px;flex-wrap:wrap}.trust{border-bottom:1px solid #e5e5e5;background:white}.trust .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-top:22px;padding-bottom:22px}.trust-item{display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px;border-right:1px solid #eee}.trust-item:last-child{border:0}.icon{color:var(--red);font-size:26px;font-weight:bold}.services{padding:58px 0}.red{color:var(--red)}h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-1.5px;line-height:1.15;margin:0 0 28px;font-weight:850}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card img{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:7px;display:block}.card h3{font-size:22px;margin:14px 0 4px;line-height:1.2}.card p{margin:0 0 12px;color:#383838}.text-link{color:var(--red);font-weight:bold}.school{background:var(--muted);padding:38px 0}.school .wrap{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:55px}.school img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:7px}.school h2{font-size:36px;margin-bottom:15px}.school p{margin:0 0 24px;font-size:18px}.cta{background:var(--red);color:white;padding:34px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px}.cta h2{font-size:32px;margin:0}.footer{background:var(--ink);color:white;padding:34px 0}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-links{display:flex;gap:25px;font-size:13px}.copyright{font-size:11px;color:#bbb;margin-top:20px}.mobile-parent{display:none}.content{padding-top:50px;padding-bottom:60px;min-height:55vh}.content a{color:var(--red);text-decoration:underline}.content img{max-width:100%;height:auto}.wp-block-image img{height:auto}body.admin-bar .mobile-parent{bottom:0}
@media(max-width:850px){.wrap{padding:0 24px}.nav{gap:14px}.nav ul{gap:14px}.header .wrap{gap:14px}.brand strong{font-size:29px}.school .wrap{gap:28px}.hero .wrap{min-height:520px}.hero-copy{max-width:520px}.footer .wrap{flex-wrap:wrap}}
@media(max-width:700px){body{padding-bottom:66px}.header .wrap{min-height:74px;position:relative}.brand strong{font-size:31px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:24px;z-index:10;box-shadow:0 8px 14px #0002}.nav.open{display:flex;align-items:stretch;flex-direction:column}.nav ul{flex-direction:column;gap:0}.nav li a{display:block;padding:12px 0}.hero .wrap{min-height:650px;align-items:flex-end}.hero-photo{object-position:58% center}.hero:after{background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.65) 45%,rgba(0,0,0,0) 80%)}.hero-copy{padding:230px 0 30px;width:100%}.eyebrow{font-size:10px;letter-spacing:1.7px}h1{font-size:42px;letter-spacing:-.8px}.hero p.description{font-size:16px;line-height:1.55}.actions{flex-direction:column;gap:12px}.btn{min-height:54px}.trust .wrap{grid-template-columns:1fr;padding-top:10px;padding-bottom:10px}.trust-item{justify-content:flex-start;padding:15px 0;border-right:0;border-bottom:1px solid #eee}.services{padding:36px 0}.cards{grid-template-columns:1fr;gap:30px}h2{font-size:34px}.card img{aspect-ratio:1.35}.school .wrap{grid-template-columns:1fr;gap:26px}.school h2{font-size:32px}.school p{font-size:16px}.cta .wrap{flex-direction:column;align-items:stretch}.cta h2{font-size:30px}.footer .wrap{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap;gap:18px}.mobile-parent{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;border-radius:0;min-height:66px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -3px 12px #0002}.content{padding-top:30px}.custom-logo{max-width:155px}}
@media(prefers-reduced-motion:no-preference){a,button{transition:filter .15s ease}}

.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@font-face{font-family:TopmarkHeading;src:url('assets/heading.otf') format('opentype');font-display:swap}h1{font-family:TopmarkHeading,Impact,'Arial Narrow',sans-serif}.hero-photo{left:auto;width:58%}.hero{background:#172018}@media(max-width:700px){.hero-photo{left:0;width:100%}}