CINXE.COM

Sustainability | 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="Sustainability | Metrolink" /> <meta name="description" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:url" content="https://metrolinktrains.com/about/agency/sustainability/" /> <meta property="og:title" content="Sustainability | Metrolink" /> <meta property="og:description" /> <meta property="og:image" content="https://metrolinktrains.com" /> <meta name="twitter:card" /> <meta name="twitter:title" content="Sustainability | Metrolink" /> <meta name="twitter:description" /> <meta name="twitter:image" content="https://metrolinktrains.com" /> <title>Sustainability | 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/about/agency/sustainability/" 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"> &nbsp; </span> <span class="icon-bar toggleNav__icon"> &nbsp; </span> <span class="icon-bar toggleNav__icon"> &nbsp; </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&#174; </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&#39;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 &amp; 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 &amp; 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 &amp; 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"> <section > </section> <div><div class="block editorialblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"><div class="clearfix"> <div class="clearfix"> <div class="clearfix">&nbsp;</div> </div> <style><!-- .eday-wrap--intro { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b239+0,8dbb33+100 */ background: #00AF43; /* Old browsers */ } @media (max-width: 1200px) { .thirty p { font-size: 11px !important; } .thirty { padding: 0 .5em .5em .5em !important; } span.one, span.two { font-size: 11px !important; } } .contests-wrap { position: relative; -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; max-width: 790px; min-height: 100%; overflow: hidden; background: #ffffff; } .thirty { width: 33.3333333%; padding: 0 1em 1em 1em; float: left; } .thirty p { font-size: 1.4em; text-align: center; font-weight: bold; } .dater { position: absolute; padding: .4em 1em .2em; background: #616161; margin-top: 1em; color: #ffffff; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } span.one { font-size: 1.2em; float: left; clear: both; line-height: 15px; font-weight: bold; } span.two { float: left; clear: both; } .edform { width: 100%; } .edform iframe { height: 440px; width: 100%; } --></style> <div class="clearfix"> <div class="eday-wrap eday-wrap--intro" style="padding-bottom: 100px;"> <div style="margin: 1em auto; width: 100%;"> <div style="max-width: 900px; margin: 0 auto;"> <div class="col-md-8" style="margin: 0 auto 3em; display: inline-block;"> <h1 class="h-XL" style="color: #ffffff; margin-top: 0.3em;">METROLINK SUSTAINABILITY</h1> <p style="color: #ffffff;">Metrolink is committed to protecting the environment in Southern California, embracing social responsibility, creating economic vitality and enhancing the quality of life for the communities we serve. We work with transportation agencies throughout the region to offer our riders sustainable and efficient ways to reach their Southern California destinations.</p> <p style="color: #ffffff;">Taking the train is the <strong>smartest, cleanest and greenest way to travel</strong>.</p> </div> <div class="col-md-4" style="/* margin: 0 auto 3em; */display: inline-block; float: none;"> <div> <div style="max-width: 400px; padding: 1em;"><img title="sustainability gold level commitment logo" src="/globalassets/about/agency/sustainability/sustainability-gold-level-commitment-logo.png" alt="sustainability gold level commitment logo"></div> </div> </div> </div> </div> </div> <div class="eday-wrap" style="margin: 0 auto; padding: 0; margin-top: -100px; max-width: 1500px;"> <div style="display: block; width: 100%; padding: 0; margin: 0 auto; /* min-height: 250px;"> <div style="background: url('/globalassets/about/agency/sustainability/sustainability-reneweable-fuel-background.png') top center no-repeat; /* margin-top: 50px; *//* margin-bottom: 50px; *//* margin-left: -25px; *//* margin-right: -25px; */position: relative; background-size: cover; width: 100%;"> <div style="text-align: center; margin-left 40%;top: 25%; left: 5%; padding: 3em; background: linear-gradient(90deg,#000 0,rgba(0,0,0,.99) 1%,transparent 80%,transparent); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1); min-height: 390px;"> <div style="max-width: 1040px; margin: 0 auto; vertical-align: middle; padding-top: 5em;"> <h2 class="h-XL" style="color: #ffffff; margin: 1% 0;">POWERED BY 100% RENEWABLE FUEL</h2> <p style="color: #ffffff;">Metrolink trains run on renewable fuel of recycled natural oils which reduces emissions and improves air quality for southern California.</p> </div> </div> </div> </div> </div> </div> </div> </div><div class="block editorialblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"><div class="clearfix"> <div id="video" class="eday-container" style="/* display: block; */ /* position: relative;"> <div class="edss" style="padding: 0; position: inherit; display: inline-block;"> <div class="col-md-6"> <div class="video-responsive"><iframe id="886810244" title="Cleaner Air Together video" src="https://www.youtube.com/embed/uj0HIyNyhXw?enablejsapi=1&amp;origin=https%3A%2F%2Fmetrolinktrains.com" width="100%" height="240" frameborder="0" allowfullscreen="allowfullscreen" aria-label="Cleaner Air Together video" data-gtm-yt-inspected-7258271_35="true"></iframe></div> </div> <div class="col-md-6"> <h2 class="h-L2">CLEANER AIR TOGETHER</h2> <p>Metrolink riders remove 9.3 million weekday trips from the road per year, eliminating 130,000 metric tons of greenhouse gas emissions which is the equivalent of planting a 170,000 acre forest.</p> </div> </div> </div> </div> </div><div class="block editorialblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"><div class="clearfix"> <div id="calculator" class="eday-wrap"> <div class="eday-calc"> <div class="eday-calc__icon-block"><img class="eday-calc__icon" alt="" src="/Static/img/dist/earth-day/icon-car-pollution.png"></div> <h2 class="eday-calc__title">What is Your<br> <span class="eday-calc__title-shrink">Personal Impact?</span></h2> <hr class="eday-calc__hr"> <div class="eday-calc__desc">Metrolink saves money over driving. Calculate what you can save.</div> <a class="eday-btn btn btn--solid" href="/about/agency/sustainability/personal-impact-calculator/">Calculate Your Impact</a></div> </div> </div> </div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <div class="eday-container" style="display: flex; padding: 0; margin-top: 3em;"> <div class="columns" style="max-width: 1100px; margin: 0 auto; text-align: center;"> <div class="col-md-6" style="padding: 0 2em;"> <h2 class="h-L2">CLIMATE ACTION PLAN</h2> <div style="max-width: 390px; margin: 0 auto;"><a href="/globalassets/about/agency/sustainability/climate-action-plan.pdf"><img style="width: auto; max-height: 298px; box-shadow: #c7c7c7 1px 5px 12px;" title="climate-action-plan" src="/globalassets/about/agency/sustainability/climate-action-plan.png" alt="climate-action-plan"></a></div> <p style="margin-top: 2em;"><span style="color: #008031; font-size: 1.2em;">Our CLIMATE ACTION PLAN charts a course for how Metrolink can address the ongoing effects of climate change and accelerate a zero emissions future</span></p> <a class="btn btn--solid" style="padding: 10px; border-radius: 5px; background-color: #00af43;" href="/globalassets/about/agency/sustainability/climate-action-plan.pdf" target="_blank" rel="noopener">Download Now</a></div> <div class="col-md-6" style="padding: 0 2em;"> <h2 class="h-L2">CLIMATE ACTION REPORT</h2> <div style="max-width: 390px; margin: 0 auto; box-shadow: #c7c7c7 1px 5px 12px;"><a href="/globalassets/about/agency/sustainability/metrolink-climate-action-report.pdf"><img style="width: 100%;" title="climate action report" src="/globalassets/about/agency/sustainability/climate-action-report-cover.jpg" alt="climate-action-report"></a></div> <p style="margin: 2em 0 3.65em 0;"><span style="color: #00af43; font-size: 1.2em;">Our CLIMATE ACTION REPORT for 2021</span></p> <a class="btn btn--solid" style="padding: 10px; border-radius: 5px; background-color: #00af43;" href="/globalassets/about/agency/sustainability/metrolink-climate-action-report.pdf" target="_blank" rel="noopener">Download Now</a></div> </div> </div> </div></div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <div class="eday-container" style="display: flex; padding: 0; margin-top: 3em;"> <div class="columns" style="max-width: 1100px; margin: 0 auto;"> <div class="col-md-6" style="display: block;"> <h2 class="h-L2">CLIMATE VULNERABILITY</h2> <p><span style="color: #000000; font-weight: bold; font-size: 1.2em;">A study was conducted to analyze the future climate risks on Metrolink&rsquo;s systemwide infrastructure and facilities, including those impacts anticipated on surrounding populations and disadvantaged communities.</span></p> <p>The climate adaptation implementation plan is critical as Metrolink has begun a 10-year investment in a slate of projects knows as the Southern California Optimized Rail Expansion (SCORE) Program. To safeguard these investments over their useful life, which ranges from 20-100 years. It is essential that they be protected from expected climate change impacts.</p> <p>This investment program is also a significant opportunity to increase the overall resilience of the Metrolink system and populations it serves.</p> <a class="btn btn--solid" style="padding: 10px; border-radius: 5px; background-color: #00af43;" href="/globalassets/about/agency/sustainability/metrolink_cva_adaptplan_final_220330.pdf" target="_blank" rel="noopener">Download Now</a><br><a class="btn btn--solid" style="padding: 10px; border-radius: 5px; background-color: #00af43;" href="/globalassets/about/agency/sustainability/metrolink-report_blueprint-cva_final_220330.pdf" target="_blank" rel="noopener">Download Summary</a></div> <div class="col-md-6" style="padding: 0;"> <div style="max-width: 390px; margin: 0 auto; box-shadow: #c7c7c7 1px 5px 12px;"><a href="/globalassets/about/agency/sustainability/metrolink_cva_adaptplan_final_220330.pdf"><img style="width: 100%;" title="Blueprint Response" src="/globalassets/about/agency/sustainability/climate-vulnerability-assessment-adaptation-plan.png" alt="climate-vulnerability-assessment-adaptation-plan"></a></div> </div> </div> </div> </div></div><div class="block editorialblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"><div class="clearfix"> <style><!-- .eday-wrap--toolkit { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b239+0,8dbb33+100 */ background: #00AF43; /* Old browsers */ } .eday-cards .card { background: #ffffff; padding-bottom: 2em; text-align: center; max-width: 400px; margin: 0 auto; } .bg { background: url('/globalassets/about/agency/sustainability/hands.jpg') center center no-repeat; margin-left: -20px; margin-right: -20px; position: relative; background-size: cover; text-align: center } --></style> <div class="eday-wrap" style="margin: 0 auto; padding: 0; margin-bottom: -100px; max-width: 1500px;"> <div class="bg"> <div style="top: 25%; left: 5%; padding: 4em; background: linear-gradient(90deg,#000 0,rgba(0,0,0,.99) 1%,transparent 80%,transparent); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);"> <div style="max-width: 1040px; margin: 0 auto;"> <h2 class="h-XL" style="color: #ffffff; margin: 1% 0;">GREEN TEAM</h2> <p style="color: #ffffff;">To foster a culture of sustainability, Metrolink established an employee Green Team program focused on integrating sustainability in all aspects of Metrolink&rsquo;s business processes, departments, operations and service delivery.</p> <a class="btn btn--solid" style="padding: 10px; border-radius: 5px; background-color: #00af43;" href="/about/agency/sustainability/green-team/">Learn About the Green Team</a></div> </div> </div> </div> <div id="toolkit" class="eday-wrap eday-wrap--toolkit" style="padding-top: 100px;"> <div class="eday-cards" style="display: inline-block; padding: 4em 0; width: 100%;"> <div class="col-md-4"> <div class="card"><img title="Green Fleet" src="/globalassets/about/agency/sustainability/tier-4-locomotive.jpg" alt="Green Fleet"> <h3 class="h-L2">Green Fleet</h3> <a class="btn btn--solid" style="padding: 10px; border-radius: 5px; background-color: #00af43;" href="/about/agency/sustainability/green-fleet/">Learn More</a></div> </div> <div class="col-md-4" style="border-left: solid 1px white; border-right: solid 1px white;"> <div class="card"><img title="Green Buildings" src="/globalassets/about/agency/sustainability/doc-building.jpg" alt="Green Buildings"> <h3 class="h-L2">Green Buildings</h3> <a class="btn btn--solid" style="padding: 10px; border-radius: 5px; background-color: #00af43;" href="/about/agency/sustainability/green-buildings/">Learn More</a></div> </div> <div class="col-md-4"> <div class="card"><img title="Green Community" src="/globalassets/about/agency/sustainability/green-community.jpeg" alt="Green Community"> <h3 class="h-L2">Green Community</h3> <a class="btn btn--solid" style="padding: 10px; border-radius: 5px; background-color: #00af43;" href="/about/agency/sustainability/green-community/">Learn More</a></div> </div> </div> </div> <p>&nbsp;</p> </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">&#169; 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>

Pages: 1 2 3 4 5 6 7 8 9 10