CINXE.COM
Welcome to Metrolink
<!DOCTYPE html> <html lang="en"> <head> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WWT28KB');</script> <!-- End Google Tag Manager --> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=10" /> <meta name="title" content="Welcome to Metrolink" /> <meta name="description" content="Discover Southern California with Metrolink trains - convenient, reliable, and eco-friendly travel. Plan your trip today!" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:url" content="https://metrolinktrains.com/" /> <meta property="og:title" content="Welcome to Metrolink" /> <meta property="og:description" content="Discover Southern California with Metrolink trains - convenient, reliable, and eco-friendly travel. Plan your trip today!" /> <meta property="og:image" content="https://metrolinktrains.com/globalassets/startpage/metrolink-trains-share.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Welcome to Metrolink" /> <meta name="twitter:description" content="Discover Southern California with Metrolink trains - convenient, reliable, and eco-friendly travel. Plan your trip today!" /> <meta name="twitter:image" content="https://metrolinktrains.com/globalassets/startpage/metrolink-trains-share.jpg" /> <title>Welcome to Metrolink</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&family=Barlow:ital,wght@0,300;0,500;0,700;0,900;1,500;1,700&display=swap" rel="stylesheet"> <link href="https://metrolinktrains.com/" rel="canonical" /> <link href="/bundles/css?v=eNAdw4rW_qzW8wkNs5e9mPLwwKJzcBqN3UFDKUJ0E7o1" rel="stylesheet"/> <link rel="stylesheet" href="https://js.arcgis.com/4.14/esri/css/main.css"> <!-- This GA script is used to track Google Translate events, only works on https --> <script src="https://ssl.google-analytics.com/ga.js"></script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWT28KB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="alerts"> </div> <script> const alertBars = document.querySelectorAll('.alertBar'); if (alertBars.length) { function hideAlertBar(id) { const alertBar = document.querySelector(`#${id}`); if (alertBar) { alertBar.classList.add('alertBar--hidden'); } } alertBars.forEach(alertBar => { const id = alertBar.id; const cookie = document.cookie.split(';').find(c => c.includes(id)); if (cookie) { hideAlertBar(id); } else { const closeBtn = alertBar.querySelector('.js--closeAlert'); closeBtn.addEventListener('click', function (e) { e.preventDefault(); const date = new Date(); date.setTime(date.getTime() + (60 * 60 * 1000)); document.cookie = `${id}=true; expires=${date.toUTCString()}; path=/`; hideAlertBar(id); }); } }); } </script> <header class="header"> <a href="#mainPageContent" class="skip-navigation sr-only sr-only-focusable">Skip Navigation</a> <div class="siteNav"> <div class="siteNav__header"> <a href="/" class="siteNav__logo"> <img src="/Static/img/dist/metrolink-text-logo.svg" class="siteNav__logoImg" alt="Metrolink" /> </a> <button type="button" class="siteNav__toggle toggleNav collapsed" data-toggle="collapse" data-target="#siteNavigation" aria-expanded="false"> <div class="toggleNav__wrapper"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar toggleNav__icon"> </span> <span class="icon-bar toggleNav__icon"> </span> <span class="icon-bar toggleNav__icon"> </span> </div> </button> </div> <div class="siteNav__navigation collapse" id="siteNavigation"> <nav class="nav utilityNav"> <ul class="nav__list utilityNav__list"> <li class="nav__item utilityNav__item"> <a href="/community-main/welcome/" class="nav__link utilityNav__link"> Community </a> </li> <li class="nav__item utilityNav__item"> <a href="/corporate-partners/corporate-partner-program/" class="nav__link utilityNav__link"> Corporate Partners </a> </li> <li class="nav__item utilityNav__item"> <a href="https://metrolinktrains.com/news/metrolink-news/" class="nav__link utilityNav__link"> News </a> </li> <li class="nav__item utilityNav__item"> <a href="/customer-service/contact-info/" class="nav__link utilityNav__link"> Customer Service </a> </li> <li class="nav__item utilityNav__item utilityNav__item--translate"> <div id="google_translate_element" class="googleTranslateElement"></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-1816098-3' }, 'google_translate_element'); } </script> <script> function initGoogleTranslate() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; document.body.appendChild(script); } // Exclude translation on pages that match these regexes const regexTests = [ '/train-status/.+', '/alerts-beta/track-on-map-tab/' ]; if (!regexTests.some((regex) => new RegExp(regex).test(window.location.pathname))) { initGoogleTranslate(); } </script> </li> <li class="nav__item utilityNav__item utilityNav__item--search"> <div class="input-group"> <input type="text" class="input-group__field mainNav__search" name="q" id="SearchKeywords" aria-label="Search" placeholder="Search" data-search-page="/search/"/> </div> </li> </ul> </nav> <nav role="navigation" class="nav mainNav" id="mainNav"> <ul class="nav__list mainNav__list"> <li class="nav__item mainNav__item"> <a href="/train_tracker/" class="nav__link mainNav__link "> Train Status </a> </li> <li class="nav__item nav__item--hasSubnav mainNav__item"> <a href="#" class="nav__link mainNav__link " data-toggle="subnav" id="tickets-268-subnavTrigger" aria-expanded="false" aria-controls="tickets-268-subnav"> Tickets </a> <div id="tickets-268-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="tickets-268-subnavTrigger"> <div class="subnav__list subnavOne__list subnav__list--three"> <div class="subnav__column"> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="/ticketsOverview/where-to-buy/" class="subnav__link subnavOne__link" data-toggle="subnav" id="where-to-buy-262-subnavTrigger" aria-expanded="false" aria-controls="where-to-buy-262-subnav" > Where To Buy </a> <div class="subnav subnav--collapse subnavTwo" id="where-to-buy-262-subnav" aria-labelledby="where-to-buy-262-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/" class="subnav__link subnavTwo__link"> Overview </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/mobile-app/" class="subnav__link subnavTwo__link"> Mobile App </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/ticket-machines/" class="subnav__link subnavTwo__link"> Ticket Machines </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/print-at-home/" class="subnav__link subnavTwo__link"> Print at Home </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/outlets/" class="subnav__link subnavTwo__link"> Outlets </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="ticket-info-269-subnavTrigger" aria-expanded="false" aria-controls="ticket-info-269-subnav" > Ticket Info </a> <div class="subnav subnav--collapse subnavTwo" id="ticket-info-269-subnav" aria-labelledby="ticket-info-269-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/ticket-info/ticket-types/" class="subnav__link subnavTwo__link"> Ticket Types </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/ticket-info/price-finder/" class="subnav__link subnavTwo__link"> Price Finder </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="discounts-273-subnavTrigger" aria-expanded="false" aria-controls="discounts-273-subnav" > Discounts </a> <div class="subnav subnav--collapse subnavTwo" id="discounts-273-subnav" aria-labelledby="discounts-273-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/everyday-discounts/" class="subnav__link subnavTwo__link"> Everyday Discounts </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/current-promotions/" class="subnav__link subnavTwo__link"> Current Promotions </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/metrolink-$10-weekends/" class="subnav__link subnavTwo__link"> Metrolink $10 Weekends </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/group-discounts/" class="subnav__link subnavTwo__link"> Group Discounts </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/mobility4all/" class="subnav__link subnavTwo__link"> Mobility-4-All </a> </li> </ul> </div> </div> </div> </div> </div> </li> <li class="nav__item mainNav__item"> <a href="/schedules/" class="nav__link mainNav__link "> Schedules </a> </li> <li class="nav__item nav__item--hasSubnav mainNav__item"> <a href="#" class="nav__link mainNav__link " data-toggle="subnav" id="rider-info-278-subnavTrigger" aria-expanded="false" aria-controls="rider-info-278-subnav"> Rider Info </a> <div id="rider-info-278-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="rider-info-278-subnavTrigger"> <div class="subnav__list subnavOne__list subnav__list--three"> <div class="subnav__column"> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="general-info-279-subnavTrigger" aria-expanded="false" aria-controls="general-info-279-subnav" > General Info </a> <div class="subnav subnav--collapse subnavTwo" id="general-info-279-subnav" aria-labelledby="general-info-279-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/how-to-ride/" class="subnav__link subnavTwo__link"> How to Ride </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/stations/" class="subnav__link subnavTwo__link"> Stations </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/maps/" class="subnav__link subnavTwo__link"> Maps </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/transit-connections/" class="subnav__link subnavTwo__link"> Transit Connections </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/parking-at-train-stations/" class="subnav__link subnavTwo__link"> Parking </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/onboard-amenities/" class="subnav__link subnavTwo__link"> Onboard Amenities </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/accessibility-ada/" class="subnav__link subnavTwo__link"> Accessibility/ADA </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/civil-rights/" class="subnav__link subnavTwo__link"> Civil Rights </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/codeshare/" class="subnav__link subnavTwo__link"> Codeshare Trains </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/rail-2-rail/" class="subnav__link subnavTwo__link"> Rail 2 Rail® </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="onboard-policies-280-subnavTrigger" aria-expanded="false" aria-controls="onboard-policies-280-subnav" > Onboard Policies </a> <div class="subnav subnav--collapse subnavTwo" id="onboard-policies-280-subnav" aria-labelledby="onboard-policies-280-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/code-of-conduct/" class="subnav__link subnavTwo__link"> Code of Conduct </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/bikes/" class="subnav__link subnavTwo__link"> Bike Cars </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/quiet-cars/" class="subnav__link subnavTwo__link"> Quiet Cars </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/whats-allowed-onboard/" class="subnav__link subnavTwo__link"> What's Allowed Onboard </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="/rider-info/safety--security/" class="subnav__link subnavOne__link" data-toggle="subnav" id="safety-13937-subnavTrigger" aria-expanded="false" aria-controls="safety-13937-subnav" > Safety </a> <div class="subnav subnav--collapse subnavTwo" id="safety-13937-subnav" aria-labelledby="safety-13937-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/" class="subnav__link subnavTwo__link"> Overview </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/positive-train-control/" class="subnav__link subnavTwo__link"> Positive Train Control </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/security/" class="subnav__link subnavTwo__link"> Security </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/rail-safety/" class="subnav__link subnavTwo__link"> Rail Safety </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/suicide-prevention/" class="subnav__link subnavTwo__link"> Suicide Prevention Awareness </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/human-trafficking/" class="subnav__link subnavTwo__link"> Combating Human Trafficking </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="/rider-info/arrow/" class="subnav__link subnavOne__link" > Arrow Service </a> </div> </div> </div> </div> </li> <li class="nav__item mainNav__item"> <a href="/explore/" class="nav__link mainNav__link "> Explore </a> </li> <li class="nav__item nav__item--hasSubnav mainNav__item"> <a href="#" class="nav__link mainNav__link mainNav__link--noRightBar" data-toggle="subnav" id="about-239-subnavTrigger" aria-expanded="false" aria-controls="about-239-subnav"> About </a> <div id="about-239-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="about-239-subnavTrigger"> <div class="subnav__list subnavOne__list subnav__list--four"> <div class="subnav__column"> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="/about/agency/" class="subnav__link subnavOne__link" data-toggle="subnav" id="agency-240-subnavTrigger" aria-expanded="false" aria-controls="agency-240-subnav" > Agency </a> <div class="subnav subnav--collapse subnavTwo" id="agency-240-subnav" aria-labelledby="agency-240-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/" class="subnav__link subnavTwo__link"> Overview </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/" class="subnav__link subnavTwo__link"> About Us </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/member-agencies/" class="subnav__link subnavTwo__link"> Member Agencies </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/executive-team/" class="subnav__link subnavTwo__link"> Executive Team </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/facts--numbers/" class="subnav__link subnavTwo__link"> Facts Sheets & Numbers </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/history-of-metrolink/" class="subnav__link subnavTwo__link"> History of Metrolink </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/engineering--construction/" class="subnav__link subnavTwo__link"> Engineering & Construction </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/PTC/" class="subnav__link subnavTwo__link"> Positive Train Control </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/strategic-business-plan/" class="subnav__link subnavTwo__link"> Strategic Business Plan </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/rail-fleet-management/" class="subnav__link subnavTwo__link"> Rail Fleet Planning </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/accessibility-affordability/" class="subnav__link subnavTwo__link"> Accessibility and Affordability Study </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/sustainability/" class="subnav__link subnavTwo__link"> Metrolink Sustainability </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="board-meetings-267-subnavTrigger" aria-expanded="false" aria-controls="board-meetings-267-subnav" > Board Meetings </a> <div class="subnav subnav--collapse subnavTwo" id="board-meetings-267-subnav" aria-labelledby="board-meetings-267-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/board-of-directors/" class="subnav__link subnavTwo__link"> Board of Directors </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/board-meetings/board-procedures/" class="subnav__link subnavTwo__link"> Board Procedures </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/board-meetings/agendas-documents/" class="subnav__link subnavTwo__link"> Agendas & Documents </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="/about/financial-reports/" class="subnav__link subnavOne__link" > Financial Reports </a> </div> <div class="subnav__item subnavOne__item"> <a href="/about/careers/" class="subnav__link subnavOne__link" > Metrolink Careers </a> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="/about/our-trains/" class="subnav__link subnavOne__link" > Our Trains </a> </div> <div class="subnav__item subnavOne__item"> <a href="https://metrolinktrains.com/doing-business" class="subnav__link subnavOne__link" > Doing Business With Metrolink </a> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="https://metrolinktrains.com/score" class="subnav__link subnavOne__link" > SCORE </a> </div> </div> </div> </div> </li> </ul> </nav> </div> </div> </header> <main id="mainPageContent"> <section class="pageContent"> <!-- Default --> <!-- Homepage Rotator --> <div class="rd-rotator js--rd-rotator"> <div class="rd-rotator__content-wrapper " data-bg-img="/globalassets/holiday_express_campaign_2024_slider_rev.png"> <div class="rd-rotator__content rd-rotator__content--white"> <span role="img" aria-label=""></span> <span class="rd-rotator__kicker">Departing on weekends Nov. 30 - Dec. 21</span> <h2 class="rd-rotator__title">Ride the Holiday Express Train</h2> <a class="rd-rotator__link" href="/link/47bb6e8842194e5b9d3c67d5c4d3961b.aspx">Buy Your Tickets</a> </div> </div> <div class="rd-rotator__content-wrapper " data-bg-img="/globalassets/startpage/slider/met24_optimizedschedule_homepageslider_final.png"> <div class="rd-rotator__content rd-rotator__content--white"> <span role="img" aria-label=""></span> <span class="rd-rotator__kicker">MORE TIMES. MORE TRAINS. MORE TO COME.</span> <h2 class="rd-rotator__title">NEW SCHEDULE NOW IN EFFECT</h2> <a class="rd-rotator__link" href="/link/4bc9ed83bbe34f108cbadffc0ae530b5.aspx">LEARN MORE</a> </div> </div> <div class="rd-rotator__content-wrapper " data-bg-img="/globalassets/sap_hp_slider_.jpg"> <div class="rd-rotator__content rd-rotator__content--white"> <span role="img" aria-label=""></span> <span class="rd-rotator__kicker">Free Rides with Valid Student ID</span> <h2 class="rd-rotator__title">Student Adventure Pass</h2> <a class="rd-rotator__link" href="/link/27f522b934ca4089aeb70cfd362e707a.aspx">LEARN MORE</a> </div> </div> <div class="rd-rotator__content-wrapper " data-bg-img="/globalassets/startpage/slider/transit_hmpg_slider_2704x390.jpg"> <div class="rd-rotator__content "> <span role="img" aria-label=""></span> <span class="rd-rotator__kicker">ride metrolink to socal airports</span> <h2 class="rd-rotator__title">Connect from train to plane</h2> <a class="rd-rotator__link" href="/link/a65f1674a82d4e88a3875af57a00b3e7.aspx">learn more</a> </div> </div> </div> <!-- Homepage Tabs - Schedule Picker and Advisories --> <div class=""> <div class="rd-tabs"> <ul class="rd-tabs__tabs tabs clearfix" data-tabgroup="first-tab-group"> <li><a href="#tab1" class="active">Schedules</a></li> <li><a href="#tab2">Advisories</a></li> </ul> <section id="first-tab-group" class="tabgroup"> <div id="tab1" class="rd-tabs__schedule-picker"> <div class="home__schedulePicker"> <div class="home__schedule-wrapper" id="homeSchedulePicker"> <div class="schedule-picker-wrapper"> <form action="/SchedulePicker/redirect" method="post"><input id="RedirectPage" name="RedirectPage" type="hidden" value="1171" /> <div class="schedule-picker"> <div class="input-group input-group--L input-group--select"> <label class="input-group__label" for="From">From</label> <select class="input-group__field" data-val="true" data-val-required="Please select an Origin" id="From" name="From"><option value="">Select Origin</option> <option value="107">L.A. Union Station</option> <option value="128">Anaheim</option> <option value="171">Anaheim Canyon</option> <option value="101">Baldwin Park</option> <option value="130">Buena Park</option> <option value="102">Burbank - Downtown</option> <option value="186">Burbank Airport - North (AV Line)</option> <option value="170">Burbank Airport - South (VC Line)</option> <option value="115">Cal State LA</option> <option value="166">Camarillo</option> <option value="103">Chatsworth</option> <option value="114">Claremont</option> <option value="135">Commerce</option> <option value="147">Corona - North Main</option> <option value="173">Corona - West</option> <option value="104">Covina</option> <option value="105">El Monte</option> <option value="116">Fontana</option> <option value="174">Fullerton</option> <option value="106">Glendale</option> <option value="127">Industry</option> <option value="140">Irvine</option> <option value="119">Jurupa Valley / Pedley</option> <option value="107">L.A. Union Station</option> <option value="141">Laguna Niguel / Mission Viejo</option> <option value="162">Lancaster</option> <option value="180">LAX via FlyAway</option> <option value="118">Montclair</option> <option value="126">Montebello / Commerce</option> <option value="108">Moorpark</option> <option value="182">Moreno Valley / March Field</option> <option value="175">Newhall</option> <option value="167">Northridge</option> <option value="143">Norwalk / Santa Fe Springs</option> <option value="144">Oceanside</option> <option value="200">ONT Connect</option> <option value="117">Ontario - East</option> <option value="145">Orange</option> <option value="168">Oxnard</option> <option value="163">Palmdale</option> <option value="183">Perris - Downtown</option> <option value="184">Perris - South</option> <option value="120">Pomona - Downtown</option> <option value="109">Pomona - North</option> <option value="121">Rancho Cucamonga</option> <option value="190">Redlands - Downtown</option> <option value="189">Redlands - Esri</option> <option value="191">Redlands - University</option> <option value="122">Rialto</option> <option value="123">Riverside - Downtown</option> <option value="181">Riverside - Hunter Park / UCR</option> <option value="148">Riverside - La Sierra</option> <option value="185">San Bernardino - Downtown</option> <option value="188">San Bernardino - Tippecanoe</option> <option value="124">San Bernardino Depot</option> <option value="152">San Clemente</option> <option value="133">San Clemente Pier</option> <option value="153">San Juan Capistrano</option> <option value="154">Santa Ana</option> <option value="111">Santa Clarita</option> <option value="112">Simi Valley</option> <option value="129">Sun Valley</option> <option value="110">Sylmar / San Fernando</option> <option value="156">Tustin</option> <option value="125">Upland</option> <option value="113">Van Nuys</option> <option value="187">Ventura - Downtown / Beach</option> <option value="169">Ventura - East</option> <option value="164">Via Princessa</option> <option value="165">Vincent Grade / Acton</option> <option value="161">Vista Canyon</option> </select> <span class="field-validation-valid input-group__error" data-valmsg-for="From" data-valmsg-replace="true"></span> <p class="schedule-picker__more-info"><a href="/rider-info/general-info/stations/">Find a train station</a></p> </div> <button type="button" class="schedule-picker__reverse" data-toggle="tooltip" data-placement="top" title="Reverse Trip"> <span class="sr-only">Swap Origin and Destination Locations</span> <svg id="556139cb-b301-4e51-b830-429abc580095" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 154 139.5" role="presentation" aria-labelledby="reverseTripSVG"> <title id="reverseTripSVG">Reverse Trip</title> <polygon points="0 43.75 43.75 0 43.75 25 95 25 95 62.5 43.75 62.5 43.75 87.5 0 43.75" /> <polygon points="154 95.75 110.25 139.5 110.25 114.5 59 114.5 59 77 110.25 77 110.25 52 154 95.75" /></svg></button> <div class="input-group input-group--L input-group--select"> <label class="input-group__label" for="To">To</label> <select class="input-group__field" data-val="true" data-val-required="Please select a Destination" id="To" name="To"><option value="">Select Destination</option> <option value="107">L.A. Union Station</option> <option value="128">Anaheim</option> <option value="171">Anaheim Canyon</option> <option value="101">Baldwin Park</option> <option value="130">Buena Park</option> <option value="102">Burbank - Downtown</option> <option value="186">Burbank Airport - North (AV Line)</option> <option value="170">Burbank Airport - South (VC Line)</option> <option value="115">Cal State LA</option> <option value="166">Camarillo</option> <option value="103">Chatsworth</option> <option value="114">Claremont</option> <option value="135">Commerce</option> <option value="147">Corona - North Main</option> <option value="173">Corona - West</option> <option value="104">Covina</option> <option value="105">El Monte</option> <option value="116">Fontana</option> <option value="174">Fullerton</option> <option value="106">Glendale</option> <option value="127">Industry</option> <option value="140">Irvine</option> <option value="119">Jurupa Valley / Pedley</option> <option value="107">L.A. Union Station</option> <option value="141">Laguna Niguel / Mission Viejo</option> <option value="162">Lancaster</option> <option value="180">LAX via FlyAway</option> <option value="118">Montclair</option> <option value="126">Montebello / Commerce</option> <option value="108">Moorpark</option> <option value="182">Moreno Valley / March Field</option> <option value="175">Newhall</option> <option value="167">Northridge</option> <option value="143">Norwalk / Santa Fe Springs</option> <option value="144">Oceanside</option> <option value="200">ONT Connect</option> <option value="117">Ontario - East</option> <option value="145">Orange</option> <option value="168">Oxnard</option> <option value="163">Palmdale</option> <option value="183">Perris - Downtown</option> <option value="184">Perris - South</option> <option value="120">Pomona - Downtown</option> <option value="109">Pomona - North</option> <option value="121">Rancho Cucamonga</option> <option value="190">Redlands - Downtown</option> <option value="189">Redlands - Esri</option> <option value="191">Redlands - University</option> <option value="122">Rialto</option> <option value="123">Riverside - Downtown</option> <option value="181">Riverside - Hunter Park / UCR</option> <option value="148">Riverside - La Sierra</option> <option value="185">San Bernardino - Downtown</option> <option value="188">San Bernardino - Tippecanoe</option> <option value="124">San Bernardino Depot</option> <option value="152">San Clemente</option> <option value="133">San Clemente Pier</option> <option value="153">San Juan Capistrano</option> <option value="154">Santa Ana</option> <option value="111">Santa Clarita</option> <option value="112">Simi Valley</option> <option value="129">Sun Valley</option> <option value="110">Sylmar / San Fernando</option> <option value="156">Tustin</option> <option value="125">Upland</option> <option value="113">Van Nuys</option> <option value="187">Ventura - Downtown / Beach</option> <option value="169">Ventura - East</option> <option value="164">Via Princessa</option> <option value="165">Vincent Grade / Acton</option> <option value="161">Vista Canyon</option> </select> <span class="field-validation-valid input-group__error" data-valmsg-for="To" data-valmsg-replace="true"></span> </div> <span class="sr-only" id="weekdayGroup">Days of the week</span> <div role="radiogroup" class="input-group toggle-wrapper" aria-labelledby="weekdayGroup"> <div class="toggle toggle--weekday col-md-6 col-xs-6"> <span class="toggle__item--checked"></span> <input class="toggle__button" group="weekendselector" id="weekday" name="Weekend" type="radio" value="0" /> <span class="toggle__item--checked"></span> <label class="toggle__label" for="weekday">Mon-Fri</label> </div> <div class="toggle toggle--weekend col-md-3 col-xs-3"> <span class="toggle__item--checked"></span> <input class="toggle__button" group="weekendselector" id="saturday" name="Weekend" type="radio" value="3" /> <span class="toggle__item--checked"></span> <label class="toggle__label" for="saturday">Sat</label> </div> <div class="toggle toggle--weekend col-md-3 col-xs-3"> <span class="toggle__item--checked"></span> <input class="toggle__button" group="weekendselector" id="sunday" name="Weekend" type="radio" value="4" /> <span class="toggle__item--checked"></span> <label class="toggle__label" for="sunday">Sun</label> </div> </div> <div class="form-actions schedule-picker__btn-container"> <input type="submit" value="Get Schedule" class="btn btn--solid btn--noMargin schedule-picker__btn" /> </div> </div> </form></div> </div> </div> </div> <div id="tab2" class="rd-tabs__advisories"> <div class="collapse in home__collapse--mobile-only" id="homeAdvisories"> <div id="advisoryDetails"> <!-- <div v-if="!isHomepage" class="row"> <div class="col-xs-6"> <h2 class="h-L2 margin-bottom-none advisory__header">Lines</h2> </div> <div class="col-xs-6"> <div class="pull-right"> <div class="input-group input-group--checkbox margin-bottom-none"> <input type="checkbox" id="checkAll" class="input-group__field" v-model="showAll"> <label for="checkAll" class="input-group__label">All Lines</label> </div> </div> </div> </div> <div v-if="!isHomepage" class="row"> <div class="col-lg-12"> <hr/> </div> </div> <div v-if="isHomepage" class="row"> <div class="col-lg-12"> <p class="advisoryMoreInfoHomepage">Select a train line to view advisories.</p> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="lineFilter"> <template v-for="serviceLine in advisoriesData.ServiceLines"> <a v-if="isHomepage" href="/train-status/" class="lineFilter__link" v-bind:class="['lineFilter__link--' + serviceLine.replace(/\//g, '-').replace(/\s+/g, '-'), {'lineFilter__link--inactive': filteredTo8Hours[serviceLine].length === 0}]"> {{serviceLine}} <span v-if="filteredTo8Hours[serviceLine].length > 0" class="lineFilter__count">{{filteredTo8Hours[serviceLine].length}}</span> </a> <div v-else class="lineFilter__line" v-bind:class="['lineFilter__line--' + serviceLine.replace(/\//g, '-').replace(/\s+/g, '-'), { 'lineFilter__line--selected': selectedLines.indexOf(serviceLine) > -1 }]"> <input class="lineFilter__checkbox" type="checkbox" v-bind:id="serviceLine.replace(/\//g, '-').replace(/\s+/g, '-')" v-bind:value="serviceLine" v-model="selectedLines"/> <label class="lineFilter__toggle" v-bind:for="serviceLine.replace(/\//g, '-').replace(/\s+/g, '-')">{{serviceLine.replace(/\-/g, ' - ')}} {{serviceLine.SafeLineAbbreviation}}</label> </div> </template> </div> </div> </div> <div v-if="!isHomepage" class="row margin-top-md margin-bottom-lg"> <div class="advisoriesContent"> <div class="col-md-6"> <h2 class="h-L2 text--centered">Service Advisories</h2> <div class="advisories__wrap advisories__wrap--service"> <ul class="advisories"> <template v-for="advisory in serviceAdvisories"> <li class="advisory advisory--service" :class="'advisory--' + advisory.Line.replace(/\//g, '-')" v-if="advisory.Type ==='Service Advisory'"> <h3 class="h-M advisory__line">{{advisory.FullLine}}</h3> <span class="advisory__time">{{advisory.Timestamp}}</span> <p class="advisory__message">{{advisory.Message}}</p> </li> </template> </ul> <p class="text--centered"><em>{{serviceAdvisoriesErrorMsg}}</em> </p> </div> </div> <div class="col-md-6"> <h2 class="h-L2 text--centered">Planned Advisories</h2> <div class="advisories__wrap advisories__wrap--planned"> <ul class="advisories"> <template v-for="advisory in plannedAdvisories"> <li class="advisory advisory--planned" :class="'advisory--' + advisory.Line.replace(/\//g, '-')" v-if="advisory.Type ==='Planned Advisory'"> <h3 class="h-M advisory__line">{{advisory.FullLine}}</h3> <span class="advisory__time"><strong>Dates Affected:</strong> {{advisory.DateRangeOutput}}</span> <a v-bind:href="advisory.DetailsPage" class="advisory__message">{{advisory.Message}} <strong>Read More</strong></a> </li> </template> </ul> <p class="text--centered"><em>{{plannedAdvisoriesErrorMsg}}</em> </p> </div> </div> <span class="advisories__divider"></span> </div> </div> <div v-if="!isHomepage" class="row"> <div class="col-lg-12"> <a href="/train_tracker/?adv=home" class="btn btn--solid btn--centered text--centered">View All Advisories</a> </div> </div> --> </div> <div id="trainStatusAdvisories" class="accordionAdvisories" > <div v-if="lineData.length === 0"> <p class="accordionAdvisories__no-advisories"> There are currently no advisories. </p> </div> <div class="accordionAdvisories__advisory" v-for="line in lineData"> <div class="accordionAdvisories__advisory-top-content" :class="'accordionAdvisories__advisory-top-content--' + line.LineAbbreviation.replace('/', '-')"> <div> <h4>{{line.Line}}</h4> <p v-if="line.ServiceAdvisories.length > 0">Latest: {{line.ServiceAdvisories[0].Timestamp.split(" ")[1]}} {{line.ServiceAdvisories[0].Timestamp.split(" ")[2]}} {{line.ServiceAdvisories[0].Timestamp.split(" ")[0]}}</p> </div> <div class="accordionAdvisories__icon-holder"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48.81 44.02" viewBox="0 0 48.81 44.02"><title>{{line.ServiceAdvisories.length}} Advisories</title> <g> <path d="M24.4 3c1.14 0 2.39 1 3.41 2.79l17 29.35c1 1.77 1.29 3.35.72 4.34s-2.13 1.55-4.13 1.55h-34c-2 0-3.54-.57-4.11-1.55s-.31-2.57.72-4.34l17-29.35c1-1.77 2.27-2.79 3.41-2.79m0-3c-2.2 0-4.38 1.43-6.02 4.3l-17 29.34c-3.3 5.71-.6 10.39 6 10.39h34c6.6 0 9.3-4.68 6-10.39L30.4 4.3c-1.64-2.87-3.82-4.3-6-4.3z" fill="#e24912"/> <text x="24" y="32" font-size="18" font-weight="bold" text-anchor="middle" textLength="20">{{line.ServiceAdvisories.length + 1}}</text> </g> </svg> <button v-on:click="expandAdditionalContent"><span class="sr-only">Toggle Additional Content</span> <i class="fa fas fa-plus-circle" aria-hidden="true"></i> </button> </div> </div> <div class="accordionAdvisories__advisory-additional-content" aria-expanded="false"> <div> <div class="accordionAdvisories__advisory-section"> <h4>Service Advisories</h4> <div> <div class="accordionAdvisories__service-advisory" v-for="serviceAdvisory in line.ServiceAdvisories.filter(function(advisory){return advisory.Type === 'Service Advisory'})" v-if="line.ServiceAdvisories.filter(function(advisory){return advisory.Type === 'Service Advisory'}).length > 0"> <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48.81 44.02"><title>Exclamation Triangle</title><path d="M24.4 3c1.14 0 2.39 1 3.41 2.79l17 29.35c1 1.77 1.29 3.35.72 4.34s-2.13 1.55-4.13 1.55h-34c-2 0-3.54-.57-4.11-1.55s-.31-2.57.72-4.34l17-29.35c1-1.77 2.27-2.79 3.41-2.79m0-3c-2.2 0-4.38 1.43-6.02 4.3l-17 29.34c-3.3 5.71-.6 10.39 6 10.39h34c6.6 0 9.3-4.68 6-10.39L30.4 4.3c-1.64-2.87-3.82-4.3-6-4.3z" fill="#e24912"/><path d="M24.4 28.92a2.16 2.16 0 0 1-2.29-2.29V16.1a2.17 2.17 0 0 1 2.29-2.3 2.17 2.17 0 0 1 2.29 2.3v10.53a2.16 2.16 0 0 1-2.29 2.29zM26.69 33.51a2.29 2.29 0 0 1-4.58 0 2.29 2.29 0 1 1 4.58 0" fill="#e24912"/></svg> <div> <p>{{serviceAdvisory.Timestamp.split(" ")[0]}} {{serviceAdvisory.Timestamp.split(" ")[1]}} {{serviceAdvisory.Timestamp.split(" ")[2]}}</p> <p>{{serviceAdvisory.Message}}</p> </div> </div> <div v-if="line.ServiceAdvisories.filter(function(advisory){return advisory.Type === 'Service Advisory'}).length === 0"> <i v-if="line.Line === 'Antelope Valley'">View active service advisories on our Twitter feed: <a href="https://twitter.com/metrolinkAV" target="_blank">https://twitter.com/MetrolinkAV</a></i> <i v-else-if="line.Line === 'Inland Empire-Orange County'">View active service advisories on our Twitter feed: <a href="https://twitter.com/metrolinkIEOC" target="_blank">https://twitter.com/MetrolinkIEOC</a></i> <i v-else-if="line.Line === 'Orange County'">View active service advisories on our Twitter feed: <a href="https://twitter.com/metrolinkOC" target="_blank">https://twitter.com/MetrolinkOC</a></i> <i v-else-if="line.Line === 'Riverside'">View active service advisories on our Twitter feed: <a href="https://twitter.com/metrolinkRiv" target="_blank">https://twitter.com/MetrolinkRiv</a></i> <i v-else-if="line.Line === 'San Bernardino'">View active service advisories on our Twitter feed: <a href="https://twitter.com/metrolinkSB" target="_blank">https://twitter.com/MetrolinkSB</a></i> <i v-else-if="line.Line === 'Ventura County'">View active service advisories on our Twitter feed: <a href="https://twitter.com/metrolinkVC" target="_blank">https://twitter.com/MetrolinkVC</a></i> <i v-else-if="line.Line === '91/Perris Valley'">View active service advisories on our Twitter feed: <a href="https://twitter.com/metrolink91" target="_blank">https://twitter.com/Metrolink91</a></i> <i v-else>There have been no advisories for the selected lines in the last 8 hours.</i> </div> </div> </div> <div class="accordionAdvisories__advisory-section"> <h4>Planned Advisories</h4> <div> <div class="accordionAdvisories__planned-advisory" v-for="plannedAdvisory in line.ServiceAdvisories.filter(function(advisory){return advisory.Type === 'Planned Advisory'})" v-if="line.ServiceAdvisories.filter(function(advisory){return advisory.Type === 'Planned Advisory'}).length > 0"> <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48.81 44.02"><title>Exclamation Triangle</title><path d="M24.4 3c1.14 0 2.39 1 3.41 2.79l17 29.35c1 1.77 1.29 3.35.72 4.34s-2.13 1.55-4.13 1.55h-34c-2 0-3.54-.57-4.11-1.55s-.31-2.57.72-4.34l17-29.35c1-1.77 2.27-2.79 3.41-2.79m0-3c-2.2 0-4.38 1.43-6.02 4.3l-17 29.34c-3.3 5.71-.6 10.39 6 10.39h34c6.6 0 9.3-4.68 6-10.39L30.4 4.3c-1.64-2.87-3.82-4.3-6-4.3z" fill="#e24912"/><path d="M24.4 28.92a2.16 2.16 0 0 1-2.29-2.29V16.1a2.17 2.17 0 0 1 2.29-2.3 2.17 2.17 0 0 1 2.29 2.3v10.53a2.16 2.16 0 0 1-2.29 2.29zM26.69 33.51a2.29 2.29 0 0 1-4.58 0 2.29 2.29 0 1 1 4.58 0" fill="#e24912"/></svg> <div> <p><strong>Dates Affected: </strong>{{plannedAdvisory.DateRangeOutput}}</p> <p>{{plannedAdvisory.Message}} <a :href="plannedAdvisory.DetailsPage">Read More</a></p> </div> </div> <div v-if="line.ServiceAdvisories.filter(function(advisory){return advisory.Type === 'Planned Advisory'}).length === 0"> <i>There are no planned advisories for the selected lines.</i> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> window.ml = window.ml || {}; window.ml = { results: {"ServiceLines":["Antelope Valley","Inland Empire-Orange County","Orange County","Riverside","San Bernardino","Ventura County","91/Perris Valley"],"Advisories":[{"Line":"Antelope Valley","LineAbbreviation":"AV","ServiceAdvisories":[{"Id":1192002,"Message":"Planned Advisory for Winter Holidays","Line":"AV","Platform":"","PlayTime":null,"CreateDate":"2024-11-20T08:23:12.573","StartDateTime":"2024-12-25T06:00:00","ShortStartDateTime":"12/25/2024","EndDateTime":"2025-01-01T23:00:00","ShortEndDateTime":"1/1/2025","Timestamp":"11/20/2024 12:23 AM","Type":"Planned Advisory","DetailsPage":"/news/alert-details-page/?alertId=1192002","AlertDetailsPage":"/news/alert-details-page/","DateRangeOutput":"12/25/2024 - 1/1/2025"}]},{"Line":"Inland Empire-Orange County","LineAbbreviation":"IEOC","ServiceAdvisories":[{"Id":1192002,"Message":"Planned Advisory for Winter Holidays","Line":"IEOC","Platform":"","PlayTime":null,"CreateDate":"2024-11-20T08:23:12.573","StartDateTime":"2024-12-25T06:00:00","ShortStartDateTime":"12/25/2024","EndDateTime":"2025-01-01T23:00:00","ShortEndDateTime":"1/1/2025","Timestamp":"11/20/2024 12:23 AM","Type":"Planned Advisory","DetailsPage":"/news/alert-details-page/?alertId=1192002","AlertDetailsPage":"/news/alert-details-page/","DateRangeOutput":"12/25/2024 - 1/1/2025"}]},{"Line":"Orange County","LineAbbreviation":"OC","ServiceAdvisories":[{"Id":9597,"Message":"OC Line 1668 to Oceanside is delayed 10 minutes due to speed restrictions","Line":"OC","Platform":"","PlayTime":"","CreateDate":"2024-11-30T01:23:25","StartDateTime":"0001-01-01T00:00:00","ShortStartDateTime":"1/1/0001","EndDateTime":null,"ShortEndDateTime":null,"Timestamp":"11/29/2024 5:23 PM","Type":"Service Advisory","DetailsPage":"?alertId=9597","AlertDetailsPage":null,"DateRangeOutput":"1/1/0001 until further notice."},{"Id":1192002,"Message":"Planned Advisory for Winter Holidays","Line":"OC","Platform":"","PlayTime":null,"CreateDate":"2024-11-20T08:23:12.573","StartDateTime":"2024-12-25T06:00:00","ShortStartDateTime":"12/25/2024","EndDateTime":"2025-01-01T23:00:00","ShortEndDateTime":"1/1/2025","Timestamp":"11/20/2024 12:23 AM","Type":"Planned Advisory","DetailsPage":"/news/alert-details-page/?alertId=1192002","AlertDetailsPage":"/news/alert-details-page/","DateRangeOutput":"12/25/2024 - 1/1/2025"}]},{"Line":"Riverside","LineAbbreviation":"RIV","ServiceAdvisories":[{"Id":1192002,"Message":"Planned Advisory for Winter Holidays","Line":"RIV","Platform":"","PlayTime":null,"CreateDate":"2024-11-20T08:23:12.573","StartDateTime":"2024-12-25T06:00:00","ShortStartDateTime":"12/25/2024","EndDateTime":"2025-01-01T23:00:00","ShortEndDateTime":"1/1/2025","Timestamp":"11/20/2024 12:23 AM","Type":"Planned Advisory","DetailsPage":"/news/alert-details-page/?alertId=1192002","AlertDetailsPage":"/news/alert-details-page/","DateRangeOutput":"12/25/2024 - 1/1/2025"}]},{"Line":"San Bernardino","LineAbbreviation":"SB","ServiceAdvisories":[{"Id":1192002,"Message":"Planned Advisory for Winter Holidays","Line":"SB","Platform":"","PlayTime":null,"CreateDate":"2024-11-20T08:23:12.573","StartDateTime":"2024-12-25T06:00:00","ShortStartDateTime":"12/25/2024","EndDateTime":"2025-01-01T23:00:00","ShortEndDateTime":"1/1/2025","Timestamp":"11/20/2024 12:23 AM","Type":"Planned Advisory","DetailsPage":"/news/alert-details-page/?alertId=1192002","AlertDetailsPage":"/news/alert-details-page/","DateRangeOutput":"12/25/2024 - 1/1/2025"},{"Id":1190913,"Message":"Planned Advisory for Arrow Service ","Line":"SB","Platform":"","PlayTime":null,"CreateDate":"2024-11-04T14:50:52.97","StartDateTime":"2024-11-04T14:50:00","ShortStartDateTime":"11/4/2024","EndDateTime":null,"ShortEndDateTime":null,"Timestamp":"11/4/2024 6:50 AM","Type":"Planned Advisory","DetailsPage":"/news/alert-details-page/?alertId=1190913","AlertDetailsPage":"/news/alert-details-page/","DateRangeOutput":"11/4/2024 until further notice."}]},{"Line":"Ventura County","LineAbbreviation":"VC","ServiceAdvisories":[{"Id":9598,"Message":"VC Line 1165 to East Ventura will use track 2 at Moorpark","Line":"VC","Platform":"","PlayTime":"","CreateDate":"2024-11-30T01:48:17","StartDateTime":"0001-01-01T00:00:00","ShortStartDateTime":"1/1/0001","EndDateTime":null,"ShortEndDateTime":null,"Timestamp":"11/29/2024 5:48 PM","Type":"Service Advisory","DetailsPage":"?alertId=9598","AlertDetailsPage":null,"DateRangeOutput":"1/1/0001 until further notice."},{"Id":1192002,"Message":"Planned Advisory for Winter Holidays","Line":"VC","Platform":"","PlayTime":null,"CreateDate":"2024-11-20T08:23:12.573","StartDateTime":"2024-12-25T06:00:00","ShortStartDateTime":"12/25/2024","EndDateTime":"2025-01-01T23:00:00","ShortEndDateTime":"1/1/2025","Timestamp":"11/20/2024 12:23 AM","Type":"Planned Advisory","DetailsPage":"/news/alert-details-page/?alertId=1192002","AlertDetailsPage":"/news/alert-details-page/","DateRangeOutput":"12/25/2024 - 1/1/2025"}]},{"Line":"91/Perris Valley","LineAbbreviation":"91/PV","ServiceAdvisories":[{"Id":1192002,"Message":"Planned Advisory for Winter Holidays","Line":"91/PV","Platform":"","PlayTime":null,"CreateDate":"2024-11-20T08:23:12.573","StartDateTime":"2024-12-25T06:00:00","ShortStartDateTime":"12/25/2024","EndDateTime":"2025-01-01T23:00:00","ShortEndDateTime":"1/1/2025","Timestamp":"11/20/2024 12:23 AM","Type":"Planned Advisory","DetailsPage":"/news/alert-details-page/?alertId=1192002","AlertDetailsPage":"/news/alert-details-page/","DateRangeOutput":"12/25/2024 - 1/1/2025"}]}],"Minified":true,"IsHomepage":true,"BlockLink":{"OriginalString":"/link/f291029a1e87402d86c8ce1d06bd5013.aspx","Path":"/link/f291029a1e87402d86c8ce1d06bd5013.aspx","Authority":"","DnsSafeHost":"","Fragment":"","Host":"","IsAbsoluteUri":false,"LocalPath":"","PathAndQuery":"/link/f291029a1e87402d86c8ce1d06bd5013.aspx","Port":-1,"Query":"","QueryCollection":[],"Scheme":"","Segments":["/","link/","f291029a1e87402d86c8ce1d06bd5013.aspx"],"UserEscaped":false,"UserInfo":"","Uri":"/link/f291029a1e87402d86c8ce1d06bd5013.aspx","Encoding":{"BodyName":"utf-8","EncodingName":"Unicode (UTF-8)","HeaderName":"utf-8","WebName":"utf-8","WindowsCodePage":1200,"IsBrowserDisplay":true,"IsBrowserSave":true,"IsMailNewsDisplay":true,"IsMailNewsSave":true,"IsSingleByte":false,"EncoderFallback":{"DefaultString":"�","MaxCharCount":1},"DecoderFallback":{"DefaultString":"�","MaxCharCount":1},"IsReadOnly":true,"CodePage":65001}},"AlertDetailsUrl":"234"}, timeLimit: 9, minified: true, isHomepage: true } </script> </div> </div> </section> </div> </div> <div> <div></div> </div> <!-- Homepage Three Column Spotlight --> <div><div class="block threecolumnspotlightblock col-lg-12 col-md-12 col-sm-12 col-xs-12"><div class="rd-events"> <h2 class="rd-events__title">Happenings</h2> <div class="rd-events__wrapper"> <a class="rd-events__card" href="/rider-info/general-info/how-to-ride/"> <div class="rd-events__card-img "> <img src="/globalassets/happenings/how-to-ride_302x211.jpg" alt=""> </div> <span>Your trip starts here.</span> <h3>How to Get Started with Metrolink</h3> <p>Riding Metrolink trains could be intimidating for first-timers. Our How to Ride guide can help you easily plan your trip and prepare for your journey on the train.</p> </a> <a class="rd-events__card" href="/ticketsOverview/discounts/everyday-discounts/"> <div class="rd-events__card-img "> <img src="/contentassets/27c61b683bf7422e969a2da83574c9e3/how-to-take-the-train---302x211.jpg" alt=""> </div> <span>You may qualify for a discount</span> <h3>Enjoy Everyday Ticket Discounts</h3> <p>Enjoy reduced fares on Metrolink services for seniors, students/youth, active military, and others eligible for train ticket discounts. Click here to learn more and see if you qualify.</p> </a> <a class="rd-events__card" href="https://store.metrolinktrains.com/"> <div class="rd-events__card-img "> <img src="/contentassets/27c61b683bf7422e969a2da83574c9e3/store_tile_20230724.png" alt=""> </div> <span>Shop online now!</span> <h3>Shop Metrolink's Online Store</h3> <p>Shop the Metrolink store for a wide range of official merchandise featuring high quality seasonal apparel, accessories, commuter essentials and gifts.</p> </a> </div> </div> </div></div> <div class="margin-bottom-xxl row-counter"> <div class="row"> <section class="pageSection pageSection--grey "> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div> <style><!-- .slick-dots {max-width: 570px; margin: 0 auto;} --></style> </div></div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div> <div> <script> //keep Google translate from changing the station names, in the selectors var noTranslateFromPlease = document.getElementById("From"); noTranslateFromPlease.classList.add("notranslate"); var noTranslateToPlease = document.getElementById("To"); noTranslateToPlease.classList.add("notranslate"); </script> </div> </div></div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div> <style> .ccpa-alert { z-index: 100000 !important; } </style> <div class="chatbot"> <script> window.pypestreamConfig = { APP_ID: '8e1b4d0c-1df5-4245-9138-d3fdba7e5706', passthrough: '', language: 'en', play_chime: false }; function insertScript () { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://web.pypestream.com/launcher.js?ts=' + Date.now(); script.async = true; document.body.appendChild(script); } if (document.readyState === 'complete') { insertScript(); } else { window.addEventListener('load', insertScript); } </script> </div> </div></div></div> </section> </div> </div> <!-- Homepage Overlapping Cards --> <style> .rd-overlapping-card { background-image: url("/globalassets/ghg-vmt-2.jpg"); } </style> <!-- Homepage News List and Additional Info --> <div class="rd-info"> <div class="rd-info__news"> <h2 class="rd-info__title">Metrolink News</h2> <section class="newsFeed newsFeed--linkAfter"> <ul class="newsFeed__list"> <li class="newsItem"> <p class="newsItem__date">21 November 2024 </p> <h3 class="h-L newsItem__heading"> <a href="https://metrolinktrains.com/news/metrolink-news/metrolink-offers-10-pass-to-help-travelers-avoid-holiday-traffic-this-thanksgiving-weekend/" class="newsItem__title">Metrolink Offers $10 Pass to Help Travelers Avoid Holiday Traffic This Thanksgiving Weekend</a> </h3> </li> <li class="newsItem"> <p class="newsItem__date">12 November 2024 </p> <h3 class="h-L newsItem__heading"> <a href="https://metrolinktrains.com/news/metrolink-news/aaa-members-can-now-save-on-metrolink-fare/" class="newsItem__title">AAA Members Can Now Save on Metrolink Fare</a> </h3> </li> <li class="newsItem"> <p class="newsItem__date">4 November 2024 </p> <h3 class="h-L newsItem__heading"> <a href="https://metrolinktrains.com/news/metrolink-news/metrolinks-holiday-express-train-returns-bringing-joyful-spirit-and-festive-magic-to-southern-california-this-holiday-season/" class="newsItem__title">Metrolink's Holiday Express Train Returns Bringing Joyful Spirit and Festive Magic to Southern California this Holiday Season</a> </h3> </li> </ul> <a href="https://metrolinktrains.com/news/metrolink-news" class="newsFeed__link">View all news</a> </section> </div> <div class="rd-info__spotlight"> <div> <h2 class="rd-info__title">SCORE MEANS MORE FOR SOCAL</h2> <a href="/link/b7eda052dced431eb8024de0b5cd20f1.aspx"> <img class="rd-info__spotlight-img" src="/globalassets/startpage/get-more-with-score-front-side-banner.png" alt="Get MORE with SCORE" /> </a> <div class="rd-info__spotlight-text"><p><a href="https://metrolinktrains.com/score">SCORE is an ambitious capital program that will upgrade Metrolink's system in time for the 2028 Olympic and Paralympic Games.</a></p></div> </div> <div> <h2 class="rd-info__title">CURRENT BOARD AGENDAS</h2> <img class="rd-info__spotlight-img" src="/globalassets/startpage/board-meetings.jpg" alt="Agenda icon" /> <!-- <a class="rd-info__link" href="/about/board-meetings/agendas--documents/"><p><a href="/about/board-meetings/agendas-documents/">Metrolink’s latest public meeting agendas and documents.</a></p></a> --> <div class="rd-info__spotlight-text"><p><a href="/about/board-meetings/agendas-documents/">Metrolink’s latest public meeting agendas and documents.</a></p></div> </div> </div> </div> <!-- Homepage Track Your Train --> <div class="rd-track-train pageSection"> <div class="container"> <div class="rd-track-train-empty"></div> <div class="rd-track-train-text"> <div> <h2 class="h-XL">Track your train</h2> <p>Check the real-time status of your train and track your train's location</p> <a class="btn btn--solid" href="https://www.metrolinktrains.com/train-status/train_tracker/wheres-my-train-map-view/">train tracker</a> </div> </div> </div> </div> <!-- Homepage Metrolink Mobile App --> <div class="rd-mobile-app pageSection"> <div class="container"> <div class="rd-mobile-app__content"> <div class="rd-mobile-app__text"> <h2 class="h-XL">Metrolink <span>Mobile App</span></h2> <ul> <li>Purchase tickets anywhere</li> <li>Activate your ticket prior to boarding</li> <li>The Metrolink App is free to download</li> <li>Tickets transfer if your phone is lost or stolen</li> </ul> <div> <a href="https://itunes.apple.com/us/app/metrolink/id1083843914?mt=8" target="_blank"><img alt="Download on the App Store" src="/Static/img/badge-appstore.svg" /></a> <a href="https://play.google.com/store/apps/details?id=com.justride.metrolink" target="_blank"><img alt="Get it on Google Play" src="/Static/img/badge-googleplay.svg" /></a> </div> <p>Mobile app tickets can now be <a href="https://tickets.metrolinktrains.com/" target="_blank">purchased online.</a></p> </div> </div> <div class="rd-mobile-app__image"> <img src="/Static/img/iphone_NEW.png" alt="Metrolink Mobile App"> </div> </div> </div> <!-- Homepage Scroll to Top --> <div class="rd-scrolltop"> <div class="container"> <div class="rd-scrolltop__link"> <img src="/Static/img/scrolltop.svg" alt="Scroll to top" /> <h3 class="h-M">Back to top</h3> </div> </div> </div> </section> </main> <footer> <div class="siteFooter"> <div class="siteFooter__darkRow"> <div class="container"> <div class="row"> <div class="col-xs-10 col-xs-offset-1"> <div class="siteFooter__translate"></div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3"> <h2 class="h-L2 text--centered">Stay Connected</h2> <div class="siteFooter__signup"> <div class="input-group input-group--button"> <form action="/email-registration/" method="get"> <label class="sr-only" for="footerEmail">Enter email address</label> <!-- TODO where does this submit too? need to get client email submission info --> <input type="text" class="input-group__field input-group__field--transparent" name="footerEmail" id="footerEmail" placeholder="Enter email address" /> <button class="btn btn--solid btn--noMargin input-group__button">Submit<span class="sr-only">Submit Email</span></button> </form> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4"> <div class="siteFooter__social footerNav footerNav--social"> <ul class="footerNav__items"> <li class="footerNav__item"> <a href="//facebook.com/Metrolink" class="footerNav__link" target="_blank"> <span class="fa fa-facebook fa-2x" aria-hidden="true"></span><span class="sr-only">Facebook</span> </a> </li> <li class="footerNav__item"> <a href="//twitter.com/Metrolink" class="footerNav__link" target="_blank"> <img src="/Static/img/icons/x-logo.svg" alt="X" width="26"> </a> </li> <li class="footerNav__item"> <a href="//youtube.com/metrolinkmatters" class="footerNav__link" target="_blank"> <span class="fa fa-youtube fa-2x" aria-hidden="true"></span><span class="sr-only">Youtube</span> </a> </li> <li class="footerNav__item"> <a href="//instagram.com/metrolink" class="footerNav__link" target="_blank"> <span class="fa fa-instagram fa-2x" aria-hidden="true"></span><span class="sr-only">Instagram</span> </a> </li> <li class="footerNav__item"> <a href="//linkedin.com/company/metrolink" class="footerNav__link" target="_blank"> <span class="fa fa-linkedin fa-2x" aria-hidden="true"></span><span class="sr-only">LinkedIn</span> </a> </li> </ul> </div> <div class="siteFooter__links footerNav"> <ul class="footerNav__list"> <li class="footerNav__item"> <a href="/privacy-policy/">Privacy Policy</a> </li> <li class="footerNav__item"> <a href="/customer-service/contact-info/">Contact Us</a> </li> </ul> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <p class="siteFooter__copyright">© 2024 Southern California Regional Rail Authority. All rights reserved.</p> </div> </div> </div> </div> </footer> <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script> <script> if (!window.jQuery) { document.write('<script src="/Static/js/vendor/jquery-3.6.0.min.js"><\/script>') } </script> <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> <script src="https://ajax.aspnetcdn.com/ajax/mvc/5.2.3/jquery.validate.unobtrusive.min.js"></script> <script src="/Static/js/vendor/vue.min.js"></script> <script src="/bundles/js?v=Kgj9kPiIPfCg7OgpnkyH-iTv0r7M9GK3-s2jtVuiOL41"></script> <script src="https://js.arcgis.com/4.23/init.js"></script> </body> </html>