<div class="container" style="position:relative;">
    <div id="new_top">

        <h1 class="navbar-brand">
            <span>{{ setting_value('streams::name', config_get('streams::distribution.name')) }}</span>
            {% if request_segment(1) != 'financial-advice' %}
                <a href="{{ url("/") }}" title="{{ setting_value('streams::name', config_get('streams::distribution.name')) }}">
                    {{ img(template.theme.logo).alt(setting_value('streams::name')).height(95).inline|raw }}
                </a>
            {% endif %}
        </h1>

        <div class="search">
            <form action="/search">
                <label for="term">Explore our Services</label>
                <input type="search" placeholder="Search" name="term" title="Search" value="{{ request_get('term') }}">
                <button type="submit" value="Search" aria-label="Search">
                    {{ img(template.theme.search_icon).class('no-hover')|raw }}
                    {{ img(template.theme.search_icon_hover).class('on-hover')|raw }}
                </button>
            </form>
            <div class="search__controls">
                <button class="open-search" type="button" aria-label="Open Search" onclick="
                    $(this).closest('.search').addClass('open');
                    return false;
                ">
                    {{ img(template.theme.search_icon).class('no-hover')|raw }}
                    {{ img(template.theme.search_icon_hover).class('on-hover')|raw }}
                </button>
                <button class="close-search" type="button" aria-label="Close Search" onclick="
                    $(this).closest('.search').removeClass('open');
                    return false;
                ">
                    {{ img('qcr.theme.qcr::img/icon-close-blue.svg')|raw }}
                </button>
            </div>
        </div>

        {{ menu('top').listClass('top-menu')|raw }}

        <button type="button" class="navbar-toggle" data-target="#bs-example-navbar-collapse-1" onclick="$('#bs-example-navbar-collapse-1').toggleClass('collapse in'); $(this).toggleClass('open'); $('body').toggleClass('nav-open');">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <a href="#content"
           style="
           position: absolute;
           left: -1000px;
           top: -1000px;
           width: 1px;
           height: 1px;
           text-align: left;
           overflow: hidden;
        ">Skip to Content</a>

    </div>
</div>
