.c-nav {
	@include flex(flex-start, center);
}

.c-nav__list {
	@include flex(center);
	height: 100%;
	padding: 0;
	list-style: none;
	margin: 0 auto;
}

.c-nav__item {
	@include flex(center);
	flex: 1 0 auto;
	margin-top: 0;


	& + & {
		margin-left: 30px;
	}
}

.c-nav__link {
	display: inline-block;
	padding: 20px 0;
	color: rgba(palette(light), 0.6);
	line-height: 24px;
	text-decoration: none;

	.is-active & {
		color: palette(light);
	}
}

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

.c-nav__actions {
	@include flex(center);
	list-style: none;
	margin: 0;
}


/**
 * -----------------------------------------------------------------------------
 * Extra MQ for tweaking some spacing when enough room is available
 * -----------------------------------------------------------------------------
 */
@include mq(1032) {
	.c-nav__list {
		margin-left: 100px; // Limit margin value on fixed size
	}
	.c-nav__actions {
		margin-left: auto; // Push to the side
	}
}