(() => {

var pln127a6502 = {};

pln127a6502.init = () => {
    pln127a6502.getSettings();
    pln127a6502.setCss();
    pln127a6502.setMenu();
    pln127a6502.setClicks();
}


pln127a6502.setMenu = () => {
    //initalize the planning global nav
    var globalnav = document.getElementById('pln127a6502');
    globalnav.outerHTML = `
    <div id="pln127a6502" class="pln127a6502-otr" style="display:flex;flex-direction:column;width:100%;background-color: white;font-family:Roboto;">
        <!-- Desktop Menu -->
        <div  class="pln127a6502-desktop">
            <div style="width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;flex-grow:1;">
                <div style="width:100%;max-width:1170px;position:relative;">
                    <div style="width:100%;display:flex;flex-direction:row;margin-top:10px;margin-bottom:10px;">
                        <div style="flex-grow:0;height:100%;height:100%;">
                            <div
                                style="display:flex;flex-direction:olumn;height:100%;align-items:start;justify-content: end;">
                                <img src="https://planning.lacity.gov/themes/custom/cpv3/images/ladcp-logo.svg">
                            </div>
                        </div>
                        <div style="flex-grow:1;">

                        </div>
                        <div style="flex-grow:0;">
                            <div style="display:flex;flex-direction:column;align-items:start;row-gap:25px;">
                                <div style="width:100%;display:flex;flex-direction:row;justify-content:end;">
                                    <i class="fa fa-search" style="font-size:32px;color:#777777"></i>
                                </div>
                                <div>
                                    <div id="google-lan">
                                        <div id="google_translate_element"></div>
                                    </div>
                                </div>
                                <div class="pln127a6502-level1"
                                    style="display:flex;flex-direction: row; justify-content:end;column-gap:30px;">
                                    <div pln127a6502m="1" style="text-align:center;cursor:pointer;">
                                        ABOUT
                                    </div>
                                    <div pln127a6502m="2" style="text-align:center;cursor:pointer;">
                                        ZONING 
                                    </div>
                                    <div pln127a6502m="3" style="text-align:center;cursor:pointer;">
                                        PROJECT<BR>REVIEW
                                    </div>
                                    <div pln127a6502m="4" style="text-align:center;cursor:pointer;">
                                        PLANS &<BR>POLICIES
                                    </div>
                                    <div pln127a6502m="5" style="text-align:center;cursor:pointer;">
                                        PRESERVATION &<BR>URBAN DESIGN
                                    </div>
                                    <div pln127a6502m="6" style="text-align:center;cursor:pointer;">
                                        RESOURCES
                                    </div>
                                    <div pln127a6502m="7" style="text-align:center;cursor:pointer;">
                                        CONTACT
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <!-- start sub-navs -->
                    <!-- ABOUT sub-menu -->
                    <div pln127a6502sm="1" class= "pln127a6502-sub" style="display:none;flex-direction:row;justify-content:space-evenly;">
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">DEPARTMENT</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/executive-office">Executive Office</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/organizational-chart">Organizational Chart</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">LAND USE PLANNING</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/local-decision-makers">Local Decision Makers</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/commissioners">Planning Commissions</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/commissions-boards-hearings">Commission, Hearings, and Board Meetings</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">NEWS AND MEDIA</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/publications">Publications</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/press-releases">Press Releases</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/videos">Videos</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">STAY CONNECTED</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/calendar">Events Calendar</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/email-sign-up">Email Sign-up</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/staff-directory">Staff Directory</a></div>
                        </div>
                    </div>
                    <!-- ZONING  sub-menu -->
                    <div pln127a6502sm="2" class= "pln127a6502-sub" style="display:none;flex-direction:row;justify-content:space-evenly;">
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">OVERVIEW</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/overview">Zoning Introduction</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/local-zoning-rules">Los Angeles Zoning Rules</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">CODE</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/existing-code">Original Code</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/new-code">New Code</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/code-amendments">Code Amendments</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">QUICK LINKS</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/zoning-search">Zoning Search</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/regulations-summary">Regulations Summary</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/code-enforcement">Code Enforcement</a></div>
                        </div>
                    </div>
                    <!-- PROJECT<BR>REVIEW sub-menu -->
                    <div pln127a6502sm="3" class= "pln127a6502-sub" style="display:none;flex-direction:row;justify-content:space-evenly;">
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">PROJECT REVIEW</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/planning-approvals">Planning Approvals</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/expedited-processing-section">Expedited Processing</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/universal-planning-review-service">Universal Review</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/public-hearings">Public Hearings</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/land-use-determinations">Land Use Determinations</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/processes-procedures">Processes &amp; Procedures</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/urban-design-project-review">Urban Design Project Review</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">COUNTER SERVICES</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/planning-services">Planning Services</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/appointments">Appointments</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/palisades-rebuild-recovery">Palisades Rebuild and Recovery</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/south-los-angeles-development-services-center">South LA DSC</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/application-forms">Forms</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/case-filings">Case Filing and Condition Clearances</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/design-review">Design Review</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/zoning-review">Zoning Review</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/fee-estimator">Fee Estimator</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">SPECIALIZED SERVICES</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/home-sharing">Home-Sharing</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/housing-crisis-act">Housing Crisis Act &amp; Resident Protections</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/redevelopment-plans">Redevelopment Plans</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/alcohol-sales">Alcohol Sales</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/map-processing">Map Processing</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/wireless-telecommunications">Wireless Telecommunications</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/universal-planning-review-service">Universal Review</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/senate-bill-9">Senate Bill 9</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/assembly-bill-2097">Assembly Bill 2097</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/executive-directive-1">Executive Directive 1</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/assembly-bill-2011">Assembly Bill 2011</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/senate-bill-684">SHRA/SB 684/1123</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/adaptive-reuse">Adaptive Reuse</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">ENVIRONMENTAL REVIEW</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/environmental-review">California Environmental Quality Act (CEQA)</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/environmental-review/published-documents">Published Documents</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/environmental-resources">Environmental Resources</a></div>
                        </div>
                    </div>
                    <!-- PLANS &<BR>POLICIES sub-menu -->
                    <div pln127a6502sm="4" class= "pln127a6502-sub" style="display:none;flex-direction:row;justify-content:space-evenly;">
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">GENERAL PLAN PROGRAM</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/general-plan-overview">General Plan Overview</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/housing-element-rezoning-program">Housing Element Rezoning Program</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/environmental-justice">Environmental Justice</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/environmental-justice#open-space">Open Space Element Update</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">COMMUNITY PLAN PROGRAM</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/community-plans">Community Plans</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/community-plan-updates">Community Plan Updates</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/overlays">Plan Overlays</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/casp-update">CASP Update</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">LAND USE REGULATIONS</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/proposed-land-use-regulations">Proposed Regulations</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/adopted-land-use-regulations">Adopted Regulations</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/home-sharing">Home-Sharing</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/oil-and-gas-drilling-ordinance">Oil and Gas Drilling Ordinance</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">POLICIES</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/initiatives-policies/missing-middle-la">Missing Middle LA</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/initiatives-policies/housing">Housing</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/senate-bill-sb-79">Senate Bill (SB) 79</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/outdoor-dining">Outdoor Dining</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/transit-oriented-communities-incentive-program">Transit Oriented Communities</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/citywide-housing-incentive-program">Citywide Housing Incentive Program</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/wildlife-pilot-study">Wildlife Ordinance</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/initiatives-policies/sustainability">Sustainability</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/initiatives-policies/mobility">Mobility</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/tnp">Transit Neighborhood Plans</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/initiatives-policies/additional-initiatives">Other Programs</a></div>
                        </div>
                    </div>
                    <!-- PRESERVATION &<BR>URBAN DESIGN sub-menu -->
                    <div pln127a6502sm="5" class= "pln127a6502-sub" style="display:none;flex-direction:row;justify-content:space-evenly;">
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">HISTORIC RESOURCES</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/program-overview">Program Overview</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/historic-resources-survey">Historic Resources Surveys</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/historic-resources/historic-themes">Historic Context Statement</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/historic-resources/incentives-resources">Incentives &amp; Resources</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/initiatives">Initiatives</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">HISTORIC LANDMARKS</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/historic-landmark-programs">Historic Landmark Programs</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/local-designation-process">Local Designation Process</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/landmarks-impacted-palisades-fire">Landmarks Impacted by Palisades Fire</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">HISTORIC DISTRICTS</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/local-historic-districts">Local Historic Districts (HPOZs)</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/historic-district-project-review">Historic District Project Review</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">URBAN DESIGN</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/urban-design-studio-overview">Program Overview</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/programs-and-initiatives">Programs &amp; Initiatives</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/urban-design-project-review">Urban Design Project Review</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/guidelines-and-resources">Design Guidelines &amp; Resources</a></div>
                        </div>
                    </div>
                    <!-- RESOURCES sub-menu -->
                    <div pln127a6502sm="6" class= "pln127a6502-sub" style="display:none;flex-direction:row;justify-content:space-evenly;">
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">REPORTS AND PUBLICATIONS</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/publications">Publications</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/housing-reports">Housing Progress Reports</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/case-reports">Case Reports</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">DATA ANALYSIS</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/performance-metrics">Performance Metrics</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/data-requests">Data Requests</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/open-data">Open Data</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">ONLINE MATERIALS</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/demographics">Demographics</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/maps">Maps</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/videos">Videos</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">QUICK LINKS</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/glossary">Glossary</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/odocument/04a6a47b-9269-4773-a3ae-55f110b7d1e8/Health_Atlas.pdf">Health Atlas</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/racial-justice">Racial Justice</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/senate-bill-sb-79">Senate Bill (SB) 79</a></div>
                        </div>
                    </div>
                    <!-- CONTACT sub-menu -->
                    <div pln127a6502sm="7" class= "pln127a6502-sub" style="display:none;flex-direction:row;justify-content:space-evenly;">
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">DEPARTMENT</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/public-counters">Public Counters</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/organizational-chart">Organizational Chart</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">STAY CONNECTED</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/email-sign-up">Email Sign-Up</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/calendar">Events Calendar</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/bi-weekly-case-filings">Bi-Weekly Case Filings</a></div>
                        </div>
                        <div style="flex:1;display:flex;flex-direction:column;row-gap:8px;">
                            <div class="pln127a6502-level2" style="">REQUESTS</div>
                            <div class="pln127a6502-sep"></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/media-inquiries">Media Inquiries</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/public-records-act">Public Records Act</a></div>
                            <div class="pln127a6502-level3"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/data-requests">Data Requests</a></div>
                        </div>
                    </div>
                    <!-- end sub-navs -->
                </div>
            </div>
        </div>
        <!-- Mobile Menu -->
        <div class="pln127a6502-mobile">
            <div style="display:flex;flex-direction:column;background-color: white;">
                <div style="width:100%;display:flex;flex-direction:row;align-items:center;">
                    <div style="flex-grow:0;height:100%;">
                        <div
                            style="display:flex;flex-direction:olumn;height:100%;align-items:start;justify-content: end;padding-left:10px;">
                            <img style="height:78px;margin-top:10px;margin-bottom:10px;" src="https://planning.lacity.gov/themes/custom/cpv3/images/ladcp-logo.svg">
                        </div>
                    </div>
                    <div style="flex-grow:1;"></div>
                    <div style="flex-grow:0;padding-right:40px;cursor:pointer;" onclick="var x=(document.getElementsByClassName('pln127a6502-mmenu-main')[0]);if(x.offsetHeight==0){x.style.height=''+x.firstElementChild.offsetHeight+'px';}else{x.style.height='0px';}">
                    <div style="width:42px;height:32px;padding-left:10px;padding-right:10px;padding-top:9px;padding-bottom:9px;border-radius:4px;display:flex;flex-direction:column;border:1px solid #dddddd;justify-content: space-between;cursor:pointer;">
                            <div style="width:100%;height:2px;background-color:#888888;"></div>
                            <div style="width:100%;height:2px;background-color:#888888;"></div>
                            <div style="width:100%;height:2px;background-color:#888888;"></div>
                        </div>
                    </div>
                </div>
                <!-- Mobile Menu's here -->
                <div class="pln127a6502-mmenu-main" style="height:0px;">
                    <div class="needed-for-height">
                    <div style="width:100%;display:flex;flex-direction:column;">
                        <div class="pln127a6502-mmenu-sep"></div>
                        <div class="pln127a6502-mmenu-level1">ABOUT</div>
                        <div class="pln127a6502-mmenu-sep"></div>
                        <div class="pln127a6502-msubmen" style="display:none;flex-direction:column;width: calc(100% - 20px);padding-left:20px;box-shadow: 0 10px 10px rgba(0, 0, 0, .175) !important;padding-bottom:35px;">
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">DEPARTMENT</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/executive-office">Executive Office</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/organizational-chart">Organizational Chart</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">LAND USE PLANNING</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/local-decision-makers">Local Decision Makers</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/commissioners">Planning Commissions</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/commissions-boards-hearings">Commission, Hearings, and Board Meetings</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">NEWS AND MEDIA</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/publications">Publications</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/press-releases">Press Releases</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/videos">Videos</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">STAY CONNECTED</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/calendar">Events Calendar</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/email-sign-up">Email Sign-up</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/staff-directory">Staff Directory</a></div>
                        </div>
                        <div class="pln127a6502-mmenu-level1">ZONING </div>
                        <div class="pln127a6502-mmenu-sep"></div>
                        <div class="pln127a6502-msubmen" style="display:none;flex-direction:column;width: calc(100% - 20px);padding-left:20px;box-shadow: 0 10px 10px rgba(0, 0, 0, .175) !important;padding-bottom:35px;">
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">OVERVIEW</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/overview">Zoning Introduction</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/local-zoning-rules">Los Angeles Zoning Rules</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">CODE</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/existing-code">Original Code</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/new-code">New Code</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/code-amendments">Code Amendments</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">QUICK LINKS</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/zoning-search">Zoning Search</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/regulations-summary">Regulations Summary</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/zoning/code-enforcement">Code Enforcement</a></div>
                        </div>
                        <div class="pln127a6502-mmenu-level1">PROJECT<BR>REVIEW</div>
                        <div class="pln127a6502-mmenu-sep"></div>
                        <div class="pln127a6502-msubmen" style="display:none;flex-direction:column;width: calc(100% - 20px);padding-left:20px;box-shadow: 0 10px 10px rgba(0, 0, 0, .175) !important;padding-bottom:35px;">
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">PROJECT REVIEW</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/planning-approvals">Planning Approvals</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/expedited-processing-section">Expedited Processing</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/universal-planning-review-service">Universal Review</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/public-hearings">Public Hearings</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/land-use-determinations">Land Use Determinations</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/processes-procedures">Processes &amp; Procedures</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/urban-design-project-review">Urban Design Project Review</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">COUNTER SERVICES</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/planning-services">Planning Services</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/appointments">Appointments</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/palisades-rebuild-recovery">Palisades Rebuild and Recovery</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/south-los-angeles-development-services-center">South LA DSC</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/application-forms">Forms</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/case-filings">Case Filing and Condition Clearances</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/design-review">Design Review</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/zoning-review">Zoning Review</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/fee-estimator">Fee Estimator</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">SPECIALIZED SERVICES</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/home-sharing">Home-Sharing</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/housing-crisis-act">Housing Crisis Act &amp; Resident Protections</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/redevelopment-plans">Redevelopment Plans</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/alcohol-sales">Alcohol Sales</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/map-processing">Map Processing</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/wireless-telecommunications">Wireless Telecommunications</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/universal-planning-review-service">Universal Review</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/senate-bill-9">Senate Bill 9</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/assembly-bill-2097">Assembly Bill 2097</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/executive-directive-1">Executive Directive 1</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/assembly-bill-2011">Assembly Bill 2011</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/senate-bill-684">SHRA/SB 684/1123</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/adaptive-reuse">Adaptive Reuse</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">ENVIRONMENTAL REVIEW</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/environmental-review">California Environmental Quality Act (CEQA)</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/environmental-review/published-documents">Published Documents</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/environmental-resources">Environmental Resources</a></div>
                        </div>
                        <div class="pln127a6502-mmenu-level1">PLANS &<BR>POLICIES</div>
                        <div class="pln127a6502-mmenu-sep"></div>
                        <div class="pln127a6502-msubmen" style="display:none;flex-direction:column;width: calc(100% - 20px);padding-left:20px;box-shadow: 0 10px 10px rgba(0, 0, 0, .175) !important;padding-bottom:35px;">
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">GENERAL PLAN PROGRAM</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/general-plan-overview">General Plan Overview</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/housing-element-rezoning-program">Housing Element Rezoning Program</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/environmental-justice">Environmental Justice</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/environmental-justice#open-space">Open Space Element Update</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">COMMUNITY PLAN PROGRAM</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/community-plans">Community Plans</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/community-plan-updates">Community Plan Updates</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/overlays">Plan Overlays</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/casp-update">CASP Update</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">LAND USE REGULATIONS</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/proposed-land-use-regulations">Proposed Regulations</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/adopted-land-use-regulations">Adopted Regulations</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/project-review/home-sharing">Home-Sharing</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/oil-and-gas-drilling-ordinance">Oil and Gas Drilling Ordinance</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">POLICIES</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/initiatives-policies/missing-middle-la">Missing Middle LA</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/initiatives-policies/housing">Housing</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/senate-bill-sb-79">Senate Bill (SB) 79</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/outdoor-dining">Outdoor Dining</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/transit-oriented-communities-incentive-program">Transit Oriented Communities</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/citywide-housing-incentive-program">Citywide Housing Incentive Program</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/wildlife-pilot-study">Wildlife Ordinance</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/initiatives-policies/sustainability">Sustainability</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/initiatives-policies/mobility">Mobility</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/tnp">Transit Neighborhood Plans</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/plans-policies/initiatives-policies/additional-initiatives">Other Programs</a></div>
                        </div>
                        <div class="pln127a6502-mmenu-level1">PRESERVATION &<BR>URBAN DESIGN</div>
                        <div class="pln127a6502-mmenu-sep"></div>
                        <div class="pln127a6502-msubmen" style="display:none;flex-direction:column;width: calc(100% - 20px);padding-left:20px;box-shadow: 0 10px 10px rgba(0, 0, 0, .175) !important;padding-bottom:35px;">
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">HISTORIC RESOURCES</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/program-overview">Program Overview</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/historic-resources-survey">Historic Resources Surveys</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/historic-resources/historic-themes">Historic Context Statement</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/historic-resources/incentives-resources">Incentives &amp; Resources</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/initiatives">Initiatives</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">HISTORIC LANDMARKS</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/historic-landmark-programs">Historic Landmark Programs</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/local-designation-process">Local Designation Process</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/landmarks-impacted-palisades-fire">Landmarks Impacted by Palisades Fire</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">HISTORIC DISTRICTS</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/local-historic-districts">Local Historic Districts (HPOZs)</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/historic-district-project-review">Historic District Project Review</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">URBAN DESIGN</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/urban-design-studio-overview">Program Overview</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/programs-and-initiatives">Programs &amp; Initiatives</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/urban-design-project-review">Urban Design Project Review</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/preservation-design/guidelines-and-resources">Design Guidelines &amp; Resources</a></div>
                        </div>
                        <div class="pln127a6502-mmenu-level1">RESOURCES</div>
                        <div class="pln127a6502-mmenu-sep"></div>
                        <div class="pln127a6502-msubmen" style="display:none;flex-direction:column;width: calc(100% - 20px);padding-left:20px;box-shadow: 0 10px 10px rgba(0, 0, 0, .175) !important;padding-bottom:35px;">
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">REPORTS AND PUBLICATIONS</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/publications">Publications</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/housing-reports">Housing Progress Reports</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/case-reports">Case Reports</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">DATA ANALYSIS</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/performance-metrics">Performance Metrics</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/data-requests">Data Requests</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/open-data">Open Data</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">ONLINE MATERIALS</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/demographics">Demographics</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/maps">Maps</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/videos">Videos</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">QUICK LINKS</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/glossary">Glossary</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/odocument/04a6a47b-9269-4773-a3ae-55f110b7d1e8/Health_Atlas.pdf">Health Atlas</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/racial-justice">Racial Justice</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/resources/senate-bill-sb-79">Senate Bill (SB) 79</a></div>
                        </div>
                        <div class="pln127a6502-mmenu-level1">CONTACT</div>
                        <div class="pln127a6502-mmenu-sep"></div>
                        <div class="pln127a6502-msubmen" style="display:none;flex-direction:column;width: calc(100% - 20px);padding-left:20px;box-shadow: 0 10px 10px rgba(0, 0, 0, .175) !important;padding-bottom:35px;">
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">DEPARTMENT</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/public-counters">Public Counters</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/organizational-chart">Organizational Chart</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">STAY CONNECTED</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/email-sign-up">Email Sign-Up</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/about/calendar">Events Calendar</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/bi-weekly-case-filings">Bi-Weekly Case Filings</a></div>
                            <div style="color:#333333;margin-top:35px;font-size:18px;user-select:none;">REQUESTS</div>
                            <div style="background-color:#e5e5e5;margin-top:9px;margin-bottom:9px;height:1px;width:100%;"></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/media-inquiries">Media Inquiries</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/public-records-act">Public Records Act</a></div>
                            <div style="color:#3A5A99;font-size:16px;line-height:24px;margin: 3px 0px 3px 0px;"><a class="pln127a6502-a" href="https://planning.lacity.gov/contact/data-requests">Data Requests</a></div>
                        </div>
                        <div class="pln127a6502-mmenu-sep"></div>
                    </div>
                    </div>
                </div>
            </div>
		</div>
    </div>
    `;

};

pln127a6502.getSettings = () => {
    pln127a6502.search = 0;
    pln127a6502.translate = 0;
    pln127a6502.mobileTrigger = 1025;
    var x = document.getElementById('pln127a6502');
    var attr = (""+x.getAttribute("search")).toLowerCase();
    if(attr != null && (attr[0] == 't' || attr[0] == '1')  ) {pln127a6502.search = 1;}
    var attr = (""+x.getAttribute("translate")).toLowerCase();
    if(attr != null && (attr[0] == 't' || attr[0] == '1')  ) {pln127a6502.translate = 1;}
    var attr = x.getAttribute("mobile-max-width");
    if(attr != null && ""+parseInt(attr) != 'NaN') { pln127a6502.mobileTrigger = parseInt(attr); }
};
pln127a6502.setCss = () => {

    const appendCSS = (css) => {
        let el = document.createElement('style');
        el.type = 'text/css';
        el.innerHTML = css;
        document.head.appendChild(el);
        return el;
      };
      appendCSS(`
      .pln127a6502-level1 {
            color: #808080;
            font-size: 17px;
            user-select: none;
        }

        .pln127a6502-level2 {
            color: #333333;
            font-size: 18px;
            font-weight: 400;
            /* border-bottom:1px solid #e5e5e5; */
        }

        .pln127a6502-level3 {
            color: #3A5A99;
            font-size: 16px;
            font-weight: 400;
        }
        .pln127a6502-sub {
            padding-top:40px;
            padding-left: 15px;
            padding-right:15px;
            padding-bottom:20px;
            column-gap: 30px;
            border:1px solid rgba(0,0,0,0.15);
            background-color:white;
            position:absolute;
            top:100%;
            left:0px;
            width:100%;
            z-index:1000;
        }
        .pln127a6502-sep {
            background-color: #e5e5e5;
            height:1px;
            width:100%;
            margin-top:7px;
            margin-bottom:7px;
        }
        .pln127a6502-mmenu-main {
            transition: height 0.5s;
            overflow-y: hidden;
            width:100%;
            background-color:white;
            z-index:1000;
        }
        .pln127a6502-mmenu-level1 {
            width: calc(100% - 30px);
            text-align: center;
            font-size: 17px;
            font-family: Roboto;
            letter-spacing: 1px;
            color: #808080;
            padding: 10px 15px 10px 15px;
            cursor:pointer;
        }
        .pln127a6502-mmenu-level1:hover {
            color: #3a5a99 !important;
        }
        .pln127a6502-mmenu-sep {
            width:100%;
            height:1px;
            background-color: #E5E5E5;
        }
        .pln127a6502-a {
            color: #3A5A99;
            text-decoration: none;
            pointer: cursor;
        }
        .pln127a6502-a:hover {
            color: #3A5A99;
            text-decoration: underline;
        }
        @media (min-width: 1026px) {
            .pln127a6502-desktop {
                display:block;
            }
            .pln127a6502-mobile {
                display:none;
            }
            .pln127a6502-otr {
                min-width:160px;
            }
        }
        @media (max-width: 1025px) {
            .pln127a6502-desktop {
                display:none;
            }
            .pln127a6502-mobile {
                display:block;
                height:98px;
            }
            .pln127a6502-otr {
                min-width:98px;
            }
        }
    `.replace("1026px",""+(pln127a6502.mobileTrigger+1)+"px").replace("1025px",""+(pln127a6502.mobileTrigger+0)+"px")   );
};

pln127a6502.setClicks = () => {
    var list = Array.from(document.querySelectorAll('[pln127a6502m]'));
    list.forEach((item) => {
        var index = item.getAttribute("pln127a6502m");
        var text = `if(document.querySelector('[pln127a6502sm="` + index + `"]').style.display=="flex") {document.querySelector('[pln127a6502sm="` + index + `"]').style.display="none";} else {Array.from(document.querySelectorAll('[pln127a6502sm]')).forEach((x) => {x.style.display = 'none'}); document.querySelector('[pln127a6502sm="` + index + `"]').style.display="flex";}`
        item.setAttribute("onclick", text)
    });
    var list = Array.from(document.querySelectorAll('.pln127a6502-mmenu-level1'));
    list.forEach((item) => {
        item.setAttribute("onclick", `
        var x=this.nextElementSibling.nextElementSibling;
        if(x.style.display=='flex'){
            x.style.display='none';
        }else{
            var y = Array.from(document.querySelectorAll('.pln127a6502-msubmen')).forEach((i) => {i.style.display='none';});
            x.style.display='flex';
        }`);
    });
    var target = document.getElementsByClassName("pln127a6502-mmenu-main")[0];
    target.addEventListener("transitionend", () => { if(target.style.height != "0px"){target.style.height="fit-content";}
    else { var list = Array.from(document.querySelectorAll('.pln127a6502-mmenu-level1')); list.forEach((item) => { item.nextElementSibling.nextElementSibling.style.display='none'; }); } })
};

//populate the planning global nav
pln127a6502.init();

})();