CINXE.COM
MTA Maps
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: ▪️ html--node--66.html.twig ▪️ html--node--%.html.twig ▪️ html--node.html.twig ✅ html.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/system/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <meta charset="utf-8" /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RBMJZ3P3MQ"></script> <script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "G-RBMJZ3P3MQ", {"groups":"default","page_placeholder":"PLACEHOLDER_page_location"});</script> <meta name="description" content="Downloadable maps for New York transit, including subways, buses, and the Staten Island Railway, plus the Long Island Rail Road, Metro-North Railroad, and MTA Bridges and Tunnels." /> <link rel="canonical" href="https://www.mta.info/maps" /> <link rel="image_src" href="https://files.mta.info/s3fs-public/2025-04/Screenshot 2025-04-02 at 9.44.24 AM.png?VersionId=WjRwN1wvVqo8650LKTu0N52wbYuUidn5" /> <meta property="og:site_name" content="MTA" /> <meta property="og:url" content="https://www.mta.info/maps" /> <meta property="og:title" content="Maps" /> <meta property="og:description" content="Downloadable maps for New York transit, including subways, buses, and the Staten Island Railway, plus the Long Island Rail Road, Metro-North Railroad, and MTA Bridges and Tunnels." /> <meta property="og:image" content="https://files.mta.info/s3fs-public/2025-04/Screenshot 2025-04-02 at 9.44.24 AM.png?VersionId=WjRwN1wvVqo8650LKTu0N52wbYuUidn5" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Downloadable maps for New York transit, including subways, buses, and the Staten Island Railway, plus the Long Island Rail Road, Metro-North Railroad, and MTA Bridges and Tunnels." /> <meta name="twitter:site" content="@mta" /> <meta name="twitter:title" content="Maps" /> <meta name="twitter:url" content="https://www.mta.info/maps" /> <meta name="twitter:image" content="https://files.mta.info/s3fs-public/2025-04/Screenshot 2025-04-02 at 9.44.24 AM.png?VersionId=WjRwN1wvVqo8650LKTu0N52wbYuUidn5" /> <meta name="facebook-domain-verification" content="5c9s915wwu7ujl7t5slm5nx88b2iqm" /> <meta name="google-site-verification" content="Gs_a5SJXLSVsOjXZs8vA7eMIk8cWVMElHmIznlcVI8U" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/bootstrap_mta/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="alternate" hreflang="en" href="https://www.mta.info/maps" /> <meta http-equiv="X-UA-Compatible" content="IE=11"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>MTA Maps</title> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/fieldgroup.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/details.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/item-list.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/nowrap.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/position-container.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/reset-appearance.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/resize.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-counter.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-counters.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-general-info.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/system/css/components/tablesort.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/modules/contrib/responsive_table_filter/css/responsive-table-filter.css?stu8v1" /> <link rel="stylesheet" media="all" href="/core/modules/views/css/views.module.css?stu8v1" /> <link rel="stylesheet" media="all" href="/modules/custom/ckeditor5_mta_iframe/css/iframe.css?stu8v1" /> <link rel="stylesheet" media="all" href="/modules/custom/mta_accessibility/css/accessibility.css?stu8v1" /> <link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?stu8v1" /> <link rel="stylesheet" media="all" href="/themes/custom/bootstrap_mta/js/apps/ee.css?stu8v1" /> <link rel="stylesheet" media="all" href="/themes/custom/bootstrap_mta/js/apps/10.css?stu8v1" /> <link rel="stylesheet" media="all" href="/themes/custom/bootstrap_mta/js/apps/nearby.css?stu8v1" /> <link rel="stylesheet" media="all" href="/themes/custom/bootstrap_mta/js/apps/service-change.css?stu8v1" /> <link rel="stylesheet" media="all" href="/themes/custom/bootstrap_mta/js/apps/service-status.css?stu8v1" /> <link rel="stylesheet" media="all" href="/themes/custom/bootstrap_mta/js/apps/service-status-component.css?stu8v1" /> <link rel="stylesheet" media="all" href="/themes/custom/bootstrap_mta/js/apps/status-subway.css?stu8v1" /> <link rel="stylesheet" media="all" href="/themes/custom/bootstrap_mta/js/apps/tripPlanner.css?stu8v1" /> <link rel="stylesheet" media="all" href="/themes/custom/bootstrap_mta/js/apps/ee-outages.css?stu8v1" /> <link rel="stylesheet" media="all" href="/themes/custom/bootstrap_mta/js/apps/customerFeedback.css?stu8v1" /> </head> <body class="mta-bg-grey-100 mta-back-blue path-node page-node-type-landing-page has-glyphicons"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: ▪️ page--node--66.html.twig ▪️ page--node--%.html.twig ▪️ page--node.html.twig ✅ page.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/system/page.html.twig' --> <section class="header" role="navigation"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ✅ region--header.html.twig ▪️ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/regions/region--header.html.twig' --> <div id="blockHeader" class="mta-flex mta-relative mta-h-500"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--main-menu-block.html.twig ▪️ block--mta-info.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block--main-menu-block.html.twig' --> <input id="mta-burger-trigger" class="mta-tr-burger mta-a11y--h" type="checkbox" aria-label="Main Menu" aria-roledescription="Click to Open Main Menu"/> <label for="mta-burger-trigger" class="mta-order-first mta-cursor-pointer mta-tr-burger-label mta-flex mta-items-center mta-justify-center mta-w-500 hover:mta-bg-primary-300 mta-m-000 mta-relative mta-z-200"> <div class="mta-tr-burger-open mta-flex mta-flex-col mta-items-center mta-justify-center"> <div class="mta-mb-050"> <svg width="22" height="14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 1a1 1 0 011-1h20a1 1 0 110 2H1a1 1 0 01-1-1zm0 6a1 1 0 011-1h20a1 1 0 110 2H1a1 1 0 01-1-1zm1 5a1 1 0 100 2h20a1 1 0 100-2H1z" fill="#fff"/></svg> </div> <span class="mta-text-sm mta-text-grey-000 mta-font-bold mta-uppercase mta-leading-300" aria-hidden="true">Menu</span> </div> <div class="mta-tr-burger-close mta-flex mta-flex-col mta-items-center mta-justify-center mta-hidden"> <svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.743 10L19.844.898a.528.528 0 000-.745.529.529 0 00-.744 0L9.999 9.256.897.153a.527.527 0 00-.743.745L9.254 10l-9.1 9.102a.528.528 0 000 .745.528.528 0 00.745 0L10 10.744l9.1 9.103a.528.528 0 00.746-.745L10.746 10h-.003z" fill="#fff"/></svg> <span class="mta-a11y--h">Close Menu</span> </div> </label> <section class="mta-tr-burger-content mta-overflow-y-auto mta-fixed mta-left-0 mta-bottom-0 mta-top-800 mta-bg-grey-000 mta-z-1200 mta-w-full sm:mta-w-25 mta-p-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--main.html.twig ✅ menu--main.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/menu/menu--main.html.twig' --> <div role="region" aria-label="Main menu region"> <ul class="mta-nav-primary mta-ml-000 mta-pl-000"> <li> <a href="/schedules" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Schedules</a> </li> <li> <a href="/maps" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Maps</a> </li> <li> <a href="/fares-tolls" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Fares and tolls</a> </li> <li> <a href="/planned-service-changes" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Planned Service Changes</a> </li> <li> <label for="mtaNavSecondary-1002" class="mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300 mta-cursor-pointer"> <span class="mta-flex-grow mta-mr-200">Travel</span> <svg role="presentation" width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.507662 14.3288C0.324303 14.5118 0.22064 14.7599 0.219224 15.0189C0.217808 15.278 0.318755 15.5272 0.500102 15.7122C0.588538 15.803 0.694195 15.8752 0.810886 15.9246C0.927576 15.974 1.05295 15.9996 1.17968 16C1.3064 16.0003 1.43192 15.9754 1.54888 15.9266C1.66584 15.8779 1.7719 15.8063 1.86084 15.716L8.71744 8.82537C9.09542 8.44361 9.09542 7.82372 8.71744 7.44195L1.64539 0.282963C1.26741 -0.0950203 0.658854 -0.0950203 0.284652 0.282963C0.102302 0.466999 -6.68103e-07 0.715596 -6.56778e-07 0.974672C-6.45453e-07 1.23375 0.102302 1.48234 0.284652 1.66638L6.67256 8.12988L0.507662 14.3288Z" fill="#3178B5"/> </svg> </label> <input type="checkbox" id="mtaNavSecondary-1002" class="mta-tr-secondary mta-a11y--h" /> <ul class="mta-ml-000 mta-overflow-y-auto mta-tr-secondary-content mta-absolute mta-inset-0 mta-bg-grey-000 mta-z-1200 mta-p-200"> <li> <label for="mtaNavSecondary-1002" class="mta-cursor-pointer mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600"> <div role="presentation" class="mta-mr-200 mta-flex mta-items-center"> <svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.493 1.67A.983.983 0 008.19.076a.953.953 0 00-1.05.209L.283 7.174a.986.986 0 000 1.384l7.073 7.159a.958.958 0 001.36 0 .983.983 0 000-1.384L2.328 7.87l6.165-6.2z" fill="#1F2024"/></svg> </div> Back </label> </li> <li> <a href="/elevator-escalator-status" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Elevator & Escalator Status</a> </li> <li> <a href="/accessibility" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Accessibility</a> </li> <li> <a href="/guides/service-alerts" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Sign up for service alerts</a> </li> <li> <a href="/guides" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Guides</a> </li> </ul> </li> <li> <a href="/accessibility/access-a-ride" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Access-A-Ride Paratransit</a> </li> <li> <label for="mtaNavSecondary-1003" class="mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300 mta-cursor-pointer"> <span class="mta-flex-grow mta-mr-200">About</span> <svg role="presentation" width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.507662 14.3288C0.324303 14.5118 0.22064 14.7599 0.219224 15.0189C0.217808 15.278 0.318755 15.5272 0.500102 15.7122C0.588538 15.803 0.694195 15.8752 0.810886 15.9246C0.927576 15.974 1.05295 15.9996 1.17968 16C1.3064 16.0003 1.43192 15.9754 1.54888 15.9266C1.66584 15.8779 1.7719 15.8063 1.86084 15.716L8.71744 8.82537C9.09542 8.44361 9.09542 7.82372 8.71744 7.44195L1.64539 0.282963C1.26741 -0.0950203 0.658854 -0.0950203 0.284652 0.282963C0.102302 0.466999 -6.68103e-07 0.715596 -6.56778e-07 0.974672C-6.45453e-07 1.23375 0.102302 1.48234 0.284652 1.66638L6.67256 8.12988L0.507662 14.3288Z" fill="#3178B5"/> </svg> </label> <input type="checkbox" id="mtaNavSecondary-1003" class="mta-tr-secondary mta-a11y--h" /> <ul class="mta-ml-000 mta-overflow-y-auto mta-tr-secondary-content mta-absolute mta-inset-0 mta-bg-grey-000 mta-z-1200 mta-p-200"> <li> <label for="mtaNavSecondary-1003" class="mta-cursor-pointer mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600"> <div role="presentation" class="mta-mr-200 mta-flex mta-items-center"> <svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.493 1.67A.983.983 0 008.19.076a.953.953 0 00-1.05.209L.283 7.174a.986.986 0 000 1.384l7.073 7.159a.958.958 0 001.36 0 .983.983 0 000-1.384L2.328 7.87l6.165-6.2z" fill="#1F2024"/></svg> </div> Back </label> </li> <li> <a href="/about" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">About the MTA</a> </li> <li> <a href="/transparency" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Transparency</a> </li> <li> <a href="/project" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Projects</a> </li> <li> <a href="/safety-and-security" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Safety and Security</a> </li> <li> <a href="/careers" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Careers</a> </li> </ul> </li> <li> <label for="mtaNavSecondary-1004" class="mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300 mta-cursor-pointer"> <span class="mta-flex-grow mta-mr-200">Agencies</span> <svg role="presentation" width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.507662 14.3288C0.324303 14.5118 0.22064 14.7599 0.219224 15.0189C0.217808 15.278 0.318755 15.5272 0.500102 15.7122C0.588538 15.803 0.694195 15.8752 0.810886 15.9246C0.927576 15.974 1.05295 15.9996 1.17968 16C1.3064 16.0003 1.43192 15.9754 1.54888 15.9266C1.66584 15.8779 1.7719 15.8063 1.86084 15.716L8.71744 8.82537C9.09542 8.44361 9.09542 7.82372 8.71744 7.44195L1.64539 0.282963C1.26741 -0.0950203 0.658854 -0.0950203 0.284652 0.282963C0.102302 0.466999 -6.68103e-07 0.715596 -6.56778e-07 0.974672C-6.45453e-07 1.23375 0.102302 1.48234 0.284652 1.66638L6.67256 8.12988L0.507662 14.3288Z" fill="#3178B5"/> </svg> </label> <input type="checkbox" id="mtaNavSecondary-1004" class="mta-tr-secondary mta-a11y--h" /> <ul class="mta-ml-000 mta-overflow-y-auto mta-tr-secondary-content mta-absolute mta-inset-0 mta-bg-grey-000 mta-z-1200 mta-p-200"> <li> <label for="mtaNavSecondary-1004" class="mta-cursor-pointer mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600"> <div role="presentation" class="mta-mr-200 mta-flex mta-items-center"> <svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.493 1.67A.983.983 0 008.19.076a.953.953 0 00-1.05.209L.283 7.174a.986.986 0 000 1.384l7.073 7.159a.958.958 0 001.36 0 .983.983 0 000-1.384L2.328 7.87l6.165-6.2z" fill="#1F2024"/></svg> </div> Back </label> </li> <li> <a href="/agency/new-york-city-transit" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">New York City Transit</a> </li> <li> <a href="/agency/bridges-and-tunnels" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Bridges & Tunnels</a> </li> <li> <a href="/agency/long-island-rail-road" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Long Island Rail Road</a> </li> <li> <a href="/agency/metro-north-railroad" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Metro-North Railroad</a> </li> <li> <a href="/agency" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Other agencies and departments</a> </li> </ul> </li> <li> <label for="mtaNavSecondary-1005" class="mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300 mta-cursor-pointer"> <span class="mta-flex-grow mta-mr-200">Contact us</span> <svg role="presentation" width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.507662 14.3288C0.324303 14.5118 0.22064 14.7599 0.219224 15.0189C0.217808 15.278 0.318755 15.5272 0.500102 15.7122C0.588538 15.803 0.694195 15.8752 0.810886 15.9246C0.927576 15.974 1.05295 15.9996 1.17968 16C1.3064 16.0003 1.43192 15.9754 1.54888 15.9266C1.66584 15.8779 1.7719 15.8063 1.86084 15.716L8.71744 8.82537C9.09542 8.44361 9.09542 7.82372 8.71744 7.44195L1.64539 0.282963C1.26741 -0.0950203 0.658854 -0.0950203 0.284652 0.282963C0.102302 0.466999 -6.68103e-07 0.715596 -6.56778e-07 0.974672C-6.45453e-07 1.23375 0.102302 1.48234 0.284652 1.66638L6.67256 8.12988L0.507662 14.3288Z" fill="#3178B5"/> </svg> </label> <input type="checkbox" id="mtaNavSecondary-1005" class="mta-tr-secondary mta-a11y--h" /> <ul class="mta-ml-000 mta-overflow-y-auto mta-tr-secondary-content mta-absolute mta-inset-0 mta-bg-grey-000 mta-z-1200 mta-p-200"> <li> <label for="mtaNavSecondary-1005" class="mta-cursor-pointer mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600"> <div role="presentation" class="mta-mr-200 mta-flex mta-items-center"> <svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.493 1.67A.983.983 0 008.19.076a.953.953 0 00-1.05.209L.283 7.174a.986.986 0 000 1.384l7.073 7.159a.958.958 0 001.36 0 .983.983 0 000-1.384L2.328 7.87l6.165-6.2z" fill="#1F2024"/></svg> </div> Back </label> </li> <li> <a href="https://contact.mta.info/s/customer-feedback" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Give feedback</a> </li> <li> <a href="/contact-us" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Contact the MTA</a> </li> <li> <a href="/agency/media-relations" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Media Relations</a> </li> <li> <a href="/doing-business-with-us/procurement" class=" mta-font-bold mta-flex mta-items-center mta-border-b mta-border-grey-300 mta-min-h-600 mta-text-primary-300">Procurement and solicitations</a> </li> </ul> </li> </ul> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/menu/menu--main.html.twig' --> </section> <script> var trigger = document.getElementById('mta-burger-trigger'); var headerBlock = document.getElementById('blockHeader'); var menuContent = document.querySelector('.mta-tr-burger-content'); trigger.addEventListener('change', window.burger_trigger = function() { var headerOffest = headerBlock.getBoundingClientRect(); menuContent.style.top = headerOffest.bottom + "px"; if (trigger.checked) { document.body.classList.add('mta-overflow-y-hidden'); } else { document.body.classList.remove('mta-overflow-y-hidden'); } }); </script> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block--main-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--system-menu-block--header-menu.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block--system-menu-block--header-menu.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__header_menu' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--header-menu.html.twig ✅ menu--header-menu.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/menu/menu--header-menu.html.twig' --> <div class="mta-flex mta-flex-grow mta-justify-evenly sm:mta-justify-start mta-absolute mta-inset-0 mta-bg-grey-900"> <div class="mta-flex mta-w-full mta-justify-center mta-header-menu"> <a href="/" class="mta-block mta-p-150 hover:mta-bg-primary-300" title="MTA"> <svg width="47" height="51" xmlns="http://www.w3.org/2000/svg"><path d="M29.909 21.372l-2.743-.234v14.56l-4.088.724-.01-15.644-3.474-.308v-5.734l10.315 1.803v4.833zm7.785 12.484l-2.426.421-.283-2.122-2.363.307-.296 2.335-3.125.553 3.094-18.36 2.937.51 2.462 16.356zm-3.141-5.288l-.65-5.606h-.142l-.658 5.691 1.45-.085zM21.038 50.931c13.986 0 25.32-11.402 25.32-25.465C46.359 11.4 35.025 0 21.039 0 12.27 0 4.545 4.483 0 11.296l7.017 1.237 1.931 14.78c.007-.024.14-.009.14-.009l2.118-14.036 7.022 1.229V37.28l-4.432.776v-9.79s.164-4.217.067-4.938c0 0-.193.005-.196-.011l-2.644 15.236-4.403.777-3.236-16.412-.195-.014c-.069.594.237 5.744.237 5.744v11.243L.532 40.4c4.603 6.38 12.072 10.53 20.506 10.53v.001z" fill="#FFF" fill-rule="nonzero"/></svg> </a> <div class="mta-header-nav mta-hidden sm:mta-flex"> <a href="/schedules" data-header="0" class="mta-flex mta-items-center mta-block mta-px-150 mta-text-grey-000 hover:mta-text-grey-000 hover:mta-bg-primary-300" data-drupal-link-system-path="node/16">Schedules</a> <a href="/maps" data-header="0" class="mta-flex mta-items-center mta-block mta-px-150 mta-text-grey-000 hover:mta-text-grey-000 hover:mta-bg-primary-300 is-active" data-drupal-link-system-path="node/66" aria-current="page">Maps</a> <a href="/fares-tolls" data-header="0" class="mta-flex mta-items-center mta-block mta-px-150 mta-text-grey-000 hover:mta-text-grey-000 hover:mta-bg-primary-300" data-drupal-link-system-path="node/36461">Fares & Tolls</a> <a href="/alerts" data-header="0" class="mta-flex mta-items-center mta-block mta-px-150 mta-text-grey-000 hover:mta-text-grey-000 hover:mta-bg-primary-300" data-drupal-link-system-path="node/14236">Planned Work</a> </div> </div> <script nonce=""> (function() { // Create a script element const appScript = document.createElement('script'); appScript.type = 'module'; appScript.src = 'https://consist.mta.info/search-icon/index.js'; // Once the script has loaded, add the custom element to the page appScript.onload = function() { const customElement = document.createElement(`search-icon`); document.getElementById('component-44845715').appendChild(customElement); customElement.addEventListener("click", function(e) { let elemMain = document.getElementById('main'); if(elemMain !== null) { if (elemMain.classList.contains('mta-search-spacing')) { let elements = document.getElementsByClassName('search-mobile-button'); let firstMobile = elements[0]; if(firstMobile.classList.contains('mta-search-black')) { elemMain.classList.remove("mta-search-spacing"); } } else { elemMain.classList.add("mta-search-spacing"); } } // For the home page. let elemPost = document.getElementsByClassName('region-post-header'); if(elemPost[0] !== null) { if (elemPost[0].classList.contains('mta-search-spacing')) { let elements = document.getElementsByClassName('search-mobile-button'); let firstMobile = elements[0]; if(firstMobile.classList.contains('mta-search-black')) { elemPost[0].classList.remove("mta-search-spacing"); } } else { elemPost[0].classList.add("mta-search-spacing"); } } }, false); }; // Append the script to the document head document.head.appendChild(appScript); // Create a link element for the CSS file const cssLink = document.createElement('link'); cssLink.rel = 'stylesheet'; cssLink.href = 'https://consist.mta.info/search-icon/assets/index.css'; // Append the link element to the document head document.head.appendChild(cssLink); })(); </script> <div class="mta-search-link" id="component-44845715"></div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/menu/menu--header-menu.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block--system-menu-block--header-menu.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/regions/region--header.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--post-header.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="region region-post-header"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--views-block--alert-block-block-1.html.twig ▪️ block--views-block.html.twig ▪️ block--views.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block.html.twig' --> <section data-block-plugin-id="views-blockalert-block-block-1" class="views-element-container block block-views block-views-blockalert-block-block-1 clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/container.html.twig' --> <div class="form-group"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/views/views-view.html.twig' --> <div class="view view-alert-block view-id-alert_block view-display-id-block_1 js-view-dom-id-15a6f89ef61380dd2639a06435e39cba5e27263c29173ea8845127eb8174221d"> </div> <script> var selectedFacetsBuilding = false; function docReady(fn) { if (document.readyState === "complete" || document.readyState === "interactive") { setTimeout(fn, 1); } else { document.addEventListener("DOMContentLoaded", fn); } } function toggleFacet(ev) { var container = ev.target.parentNode; var trigger = ev.target; var content = container.querySelector("[class^='facets-widget-']"); var toOpen = content.classList.contains('hidden'); var openEls = document.querySelectorAll('.is-active'); for (var counter = 0; counter < openEls.length; counter++) { var openTrigger = openEls[counter]; var openContent = openTrigger.parentNode.querySelector("[class^='facets-widget-']"); openTrigger.classList.remove('is-active'); openContent.classList.add('hidden'); } if (toOpen) { content.classList.remove('hidden'); trigger.classList.add('is-active'); } else { content.classList.add('hidden'); trigger.classList.remove('is-active'); } } function applyIcon(target) { var icon = document.createElement('span'); icon.className = 'mta-icon icon icon-chevron-down mta-pointer-events-none'; target.appendChild(icon); } function exposeSelected(container) { if (selectedFacetsBuilding) { return; } var selectedFacetContainer = document.getElementById('facetsSelectedContainer_index'); function addLinkToSelected(input, container) { var source = input.parentNode.querySelector('a'); var section = input.closest('section'); var type = section.querySelector('h3'); var link = document.createElement('a'); link.href = source.href; link.innerHTML = "<span class='mta-icon icon icon-X mta-mr-100'></span> " + type.innerText + ": " + source.innerText.replace('(-)', '').trim(); link.className = "mta-flex mta-items-center mta-mr-200 mta-text-grey-1200"; container.appendChild(link); } var checkboxes = document.querySelectorAll('.facets-checkbox:checked'); if (checkboxes.length > 0) { selectedFacetContainer.classList.remove('hidden'); for (var i = 0; i < checkboxes.length; i++) { addLinkToSelected(checkboxes[i], selectedFacetContainer); } } selectedFacetsBuilding = true; } docReady(function() { var facets = document.querySelectorAll('.block-facets'); var facetForm = document.querySelector('.views-exposed-form'); var facetContainer = document.getElementById('exposed-facets'); var datePickers = document.querySelectorAll('.form-item-field-article-date, .form-item-field-article-date-1'); var publishedFacet = document.querySelectorAll('.block-facets--published'); if (facetForm) { facetForm.appendChild(facetContainer); } if (datePickers.length > 0) { if (publishedFacet.length < 1) { var publishedSection = document.createElement('section'); var publishedHeader = document.createElement('h3'); var publishedContainer = document.createElement('div'); publishedSection.appendChild(publishedHeader); publishedSection.className = 'block block-facets block-facets--published'; publishedContainer.className = 'facets-widget-checkbox hidden'; for (var counter = 0; counter < datePickers.length; counter++) { publishedContainer.appendChild(datePickers[counter]); } publishedSection.appendChild(publishedContainer); publishedHeader.innerHTML = "Published"; facetContainer.classList.remove('mta-hidden'); facetContainer.appendChild(publishedSection); // Add event to trigger header publishedHeader.addEventListener('click', toggleFacet); applyIcon(publishedHeader); } } if (facets.length > 0) { var headers = document.querySelectorAll("#exposed-facets .block-title"); var header, content; facetContainer.classList.remove('mta-hidden'); // Move all the facets to the container for (var counter = 0; counter < facets.length; counter++) { // Move facet block facetContainer.appendChild(facets[counter]); // Get the facet header header = facets[counter].querySelector('.block-title'); if (header) { // Add event to trigger header header.addEventListener('click', toggleFacet); } // Get the content block content = facets[counter].querySelector("[class^='facets-widget-']"); if (content) { // Hide the content block content.classList.add('hidden'); } } for (var i = 0; i < headers.length; i++) { applyIcon(headers[i]); } setTimeout(exposeSelected, 300); } }); </script> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/views/views-view.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/container.html.twig' --> </section> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--emergency-block.html.twig ▪️ block--mta-info.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block.html.twig' --> <section data-block-plugin-id="emergency-block" class="block block-mta-info block-emergency-block clearfix"> </section> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--ie-block.html.twig ▪️ block--mta-ie.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block--ie-block.html.twig' --> <section id="ie-detected"> <div class="mta-bg-alert-emergency"> <div class="mta-flex mta-p-200"> <div class="mta-w-75 mta-flex mta-flex-col md:mta-flex-row"> <div class="mta-mr-500 mta-max-w-25 mta-mb-050"> We have detected you are using an out-of-date browser. We no longer support this browser, so parts of the site might not work as you expect them to. We recommend updating your browser to the latest version. </div> </div> </div> </div> </section> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block--ie-block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> </section> <div role="main" class="main-container container js-quickedit-main-content" id="main"> <div class="row"> <section class="col-sm-12"> <div class="highlighted"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--highlighted.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="region region-highlighted"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--system-messages-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--system-breadcrumb-block.html.twig ✅ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'breadcrumb' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/system/breadcrumb.html.twig' --> <ol class="mta-breadcrumb mta-flex mta-items-center mta-mx-000 mta-px-000 mta-mt-200 mta-mb-500" aria-label="Breadcrumb"> <li class="mta-flex mta-items-center mta-mr-085"> <a class="mta-breadcrumb-link mta-flex mta-items-center mta-mr-085" href="/"> <span class="icon-home mta-text-3xl" aria-label="Home"></span> <span class="sr-only" aria-label="Link for Home">Home</span> </a> <span class="icon icon-chevron-right"></span> </li> <li class="mta-flex mta-items-center mta-mr-085"> <span class="text">Maps</span> </li> </ol> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/system/breadcrumb.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> </div> <div class="highlighted-tabs"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--highlighted-tabs.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> </div> <a id="main-content"></a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="region region-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ✅ block--page-title-block.html.twig ▪️ block--core.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block--page-title-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page_title' --> <!-- FILE NAME SUGGESTIONS: ▪️ page-title--node-landing-page.html.twig ▪️ page-title--node.html.twig ✅ page-title.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/system/page-title.html.twig' --> <div class="mta-mb-500 mta-page-title"> <h1 class="mta-text-6xl sm:mta-text-8xl mta-my-400 mta-leading-500 mta-font-bold "> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--full.html.twig ▪️ field--title--landing-page--mode--full.html.twig ▪️ field--title--mode--full.html.twig ▪️ field--node--title--landing-page.html.twig ✅ field--node--title.html.twig ▪️ field--node--landing-page.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="maps"> Maps </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </h1> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/system/page-title.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block--page-title-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--system-main-block.html.twig ✅ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--66--full.html.twig ▪️ node--66.html.twig ▪️ node--landing-page--full.html.twig ✅ node--landing-page.html.twig ▪️ node--full.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--landing-page.html.twig' --> <article data-history-node-id="66" about="/maps"> <div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-blocks--type--node--mode--full.html.twig ▪️ field--field-blocks--landing-page--mode--full.html.twig ▪️ field--field-blocks--mode--full.html.twig ▪️ field--node--field-blocks--landing-page.html.twig ▪️ field--node--field-blocks.html.twig ▪️ field--node--landing-page.html.twig ▪️ field--field-blocks.html.twig ▪️ field--entity-reference-revisions.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div class="field field--name-field-blocks field--type-entity-reference-revisions field--label-hidden field--items"> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--grid-of-maps--default.html.twig ✅ paragraph--grid-of-maps.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/paragraphs/paragraph--grid-of-maps.html.twig' --> <div class="mta-mb-500"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-title--type--paragraph--mode--default.html.twig ▪️ field--field-title--grid-of-maps--mode--default.html.twig ▪️ field--field-title--mode--default.html.twig ▪️ field--component--field-title.html.twig ▪️ field--paragraph--field-title--grid-of-maps.html.twig ✅ field--paragraph--field-title.html.twig ▪️ field--paragraph--grid-of-maps.html.twig ▪️ field--field-title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-title.html.twig' --> <h2 class="mta-text-4xl mta-mb-200 mta-leading-500" id="new-subway-diagrams"> New subway diagrams </h2> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map--type--paragraph--mode--default.html.twig ▪️ field--field-map--grid-of-maps--mode--default.html.twig ▪️ field--field-map--mode--default.html.twig ▪️ field--component--field-map.html.twig ▪️ field--paragraph--field-map--grid-of-maps.html.twig ✅ field--paragraph--field-map.html.twig ▪️ field--paragraph--grid-of-maps.html.twig ▪️ field--field-map.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-map.html.twig' --> <div class="mta-flex mta-flex-wrap sm:mta--mx-100"> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--5256--card.html.twig ▪️ node--5256.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/5256" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2025-04/Screenshot%202025-04-02%20at%209.18.14%E2%80%AFAM.png?VersionId=XZ4RwbJbkGpyik_kGBT2LQR4LelFv1Pz&itok=mvUO5uIO')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="subway-diagram"> Subway diagram </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="the-new-york-city-subway-diagram-this-map-shows-typical-weekday-service" class="field field--name-field-map-description field--type-string field--label-hidden field--item">The New York City Subway diagram. This map shows typical weekday service.</div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--5336--card.html.twig ▪️ node--5336.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/5336" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2025-04/Screenshot%202025-04-02%20at%209.20.29%E2%80%AFAM.png?VersionId=ImWVmEcJPqJoSYvf.I8Tb7WCUB88KQlZ&itok=zZEHKKjc')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="late-night-subway-diagram"> Late night subway diagram </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="a-view-of-how-the-subway-system-runs-overnight" class="field field--name-field-map-description field--type-string field--label-hidden field--item">A view of how the subway system runs overnight.</div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--9471--card.html.twig ▪️ node--9471.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/9471" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2024-04/Screenshot%202024-04-03%20at%209.32.01%E2%80%AFAM.png?itok=h5rbn_6I')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="winter-underground-only-subway-diagram"> Winter underground-only subway diagram </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="what-service-looks-like-when-above-ground-stations-are-closed" class="field field--name-field-map-description field--type-string field--label-hidden field--item">What service looks like when above-ground stations are closed.</div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-map.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/paragraphs/paragraph--grid-of-maps.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--grid-of-maps--default.html.twig ✅ paragraph--grid-of-maps.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/paragraphs/paragraph--grid-of-maps.html.twig' --> <div class="mta-mb-500"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-title--type--paragraph--mode--default.html.twig ▪️ field--field-title--grid-of-maps--mode--default.html.twig ▪️ field--field-title--mode--default.html.twig ▪️ field--component--field-title.html.twig ▪️ field--paragraph--field-title--grid-of-maps.html.twig ✅ field--paragraph--field-title.html.twig ▪️ field--paragraph--grid-of-maps.html.twig ▪️ field--field-title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-title.html.twig' --> <h2 class="mta-text-4xl mta-mb-200 mta-leading-500" id="geographic-subway-maps"> Geographic subway maps </h2> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map--type--paragraph--mode--default.html.twig ▪️ field--field-map--grid-of-maps--mode--default.html.twig ▪️ field--field-map--mode--default.html.twig ▪️ field--component--field-map.html.twig ▪️ field--paragraph--field-map--grid-of-maps.html.twig ✅ field--paragraph--field-map.html.twig ▪️ field--paragraph--grid-of-maps.html.twig ▪️ field--field-map.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-map.html.twig' --> <div class="mta-flex mta-flex-wrap sm:mta--mx-100"> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--36946--card.html.twig ▪️ node--36946.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/36946" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2025-04/Screenshot%202025-04-02%20at%201.50.01%E2%80%AFPM.png?VersionId=MU9RzP.3_LKrQlRSW2akXbiHa_m3uTMW&itok=rrkqEzZU')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="geographic-subway-map"> Geographic subway map </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="the-geographic-new-york-city-subway-map-this-map-shows-typical-weekday-service" class="field field--name-field-map-description field--type-string field--label-hidden field--item">The geographic New York City subway map. This map shows typical weekday service.</div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--36951--card.html.twig ▪️ node--36951.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/36951" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2025-04/Screenshot%202025-04-02%20at%201.50.35%E2%80%AFPM.png?VersionId=RgSUanxYgA7sajCaOYQe6_njxtbBXTVz&itok=R06iEjV6')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="geographic-late-night-subway-map"> Geographic late night subway map </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="the-geographic-subway-map-showing-how-the-system-runs-overnight" class="field field--name-field-map-description field--type-string field--label-hidden field--item">The geographic subway map showing how the system runs overnight.</div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--5346--card.html.twig ▪️ node--5346.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/5346" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2025-04/Screenshot%202025-04-02%20at%201.57.05%E2%80%AFPM.png?VersionId=57yqRMjjs_u6EYFU5nWKub1Z20Ez5vFl&itok=0a1-HqXU')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="geographic-accessible-stations-subway-map"> Geographic accessible stations subway map </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="the-geographic-subway-map-with-accessible-stations-highlighted" class="field field--name-field-map-description field--type-string field--label-hidden field--item">The geographic subway map with accessible stations highlighted.</div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--5341--card.html.twig ▪️ node--5341.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/5341" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2025-04/Screenshot%202025-04-02%20at%202.00.11%E2%80%AFPM.png?VersionId=cbnEs.B.XCVQDj.Sm05nkUzyHV372OOd&itok=6UOqX-vh')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="geographic-large-type-subway-map"> Geographic large type subway map </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="the-geographic-subway-map-with-larger-labels-and-station-names" class="field field--name-field-map-description field--type-string field--label-hidden field--item">The geographic subway map with larger labels and station names. </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-map.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/paragraphs/paragraph--grid-of-maps.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--link-group--default.html.twig ▪️ paragraph--link-group.html.twig ▪️ paragraph--default.html.twig ✅ paragraph.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> <div class="paragraph paragraph--type--link-group paragraph--view-mode--default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-group-name--type--paragraph--mode--default.html.twig ▪️ field--field-group-name--link-group--mode--default.html.twig ▪️ field--field-group-name--mode--default.html.twig ▪️ field--component--field-group-name.html.twig ✅ field--paragraph--field-group-name--link-group.html.twig ▪️ field--paragraph--field-group-name.html.twig ▪️ field--paragraph--link-group.html.twig ▪️ field--field-group-name.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-group-name--link-group.html.twig' --> <h2 class="mta-text-4xl mta-mb-200 mta-leading-500" > Other subway maps </h2> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-group-name--link-group.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-link-group-links--type--paragraph--mode--default.html.twig ▪️ field--field-link-group-links--link-group--mode--default.html.twig ▪️ field--field-link-group-links--mode--default.html.twig ▪️ field--component--field-link-group-links.html.twig ▪️ field--paragraph--field-link-group-links--link-group.html.twig ✅ field--paragraph--field-link-group-links.html.twig ▪️ field--paragraph--link-group.html.twig ▪️ field--field-link-group-links.html.twig ▪️ field--entity-reference-revisions.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-link-group-links.html.twig' --> <div class="field field--name-field-link-group-links field--type-entity-reference-revisions field--label-hidden"> <div class="field__items"> <div class="field--item"> <a href="/maps/neighborhood-maps" role=button> <div class="image-link-button"> <div class="text-box"> <div class="link-title">Neighborhood maps</div> <span class="icon icon-normal"></span> </div> </div> </a> </div> <div class="field--item"> <a href="/maps/subway-line-maps" role=button> <div class="image-link-button"> <div class="text-box"> <div class="link-title">Text maps for individual lines</div> <span class="icon icon-normal"></span> </div> </div> </a> </div> <div class="field--item"> <a href="/document/12331" target="_blank" role=button> <div class="image-link-button"> <div class="text-box"> <div class="link-title">Service guide</div> <span class="icon icon-downloadable"></span> </div> </div> </a> </div> <div class="field--item"> <a href="/document/21741" target="_blank" role=button> <div class="image-link-button"> <div class="text-box"> <div class="link-title">Group station manager map</div> <span class="icon icon-downloadable"></span> </div> </div> </a> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-link-group-links.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--grid-of-maps--default.html.twig ✅ paragraph--grid-of-maps.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/paragraphs/paragraph--grid-of-maps.html.twig' --> <div class="mta-mb-500"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-title--type--paragraph--mode--default.html.twig ▪️ field--field-title--grid-of-maps--mode--default.html.twig ▪️ field--field-title--mode--default.html.twig ▪️ field--component--field-title.html.twig ▪️ field--paragraph--field-title--grid-of-maps.html.twig ✅ field--paragraph--field-title.html.twig ▪️ field--paragraph--grid-of-maps.html.twig ▪️ field--field-title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-title.html.twig' --> <h2 class="mta-text-4xl mta-mb-200 mta-leading-500" id="new-york-city-bus-maps"> New York City bus maps </h2> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map--type--paragraph--mode--default.html.twig ▪️ field--field-map--grid-of-maps--mode--default.html.twig ▪️ field--field-map--mode--default.html.twig ▪️ field--component--field-map.html.twig ▪️ field--paragraph--field-map--grid-of-maps.html.twig ✅ field--paragraph--field-map.html.twig ▪️ field--paragraph--grid-of-maps.html.twig ▪️ field--field-map.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-map.html.twig' --> <div class="mta-flex mta-flex-wrap sm:mta--mx-100"> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--5366--card.html.twig ▪️ node--5366.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/5366" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2019-11/bronxbusthumbail.JPG?itok=xHb0pAzY')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="bronx-bus-map"> Bronx Bus Map </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="a-map-of-the-bronx-bus-routes" class="field field--name-field-map-description field--type-string field--label-hidden field--item"> A map of the Bronx bus routes. </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--5261--card.html.twig ▪️ node--5261.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/5261" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2019-11/bkmapthumbnail.JPG?itok=BEnMju5K')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="brooklyn-bus-map"> Brooklyn Bus Map </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="a-map-of-the-brooklyn-bus-routes" class="field field--name-field-map-description field--type-string field--label-hidden field--item">A map of the Brooklyn bus routes.</div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--5391--card.html.twig ▪️ node--5391.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/5391" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2019-11/manhattanbusthumbnail.JPG?itok=5fanpxHC')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="manhattan-bus-map"> Manhattan Bus Map </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="the-regular-service-manhattan-bus-map" class="field field--name-field-map-description field--type-string field--label-hidden field--item">The regular service Manhattan bus map. </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--5371--card.html.twig ▪️ node--5371.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/5371" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2019-11/queensbusthumbnail.JPG?itok=crSrLBVc')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="queens-bus-map"> Queens Bus Map </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="a-map-of-the-queens-bus-routes" class="field field--name-field-map-description field--type-string field--label-hidden field--item">A map of the Queens bus routes. </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--5376--card.html.twig ▪️ node--5376.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/5376" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2019-11/sibusthumbnail.JPG?itok=mewSKxEL')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="staten-island-bus-map"> Staten Island Bus Map </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="a-map-of-the-staten-island-bus-routes" class="field field--name-field-map-description field--type-string field--label-hidden field--item">A map of the Staten Island bus routes. </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--5381--card.html.twig ▪️ node--5381.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/5381" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2019-11/SIMthumbnail.JPG?itok=viqDNuW2')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="staten-island-express-bus-map"> Staten Island Express Bus Map </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="only-express-bus-routes" class="field field--name-field-map-description field--type-string field--label-hidden field--item">Only express bus routes.</div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-map.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/paragraphs/paragraph--grid-of-maps.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--link-group--default.html.twig ▪️ paragraph--link-group.html.twig ▪️ paragraph--default.html.twig ✅ paragraph.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> <div class="paragraph paragraph--type--link-group paragraph--view-mode--default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-group-name--type--paragraph--mode--default.html.twig ▪️ field--field-group-name--link-group--mode--default.html.twig ▪️ field--field-group-name--mode--default.html.twig ▪️ field--component--field-group-name.html.twig ✅ field--paragraph--field-group-name--link-group.html.twig ▪️ field--paragraph--field-group-name.html.twig ▪️ field--paragraph--link-group.html.twig ▪️ field--field-group-name.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-group-name--link-group.html.twig' --> <h2 class="mta-text-4xl mta-mb-200 mta-leading-500" > Borough bus service guides </h2> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-group-name--link-group.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-link-group-links--type--paragraph--mode--default.html.twig ▪️ field--field-link-group-links--link-group--mode--default.html.twig ▪️ field--field-link-group-links--mode--default.html.twig ▪️ field--component--field-link-group-links.html.twig ▪️ field--paragraph--field-link-group-links--link-group.html.twig ✅ field--paragraph--field-link-group-links.html.twig ▪️ field--paragraph--link-group.html.twig ▪️ field--field-link-group-links.html.twig ▪️ field--entity-reference-revisions.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-link-group-links.html.twig' --> <div class="field field--name-field-link-group-links field--type-entity-reference-revisions field--label-hidden"> <div class="field__items"> <div class="field--item"> <a href="/document/4596" target="_blank" role=button> <div class="image-link-button"> <div class="text-box"> <div class="link-title">Bronx Bus Service Guide</div> <span class="icon icon-downloadable"></span> </div> </div> </a> </div> <div class="field--item"> <a href="/document/4146" target="_blank" role=button> <div class="image-link-button"> <div class="text-box"> <div class="link-title">Brooklyn Bus Service Guide</div> <span class="icon icon-downloadable"></span> </div> </div> </a> </div> <div class="field--item"> <a href="/document/8331" target="_blank" role=button> <div class="image-link-button"> <div class="text-box"> <div class="link-title">Manhattan Bus Service Guide</div> <span class="icon icon-downloadable"></span> </div> </div> </a> </div> <div class="field--item"> <a href="/document/4736" target="_blank" role=button> <div class="image-link-button"> <div class="text-box"> <div class="link-title">Queens Bus Service Guide</div> <span class="icon icon-downloadable"></span> </div> </div> </a> </div> <div class="field--item"> <a href="/document/4131" target="_blank" role=button> <div class="image-link-button"> <div class="text-box"> <div class="link-title">Staten Island Bus Service Guide</div> <span class="icon icon-downloadable"></span> </div> </div> </a> </div> <div class="field--item"> <a href="/document/4136" target="_blank" role=button> <div class="image-link-button"> <div class="text-box"> <div class="link-title">Staten Island Express Bus Service Guide</div> <span class="icon icon-downloadable"></span> </div> </div> </a> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-link-group-links.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--grid-of-maps--default.html.twig ✅ paragraph--grid-of-maps.html.twig ▪️ paragraph--default.html.twig ▪️ paragraph.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/paragraphs/paragraph--grid-of-maps.html.twig' --> <div class="mta-mb-500"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-title--type--paragraph--mode--default.html.twig ▪️ field--field-title--grid-of-maps--mode--default.html.twig ▪️ field--field-title--mode--default.html.twig ▪️ field--component--field-title.html.twig ▪️ field--paragraph--field-title--grid-of-maps.html.twig ✅ field--paragraph--field-title.html.twig ▪️ field--paragraph--grid-of-maps.html.twig ▪️ field--field-title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-title.html.twig' --> <h2 class="mta-text-4xl mta-mb-200 mta-leading-500" id="railroad-maps"> Railroad maps </h2> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map--type--paragraph--mode--default.html.twig ▪️ field--field-map--grid-of-maps--mode--default.html.twig ▪️ field--field-map--mode--default.html.twig ▪️ field--component--field-map.html.twig ▪️ field--paragraph--field-map--grid-of-maps.html.twig ✅ field--paragraph--field-map.html.twig ▪️ field--paragraph--grid-of-maps.html.twig ▪️ field--field-map.html.twig ▪️ field--entity-reference.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-map.html.twig' --> <div class="mta-flex mta-flex-wrap sm:mta--mx-100"> <div class="mta-w-full mta-flex sm:mta-w-50 lg:mta-w-33 mta-px-400 sm:mta-px-100 mta-mb-200"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'node' --> <!-- FILE NAME SUGGESTIONS: ▪️ node--22461--card.html.twig ▪️ node--22461.html.twig ▪️ node--map--card.html.twig ✅ node--map.html.twig ▪️ node--card.html.twig ▪️ node.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> <div class="mta-flex mta-flex-col mta-flex-grow mta-border-b-4 mta-border-primary-300"> <a href="/map/22461" class="mta-card mta-flex mta-flex-grow mta-flex-col"> <span style="background-image: url('https://files.mta.info/s3fs-public/styles/width_600/public/2023-01/system-map-thumb.png?itok=jTcYm7lz')" class="mta-flex mta-h-1800 mta-bg-card mta-bg-cover bg-no-repeat"></span> <span class="mta-flex mta-flex-grow mta-p-150 mta-pb-250 mta-text-3xl mta-min-h-1200"> <span class="mta-card-content mta-relative mta-block mta-w-full"> <span class="mta-card-title mta-font-bold"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--title--type--node--mode--card.html.twig ▪️ field--title--map--mode--card.html.twig ▪️ field--title--mode--card.html.twig ▪️ field--node--title--map.html.twig ✅ field--node--title.html.twig ▪️ field--node--map.html.twig ▪️ field--title.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> <span id="mta-railroads-map"> MTA Railroads map </span> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field--node--title.html.twig' --> </span> <span class="mta-card-title mta-block mta-text-2xl mta-leading-600 mta-mt-100"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-map-description--type--node--mode--card.html.twig ▪️ field--field-map-description--map--mode--card.html.twig ▪️ field--field-map-description--mode--card.html.twig ▪️ field--node--field-map-description--map.html.twig ▪️ field--node--field-map-description.html.twig ▪️ field--node--map.html.twig ▪️ field--field-map-description.html.twig ▪️ field--string.html.twig ✅ field.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> <div id="a-map-of-the-long-island-rail-road-and-metro-north-railroad-networks" class="field field--name-field-map-description field--type-string field--label-hidden field--item">A map of the Long Island Rail Road and Metro-North Railroad networks.</div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </span> </span> </span> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--map.html.twig' --> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-map.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/paragraphs/paragraph--grid-of-maps.html.twig' --> </div> <div class="field--item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'paragraph' --> <!-- FILE NAME SUGGESTIONS: ▪️ paragraph--link-group--default.html.twig ▪️ paragraph--link-group.html.twig ▪️ paragraph--default.html.twig ✅ paragraph.html.twig --> <!-- BEGIN OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> <div class="paragraph paragraph--type--link-group paragraph--view-mode--default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-group-name--type--paragraph--mode--default.html.twig ▪️ field--field-group-name--link-group--mode--default.html.twig ▪️ field--field-group-name--mode--default.html.twig ▪️ field--component--field-group-name.html.twig ✅ field--paragraph--field-group-name--link-group.html.twig ▪️ field--paragraph--field-group-name.html.twig ▪️ field--paragraph--link-group.html.twig ▪️ field--field-group-name.html.twig ▪️ field--string.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-group-name--link-group.html.twig' --> <h2 class="mta-text-4xl mta-mb-200 mta-leading-500" > Other railroad maps </h2> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-group-name--link-group.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: ▪️ field--field-link-group-links--type--paragraph--mode--default.html.twig ▪️ field--field-link-group-links--link-group--mode--default.html.twig ▪️ field--field-link-group-links--mode--default.html.twig ▪️ field--component--field-link-group-links.html.twig ▪️ field--paragraph--field-link-group-links--link-group.html.twig ✅ field--paragraph--field-link-group-links.html.twig ▪️ field--paragraph--link-group.html.twig ▪️ field--field-link-group-links.html.twig ▪️ field--entity-reference-revisions.html.twig ▪️ field.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-link-group-links.html.twig' --> <div class="field field--name-field-link-group-links field--type-entity-reference-revisions field--label-hidden"> <div class="field__items"> <div class="field--item"> <a href="/maps/railroad-line-maps" role=button> <div class="image-link-button"> <div class="text-box"> <div class="link-title">Text maps for MTA railroads</div> <span class="icon icon-normal"></span> </div> </div> </a> </div> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/field/field--paragraph--field-link-group-links.html.twig' --> </div> <!-- END OUTPUT from 'modules/contrib/paragraphs/templates/paragraph.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/field/field.html.twig' --> </div> </article> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/node/node--landing-page.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/block/block--system.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> </section> <section class="col-sm-12 content-bottom" role="complementary"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content-bottom.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> </section> </div> </div> <footer class="footer container-fluid" role="contentinfo"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--footer.html.twig ✅ region.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> <div class="region region-footer"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--footer-block.html.twig ▪️ block--mta-info.html.twig ✅ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block.html.twig' --> <section data-block-plugin-id="footer-block" class="block block-mta-info block-footer-block clearfix"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'footer_block' --> <!-- BEGIN OUTPUT from 'profiles/custom/mta_info/templates/footer-menu.html.twig' --> <div class="menu-container menu-container-1"> <h3 class="menu-title"> <a class="link-title link" href="">THE MTA</a> </h4> <ul class="menu nav"> <li class="menu-item link"> <a href="/about" class="" > About the MTA </a> </li> <li class="menu-item link"> <a href="/contact-us" class="" > Contact Us </a> </li> <li class="menu-item link"> <a href="/careers" class="" > Careers </a> </li> <li class="menu-item link"> <a href="/transparency" class="" > Transparency </a> </li> </ul> </div> <div class="menu-container menu-container-2"> <h3 class="menu-title"> <a class="link-title link" href="/">INFORMATION</a> </h4> <ul class="menu nav"> <li class="menu-item link"> <a href="/doing-business-with-us" class="" > Doing Business With Us </a> </li> <li class="menu-item link"> <a href="/press-release" class="" > Press Releases </a> </li> <li class="menu-item link"> <a href="/agency/arts-design" class="" > Arts & Design </a> </li> <li class="menu-item link"> <a href="https://www.nytransitmuseum.org/" class="" > NY Transit Museum & Shop </a> </li> </ul> </div> <div class="menu-container menu-container-3"> <h3 class="menu-title"> <a class="link-title link" href="">Other</a> </h4> <ul class="menu nav"> <li class="menu-item link"> <a href="/terms-and-conditions" class="" > Terms & Conditions </a> </li> <li class="menu-item link"> <a href="/privacy-policy" class="" > Privacy Policy </a> </li> <li class="menu-item social-network"> <a href="https://www.facebook.com/mta/" target="_blank" class="" aria-label="Facebook Social Network Link"> <span class="mta-icon-facebook"></span> </a> <a href="https://twitter.com/MTA" target="_blank" class="" aria-label="Twitter Social Network Link"> <span class="mta-icon-twitter"></span> </a> <a href=" https://www.youtube.com/user/mtainfo" target="_blank" class="" aria-label="Youtube Social Network Link"> <span class="mta-icon-youtube"></span> </a> <a href="https://www.instagram.com/mta/" target="_blank" class="" aria-label="Instagram Social Network Link"> <span class="mta-icon-instagram"></span> </a> </li> </ul> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'gtranslate' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/gtranslate.html.twig' --> <div class="gtranslate"> <div class="wrapper-select"> <div class="gtranslate_wrapper"></div><script>window.gtranslateSettings = {"switcher_horizontal_position":"inline","switcher_vertical_position":"inline","horizontal_position":"inline","vertical_position":"inline","float_switcher_open_direction":"left","switcher_open_direction":"bottom","default_language":"en","native_language_names":1,"detect_browser_language":0,"add_new_line":1,"select_language_label":"Select Language","flag_size":32,"flag_style":"2d","globe_size":60,"alt_flags":[],"wrapper_selector":".gtranslate_wrapper","url_structure":"none","custom_domains":null,"languages":["en","ar","bg","zh-CN","zh-TW","hr","cs","da","nl","fi","fr","de","el","hi","it","ja","ko","no","pl","pt","ro","ru","es","sv","ca","tl","iw","id","lv","lt","sr","sk","sl","uk","vi","sq","et","gl","hu","mt","th","tr","fa","af","ms","sw","ga","cy","be","is","mk","yi","hy","az","eu","ka","ht","ur","bn","bs","ceb","gu","ha","hmn","ig","jw","kn","km","lo","la","mi","mr","mn","ne","pa","so","ta","te","yo","zu","my","ny","kk","mg","ml","si","st","su","tg","uz","am","co","haw","ku","ky","lb","ps","sm","gd","sn","sd","fy","xh"],"custom_css":""};</script><script>(function(){var js = document.createElement('script');js.setAttribute('src', 'https://cdn.gtranslate.net/widgets/latest/dropdown.js');js.setAttribute('data-gt-orig-url', '/maps');js.setAttribute('data-gt-orig-domain', 'www.mta.info');document.body.appendChild(js);})();</script> <i class="fa fa-sort" aria-hidden="true"></i> </div> <div class="gtranslate-legend"> <h2 class="legend-one">Powered by</h2> <span class="gtranslate-logo"> <img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" alt="Google Translate"> </span> <p class="legend-two">Translate</p> </div> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/gtranslate.html.twig' --> <!-- END OUTPUT from 'profiles/custom/mta_info/templates/footer-menu.html.twig' --> </section> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/block/block.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/bootstrap/templates/system/region.html.twig' --> </footer> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/system/page.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/66","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"google_analytics":{"account":"G-RBMJZ3P3MQ","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"bootstrap":{"forms_has_error_value_toggle":1,"modal_animation":1,"modal_backdrop":"true","modal_focus_input":1,"modal_keyboard":1,"modal_select_text":1,"modal_show":1,"modal_size":"","popover_enabled":1,"popover_animation":1,"popover_auto_close":1,"popover_container":"body","popover_content":"","popover_delay":"0","popover_html":0,"popover_placement":"right","popover_selector":"","popover_title":"","popover_trigger":"click","tooltip_enabled":1,"tooltip_animation":1,"tooltip_container":"body","tooltip_delay":"0","tooltip_html":0,"tooltip_placement":"auto left","tooltip_selector":"","tooltip_trigger":"hover"},"csp":{"nonce":"bo0_0Ms062HhMppoFWbWrQ"},"user":{"uid":0,"permissionsHash":"aa2749f39d2bb12d87137c2d69cfd7a5e463ccc2bc3432d44d31fc13aef5e8dd"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script> <script src="/core/assets/vendor/underscore/underscore-min.js?v=1.13.6"></script> <script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script> <script src="/core/misc/drupalSettingsLoader.js?v=10.3.13"></script> <script src="/core/misc/drupal.js?v=10.3.13"></script> <script src="/core/misc/drupal.init.js?v=10.3.13"></script> <script src="/modules/contrib/google_analytics/js/google_analytics.js?v=10.3.13"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/affix.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/alert.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/button.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/carousel.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/collapse.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/dropdown.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/modal.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/tooltip.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/popover.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/scrollspy.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/tab.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/transition.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/bootstrap/assets/javascripts/bootstrap/confirmation.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/dialog-a11y-main.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/ssm.min.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/ssm.min.js.map?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/mask/dist/jquery.mask.min.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/external_site.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/bootstrap-accessibility.min.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/lazyload.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/breakpoints.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/plugin-timeentry.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/timeentry.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/Acc.DC.API.mta-customized.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/calendar-generator.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/calendar-bootstrap.js?stu8v1"></script> <script src="/themes/custom/bootstrap_mta/js/js-hacks.js?stu8v1"></script> <script src="/modules/custom/ckeditor5_mta_iframe/js/iframe.js?stu8v1"></script> <script src="/modules/custom/mta_accessibility/js/accessibility.js?stu8v1"></script> <script src="/themes/contrib/bootstrap/js/drupal.bootstrap.js?stu8v1"></script> <script src="/themes/contrib/bootstrap/js/attributes.js?stu8v1"></script> <script src="/themes/contrib/bootstrap/js/theme.js?stu8v1"></script> <script src="/themes/contrib/bootstrap/js/popover.js?stu8v1"></script> <script src="/themes/contrib/bootstrap/js/tooltip.js?stu8v1"></script> </body> </html> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/bootstrap_mta/templates/system/html.html.twig' -->