// SUB SECTION LINKS

.p-sectionLinks
{
	.xf-publicSubNav();
	<xf:if is="property('uix_pageStyle') == 'fixed'">
		.m-pageWidth();
	</xf:if>
	
	transition: ease-in .15s all;
	
	.p-sectionLinks--group {
		display: flex; 
		align-items: center;
		
		<xf:if is="property('uix_rightAlignNavigation')">
			&:first-child {
				margin-left: auto;
			}
		</xf:if>
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-publicSubNav--background-color, transparent),
			xf-default(@xf-publicSubNav--color, ~""),
			xf-default(@xf-publicSubNavElHover--color, ~"")
		);
	}
	
	.p-nav-opposite a:not(.button)
	{
		color: inherit;

		&:hover {
			.xf-publicSubNavElHover();
		}
	}

	&.p-sectionLinks--empty
	{
		height: 10px;
		display: none;
	}

	.pageContent {
		display: flex;
		align-items: center;
		position: relative;
		justify-content: space-between;
		<xf:if is="property('publicNavSticky')">
			min-height: @xf-uix_stickySectionLinkHeight;
			height: @xf-uix_stickySectionLinkHeight;
		</xf:if>
		<xf:if is="property('uix_pageStyle') == 'covered'">
			.m-pageWidth();
		</xf:if>
	}

	.p-navgroup .p-navgroup-link i:after,
	.p-navSearch-trigger i:after {font-size: @xf-uix_iconFont;}
	.p-navgroup-link.p-navgroup-link--user .avatar {
		font-size: @xf-uix_iconSizeLarge;
		.m-avatarSize(@xf-uix_iconSize);
	}
	.p-navSearch-trigger,
	.p-navgroup .p-navgroup-link {padding: @xf-paddingSmall;}
}

.p-sectionLinks-inner
{
	// .m-clearFix();
	// .m-pageWidth();

	@defaultPadding:  max(0px, @xf-pageEdgeSpacer - @xf-publicSubNavPaddingH);
	.m-pageInset(@defaultPadding);
	margin-right: auto;
}


.p-sectionLinks-list
{
	.m-listPlain();

	font-size: 0;

	a
	{
		color: inherit;
	}

	> li
	{
		display: inline-block;
	}

	.m-navElHPadding(@xf-publicSubNavPaddingH);

	.p-navEl
	{
		font-size: @xf-publicSubNav--font-size;
		// padding-top: @xf-paddingMedium;
		// padding-bottom: @xf-paddingMedium;
		height: @xf-uix_stickyStaffBarHeight;

		&:hover
		{
			.xf-publicSubNavElHover();

			a
			{
				text-decoration: @xf-publicSubNavElHover--text-decoration;
			}
		}
		<xf:comment>
		&.is-menuOpen
		{
			.xf-publicSubNavElMenuOpen();
			.m-borderBottomRadius(0);
			.m-dropShadow(0, 5px, 10px, 0, .35);
		}
		</xf:comment>
	}

	.p-navEl-link,
	.p-navEl-splitTrigger
	{
		padding-top: @xf-publicSubNavPaddingV;
		padding-bottom: @xf-publicSubNavPaddingV;
	}
}

<xf:if is="(property('uix_searchPosition') != 'tablinks') &&
	(property('uix_loginTriggerPosition ') != 'tablinks') &&
	(property('uix_userTabsPosition ') != 'tablinks')">

	@media (max-width: @xf-publicNavCollapseWidth) {
		.has-js .p-sectionLinks-inner
		{
			display: none;
		}
	}

</xf:if>