{{!-- Whole page overlay when mobile nav is open --}}
<div class="mobile-navigation-overlay d-none"></div>

<div class="nav_container">
	<a class="skip-to-content" href="#main">Skip to content</a>
	<!-- DESKTOP NAV START -->
	<div class="">
		<nav class="navbar navbar-expand-md desktopNav">

			<div class="navLine max-width-attop">

				<div class="navLine-links nav-item">
					{{#if linkList1Items}}{{!--
					--}}<a href="{{linkList1Items.[0].linkList1Url}}"
						class="language-link{{#if linkList1Items.[0].linkList1ClassName}} {{linkList1Items.[0].linkList1ClassName}}{{/if}}" {{!--
					--}}{{#if linkList1Items.[0].linkList1Target}} target="{{inkList1Items.[0].linkList1Target}}" {{/if}}{{!--
					--}}{{#ifCond linkList1Items.[0].linkList1Target '==' '_blank'}}
						rel="noopener{{#ifCond linkList1Items.[0].data.linkAddNoFollowLinkList1 '==' 'true'}} nofollow{{/ifCond}}"
						{{/ifCond}}{{!--
					--}}{{#ifCond linkList1Items.[0].linkList1Target '==' '_self'}}{{#ifCond linkList1Items.[0].data.linkAddNoFollowLinkList1 '==' 'true'}} rel="nofollow" {{/ifCond}}{{/ifCond}}>{{linkList1Items.[0].linkList1Text}}</a>
					{{/if}}
				</div>

				<!-- branding icon/text -->
				{{#ifCond imageOrText '==' 'text'}}
				<a class="navbar-brand" href="{{textLinkUrl}}" {{#if textLinkTarget}} target="{{textLinkTarget}}"
					{{#ifCond textLinkTarget '==' '_blank'}}
					rel="noopener{{#ifCond linkAddNoFollowTextLink '==' 'true'}} nofollow{{/ifCond}}" {{/ifCond}}
					{{#ifCond textLinkTarget '==' '_self'}}{{#ifCond linkAddNoFollowTextLink '==' 'true'}}
					rel="nofollow" {{/ifCond}}{{/ifCond}}{{/if}}>{{textData}}</a>
				{{else}}
				<a class="navbar-brand" role="img" {{#if altText}} aria-label="{{altText}}" {{/if}} href="{{imageLinkUrl}}" {{#if imageLinkTarget}} target="{{imageLinkTarget}}"
					{{#ifCond imageLinkTarget '==' '_blank'}}
					rel="noopener{{#ifCond linkAddNoFollowImageLink '==' 'true'}} nofollow{{/ifCond}}" {{/ifCond}}
					{{#ifCond imageLinkTarget '==' '_self' }}{{#ifCond linkAddNoFollowImageLink '==' 'true'}}
					rel="nofollow" {{/ifCond}}{{/ifCond}}{{/if}}><img src="{{logo.src}}" alt="{{altText}}"></a>
				{{/ifCond}}
				<!-- branding icon/text -->

			</div>

			<ul class="navbar-nav">
				{{#with navigationModel}}

				{{#each navModelList}}
				<li class="nav-item">
					<a href="{{navigationPath}}{{#ifCond ../../extensions "XOR" ../../authorMode}}.html{{/ifCond}}"
						class="nav-link">
						<span>{{pagetitle}}</span>
					</a>
				</li>
				{{/each}}
				{{#each @root.iconLinkItems}}
				{{#ifCond linkUrl "||" linkAnchor}}
				<li class="nav-item navbarRightItems" role="img" aria-label="{{className}}">
					<a href="{{linkUrl}}{{linkAnchor}}{{#ifCond @root.extensions "XOR" @root.authorMode}}.html{{/ifCond}}"
						{{#if linkTarget}} target="{{linkTarget}}" {{#ifCond linkTarget '==' '_blank'}}
						rel="noopener{{#ifCond data.linkAddNoFollow '==' 'true'}} nofollow{{/ifCond}}"
						{{/ifCond}}{{#ifCond linkTarget '==' '_self'}}{{#ifCond data.linkAddNoFollow '==' 'true'}}
						rel="nofollow" {{/ifCond}}{{/ifCond}}{{/if}} aria-label="{{label}}" class="{{className}}"><span>{{label}}</span></a>
				</li>
				{{/ifCond}}
				{{/each}}

				{{/with}}
				{{#if linkList1Items.[0].linkList1Url}}
				<li class="nav-item navLine-links">
					<a href="{{linkList1Items.[0].linkList1Url}}"
						class="nav-link language-link{{#if linkList1Items.[0].linkList1ClassName}} {{linkList1Items.[0].linkList1ClassName}}{{/if}}"
						{{#if linkList1Items.[0].linkList1Target}}target="{{linkList1Items.[0].linkList1Target}}" {{/if}}{{!--
					--}}{{#ifCond linkList1Items.[0].linkList1Target '==' '_blank'}}
						rel="noopener{{#ifCond linkList1Items.[0].data.linkAddNoFollowLinkList1 '==' 'true'}} nofollow{{/ifCond}}"
						{{/ifCond}}{{#ifCond linkList1Items.[0].linkList1Target '==' '_self'}}{{#ifCond linkList1Items.[0].data.linkAddNoFollowLinkList1 '==' 'true'}}
						rel="nofollow" {{/ifCond}}{{/ifCond}}><span>{{linkList1Items.[0].linkList1Text}}</span></a>
				</li>
				{{/if}}
			</ul>


		</nav> <!-- .navbar desktopNav -->
	</div> <!-- .d-none d-md-block -->
	<!-- DESKTOP NAV END -->

	<!-- MOBILE NAV START -->
	<div class="mobileNav">
		<nav class="navbar fixed-top mobileNavBar">

			<button class="navbar-toggler navMenu" type="button" data-toggle="collapse" data-target=".collapsableNav"
			aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon" aria-hidden="true"></span>
			</button>

			<div class="collapse navbar-collapse collapsableNav">

				<ul class="navbar-nav dropdown-menu navLevel1">
					{{#with navigationModel}}
					{{#each navModelList}}
					<li>
						<a {{#if navModelList}}
							data-link="{{navigationPath}}{{#ifCond ../../extensions "XOR" ../../authorMode}}.html{{/ifCond}}"
							href="#" {{else}}
							href="{{navigationPath}}{{#ifCond ../../extensions "XOR" ../../authorMode}}.html{{/ifCond}}"
							{{/if}} class="mobileSubMenu dropdown-item {{#if navModelList}}has-children{{/if}} ">
							<span>{{pagetitle}}</span>
							{{#if navModelList}}
							<img src="{{STATIC_ROOT}}/assets/nextgen/ico-arrow-right.svg" class="navigation__ico-arrow"
								alt="Menu Items">
							{{/if}}
						</a>
					</li>
					{{/each}}
					{{/with}}

					<!-- nav links -->
					<li class="navbarIcons">
						{{#if iconLinkItems}}
						{{#each iconLinkItems}}
						{{#ifCond linkUrl "||" linkAnchor}}
						<a href="{{linkUrl}}{{linkAnchor}}" {{#if linkTarget}} target="{{linkTarget}}"
							{{#ifCond linkTarget '==' '_blank'}}
							rel="noopener{{#ifCond data.linkAddNoFollow '==' 'true'}} nofollow{{/ifCond}}" {{/ifCond}}
							{{#ifCond linkTarget '==' '_self' }}{{#ifCond data.linkAddNoFollow '==' 'true'}}
							rel="nofollow" {{/ifCond}}{{/ifCond}}{{/if}} aria-label="{{label}}"
							class="{{className}}"></a>
						{{/ifCond}}
						{{/each}}
						{{/if}}
						{{#if linkList1Items}}{{!--
						--}}<a role="img" aria-label="{{linkList1Items.[0].linkList1ClassName}}" href="{{linkList1Items.[0].linkList1Url}}"
							class="language-link{{#if linkList1Items.[0].linkList1ClassName}} {{linkList1Items.[0].linkList1ClassName}}{{/if}}" {{!--
						--}}{{#if linkList1Items.[0].linkList1Target}} target="{{linkList1Items.[0].linkList1Target}}" {{/if}}{{!--
						--}}{{#ifCond linkList1Items.[0].linkList1Target '==' '_blank'}}
							rel="noopener{{#ifCond linkList1Items.[0].data.linkAddNoFollowLinkList1 '==' 'true'}} nofollow{{/ifCond}}"
							{{/ifCond}}{{!--
						--}}{{#ifCond linkList1Items.[0].linkList1Target '==' '_self' }}{{#ifCond linkList1Items.[0].data.linkAddNoFollowLinkList1 '==' 'true'}} rel="nofollow" {{/ifCond}}{{/ifCond}}>{{!--
						--}}{{linkList1Items.[0].linkList1Text}}</a>
						{{/if}}

					</li>
					<!-- nav links -->

					{{!-- <li class="spacer"></li> --}}

				</ul> <!-- .navbar-nav dropdown-menu navLevel1 - mobile -->

				{{!-- Secondary nav will be populated by JS --}}
				<ul class="navbar-nav dropdown-menu navLevel2 d-none"></ul>

			</div> <!-- .collapse  - mobile -->

			{{#ifCond imageOrText '==' 'text'}}
			<a class="navbar-brand" href="{{textLinkUrl}}" {{#if textLinkTarget}} target="{{textLinkTarget}}"
				{{#ifCond textLinkTarget '==' '_blank'}}
				rel="noopener{{#ifCond linkAddNoFollowTextLink '==' 'true'}} nofollow{{/ifCond}}" {{/ifCond}}
				{{#ifCond textLinkTarget '==' '_self'}}{{#ifCond  linkAddNoFollowTextLink '==' 'true'}} rel="nofollow"
				{{/ifCond}}{{/ifCond}}{{/if}}>{{textData}}</a>
			{{else}}

			<a class="navbar-brand" role="img" {{#if altText}} aria-label="{{altText}}" {{/if}} href="{{imageLinkUrl}}" {{#if imageLinkTarget}} target="{{imageLinkTarget}}"
				{{#ifCond imageLinkTarget '==' '_blank'}}
				rel="noopener{{#ifCond linkAddNoFollowImageLink '==' 'true'}} nofollow{{/ifCond}}" {{/ifCond}}
				{{#ifCond imageLinkTarget '==' '_self' }}{{#ifCond linkAddNoFollowImageLink '==' 'true'}} rel="nofollow"
				{{/ifCond}}{{/ifCond}}{{/if}}>
				<img src="{{logo.mobileSrc}}" class="navigation__mobile-logo" alt="{{altText}}">
			</a>
			{{/ifCond}}

		</nav> <!-- .mobileNavBar -->
	</div> <!-- .d-block d-md-none mobileNav -->
	<!-- MOBILE NAV END -->
</div> <!-- .nav_container -->