[#assign privateFriendlyURL = themeDisplay.getPathFriendlyURLPrivateGroup() +
themeDisplay.getSiteGroup().getFriendlyURL() publicFriendlyURL =
themeDisplay.getPathFriendlyURLPublic() +
themeDisplay.getSiteGroup().getFriendlyURL() /] [#assign clayIconSVG =
themeDisplay.getCDNBaseURL() /] [#assign clayIconSVG +=
themeDisplay.getPathContext() /] [#assign clayIconSVG +=
"/o/admin-theme/images/clay/icons.svg" /]

<nav class="navbar navbar-expand-lg navbar-light pb-3 pt-2 public-site-navbar">
	<div class="container d-block">
		<div class="align-items-center d-flex">
		<div class="align-items-center d-flex flex-grow-1 justify-content-between justify-content-lg-start mr-3">
			<a class="d-flex flex-column navbar-brand" href="${publicFriendlyURL}">
				<img alt="" class="align-top d-inline-block navbar-logo" data-lfr-editable-id="image-logo" data-lfr-editable-type="image" loading="lazy" src="[resources:raylife_logo.svg]" />

				<span class="brand-subtext font-weight-bolder text-brand-secondary text-paragraph-sm">Commercial</span>
				</a>

				<a class="d-flex" href="#">
				<img alt="phone-android" class="mx-1 nav-mobile-icon" loading="lazy" src="[resources:phone_android.svg]" />

				<span class="font-weight-semi-bold public-site-navbar-phone text-brand-primary" data-lfr-editable-id="public-site-navbar-phone" data-lfr-editable-type="text">800-554-2642</span>
				</a>

				<div class="public-site-navbar-divider"></div>

				<a class="public-site-navbar-link text-brand-primary" href="#">
				<span class="font-weight-semi-bold text-brand-primary" data-lfr-editable-id="public-site-navbar-link" data-lfr-editable-type="text">Producer Portal</span>
				</a>
			</div>

			<div>
			<img alt="icon-search" class="icon-search mr-4" loading="lazy" src="[resources:icon_search.svg]" />

			<label class="public-site-navbar-switch switch text-brand-primary">
					<input id="togBtn" type="checkbox" />

					<div class="align-items-center bg-brand-primary-lighten-6 d-flex justify-content-between rounded slider text-brand-primary text-link-sm">
					<span class="bg-brand-primary-lighten-6 off rounded text-brand-primary" data-lfr-editable-id="public-site-navbar-off" data-lfr-editable-type="text">Business</span>
					<span class="bg-brand-primary-lighten-6 on rounded text-brand-primary" data-lfr-editable-id="public-site-navbar-on" data-lfr-editable-type="text">Personal</span>
					</div>
				</label>
			</div>

			<div class="menu-drop">
			<button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="ghost navbar-toggler raylife-navbar-button" data-target="#navbarSupportedContent" data-toggle="collapse" type="button">
					<div class="align-items-center d-flex justify-content-between">
					<span class="font-weight-bolder mr-1 paragraph-sm">MENU</span>
					<span class="background-icon-grid" id="button-menu-icon" />
					</div>
				</button>

				<div class="bg-neutral-0 drop-content hidden-menu mt-2 p-4 rounded" id="myDropdown">
				<a class="align-items-center d-flex justify-content-center my-3 rounded-pill shadow-lg text-neutral-0" href="#">
					<img alt="icon phone" class="mx-1" loading="lazy" src="[resources:phone_android.svg]" />

					<span class="font-weight-semi-bold text-brand-primary" data-lfr-editable-id="public-site-navbar-ddl-phone" data-lfr-editable-type="text">800-554-2642</span>
					</a>

				<a class="align-items-center d-flex justify-content-center my-3 rounded-pill shadow-lg text-neutral-0" href="#">
					<img alt="help icon" class="mx-1" loading="lazy" src="[resources:help_circle_menu.svg]" />

					<span class="font-weight-semi-bold text-brand-primary" data-lfr-editable-id="public-site-navbar-ddl-help" data-lfr-editable-type="text">HELP & ANSWERS</span>
					</a>

				<a class="align-items-center d-flex justify-content-center my-3 rounded-pill shadow-lg text-neutral-0" href="#">
					<img alt="camera icon" class="mx-1" loading="lazy" src="[resources:voice_chat_menu.svg]" />

					<span class="font-weight-semi-bold text-brand-primary" data-lfr-editable-id="public-site-navbar-ddl-chat" data-lfr-editable-type="text">CHAT WITH AN AGENT</span>
					</a>
				</div>
			</div>
		</div>

		<div class="collapse navbar-collapse rounded-sm" id="navbarSupportedContent">
			<lfr-widget-nav id="nav"></lfr-widget-nav>

		<a class="btn btn-ghost btn-style-primary" href="${publicFriendlyURL}/sign-in" role="button">Sign In</a>
		</div>
	</div>
</nav>