//**********
//* c-tabs *
//**********
.c-tabs__list{
	display: flex;
	flex: 1 0 auto;
	font-size: $fontSizeListTabs;
	list-style: none;
	margin: 0;
	padding: 0;
}

.c-tabs__listItem.is-active .c-tabs__listButton{
	font-weight: bold;
}

.c-tabs__listButton{
	background: $paletteSemiblueLight;
	border-radius: $borderRadiusMedium $borderRadiusMedium 0 0;
	cursor: pointer;
	padding: $spaceMedium $spaceLarge;
	position: relative;
	@include transition($mTransition);

	&:after{
		background: $paletteGreyLightest;
		bottom: $spaceMedium;
		content: '';
		left: 0;
		position: absolute;
		top: $spaceMedium;
		width: 1px;
	}

	&:hover,
	&:focus,
	.c-tabs__listItem.is-active &{
		background: $paletteWhite;
		color: $paletteCherryDarker;

		&:after{
			display: none;
		}
	}
}

.c-tabs__content{
	background: $paletteWhite;
	border-radius: 0 $borderRadiusMedium $borderRadiusMedium $borderRadiusMedium;
	box-shadow: $boxShadowContent;
	padding: $spaceXLarge;
}

.c-tabs__contentItem{
	display: none;

	&.is-active{
		display: block;
	}
}