<div id="search-result">
    <div class="container-content">
        <h3>Search</h3>
        <a href="#" class="control control-close icon-close"></a>
    </div>
    <div class="search-keyword">
        <i class="icon-search"></i>
        <span></span>
    </div>
    <div class="entry-list">
    </div>
</div>
<div id="mobile-search">
    <form id="mobile-search-form" autocomplete="off">
        <input class="form-search form-control" placeholder="Search site" />
        <a href="#" class="control control-icon icon-close" id="mobile-search-close-button"></a>
    </form>
    <div class="entry-list">
    </div>
</div>

<div id="masthead" class="site-header hidden-sm-down" role="banner">
    <div class="overlay"></div>
    <div class="menuwrap">
        <a href="{{ site.url }}" class="menu-logo">
            <img src="<?php bloginfo('template_directory'); ?>/assets/img/logo.png" width="665" height="164" />
        </a>
        <div class="site-search">
            <form id="search-form" autocomplete="off">
                <input class="form-search form-control" name="keyword" placeholder="Search site" />
                <div class='uil-ripple-css' ><div></div><div></div></div>
            </form>
        </div>
        <header>
            <nav id="main-navigation" class="site-navigation montserrat-bold" role="navigation">
                <ul>
                    {% for item in main_menu.get_items %}
                        <li class="{{item.class}} {% if force_explore and item.link == explore_page.link %}current-menu-item{% endif %} {% if force_construction and item.link == construction_page.link %}current-menu-item{% endif %}" ><a href="{{ item.link }}" >{{ item.title }}</a></li>
                    {% endfor %}
                </ul>
            </nav>
        </header>
        <div class="stay-informed">
            <button href="#" data-toggle="modal" data-target="#subscribe" class="btn btn-color btn-wide">Stay Informed</button>
        </div>
        <div class="menu-footer">
            <div class="menu-footer-social">
                {% if facebook_url %}
                    <a href="{{ facebook_url }}" class="icons icon-facebook"></a>
                {% endif %}
                {% if twitter_url %}
                    <a href="{{ twitter_url }}" class="icons icon-twitter"></a>
                {% endif %}
                {% if instagram_url %}
                    <a href="{{ instagram_url }}" class="icons icon-instagram"></a>
                {% endif %}
            </div>
            <div class="menu-footer-links">
                {% if legal_page %}
                    <a href="{{ legal_page.link }}" >Privacy Policy</a>
                {% endif %}
                <a href="{{ contact_page.link }}">Contact</a>
            </div>
        </div>
    </div>
</div>
