.c-nav {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.c-nav__list {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0;
	list-style: none;
	margin: 0 auto;
}

.c-nav__item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 0 auto;
	margin-top: 0;

	& + & {
		margin-left: space(2);

		@include mq(930) {
			margin-left: space(3);
		}

		@include mq($bp-max) {
			margin-left: space(6);
		}
	}
}

.c-nav__link {
	@include font-size(m);
	@include font-weight(medium);
	position: relative;
	display: inline-block;
	padding: 0;
	color: rgba(palette(neutral, 0), 0.85);
	text-decoration: none;
	transition: color 150ms linear;

	@include mq(930) {
		@include font-size(l);
	}

	&::after {
		content:'';
		position: absolute;
		display: block;
		height: 2px;
		width: 100%;
		bottom: -4px;
		opacity: 0;
		background-color: palette(neutral, 0);
		transform: translateY(4px);
		transition: opacity 150ms linear,
					transform 150ms ease-in-out;
	}

	&:hover {
		color: palette(neutral, 0);

		&::after {
			opacity: 1;
			transform: none;
			background-color: currentColor;
		}
	}

	.is-active & {
		color: palette(neutral, 0);

		&::after {
			opacity: 1;
			transform: none;
			background-color: palette(primary, 800);
		}
	}
}

.c-nav__icon {
	margin-left: 7px;
	color: palette(action);
}

.c-nav__actions {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: 0;
}