/* TM Stallions - 2026 stallion page design.
   Tokens from the TMRH Style Guide (Jan 16 2024) plus the site's lilac.
   Fonts come from the site's own Adobe Fonts kit: Hobo Std, Indie, Effra CC.
   (c) 2026 Horse Alley / Justin Franklin. All rights reserved. */

/* The page runs edge to edge: the theme's centered container steps aside. */
body.tmh-design-2026 .container-wrap{padding:0 !important;background:#fff}
body.tmh-design-2026 .container-wrap > .container.main-content{max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important}
body.tmh-design-2026 .container-wrap > .container.main-content > .row{margin:0 !important;padding:0 !important}

.tmx{
  --purple:#4E008E;
  --silver:#C7C9C7;
  --gray:#707372;
  --lilac:#b2a5c1;
  --mist:#f4f2f7;
  --rule:#e4e0ea;
  --hobo:"hobo-std",sans-serif;
  --indie:"indie",cursive;
  --effra:"effra-cc",sans-serif;
  background:#fff;color:#1b1b1b;font:400 16px/1.6 var(--effra);letter-spacing:normal;-webkit-font-smoothing:antialiased;text-align:left;
}
.tmx,.tmx *,.tmx *::before,.tmx *::after{box-sizing:border-box}

/* Theme resets (Salient pads paragraphs, indents lists and puts its font on headings and links). */
body .tmx p,body .tmx h1,body .tmx h2,body .tmx ul,body .tmx ol,body .tmx li,body .tmx hr{margin:0;padding:0;letter-spacing:normal;text-transform:none}
body .tmx ul,body .tmx ol,body .tmx li{list-style:none}
body .tmx img{display:block;max-width:100%;height:auto;margin:0;border-radius:0;box-shadow:none}
body .tmx a{color:inherit;font-family:inherit;text-decoration:none}
body .tmx b,body .tmx strong{font-weight:400}

.tmx .tmx-inner{max-width:1200px;margin:0 auto;padding:0 35px}
.tmx .tmx-nw{white-space:nowrap}
.tmx .tmx-k,.tmx .tmx-eyebrow{display:block;font:400 11px/1.2 var(--effra);letter-spacing:.24em;text-transform:uppercase}

/* buttons: the site's own - Hobo caps, tracked, 4px radius */
.tmx .tmx-btn{display:inline-block;font:400 13px/1 var(--hobo);letter-spacing:.1em;text-transform:uppercase;padding:15px 21px;white-space:nowrap;border-radius:4px;text-align:center;border:1.5px solid transparent;transition:background .2s,color .2s}
.tmx .tmx-btn--purple{background:var(--purple);border-color:var(--purple);color:#fff}
.tmx a.tmx-btn--purple:hover{background:#3a006a;border-color:#3a006a;color:#fff}
.tmx .tmx-btn--ghost{border-color:rgba(255,255,255,.7);color:#fff}
.tmx a.tmx-btn--ghost:hover{background:#fff;color:#000}
.tmx .tmx-btn--outline{border-color:var(--purple);color:var(--purple)}
.tmx a.tmx-btn--outline:hover{background:var(--purple);color:#fff}
.tmx .tmx-btn--white{background:#fff;border-color:#fff;color:var(--purple)}
.tmx a.tmx-btn--white:hover{background:var(--mist);color:var(--purple)}
.tmx .tmx-btn--block{display:block;width:100%}
.tmx .tmx-btn--soon{cursor:default;opacity:.85}

/* 1. header */
.tmx .tmx-hero{background:#000;color:#fff;padding-top:124px}
.tmx .tmx-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;max-width:1400px;margin:0 auto}
.tmx .tmx-hero__text{padding:35px 0 35px 70px;position:relative;z-index:2}
.tmx .tmx-hero__name{margin-bottom:30px;font:400 48px/1.05 var(--hobo) !important;color:#fff}
.tmx .tmx-logo{width:calc(var(--tmx-logo) * .88) !important;max-width:100%}
.tmx .tmx-logo-text{display:block}
.tmx .tmx-eyebrow{color:var(--silver);margin-bottom:11px}
.tmx .tmx-hero__cross{font:400 26px/1.2 var(--hobo);color:#fff;margin-bottom:14px}
.tmx .tmx-hero__title{font:400 23px/1.25 var(--hobo);color:var(--lilac)}
.tmx .tmx-hero__sub{font-size:16px;line-height:1.4;color:#fff;margin-top:9px}
.tmx .tmx-hero__owner{color:var(--silver);font-size:14px;margin-top:16px}
.tmx .tmx-hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.tmx .tmx-hero__photo img{width:100% !important}
.tmx .tmx-hero--grass{position:relative;overflow:hidden;background-position:50% 40%;background-size:cover;background-repeat:no-repeat}
.tmx .tmx-hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.tmx .tmx-hero__bg video{width:100% !important;height:100%;object-fit:cover;display:block}
.tmx .tmx-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,rgba(0,0,0,.7) 45%,#000 76%)}
.tmx .tmx-hero--grass .tmx-hero__grid,.tmx .tmx-hero--grass .tmx-facts{position:relative;z-index:1}
.tmx .tmx-hero--grass .tmx-hero__photo{padding:20px 70px 30px 20px}
.tmx .tmx-hero--grass .tmx-hero__photo img{border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.45);padding:5%;background:#000;box-sizing:border-box}

.tmx .tmx-facts{display:grid;grid-template-columns:repeat(4,1fr);max-width:1400px;margin:0 auto;border-top:1px solid rgba(255,255,255,.14)}
.tmx .tmx-facts--3{grid-template-columns:repeat(3,1fr)}
.tmx .tmx-facts--2{grid-template-columns:repeat(2,1fr)}
.tmx .tmx-facts--1{grid-template-columns:1fr}
.tmx .tmx-fact{padding:26px 28px 32px;border-left:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:7px}
.tmx .tmx-fact:first-child{border-left:0;padding-left:70px}
.tmx .tmx-fact .tmx-k{color:var(--silver)}
.tmx .tmx-fact__v{font:400 26px/1.1 var(--hobo);color:#fff}
.tmx .tmx-fact__s{font-size:13px;line-height:1.45;color:var(--silver)}

/* section bands + headings (Hobo purple title + short gray rule) */
.tmx .tmx-band{padding:88px 0}
.tmx .tmx-band--white{background:#fff}
.tmx .tmx-band--mist{background:var(--mist)}
.tmx .tmx-band--black{background:#000;color:#fff}
.tmx .tmx-h2{font:400 39px/1.1 var(--hobo) !important;color:var(--purple);margin-bottom:42px;position:relative;padding-bottom:19px}
.tmx .tmx-h2::after{content:"";position:absolute;left:0;bottom:0;width:49px;height:2px;background:var(--silver)}
.tmx .tmx-h2--light{color:#fff}
.tmx .tmx-h2--light::after{background:rgba(255,255,255,.35)}

/* 2. breeding cards */
.tmx .tmx-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:stretch}
.tmx .tmx-cards--one{grid-template-columns:minmax(0,1fr);max-width:640px}
.tmx .tmx-stack{display:grid;gap:25px;align-content:start}
.tmx .tmx-card{background:#fff;border:1px solid var(--rule);border-top:4px solid var(--purple);border-radius:5px;padding:30px 30px 32px;box-shadow:0 1px 0 rgba(0,0,0,.03),0 11px 26px rgba(78,0,142,.06)}
.tmx .tmx-card .tmx-k{color:var(--gray);margin-bottom:12px}
.tmx .tmx-tag{display:inline-block;background:var(--purple);color:#fff;font:400 11px/1 var(--hobo);letter-spacing:.1em;text-transform:uppercase;padding:8px 11px;border-radius:3px;margin-bottom:19px}
.tmx .tmx-fee{font:400 67px/1 var(--hobo);color:var(--purple);margin-bottom:11px}
.tmx .tmx-fee__reg{font-size:16px;color:#1b1b1b}
.tmx .tmx-fee__note{font-size:14px;color:var(--gray)}
.tmx .tmx-fee__flag{font:400 14px/1.3 var(--hobo);letter-spacing:.08em;text-transform:uppercase;color:var(--purple);margin-top:9px}
.tmx .tmx-hr{border:0;border-top:1px solid var(--rule);margin:21px 0;height:0;background:none}
.tmx .tmx-card__body{font-size:15px;color:#333}
.tmx .tmx-card .tmx-btn--block{margin-top:23px}
.tmx .tmx-gen{font:400 35px/1.1 var(--hobo);color:#1b1b1b}
.tmx .tmx-gen span{color:var(--purple)}
.tmx .tmx-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}
.tmx .tmx-chips li{font-size:13px;line-height:1.4;letter-spacing:.06em;border:1px solid var(--rule);background:var(--mist);border-radius:3px;padding:5px 9px}
.tmx .tmx-gen__note{font-size:15px;color:#333;margin-top:12px}
.tmx .tmx-checks li{font-size:17px;line-height:1.4;padding:11px 0 11px 30px;border-bottom:1px solid var(--rule);position:relative}
.tmx .tmx-checks li:last-child{border-bottom:0}
.tmx .tmx-checks li::before{content:"";position:absolute;left:4px;top:17px;width:11px;height:6px;border-left:2px solid var(--purple);border-bottom:2px solid var(--purple);transform:rotate(-45deg)}
.tmx .tmx-partners{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;margin-top:25px}
.tmx .tmx-partners--one{grid-template-columns:minmax(0,1fr)}
.tmx .tmx-partner{font-size:15px;line-height:1.6;color:#333;overflow-wrap:anywhere}
.tmx .tmx-partner p + p{margin-top:12px}
.tmx .tmx-partner strong{font:400 15px/1.3 var(--hobo);color:var(--purple)}
.tmx .tmx-partner a{color:var(--purple);text-decoration:underline}

/* 3. career highlights */
.tmx .tmx-record{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:62px;align-items:start}
.tmx .tmx-record--one{grid-template-columns:minmax(0,1fr)}
.tmx .tmx-record .tmx-k{color:var(--gray);margin-bottom:12px}
.tmx .tmx-lte{font:400 74px/1 var(--hobo);color:var(--purple)}
.tmx .tmx-ledger{border-top:2px solid var(--purple);margin-top:5px}
.tmx .tmx-ledger li{display:grid;grid-template-columns:69px 1fr;gap:16px;padding:15px 4px;border-bottom:1px solid #dcd6e4;font-size:16px;line-height:1.45}
.tmx .tmx-ledger--plain li{grid-template-columns:1fr}
.tmx .tmx-ledger b{font:400 18px/1.3 var(--hobo);color:var(--purple)}
.tmx .tmx-ledger li.tmx-ledger__head{display:block;font:400 18px/1.3 var(--hobo);color:var(--purple);padding-top:26px}

/* 4. pedigree */
.tmx .tmx-ped{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:53px;align-items:start}
.tmx .tmx-ped__name{margin-bottom:12px;font:400 28px/1.1 var(--hobo);color:var(--purple)}
.tmx .tmx-ped__name .tmx-logo{width:calc(var(--tmx-logo) * .7) !important}
.tmx .tmx-ped__meta{color:var(--gray);margin-bottom:25px}
.tmx .tmx-chart{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:repeat(8,56px);gap:5px 12px}
.tmx .tmx-c{display:flex;flex-direction:column;justify-content:center;padding:0 12px;background:var(--mist);border-left:3px solid var(--lilac);font-size:13px;line-height:1.3;color:#1b1b1b}
.tmx .tmx-g1{grid-column:1;font:400 21px/1.2 var(--hobo);color:#fff;border-left-color:#2a004d;background:var(--purple)}
.tmx .tmx-g2{grid-column:2;font-size:17px;color:#1b1b1b}
.tmx .tmx-g3{grid-column:3;font-size:14px;color:#4a4d4c}
.tmx .tmx-c--s{grid-row:1/5}
.tmx .tmx-c--d{grid-row:5/9}
.tmx .tmx-c--ss{grid-row:1/3}
.tmx .tmx-c--sd{grid-row:3/5}
.tmx .tmx-c--ds{grid-row:5/7}
.tmx .tmx-c--dd{grid-row:7/9}
.tmx .tmx-c--sss{grid-row:1}
.tmx .tmx-c--ssd{grid-row:2}
.tmx .tmx-c--sds{grid-row:3}
.tmx .tmx-c--sdd{grid-row:4}
.tmx .tmx-c--dss{grid-row:5}
.tmx .tmx-c--dsd{grid-row:6}
.tmx .tmx-c--dds{grid-row:7}
.tmx .tmx-c--ddd{grid-row:8}

/* 5. profile photo */
.tmx .tmx-photo{margin:0;padding:0;background:#000;line-height:0}
.tmx .tmx-photo picture{display:block}
.tmx .tmx-photo img{width:100% !important;height:auto}

/* 6. breeding office */
.tmx .tmx-office{background:#000;color:#fff;padding:79px 0}
.tmx .tmx-office__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:53px;align-items:center}
.tmx .tmx-script{font:400 35px/1 var(--indie);color:var(--lilac);margin-bottom:9px}
.tmx .tmx-office .tmx-h2{margin-bottom:19px}
.tmx .tmx-office__addr{color:var(--silver)}
.tmx .tmx-office__lines p{display:flex;flex-direction:column;gap:5px;margin-bottom:19px}
.tmx .tmx-office__lines .tmx-k{color:var(--silver)}
.tmx .tmx-office__lines p a{font:400 25px/1.2 var(--hobo);color:#fff}

/* The theme sets its body font on every paragraph and heading from an ID selector; the display faces are restated here. */
.tmx .tmx-hero__name,.tmx .tmx-g1,.tmx .tmx-hero__cross,.tmx .tmx-hero__title,.tmx .tmx-h2,.tmx .tmx-tag,.tmx .tmx-fee,.tmx .tmx-fee__flag,.tmx .tmx-gen,.tmx .tmx-lte,.tmx .tmx-ledger li.tmx-ledger__head,.tmx .tmx-partner strong,.tmx .tmx-btn,.tmx .tmx-office__lines p a{font-family:var(--hobo) !important}
.tmx .tmx-script{font-family:var(--indie) !important}

/* tablets: the theme's menu bar is shorter below its 1050px breakpoint */
@media (max-width:1050px){
  .tmx .tmx-hero{padding-top:84px}
  .tmx .tmx-hero__text{padding-left:35px}
  .tmx .tmx-fact:first-child{padding-left:35px}
  .tmx .tmx-fact{padding-left:19px;padding-right:19px}
  .tmx .tmx-fact__v{font-size:21px}
  .tmx .tmx-lte{font-size:56px}
  .tmx .tmx-record{gap:39px}
  .tmx .tmx-ped{gap:35px}
  .tmx .tmx-office__lines p a{font-size:19px;overflow-wrap:anywhere}
}

/* phones */
@media (max-width:760px){
  .tmx{font-size:15px}
  .tmx .tmx-inner{padding:0 20px}
  .tmx .tmx-hero{padding-top:78px}
  .tmx .tmx-hero__grid{grid-template-columns:minmax(0,1fr)}
  .tmx .tmx-hero__photo{order:-1}
  .tmx .tmx-hero--grass .tmx-hero__photo{padding:10px 20px 24px}
  .tmx .tmx-hero__text{padding:0 20px 30px}
  .tmx .tmx-hero__name{margin:-9px 0 19px;font-size:33px !important}
  .tmx .tmx-logo{width:calc(var(--tmx-logo-m) * .88) !important}
  .tmx .tmx-hero__cross{font-size:20px}
  .tmx .tmx-hero__title{font-size:18px}
  .tmx .tmx-hero__btns .tmx-btn{width:100%}
  .tmx .tmx-btn{white-space:normal;line-height:1.25}
  .tmx .tmx-facts,.tmx .tmx-facts--3{grid-template-columns:1fr 1fr}
  .tmx .tmx-fact,.tmx .tmx-fact:first-child{padding:18px;border-left:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .tmx .tmx-fact:nth-child(2n){border-left:1px solid rgba(255,255,255,.14)}
  .tmx .tmx-facts--3 .tmx-fact:last-child{grid-column:1/-1}
  .tmx .tmx-fact__v{font-size:21px}
  .tmx .tmx-band{padding:56px 0}
  .tmx .tmx-office{padding:56px 0}
  .tmx .tmx-h2{font-size:30px !important;margin-bottom:28px}
  .tmx .tmx-cards,.tmx .tmx-partners,.tmx .tmx-record,.tmx .tmx-ped,.tmx .tmx-office__grid{grid-template-columns:minmax(0,1fr)}
  .tmx .tmx-card{padding:23px 19px 25px}
  .tmx .tmx-office__grid{gap:30px}
  .tmx .tmx-office__lines p a{font-size:18px}
  .tmx .tmx-office__lines .tmx-btn{width:100%}
  .tmx .tmx-record{gap:35px}
  .tmx .tmx-fee{font-size:56px}
  .tmx .tmx-gen{font-size:28px}
  .tmx .tmx-lte{font-size:53px;margin-bottom:25px}
  .tmx .tmx-ledger li{grid-template-columns:49px 1fr;font-size:14px;gap:11px}
  .tmx .tmx-ledger--plain li{grid-template-columns:1fr}
  .tmx .tmx-ped{gap:26px}
  .tmx .tmx-ped__name .tmx-logo{width:calc(var(--tmx-logo-m) * .8) !important}
  .tmx .tmx-chart{grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:repeat(8,minmax(46px,auto));gap:4px 5px}
  .tmx .tmx-c{padding:7px;font-size:11px;overflow-wrap:break-word}
  .tmx .tmx-g1{font-size:14px}
  .tmx .tmx-g2{font-size:12px}
  .tmx .tmx-g3{font-size:11px}
  .tmx .tmx-script{font-size:28px}
}