Navigation

<div class="navigation">
    <nav class="navigation__list">
        <div class="form form--search form--search--simple">
            <form action="/search" method="post">
                <div class="form__inner">
                    <div class="form__field">
                        <label for="form__search_location" class="form__label"><span>Location</span></label>
                        <input type="text" class="form-input" id="form__search_location" name="location" placeholder="Enter location / postcode" />
                    </div>

                    <button class="button button--red button--inline ">
                        <span>Search</span>
                    </button>

                </div>
            </form>
        </div>

        <ul>
            <li class="navigation__item navigation__item--has-sub ">
                <a href="page-buy">Buy</a>

                <ul>
                    <li class="navigation__item navigation__item--has-sub ">
                        <a href="page-buy">Woodlands for sale</a>

                        <ul>
                            <li class="navigation__item  ">
                                <a href="#">Search for woods</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">South East England</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">Northern England</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">Cumbria</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">Central England</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">East Anglia</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">Devon</a>

                            </li>

                        </ul>
                    </li>

                    <li class="navigation__item navigation__item--has-sub ">
                        <a href="page-buy">Buying a wood</a>

                        <ul>
                            <li class="navigation__item  ">
                                <a href="#">Why buy a wood?</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">How to buy a woodland</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">How we support owners</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">Legal guide</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">Finance guide</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">Our covenant</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">Recommended solicitors</a>

                            </li>

                        </ul>
                    </li>

                    <li class="navigation__item navigation__item--has-sub ">
                        <button>Other land for sale</button>

                        <ul>
                            <li class="navigation__item  ">
                                <a href="#">Tree planting land</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">Lakes and rivers</a>

                            </li>

                        </ul>
                    </li>

                    <li class="navigation__item navigation__item--has-sub ">
                        <a href="page-sell">Sell your wood</a>

                        <ul>
                            <li class="navigation__item  ">
                                <a href="#">Sell your wood to us</a>

                            </li>

                            <li class="navigation__item  ">
                                <a href="#">Selling your wood through us</a>

                            </li>

                        </ul>
                    </li>

                </ul>
            </li>

            <li class="navigation__item navigation__item--has-sub ">
                <a href="page-owning">Owning a wood</a>

                <ul>
                    <li class="navigation__item  ">
                        <a href="#">Planning legislation</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Trees &amp; regulations</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Access &amp; tracks</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Management insurance</a>

                    </li>

                </ul>
            </li>

            <li class="navigation__item navigation__item--has-sub ">
                <a href="page-videos-guides">Videos &amp; guides</a>

                <ul>
                    <li class="navigation__item  ">
                        <a href="#">Woodlands TV</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Woodland activities</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Practical guides</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">What do people do?</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Looking after your wood</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Tree identification</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Wildlife identification</a>

                    </li>

                </ul>
            </li>

            <li class="navigation__item navigation__item--has-sub ">
                <a href="page-about">About us</a>

                <ul>
                    <li class="navigation__item  ">
                        <a href="#">Our team</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Press room</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Our research</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Contact us</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Meet us at woodfairs</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Community woodlands</a>

                    </li>

                    <li class="navigation__item  ">
                        <a href="#">Woodland awards</a>

                    </li>

                </ul>
            </li>

            <li class="navigation__item navigation__item--search"><a href="page-search" class="js--navigation-search">Search Woods</a></li>
        </ul>
    </nav>

    <button class="hamburger hamburger--squeeze navigation__button js--navigation" type="button">
        <span class="hamburger-box">
            <span class="hamburger-inner"></span>
        </span>
    </button>
</div>