.comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
	line-height: 1;

}

.comments-rating label {
	display: inline-block;
	line-height: 1;

}

.rating-container {
	display: flex;
	flex-direction: row-reverse;
	justify-content:flex-end;

}

.rating-container * {
	font-size: 3rem;
}

.rating-container > input {
	display: none;
}

.rating-container > input + label {
	/* only enough room for the star */
	font-family: 'Font Awesome 5 Free';
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: calc(1.1em + 4px);
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
	color: transparent;
}

.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	font-family: 'Font Awesome 5 Free';
	content: "\f005";
	color: #e1e1e1;
	font-weight: 900;
	line-height: 1;

}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f005";
	color: #ffc600;
}

.rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: 1em;
	margin-left: -1em;
}

.rating-container > .star-cb-clear + label:before {
	width: .5em;
}

.rating-container:hover > input + label:before {
	content: "\f005";
	color: #e1e1e1;
	font-weight: 900;
	text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: "\f005";
	font-weight: 900;
	color: #ffc600;
}

.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
	text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
	text-indent: -9999px;
}