.elementor-104 .elementor-element.elementor-element-79a0ea1{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--padding-top:0%;--padding-bottom:0%;--padding-left:04%;--padding-right:04%;}.elementor-104 .elementor-element.elementor-element-79a0ea1:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-79a0ea1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mile12wholesales.com/wp-content/uploads/2026/09/home-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-104 .elementor-element.elementor-element-79a0ea1::before, .elementor-104 .elementor-element.elementor-element-79a0ea1 > .elementor-background-video-container::before, .elementor-104 .elementor-element.elementor-element-79a0ea1 > .e-con-inner > .elementor-background-video-container::before, .elementor-104 .elementor-element.elementor-element-79a0ea1 > .elementor-background-slideshow::before, .elementor-104 .elementor-element.elementor-element-79a0ea1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-104 .elementor-element.elementor-element-79a0ea1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-104 .elementor-element.elementor-element-8fffd2b{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}.elementor-104 .elementor-element.elementor-element-8fffd2b .elementor-heading-title{font-family:"Geist", Sans-serif;font-size:80px;font-weight:600;color:var( --e-global-color-9b1373b );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-104 .elementor-element.elementor-element-01ec5bb{width:var( --container-widget-width, 533px );max-width:533px;--container-widget-width:533px;--container-widget-flex-grow:0;font-family:"Geist", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-kadence9 );}.elementor-104 .elementor-element.elementor-element-18f903a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-104 .elementor-element.elementor-element-244724f .elementor-button{background-color:var( --e-global-color-primary );font-family:"Geist", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:5px 5px 5px 5px;padding:12px 15px 012px 15px;}.elementor-104 .elementor-element.elementor-element-244724f .elementor-button:hover, .elementor-104 .elementor-element.elementor-element-244724f .elementor-button:focus{background-color:var( --e-global-color-5600944 );border-color:var( --e-global-color-5600944 );}.elementor-104 .elementor-element.elementor-element-699a457 .elementor-button{background-color:#FFFFFF00;font-family:"Geist", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-style:solid;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;padding:12px 15px 012px 15px;}.elementor-104 .elementor-element.elementor-element-699a457 .elementor-button:hover, .elementor-104 .elementor-element.elementor-element-699a457 .elementor-button:focus{background-color:var( --e-global-color-5600944 );color:var( --e-global-color-text );}.elementor-104 .elementor-element.elementor-element-699a457 .elementor-button:hover svg, .elementor-104 .elementor-element.elementor-element-699a457 .elementor-button:focus svg{fill:var( --e-global-color-text );}@media(max-width:1024px){.elementor-104 .elementor-element.elementor-element-79a0ea1{--min-height:80vh;}.elementor-104 .elementor-element.elementor-element-8fffd2b .elementor-heading-title{font-size:60px;}}@media(max-width:767px){.elementor-104 .elementor-element.elementor-element-79a0ea1{--min-height:90vh;}.elementor-104 .elementor-element.elementor-element-8fffd2b .elementor-heading-title{font-size:45px;}.elementor-104 .elementor-element.elementor-element-244724f .elementor-button{font-size:15px;}.elementor-104 .elementor-element.elementor-element-699a457 .elementor-button{font-size:15px;}}/* Start custom CSS *//* ============================================================
   MILE 12 WHOLESALE — HOMEPAGE REDESIGN
   Post 104 · CSS only (V3 page)
   Scope: .elementor-104 and element IDs below
   ============================================================ */

/* ─── HERO ──────────────────────────────────────────────────── */
.elementor-element-79a0ea1 {
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 140px 88px 100px !important;
  --padding-top: 140px !important;
  --padding-bottom: 100px !important;
  --padding-left: 88px !important;
  --padding-right: 88px !important;
  position: relative !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Deep overlay */
.elementor-element-79a0ea1::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(150deg, rgba(0,35,10,0.92) 0%, rgba(0,15,4,0.82) 100%) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* Lift content above overlay */
.elementor-element-79a0ea1 > .e-con-inner {
  position: relative !important;
  z-index: 1 !important;
  max-width: 680px !important;
  width: 100% !important;
}

/* EYEBROW — injected above heading via ::before */
.elementor-element-8fffd2b::before {
  content: 'MILE12 WHOLESALE' !important;
  display: block !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #4ADE80 !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

/* Hero H1 */
.elementor-element-8fffd2b .elementor-heading-title {
  font-family: 'Geist', sans-serif !important;
  font-size: 58px !important;
  font-weight: 800 !important;
  line-height: 1.04 !important;
  color: #FFFFFF !important;
  letter-spacing: -0.03em !important;
  margin: 0 !important;
}

/* Hero body text */
.elementor-element-01ec5bb,
.elementor-element-01ec5bb p {
  font-family: 'Geist', sans-serif !important;
  font-size: 18px !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.65 !important;
  margin-top: 22px !important;
  margin-bottom: 0 !important;
}

/* Button row */
.elementor-element-18f903a {
  margin-top: 40px !important;
  gap: 14px !important;
  --gap: 14px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

/* Primary CTA — Apply for Account */
.elementor-element-244724f .elementor-button {
  background-color: #007A2B !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 14px 28px !important;
  letter-spacing: 0.01em !important;
  transition: background-color 150ms ease, transform 120ms ease !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25) !important;
}
.elementor-element-244724f .elementor-button:hover {
  background-color: #006622 !important;
  transform: translateY(-1px) !important;
}
.elementor-element-244724f .elementor-button:active {
  transform: translateY(0) scale(0.98) !important;
}

/* Secondary CTA — Browse Products */
.elementor-element-699a457 .elementor-button {
  background-color: rgba(255,255,255,0.08) !important;
  color: #FFFFFF !important;
  border: 1.5px solid rgba(255,255,255,0.45) !important;
  border-radius: 8px !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 13px 28px !important;
  transition: background-color 150ms ease, border-color 150ms ease !important;
}
.elementor-element-699a457 .elementor-button:hover {
  background-color: rgba(255,255,255,0.15) !important;
  border-color: rgba(255,255,255,0.8) !important;
}

/* ─── SHARED SECTION DEFAULTS ────────────────────────────────── */
.elementor-104 .wm-hp-who,
.elementor-104 .wm-hp-why,
.elementor-104 .wm-hp-products,
.elementor-104 .wm-hp-how,
.elementor-104 .wm-hp-cta {
  padding: 88px 88px !important;
  --padding-top: 88px !important;
  --padding-bottom: 88px !important;
  --padding-left: 88px !important;
  --padding-right: 88px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Section heading (direct child heading widget) */
.elementor-104 .wm-hp-who > .e-con-inner > .elementor-widget-heading .elementor-heading-title,
.elementor-104 .wm-hp-why > .e-con-inner > .elementor-widget-heading .elementor-heading-title,
.elementor-104 .wm-hp-products > .e-con-inner > .elementor-widget-heading .elementor-heading-title,
.elementor-104 .wm-hp-how > .e-con-inner > .elementor-widget-heading .elementor-heading-title,
.elementor-104 .wm-hp-cta > .e-con-inner > .elementor-widget-heading .elementor-heading-title {
  font-family: 'Geist', sans-serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin-bottom: 0 !important;
}

/* ─── SECTION: WHO WE SERVE ──────────────────────────────────── */
.elementor-104 .wm-hp-who {
  background-color: #FFFFFF !important;
}

/* Inner cards container */
.elementor-104 .wm-hp-who-cards {
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  margin-top: 40px !important;
  padding: 0 !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
}

.elementor-104 .wm-hp-who-cards > .e-con {
  flex: 1 !important;
  min-width: 240px !important;
  background: #F9FAFB !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  padding: 28px !important;
  --padding-top: 28px !important;
  --padding-bottom: 28px !important;
  --padding-left: 28px !important;
  --padding-right: 28px !important;
  box-sizing: border-box !important;
  transition: border-color 150ms ease, box-shadow 150ms ease !important;
}

.elementor-104 .wm-hp-who-cards > .e-con:hover {
  border-color: #007A2B !important;
  box-shadow: 0 0 0 3px rgba(0,122,43,0.08) !important;
}

/* Card heading */
.elementor-104 .wm-hp-who-cards .elementor-heading-title {
  font-family: 'Geist', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 10px !important;
  letter-spacing: -0.01em !important;
}

/* Card body text */
.elementor-104 .wm-hp-who-cards .elementor-text-editor p {
  font-family: 'Geist', sans-serif !important;
  font-size: 14px !important;
  color: #6B7280 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* Card icon prefix (if you add emoji/icon text) */
.elementor-104 .wm-hp-who-cards .elementor-heading-title::before {
  display: block !important;
  font-size: 28px !important;
  margin-bottom: 12px !important;
  line-height: 1 !important;
}

/* ─── SECTION: WHY MILE12 ────────────────────────────────────── */
.elementor-104 .wm-hp-why {
  background-color: #F9FAFB !important;
}

/* Value props grid container */
.elementor-104 .wm-hp-why-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin-top: 40px !important;
  padding: 0 !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
}

.elementor-104 .wm-hp-why-grid .elementor-widget-text-editor {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 10px !important;
  padding: 22px 20px !important;
  box-sizing: border-box !important;
}

.elementor-104 .wm-hp-why-grid .elementor-text-editor strong {
  display: block !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 6px !important;
}

.elementor-104 .wm-hp-why-grid .elementor-text-editor p {
  font-family: 'Geist', sans-serif !important;
  font-size: 13px !important;
  color: #6B7280 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* ─── SECTION: PRODUCT CATEGORIES ───────────────────────────── */
.elementor-104 .wm-hp-products {
  background-color: #FFFFFF !important;
}

/* Category grid */
.elementor-104 .wm-hp-products-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
  margin-top: 40px !important;
  margin-bottom: 36px !important;
  padding: 0 !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
}

.elementor-104 .wm-hp-products-grid .elementor-widget-text-editor {
  border: 1.5px solid #E5E7EB !important;
  border-radius: 10px !important;
  padding: 20px 18px !important;
  box-sizing: border-box !important;
  transition: border-color 150ms ease, box-shadow 150ms ease !important;
}

.elementor-104 .wm-hp-products-grid .elementor-widget-text-editor:hover {
  border-color: #007A2B !important;
  box-shadow: 0 0 0 3px rgba(0,122,43,0.07) !important;
}

.elementor-104 .wm-hp-products-grid .elementor-text-editor a {
  font-family: 'Geist', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.elementor-104 .wm-hp-products-grid .elementor-text-editor a:hover {
  color: #007A2B !important;
}

/* Browse products CTA button */
.elementor-104 .wm-hp-products .wm-browse-cta .elementor-button {
  background-color: #007A2B !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 13px 28px !important;
  transition: background-color 150ms ease !important;
}
.elementor-104 .wm-hp-products .wm-browse-cta .elementor-button:hover {
  background-color: #006622 !important;
}

/* ─── SECTION: HOW IT WORKS ──────────────────────────────────── */
.elementor-104 .wm-hp-how {
  background-color: #007A2B !important;
}

.elementor-104 .wm-hp-how > .e-con-inner > .elementor-widget-heading .elementor-heading-title {
  color: #FFFFFF !important;
}

/* Steps grid */
.elementor-104 .wm-hp-how-steps {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 40px !important;
  margin-top: 48px !important;
  padding: 0 !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
}

.elementor-104 .wm-hp-how-steps .elementor-text-editor strong {
  display: block !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 52px !important;
  font-weight: 900 !important;
  color: rgba(255,255,255,0.2) !important;
  line-height: 1 !important;
  margin-bottom: 20px !important;
  letter-spacing: -0.04em !important;
}

.elementor-104 .wm-hp-how-steps .elementor-text-editor h3 {
  font-family: 'Geist', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  margin: 0 0 10px !important;
  letter-spacing: -0.01em !important;
}

.elementor-104 .wm-hp-how-steps .elementor-text-editor p {
  font-family: 'Geist', sans-serif !important;
  font-size: 14px !important;
  color: rgba(255,255,255,0.65) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* ─── SECTION: ACCOUNT CTA ───────────────────────────────────── */
.elementor-104 .wm-hp-cta {
  background-color: #111827 !important;
  text-align: center !important;
}

.elementor-104 .wm-hp-cta > .e-con-inner {
  align-items: center !important;
  max-width: 640px !important;
  margin: 0 auto !important;
}

.elementor-104 .wm-hp-cta > .e-con-inner > .elementor-widget-heading .elementor-heading-title {
  font-size: 40px !important;
  color: #FFFFFF !important;
  font-family: 'Geist', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}

.elementor-104 .wm-hp-cta .elementor-text-editor p {
  font-family: 'Geist', sans-serif !important;
  font-size: 16px !important;
  color: rgba(255,255,255,0.6) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* CTA button row */
.elementor-104 .wm-hp-cta .wm-cta-buttons {
  margin-top: 36px !important;
  gap: 12px !important;
  --gap: 12px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
}

.elementor-104 .wm-hp-cta .wm-cta-primary .elementor-button {
  background-color: #007A2B !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 14px 28px !important;
  transition: background-color 150ms ease !important;
}
.elementor-104 .wm-hp-cta .wm-cta-primary .elementor-button:hover {
  background-color: #006622 !important;
}

.elementor-104 .wm-hp-cta .wm-cta-ghost .elementor-button {
  background-color: transparent !important;
  color: rgba(255,255,255,0.75) !important;
  border: 1.5px solid rgba(255,255,255,0.25) !important;
  border-radius: 8px !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  padding: 13px 28px !important;
  transition: background-color 150ms ease, border-color 150ms ease !important;
}
.elementor-104 .wm-hp-cta .wm-cta-ghost .elementor-button:hover {
  background-color: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.55) !important;
}

/* Sign-in text below buttons */
.elementor-104 .wm-hp-cta .wm-sign-in,
.elementor-104 .wm-hp-cta .wm-sign-in p {
  font-family: 'Geist', sans-serif !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.35) !important;
  margin-top: 16px !important;
  text-align: center !important;
}
.elementor-104 .wm-hp-cta .wm-sign-in a {
  color: rgba(255,255,255,0.55) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* ─── RESPONSIVE: MOBILE (<768px) ───────────────────────────── */
@media (max-width: 767px) {
  .elementor-element-79a0ea1 {
    padding: 120px 24px 80px !important;
    --padding-top: 120px !important;
    --padding-bottom: 80px !important;
    --padding-left: 24px !important;
    --padding-right: 24px !important;
    align-items: flex-end !important;
  }
  .elementor-element-8fffd2b .elementor-heading-title { font-size: 38px !important; }
  .elementor-element-01ec5bb, .elementor-element-01ec5bb p { font-size: 15px !important; }
  .elementor-element-18f903a { flex-direction: column !important; }
  .elementor-element-244724f .elementor-button,
  .elementor-element-699a457 .elementor-button { width: 100% !important; text-align: center !important; display: block !important; }
  .elementor-104 .wm-hp-who,
  .elementor-104 .wm-hp-why,
  .elementor-104 .wm-hp-products,
  .elementor-104 .wm-hp-how,
  .elementor-104 .wm-hp-cta { padding: 60px 24px !important; --padding-top: 60px !important; --padding-bottom: 60px !important; --padding-left: 24px !important; --padding-right: 24px !important; }
  .elementor-104 .wm-hp-who > .e-con-inner > .elementor-widget-heading .elementor-heading-title,
  .elementor-104 .wm-hp-why > .e-con-inner > .elementor-widget-heading .elementor-heading-title,
  .elementor-104 .wm-hp-products > .e-con-inner > .elementor-widget-heading .elementor-heading-title,
  .elementor-104 .wm-hp-how > .e-con-inner > .elementor-widget-heading .elementor-heading-title { font-size: 28px !important; }
  .elementor-104 .wm-hp-who-cards { flex-direction: column !important; }
  .elementor-104 .wm-hp-why-grid,
  .elementor-104 .wm-hp-products-grid,
  .elementor-104 .wm-hp-how-steps { grid-template-columns: 1fr !important; gap: 12px !important; }
  .elementor-104 .wm-hp-cta > .e-con-inner > .elementor-widget-heading .elementor-heading-title { font-size: 30px !important; }
  .elementor-104 .wm-hp-cta .wm-cta-buttons { flex-direction: column !important; }
}

/* ─── RESPONSIVE: TABLET (768–1024px) ───────────────────────── */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-element-79a0ea1 { padding: 120px 48px !important; --padding-left: 48px !important; --padding-right: 48px !important; }
  .elementor-element-8fffd2b .elementor-heading-title { font-size: 46px !important; }
  .elementor-104 .wm-hp-who,
  .elementor-104 .wm-hp-why,
  .elementor-104 .wm-hp-products,
  .elementor-104 .wm-hp-how,
  .elementor-104 .wm-hp-cta { padding: 72px 48px !important; --padding-left: 48px !important; --padding-right: 48px !important; }
  .elementor-104 .wm-hp-who-cards { gap: 14px !important; }
  .elementor-104 .wm-hp-why-grid,
  .elementor-104 .wm-hp-products-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .elementor-104 .wm-hp-how-steps { grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist';
	font-display: auto;
	src: url('http://mile12wholesales.com/wp-content/uploads/2026/09/Geist-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */