.profile-courselist h3[id] {
	margin-top: 10px;
}

.profile-courselist .badge-title {
	margin-bottom: 5px;
}

.profile-courselist .badge-title + div {
	margin-bottom: 20px;
}

.profile-courselist .badge {
	background-color: $user-bg;
	color: desaturate(darken($user-bg, 40%), 80%);
}

.profile-courselist .role-label {
	cursor: pointer;
	transition-duration: $default-transition-time;
	transition-property: #{'color background box-shadow'};

	&:hover,
	&:focus {
		background: darken($user-bg, 5%);
		box-shadow: $shadow-sm-offset-x $shadow-sm-offset-y $shadow-sm-blur $default-shadow;
		color: desaturate(darken($user-bg, 50%), 80%);
	}
}

.profile-courselist .course-compact-wrap {
	@media (min-width: $screen-xsm) {
		@include td-make-xs-column(6, 7.5px);
	}
}
