<ul class="main-nav__menu">
  {{#each menuItems}}
  <li class="main-nav__menu__item nav-col">
    <a 
      href="{{ url }}" 
      class="main-nav__menu__label 
        {{#if color}}main-nav__menu__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__sub-menu__wrapper" tabindex="0">
      <div class="main-nav__sub-menu">
        {{> navigation/menu-item-sub subMenuItems=children originalChildrenCount=originalChildrenCount menuItemUrl=url}}
        <div class="main-nav__view-all">
          <a href="{{ url }}" class="main-nav__view-all__link" tabindex="0">
            View all {{ name }}
          </a>
        </div>
      </div>
    </div>
  </li>
  {{/each}}
</ul>