/* montrealtaxi.ca - custom overrides
   Added 2026-08-03. Loaded AFTER style.css so it wins.
   Safe to delete this file and remove its <link> to revert. */

/* --- FIX: sections rendering blank ---------------------------------
   WOW.js sets .wow{visibility:hidden} and only reveals elements when its
   scroll callback fires. On a normal-speed scroll the callback is missed
   and entire sections (Services, Testimonials) stay invisible.
   Content is now visible by default; the animation still plays when it works. */
.wow{visibility:visible !important;}
.wow:not(.animated){opacity:1 !important;}
@media (prefers-reduced-motion:reduce){
  .wow,.animated{animation:none !important;opacity:1 !important;visibility:visible !important;}
}

/* --- Hero headline was overflowing to 4 lines of full-width caps --- */
@media (min-width:992px){
  .rd-navbar-static ~ * h1, section h1{font-size:44px;line-height:1.08;letter-spacing:-.01em;}
}
h1{overflow-wrap:break-word;}

/* --- Tap targets: make the phone number obviously clickable --- */
a[href^="tel:"]{text-decoration:none;}
a[href^="tel:"]:hover{opacity:.85;}

/* ================= HERO (Direction A) ================= */
.mt-hero{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden;background:#2b2e34;}
.mt-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;}
.mt-hero-veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(20,22,26,.94) 0%,rgba(20,22,26,.78) 45%,rgba(20,22,26,.35) 100%);}
.mt-hero-inner{position:relative;max-width:1140px;margin:0 auto;padding:80px 28px;width:100%;}
.mt-kick{color:#f7e12c;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;}
h1.mt-h1{color:#fff;font-weight:800;font-size:clamp(32px,5vw,58px);line-height:1.06;margin:0 0 20px;max-width:15ch;letter-spacing:-.015em;text-transform:none;}
.mt-sub{color:rgba(255,255,255,.8);font-size:clamp(16px,2vw,20px);line-height:1.55;max-width:46ch;margin:0 0 38px;}
.mt-dial{display:inline-flex;align-items:center;background:#f7e12c;color:#151515;text-decoration:none;padding:20px 40px;border-radius:6px;font-weight:800;font-size:clamp(26px,3.4vw,38px);letter-spacing:-.01em;transition:.18s;box-shadow:0 14px 40px rgba(0,0,0,.35);}
.mt-dial:hover,.mt-dial:focus{transform:translateY(-2px);background:#fff;color:#151515;text-decoration:none;}
.mt-dial small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.62;margin-bottom:2px;}
.mt-under{color:rgba(255,255,255,.55);font-size:14px;margin:20px 0 0;}
.mt-trust{display:flex;flex-wrap:wrap;gap:28px;margin-top:44px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14);}
.mt-trust div{color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.4;max-width:200px;}
.mt-trust b{display:block;color:#f7e12c;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;}
@media(max-width:700px){
  .mt-hero{min-height:auto;}
  .mt-hero-inner{padding:56px 20px;}
  .mt-dial{width:100%;justify-content:center;font-size:28px;padding:18px 20px;}
  .mt-trust{gap:18px;}
}

/* --- Header sits above the hero now, so the outline button needs dark ink --- */
.rd-navbar-element .button-default-outline,
.rd-navbar .button-default-outline{border-color:#151515;color:#151515;background:transparent;}
.rd-navbar-element .button-default-outline:hover,
.rd-navbar .button-default-outline:hover{background:#f7e12c;border-color:#f7e12c;color:#151515;}

/* --- Let a bit more of the photo through --- */
.mt-hero-bg{opacity:.5;}
.mt-hero-veil{background:linear-gradient(100deg,rgba(18,20,24,.95) 0%,rgba(18,20,24,.82) 42%,rgba(18,20,24,.30) 100%);}
/* Mirror the hero photo so the taxi sits in the light half, not behind the headline */
.mt-hero-bg{transform:scaleX(-1);}
@media(max-width:700px){.mt-hero-bg{object-position:70% center;}}
/* JOIN-US-SOLID : nav button must read on white (top) AND on the dark
   angled panel that slides in on scroll. Solid yellow works on both. */
.rd-navbar .button-default-outline,
.rd-navbar-element .button-default-outline,
.rd-navbar-fixed .button-default-outline,
.rd-navbar--is-stuck .button-default-outline{
  background:#f7e12c !important;border-color:#f7e12c !important;color:#151515 !important;
}
.rd-navbar .button-default-outline:hover,
.rd-navbar-element .button-default-outline:hover{
  background:#fff !important;border-color:#fff !important;color:#151515 !important;
}

/* ================= DRIVER LEADS SECTION ================= */
.mt-drivers{background:#33363d;color:#fff;padding:88px 24px;}
.mt-drivers .mt-wrap{max-width:1140px;margin:0 auto;}
.mt-eyebrow{color:#f7e12c;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;}
.mt-drivers h2{font-size:clamp(28px,4.2vw,46px);font-weight:800;line-height:1.12;margin:0 0 18px;text-transform:uppercase;letter-spacing:-.01em;color:#fff;}
.mt-lede{font-size:clamp(16px,1.9vw,19px);line-height:1.6;color:rgba(255,255,255,.72);max-width:660px;margin:0 0 44px;}
.mt-lede strong{color:#fff;font-weight:600;}
.mt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-bottom:48px;}
.mt-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:28px;}
.mt-card h3{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px;color:#f7e12c;}
.mt-card p{margin:0;font-size:15px;line-height:1.65;color:rgba(255,255,255,.72);}
.mt-terms{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;background:rgba(0,0,0,.22);border-radius:12px;padding:36px;margin-bottom:40px;}
.mt-terms ul{list-style:none;margin:0;padding:0;}
.mt-terms li{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:15px;line-height:1.5;}
.mt-terms li:last-child{border-bottom:0;}
.mt-terms li b{color:#f7e12c;font-weight:700;white-space:nowrap;min-width:120px;}
.mt-terms li span{color:rgba(255,255,255,.72);}
.mt-proof{text-align:center;margin:0;}
.mt-proof img{width:100%;max-width:330px;border-radius:10px;display:block;margin:0 auto 16px;}
.mt-proof figcaption{font-size:13px;line-height:1.55;color:rgba(255,255,255,.72);}
.mt-proof figcaption b{color:#fff;display:block;font-size:15px;margin-bottom:4px;}
.mt-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;}
.mt-btn{display:inline-block;background:#f7e12c;color:#151515;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:17px 38px;border-radius:4px;text-decoration:none;transition:.2s;}
.mt-btn:hover{background:#fff;color:#151515;text-decoration:none;}
.mt-btn-ghost{display:inline-block;border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:16px 34px;border-radius:4px;text-decoration:none;transition:.2s;}
.mt-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;}
.mt-note{font-size:13px;color:rgba(255,255,255,.55);margin:18px 0 0;}
@media(max-width:820px){.mt-terms{grid-template-columns:1fr;padding:26px;}.mt-drivers{padding:64px 20px;}}

/* ================= BEYOND THE ISLAND ================= */
.mt-reach{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#f9f8f8;}
.mt-reach-media{position:relative;min-height:420px;}
.mt-reach-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.mt-reach-body{padding:72px 56px;max-width:640px;}
.mt-reach-body h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.14;margin:0 0 18px;text-transform:uppercase;letter-spacing:-.01em;color:#151515;}
.mt-reach-body>p{font-size:16.5px;line-height:1.65;color:rgba(0,0,0,.7);margin:0 0 26px;}
.mt-reach .mt-eyebrow{color:#151515;opacity:.55;}
.mt-reach-list{list-style:none;margin:0 0 32px;padding:0;}
.mt-reach-list li{padding:12px 0 12px 26px;position:relative;font-size:15px;line-height:1.55;color:rgba(0,0,0,.72);border-bottom:1px solid rgba(0,0,0,.08);}
.mt-reach-list li:last-child{border-bottom:0;}
.mt-reach-list li:before{content:"";position:absolute;left:0;top:19px;width:9px;height:9px;background:#f7e12c;border-radius:50%;}
.mt-reach-list b{color:#151515;font-weight:700;}
.mt-dial-sm{font-size:24px !important;padding:14px 26px !important;box-shadow:0 8px 24px rgba(0,0,0,.16) !important;}
.mt-dial-sm small{opacity:.6;}
@media(max-width:900px){
  .mt-reach{grid-template-columns:1fr;}
  .mt-reach-media{min-height:260px;}
  .mt-reach-body{padding:48px 22px;}
}
.mt-reach-media img{object-position:left bottom;}
/* app-media-fix : the old slot was a tall phone mockup; give the photo real height */

/* app-media-fix-2 : the phone-mockup slot was absolutely positioned and
   924px wide, which made the replacement photo overlap the copy.
   Put it back in normal flow, sized to its column. */
#get-our-app .phone-frame-2{position:relative !important;top:auto !important;left:auto !important;width:100% !important;height:auto !important;}
#get-our-app .phone-frame-2-outer{width:100% !important;height:auto !important;max-height:460px;object-fit:cover;border-radius:10px;display:block;}
@media(max-width:767px){#get-our-app .phone-frame-2-outer{max-height:260px;}}
/* ================= APP SCREENSHOTS ================= */
.mt-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start;}
.mt-shots figure{margin:0;text-align:center;}
.mt-shots img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.45);}
.mt-shots figcaption{margin-top:12px;font-size:12px;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.6);}
@media(max-width:600px){
  .mt-shots{grid-template-columns:1fr 1fr;gap:12px;}
  .mt-shots figure:last-child{grid-column:1 / -1;max-width:60%;margin:0 auto;}
  .mt-shots figcaption{font-size:11px;}
}
/* Preloader removed 2026-08-03: the page is now ~165KB and paints in well
   under a second, so the spinner only added a mandatory delay - and it hung
   on slow connections, leaving a blank dark screen. */
.preloader{display:none !important;}
.page{opacity:1 !important;visibility:visible !important;}
/* mobile-nav-fix : the JOIN US button was running off the right edge on phones */
@media(max-width:991px){
  .rd-navbar-element{padding-right:8px;}
  .rd-navbar .button-default-outline,
  .rd-navbar-element .button-default-outline{
    font-size:11px !important;padding:9px 14px !important;white-space:nowrap;letter-spacing:.04em;
  }
  .rd-navbar-brand img{max-width:130px;height:auto;}
}
@media(max-width:400px){
  .rd-navbar .button-default-outline,
  .rd-navbar-element .button-default-outline{font-size:10px !important;padding:8px 10px !important;}
}
/* mobile-nav-fix-2 : the nav element's angled panel bled to the viewport edge
   and the button sat flush against it. Give both real breathing room. */
@media(max-width:991px){
  .rd-navbar-element{padding-right:16px !important;max-width:none;}
  .rd-navbar .button-default-outline,
  .rd-navbar-element .button-default-outline{
    margin-right:6px !important;border-radius:4px !important;display:inline-block;
  }
}
/* ================= 24/7 BAND (replaces the -10% offer) ================= */
.mt-band{position:relative;padding:86px 24px;background:#33363d;}
.mt-band .parallax-content{position:relative;z-index:2;}
.mt-band-inner{max-width:780px;margin:0 auto;text-align:center;}
.mt-band .mt-eyebrow{color:#f7e12c;}
.mt-band h2{color:#fff;font-weight:800;font-size:clamp(26px,3.6vw,42px);line-height:1.14;margin:0 0 18px;text-transform:uppercase;letter-spacing:-.01em;}
.mt-band-sub{color:rgba(255,255,255,.78);font-size:clamp(15px,1.8vw,18px);line-height:1.6;margin:0 auto 30px;max-width:62ch;}
.mt-band-points{list-style:none;margin:0 auto 34px;padding:0;max-width:660px;text-align:left;}
.mt-band-points li{padding:14px 0;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.74);font-size:15px;line-height:1.6;}
.mt-band-points li b{color:#f7e12c;font-weight:700;}
.mt-band .mt-dial{margin:0 auto;}
@media(max-width:700px){.mt-band{padding:56px 20px;}.mt-band-points{text-align:left;}}
/* ================= LEGAL / CONTENT PAGES ================= */
.mt-legal{padding:70px 24px 90px;background:#fff;}
.mt-legal-wrap{max-width:760px;margin:0 auto;color:rgba(0,0,0,.8);line-height:1.75;}
.mt-legal-wrap h1{font-size:clamp(28px,4vw,40px);font-weight:800;margin:0 0 6px;color:#151515;text-transform:none;letter-spacing:-.01em;}
.mt-legal-date{color:rgba(0,0,0,.5);font-size:14px;margin:0 0 34px;}
.mt-legal-wrap h2{font-size:19px;font-weight:700;margin:36px 0 10px;color:#151515;text-transform:none;}
.mt-legal-wrap p,.mt-legal-wrap li{font-size:15.5px;}
.mt-legal-wrap ul{padding-left:20px;margin:0 0 8px;}
.mt-legal-wrap li{margin-bottom:8px;}
.mt-legal-wrap a{color:#151515;text-decoration:underline;text-underline-offset:2px;}
.mt-legal-wrap a:hover{color:#000;}
.mt-legal-alt{border-top:1px solid rgba(0,0,0,.1);margin-top:44px;padding-top:22px;font-size:14px;}
/* the header on inner pages has no dark hero behind it */
.mt-legal-page .rd-navbar{background:#fff;}
@media(max-width:700px){.mt-legal{padding:48px 20px 64px;}}
/* mt-legal-topgap : inner pages have no hero, so content must clear the fixed navbar */
.mt-legal{padding-top:150px;}
@media(max-width:991px){.mt-legal{padding-top:120px;}}
@media(max-width:700px){.mt-legal{padding-top:104px;}}
/* ================= INNER CONTENT PAGES ================= */
.mt-pagehead{position:relative;overflow:hidden;background:#2b2e34;padding:170px 24px 76px;}
.mt-pagehead-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;transform:scaleX(-1);}
.mt-pagehead-veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(18,20,24,.95) 0%,rgba(18,20,24,.82) 46%,rgba(18,20,24,.34) 100%);}
.mt-pagehead-inner{position:relative;z-index:2;max-width:1140px;margin:0 auto;}
.mt-pagehead h1{color:#fff;font-weight:800;font-size:clamp(30px,4.6vw,52px);line-height:1.08;margin:0 0 18px;letter-spacing:-.015em;text-transform:none;max-width:16ch;}
.mt-pagehead-sub{color:rgba(255,255,255,.8);font-size:clamp(15px,1.8vw,19px);line-height:1.6;max-width:56ch;margin:0 0 32px;}

.mt-prose{padding:72px 24px 88px;background:#fff;}
.mt-prose-wrap{max-width:900px;margin:0 auto;color:rgba(0,0,0,.8);line-height:1.75;}
.mt-prose-wrap h2{font-size:clamp(22px,2.8vw,30px);font-weight:800;margin:0 0 20px;color:#151515;text-transform:none;letter-spacing:-.01em;}
.mt-prose-wrap h3{font-size:18px;font-weight:700;margin:0 0 10px;color:#151515;text-transform:none;}
.mt-prose-wrap p{font-size:15.5px;}

.mt-check{list-style:none;margin:0 0 44px;padding:0;}
.mt-check li{position:relative;padding:14px 0 14px 30px;border-bottom:1px solid rgba(0,0,0,.08);font-size:15.5px;}
.mt-check li:last-child{border-bottom:0;}
.mt-check li:before{content:"";position:absolute;left:0;top:22px;width:10px;height:10px;border-radius:50%;background:#f7e12c;}
.mt-check b{color:#151515;font-weight:700;}

.mt-split{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin:0 0 46px;padding:30px;background:#f9f8f8;border-radius:12px;}
.mt-split p{margin:0;font-size:15px;}

.mt-routes{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 16px;}
.mt-routes li{background:#f9f8f8;border:1px solid rgba(0,0,0,.09);border-radius:100px;padding:9px 18px;font-size:14px;font-weight:600;color:#151515;}
.mt-note-inline{font-size:14px;color:rgba(0,0,0,.6);margin:0 0 48px;}

.mt-cta-strip{display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:space-between;background:#33363d;border-radius:12px;padding:36px;}
.mt-cta-strip h2{color:#fff;margin:0 0 8px;font-size:clamp(20px,2.4vw,26px);}
.mt-cta-strip p{color:rgba(255,255,255,.72);margin:0;font-size:15px;}

@media(max-width:820px){
  .mt-split{grid-template-columns:1fr;padding:24px;}
  .mt-pagehead{padding:130px 20px 56px;}
  .mt-prose{padding:52px 20px 64px;}
  .mt-cta-strip{padding:26px;}
}
/* callout, plain lists and stacked CTA actions for content pages */
.mt-callout{background:#fffbe6;border:1px solid #f0e08a;border-left:4px solid #f7e12c;border-radius:8px;padding:22px 24px;margin:0 0 42px;}
.mt-callout b{display:block;color:#151515;font-size:15px;margin-bottom:6px;}
.mt-callout p{margin:0;font-size:15px;color:rgba(0,0,0,.72);}
.mt-plain{list-style:none;padding:0;margin:0;}
.mt-plain li{padding:9px 0 9px 22px;position:relative;font-size:15px;border-bottom:1px solid rgba(0,0,0,.07);}
.mt-plain li:last-child{border-bottom:0;}
.mt-plain li:before{content:"";position:absolute;left:0;top:17px;width:7px;height:7px;border-radius:50%;background:#151515;opacity:.35;}
.mt-small{font-size:13.5px;color:rgba(0,0,0,.55);margin-top:12px;}
.mt-cta-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.mt-pagehead .mt-btn{margin-top:4px;}
/* featured route block */
.mt-feature{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:center;background:#f9f8f8;border-radius:12px;padding:30px;margin:0 0 46px;}
.mt-feature img{width:100%;height:auto;border-radius:10px;display:block;}
.mt-feature h2{margin:0 0 12px;}
.mt-feature p{margin:0 0 10px;font-size:15px;}
.mt-feature .mt-eyebrow{color:#151515;opacity:.55;margin-bottom:8px;}
@media(max-width:760px){.mt-feature{grid-template-columns:1fr;padding:22px;}}
/* lead paragraph + pull quote for the About page */
.mt-lead{font-size:clamp(17px,2.1vw,21px);line-height:1.6;color:rgba(0,0,0,.78);margin:0 0 40px;padding-bottom:34px;border-bottom:1px solid rgba(0,0,0,.1);}
.mt-quote{border-left:4px solid #f7e12c;background:#f9f8f8;border-radius:0 10px 10px 0;padding:26px 30px;margin:38px 0 44px;}
.mt-quote p{margin:0;font-size:clamp(17px,2.1vw,20px);line-height:1.5;font-weight:600;color:#151515;}