Site Header: Subsite No Primary Nav

<header class="siteHeader" id="siteHeader">
	<div class="siteHeader__wrap">
		<div class="siteHeader__a11y">
			<a href="#main-content" class="visually-hidden focusable">Skip to main content</a>
		</div>

		<div class="siteHeader__inner">

			<div class="siteHeader__branding">
				<a href="/" title="Home">
					<img src="{{ '/img/logo.svg' | path }}" alt="University of Michigan: School of Social Work"/>
				</a>
			</div>

			<div class="siteHeader__bar">
				<div class="wrap">
					<div class="siteHeader__barInner">
						{% if not subsite %}
							<div class="siteHeader__strapline">
								<p>Reach out, raise hope, change society <i class="siteHeader__heartbeat" aria-hidden="true">&#10084;&#xFE0E;</i></p>
							</div>
						{% else %}
							<div class="siteHeader__back">
								<a class="siteHeader__backLink" href="/">Back to Main SSW Site</a>
							</div>
						{% endif %}

						<nav class="secondaryNav  secondaryNav--largeScreen">
							{# this is a clone for a11y reasons to ensure correct keyboard focus order #}

							{% if nav_secondary %}
								<ul class="secondaryNav__list">
									{% for item in nav_secondary.items %}
										<li class="secondaryNav__item {{ item.current ? ' is-active' }}{{ item.classes|join('  ') }}">
											{% if item.children %}
												<details>
													<summary>
														{{ item.title }}
													</summary>

													<div class="secondaryNav__secondLevel">
														<ul>
															{% for child in item.children %}
																<li><a href="{{ child.link }}">{{ child.title }}</a></li>
															{% endfor %}
														</ul>
													</div>
												</details>
											{% else %}
												<a href="{{ item.link }}">{{ item.title }}</a>
											{% endif %}
										</li>
									{% endfor %}
								</ul>
							{% endif %}
						</nav>
					</div>
				</div>
			</div>

			<div class="siteHeader__actions">
				<button class="siteHeader__button  siteHeader__button--search" type="button" aria-controls="siteHeader__search" aria-expanded="false" aria-label="Toggle search form" title="Toggle search form">
					<span class="siteHeader__buttonLabel  visually-hidden">Search</span>
					<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
						<g clip-path="url(#clip0_3529_4169)">
							<path d="M20.0416 20.5419C24.3373 16.2461 24.3373 9.2813 20.0416 4.98553C15.7458 0.689761 8.78097 0.689761 4.48521 4.98553C0.189438 9.2813 0.189438 16.2461 4.48521 20.5419C8.78097 24.8376 15.7458 24.8376 20.0416 20.5419Z" stroke="white" stroke-width="2"/>
							<path d="M20.042 19.8349L27.8201 27.6131" stroke="white" stroke-width="4"/>
						</g>
						<defs>
							<clipPath id="clip0_3529_4169">
								<rect width="29" height="29" fill="white"/>
							</clipPath>
						</defs>
					</svg>

				</button>

				<button class="siteHeader__button  siteHeader__button--menu  hamburger  hamburger--squeeze" type="button" aria-controls="siteNav" aria-expanded="false" aria-label="Toggle navigation" title="Toggle navigation">
          <span class="hamburger-box">
            <span class="hamburger-inner"></span>
          </span>
				</button>
			</div>

			{% if subsite %}
				<div class="siteHeader__title">
					{{ siteTitle }}
				</div>
			{% endif %}

			<div class="siteHeader__search" id="siteHeader__search">
				<form>
					<div class="siteHeader__searchField">
						<label class="visually-hidden">Search site</label>
						<input class="siteHeader__searchInput" type="text" placeholder="Search site"/>
						<button class="siteHeader__searchButton" type="submit" aria-label="Submit">Go</button>
					</div>
				</form>
			</div>
		</div>
	</div>

	<nav class="siteHeader__nav" id="siteNav">
		{% if nav_primary %}
			<div class="primaryNav">
				<div class="wrap">

					<ul class="primaryNav__list">
						{% for item in nav_primary.items %}
							<li class="primaryNav__item {{ item.current ? ' is-active' }}{{ item.classes|join('  ') }}">
								{% if item.children %}
									<details>
										<summary>
											<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
												<path d="M1 1L5 5L1 9" stroke="white"/>
											</svg>

											{{ item.title }}
										</summary>

										<div class="primaryNav__secondLevel">
											<div class="primaryNav__secondLevelWrap">
												<a class="pointyLink" href="{{ item.link }}">Go to {{ item.title }}</a>
												<ul>
													{% for child in item.children %}
														<li><a href="{{ child.link }}">{{ child.title }}</a></li>
													{% endfor %}
												</ul>
											</div>
										</div>
									</details>
								{% else %}
									<a href="{{ item.link }}">{{ item.title }}</a>
								{% endif %}
							</li>
						{% endfor %}
					</ul>
				</div>
			</div>
		{% endif %}

		<div class="secondaryNav  secondaryNav--smallScreen">
			{# this is a clone for a11y reasons to ensure correct keyboard focus order #}
			<div class="wrap">
				{% if nav_secondary %}
					<ul class="secondaryNav__list">
						{% for item in nav_secondary.items %}
							<li class="secondaryNav__item {{ item.current ? ' is-active' }}{{ item.classes|join('  ') }}">
								{% if item.children %}
									<details>
										<summary>
											{{ item.title }}
										</summary>

										<div class="secondaryNav__secondLevel">
											<ul>
												{% for child in item.children %}
													<li><a href="{{ child.link }}">{{ child.title }}</a></li>
												{% endfor %}
											</ul>
										</div>
									</details>
								{% else %}
									<a href="{{ item.link }}">{{ item.title }}</a>
								{% endif %}
							</li>
						{% endfor %}
					</ul>
				{% endif %}
			</div>
		</div>
	</nav>

</header>