/*

	-- -- -- -- -- -- --
	Courses CSS
	-- -- -- -- -- -- --

*/

.rating {
	display: flex;
	flex-direction: row-reverse;
	justify-content: left;
}

.rating>input {
	display: none;
}

.rating>label {
	position: relative;
	width: 1em;
	font-size: 1.2em;
	cursor: pointer;
}

.rating>label::before {
	content: "\2605";
	position: absolute;
	opacity: 0;
}

.rating>label:hover:before,
.rating>label:hover~label:before {
	opacity: 1 !important;
}

.rating>input:checked~label:before {
	opacity: 1;
}

.rating:hover>input:checked~label:before {
	opacity: 0.4;
}


.rating.rating-lg>label {
	position: relative;
	width: 1em;
	font-size: 2em;
	cursor: pointer;
	font-weight: 100;
}