{{#each navigation}}
<ul class="main-nav__top-level">
  {{#each children}}
    <li class="main-nav__top-level__item">
      <a 
        href="{{ url }}" 
        class="main-nav__top-level__label 
          {{#if color}}main-nav__top-level__label--invert {{/if}}
          {{#ifCond color '==' "GREEN"}}green{{/ifCond}}
          {{#ifCond color '==' "RED"}}red{{/ifCond}}
        " 
        tabindex="0" 
        style="
          {{#ifCond color '==' "GREEN"}}background-color: #9acd32; color: #fff;{{/ifCond}}
          {{#ifCond color '==' "RED"}}background-color: #cf000f; color: #fff;{{/ifCond}}
          {{#if bold}}font-weight: 700;{{/if}}
        "
      >
        {{ name }}
      </a>
      <div class="main-nav__menu-wrapper">
        {{#if banner}}
          <div class="main-nav__menu-banner">
            {{{banner}}}
          </div>
        {{/if}}
        {{> navigation/menu-item menuItems=children}}
      </div>
    </li>
  {{/each}}
</ul>
{{/each}}