/*
Theme Name: SPOMEXA Teamwear Active Studio
Theme URI: https://teamwear.spomexa.com
Author: SPOMEXA
Description: SPOMEXA Teamwear homepage image hero with active transparent buttons and a real interactive Studio available at /studio/.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: spomexa-teamwear-active-studio
*/

:root{--spx-bg:#030008;--spx-gold:#d7a331;--spx-purple:#4b0b76}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--spx-bg);min-height:100%;}body{font-family:Arial,Tahoma,sans-serif;color:#fff}.spx-page{min-height:100vh;background:#030008;display:flex;align-items:center;justify-content:center;overflow:hidden}.spx-hero-wrap{position:relative;width:100vw;height:100vh;max-width:177.7vh;max-height:56.3vw;margin:auto;overflow:hidden;background:#030008}.spx-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.spx-hotspot{position:absolute;display:block;z-index:5;text-decoration:none;background:rgba(255,255,255,0);border-radius:10px;outline:0}.spx-hotspot:focus-visible{outline:2px solid var(--spx-gold);background:rgba(215,163,49,.12)}
/* hotspots based on the 1672x941 image */
.spx-home{left:63.4%;top:3.4%;width:6.7%;height:5.8%}.spx-studio-nav{left:52.6%;top:3.4%;width:10.2%;height:5.8%}.spx-shop-nav{left:43.6%;top:3.4%;width:8.4%;height:5.8%}.spx-kits-nav{left:34.9%;top:3.4%;width:8.3%;height:5.8%}.spx-support-nav{left:26.9%;top:3.4%;width:7.6%;height:5.8%}.spx-logo{left:81.0%;top:1.8%;width:16.8%;height:7.2%}.spx-cart{left:1.6%;top:1.9%;width:3.7%;height:5.7%}.spx-account{left:6.2%;top:1.9%;width:3.8%;height:5.7%}.spx-lang{left:10.9%;top:1.9%;width:5.2%;height:5.7%}.spx-shop-btn{left:51.6%;top:60.2%;width:21.1%;height:11.1%}.spx-studio-btn{left:73.9%;top:60.2%;width:21.1%;height:11.1%}.spx-customize-panel{left:35.5%;top:30.0%;width:14.5%;height:34.0%}.spx-hidden-content{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-aspect-ratio:1672/941){.spx-hero-wrap{width:100vw;height:56.3vw}}@media (min-aspect-ratio:1672/941){.spx-hero-wrap{width:177.7vh;height:100vh}}@media(max-width:760px){.spx-page{align-items:flex-start;overflow:auto}.spx-hero-wrap{width:100vw;height:auto;max-width:none;max-height:none;aspect-ratio:1672/941}.spx-hero-img{object-fit:contain}}