//**********
//* m-menu *
//**********
.m-menu{
	background: $backgroundMenu;
}

.m-menu__list{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 0 0 (-$spaceLarge);
	padding: 0;
}

.m-menu__item{
	margin: 0 0 0 $spaceLarge;
	padding: 0;
}

.m-menu__item--button .btn{
	border-color: $paletteBlueDarker;
	color: $paletteBlueDarker;
	text-decoration: none;

	&:hover{
		border-color: $paletteCherryDarker;
		color: $paletteCherryDarker;
	}
}

.m-menu__link{
	align-items: center;
	background: none;
	color: $paletteBlueDarker;
	display: flex;
	height: 100%;
	padding: 0;
	text-decoration: none;

	&:hover{
		color: $paletteCherryDarker;
		text-decoration: none;
	}

	&.is-selected{
		color: $paletteCherryDarker;
	}

	.c-icon{
		height: $sizeIconLinkMenu;
		width: $sizeIconLinkMenu;
	}
}

.m-menu__item--logout .m-menu__text{
	display: none;
}

// m-menu--main
.m-menu--main{
	background: $backgroundMain;

	.m-menu__list{
		font-size: $fontSizeListMain;
		margin: 0;
	}

	.m-menu__item{
		margin: $marginTopLinkMain 0 0 0;
		flex: 1 1 100%;

		&:first-child{
			margin-top: 0;
		}
	}

	.m-menu__item--button{
		padding: $paddingItemButtonMain;

		.btn{
			border-color: $paletteWhite;
			display: block;
			text-align: center;
			color: $paletteWhite;

			&:hover{
				color: $paletteWhite;
				font-weight: bold;
			}
		}
	}

	.m-menu__link{
		color: $paletteWhite;
		padding: $paddingLinkMain;

		&:hover{
			font-weight: bold;
			color: $paletteWhite;
		}
	}

	.c-icon{
		flex: 0 0 24px;
	}

	@include until($mediaWidthHeader){
		.m-menu{
			display: none;
		}
	}
}