/* ============================================================
   Equine Edge — Header content width control
   ------------------------------------------------------------
   Your header bar was stretching the full screen width (logo and
   button pinned to the far edges) while the rest of your site
   content sits centered. This constrains the header's inner content
   to a set width and centers it, so the header lines up with the
   page below.

   >>> TO ADJUST: change the 1240px value below. <<<
   Bigger number = wider header content (closer to screen edges).
   Smaller number = narrower, more centered.
   (Your page content is ~1240px, so 1240px makes them match.)

   Verified live on equineedgegrowth.com. Works at all screen sizes
   (on phones/tablets it automatically shrinks to fit — it never
   exceeds the screen).
   ============================================================ */

header .e-con.e-con-boxed {
    --width: 1240px !important;     /* <-- change this number */
    margin-left: auto !important;
    margin-right: auto !important;
}



/* ===== Unify heading letter-spacing (match hero ~ -1px) ===== */
.elementor-heading-title,
.elementor-headline,
.elementor-headline * {
    letter-spacing: -1px !important;
}


/* ===== EEG subtle tech polish ===== */
.elementor-button{border-radius:0 !important;letter-spacing:.12em !important;transition:all .3s ease !important;}
.elementor-button:hover{transform:translateY(-2px);}
h6{letter-spacing:.22em !important;text-transform:uppercase !important;font-size:11px !important;font-weight:500 !important;}
body{-webkit-font-smoothing:antialiased;}
.elementor-widget-divider .elementor-divider-separator{border-top-width:1px !important;}


/* EEG new /eeg-home/ page - fix logo dark box */
.brand{background:transparent!important;border:0!important;box-shadow:none!important}

.nav-outer .nav button.brand, .elementor-widget-html .brand{background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important}

/* EEG /eeg-home/ - full-width edge to edge */
.elementor-2894 .e-con-inner{max-width:100%!important;margin-left:0!important;margin-right:0!important}
.elementor-2894 .e-con,.elementor-2894 .e-con-box,.elementor-2894 .e-flex{padding-left:0!important;padding-right:0!important}
.elementor-2894 .elementor-widget-html{padding:0!important}
.elementor-2894 .nav{max-width:100%!important;padding-left:48px!important;padding-right:48px!important}

/* EEG /eeg-home/ - tech reveal animations */
@keyframes eegFly{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes eegPop{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
.elementor-2894 .hero-video .eyebrow{animation:eegFly .7s cubic-bezier(.2,.7,.2,1) both}
.elementor-2894 .hero-video h1{animation:eegFly .85s .12s cubic-bezier(.2,.7,.2,1) both}
.elementor-2894 .hero-video .subline{animation:eegFly .85s .28s cubic-bezier(.2,.7,.2,1) both}
.elementor-2894 .hero-video .btn-row{animation:eegFly .85s .44s cubic-bezier(.2,.7,.2,1) both}
.elementor-2894 .sec-label,.elementor-2894 .shead,.elementor-2894 .lead,.elementor-2894 .center-statement .big,.elementor-2894 .two>div,.elementor-2894 .band .q,.elementor-2894 .cta-band .display,.elementor-2894 .news,.elementor-2894 .tl-item,.elementor-2894 .faq details{animation:eegFly 1s linear both;animation-timeline:view();animation-range:entry 5% cover 20%}
.elementor-2894 .svc,.elementor-2894 .case,.elementor-2894 .diff,.elementor-2894 .pillar,.elementor-2894 .quote,.elementor-2894 .statbox,.elementor-2894 .cell,.elementor-2894 .badge{animation:eegPop 1s linear both;animation-timeline:view();animation-range:entry 5% cover 18%}
@media (prefers-reduced-motion:reduce){.elementor-2894 *{animation:none!important}}