// -------------------------------------------------------------------
// :: MAIN NAVIGATION
// -------------------------------------------------------------------

.m-main-navigation{

	@include FLOW-at($desktop){
		margin-top: 1.35rem;
		margin-right: 0.5rem;
	}

	a{
		text-decoration: none;
		color: $font-color;
		font-weight: bold;
		display: block;
		padding: 0.3rem 0.8rem;
		border-radius: 2rem;
		transition: all 0.2s ease-in;

		&:not(:last-child){
			margin-bottom: 0.5rem;
		}

		@include FLOW-at($desktop){
			display: inline-block;
			margin-right: 0.5rem;
		}

		&:hover{
			background-color: $light;
		}

		&.is-active{
			color: $primary-color;
		}
	}
}