*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#110d0a}
.page-wrap{position:relative;width:100%;margin:0 auto;line-height:0}
.page-image{display:block;width:100%;height:auto;margin:0}
.hotspot{position:absolute;display:block;z-index:10;background:transparent;cursor:pointer}
.hotspot:focus-visible{outline:2px solid #d67a2d;outline-offset:2px}

/* HOME header links - exact approved v25 artwork */
.home .nav-home{left:26.3%;top:.35%;width:4.0%;height:.9%}
.home .nav-stallions{left:31.5%;top:.35%;width:6.2%;height:.9%}
.home .nav-mares{left:38.8%;top:.35%;width:4.6%;height:.9%}
.home .nav-foals{left:44.4%;top:.35%;width:4.3%;height:.9%}
.home .nav-sale{left:49.6%;top:.35%;width:6.3%;height:.9%}
.home .nav-cattle{left:56.5%;top:.35%;width:5.6%;height:.9%}
.home .nav-about{left:62.2%;top:.35%;width:5.3%;height:.9%}
.home .nav-contact{left:67.8%;top:.35%;width:6.3%;height:.9%}
/* HOME feature links */
.home .card-stallions{left:4.2%;top:27.0%;width:29.8%;height:11.3%}
.home .card-mares{left:35.2%;top:27.0%;width:29.6%;height:11.3%}
.home .card-foals{left:66.0%;top:27.0%;width:29.6%;height:11.3%}
.home .btn-sale{left:58.0%;top:68.2%;width:24.6%;height:2.0%}
.home .btn-cattle{left:6.0%;top:82.0%;width:24.8%;height:2.0%}
.home .btn-contact{left:5.2%;top:92.5%;width:17.2%;height:1.8%}
/* footer nav in approved home image */
.home .foot-home{left:26.0%;top:98.65%;width:4.2%;height:.8%}
.home .foot-stallions{left:31.1%;top:98.65%;width:6.0%;height:.8%}
.home .foot-mares{left:37.9%;top:98.65%;width:4.5%;height:.8%}
.home .foot-foals{left:43.0%;top:98.65%;width:4.1%;height:.8%}
.home .foot-sale{left:47.8%;top:98.65%;width:6.3%;height:.8%}
.home .foot-cattle{left:54.8%;top:98.65%;width:5.2%;height:.8%}
.home .foot-about{left:60.6%;top:98.65%;width:5.3%;height:.8%}
.home .foot-contact{left:66.5%;top:98.65%;width:6.4%;height:.8%}

/* STALLIONS v28 header links */
.stallions .nav-home{left:54.8%;top:.55%;width:4.4%;height:1.35%}
.stallions .nav-stallions{left:59.2%;top:.55%;width:6.8%;height:1.35%}
.stallions .nav-mares{left:66.0%;top:.55%;width:4.7%;height:1.35%}
.stallions .nav-foals{left:70.7%;top:.55%;width:4.5%;height:1.35%}
.stallions .nav-sale{left:75.0%;top:.55%;width:5.8%;height:1.35%}
.stallions .nav-cattle{left:80.8%;top:.55%;width:5.1%;height:1.35%}
.stallions .nav-about{left:85.8%;top:.55%;width:4.8%;height:1.35%}
.stallions .nav-contact{left:90.5%;top:.55%;width:5.8%;height:1.35%}

/* MARES / FOALS / FOR SALE share this approved header layout */
.standard .nav-home{left:43.8%;top:1.15%;width:4.2%;height:1.8%}
.standard .nav-stallions{left:49.2%;top:1.15%;width:6.9%;height:1.8%}
.standard .nav-mares{left:57.8%;top:1.15%;width:4.8%;height:1.8%}
.standard .nav-foals{left:64.0%;top:1.15%;width:4.6%;height:1.8%}
.standard .nav-sale{left:69.6%;top:1.15%;width:6.6%;height:1.8%}
.standard .nav-cattle{left:77.3%;top:1.15%;width:5.4%;height:1.8%}
.standard .nav-about{left:83.6%;top:1.15%;width:5.2%;height:1.8%}
.standard .nav-contact{left:89.5%;top:1.15%;width:6.7%;height:1.8%}

/* ABOUT v2 has a slightly different header alignment */
.about .nav-home{left:44.8%;top:1.8%;width:4.7%;height:2.5%}
.about .nav-stallions{left:50.2%;top:1.8%;width:7.5%;height:2.5%}
.about .nav-mares{left:58.2%;top:1.8%;width:5.0%;height:2.5%}
.about .nav-foals{left:64.1%;top:1.8%;width:4.8%;height:2.5%}
.about .nav-sale{left:69.6%;top:1.8%;width:7.2%;height:2.5%}
.about .nav-cattle{left:77.0%;top:1.8%;width:5.6%;height:2.5%}
.about .nav-about{left:83.0%;top:1.8%;width:5.7%;height:2.5%}
.about .nav-contact{left:88.7%;top:1.8%;width:7.2%;height:2.5%}

/* v5 requested homepage button fixes */
.home .btn-cattle{left:5.5%;top:84.7%;width:24.5%;height:2.6%}
.home .btn-contact{left:5.0%;top:94.0%;width:18.0%;height:2.4%}
/* About/contact direct links */
.about .about-phone{left:37.5%;top:74.0%;width:25%;height:4.2%}
.about .about-email{left:35.0%;top:80.0%;width:30%;height:4.0%}

/* v7: social links arranged horizontally across the existing social section */

/* v8 social row hotspots */

/* v9: About social links aligned to the single horizontal row */
.about .about-instagram{left:25.0%;top:88.7%;width:20.0%;height:2.8%}
.about .about-facebook{left:45.0%;top:88.7%;width:20.0%;height:2.8%}
.about .about-tiktok{left:65.0%;top:88.7%;width:20.0%;height:2.8%}