@import './component.scss';

.nav-tabs {
	@include rem-calc(margin, 7px 0);
	border: 0;
	display: flex;
	.nav-item:not(:last-child) {
		margin-right: 25px;
	}
}

.nav-item .nav-link {
	font-weight: 400;
	color: $dove-gray;
	line-height: 24px;
	border: 0;
	@include rem-calc(font-size, 16px);
	@include rem-calc(padding, 0 10px 10px);
	border-bottom: 3px solid transparent;
	&.active {
		font-weight: 700;
		color: $mine-shaft-black;
		border-color: $radical-red;
	}
}

.nav-tabs.smaller {
	@include rem-calc(margin, 40px 0 20px);
	border: 0;
	display: flex;
	justify-content: flex-start;
	.nav-item:not(:last-child) {
			margin-right: 25px;
	}
}

.nav-tabs.smaller .nav-item .nav-link {
	@include rem-calc(padding, 0 6px 6px);
	font-weight: 400;
	color: $dove-gray;
	font-size: 14px;
	line-height: 22px;
	border: 0;
	border-bottom: 2px solid transparent;
	&.active {
			font-weight: 700;
			color: $mine-shaft-black;
			border-color: $radical-red;
	}
}