/*------------------------------------
  Navigation Style v9
------------------------------------*/

.navbar .u-main-nav-v9 {
	.nav-link {
		@extend %u-main-nav-base-link;

		color: $g-color-gray-dark-v4;

		@include px-to-rem(padding, 0 20px 0 0);
	}

	.nav-item {
		> a {
			@include px-to-rem(padding, 20px 0);
		}

		&.hs-has-sub-menu,
		&.hs-has-mega-menu {
			@extend %u-main-nav-has-sub-menu;

			> a {
				&::after {
					@include px-to-rem(font-size, 18px);
					
					right: 0;
				}
			}
		}

		&.active > .nav-link,
		&:hover > .nav-link,
		&:focus > .nav-link,
		.nav-link:focus {
			color: $g-color-black;

			&::after {
				color: $g-color-primary;
			}
		}
	}
}