form#commentform {display: flex;flex-direction: column;}
form#commentform .custom_comment_field{order:1;}
form#commentform .w-form-row.for_textarea{order:2;padding-top:10px;}
form#commentform .acf-comment-fields.acf-fields{order:3;}
form#commentform .w-form-row.for_text{order:4;padding-top:10px;}
form#commentform .w-form-row.for_email{order:5;padding-top:10px;}
form#commentform .w-form-row.for_agreement{order:6;}
form#commentform .form-submit{order:7;}
.custom_comment_field {text-align: center;}
.custom_comment_field .comments-rating{padding-top:10px;}
span.rating-container label {background: #f3f3f3;margin: 3px!important;padding: 15px;width: 55px!important;border-radius: 50%;}
span.rating-container label i{visibility:hidden;}
span.rating-container label:last-child {display: none;}

.comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
}
.custom_rating{float:left;width:100%;}
.custom_rating p.stars{float:left;width:auto;margin-right: 15px;}
.custom_rating p.stars span.dashicons.dashicons-star-filled{margin-right:5px;}
.comment_images img {border: 3px solid #ccc;margin-right: 3px;width:300px;height:300px;object-fit:cover;}

.comments-rating label {
	display: inline-block;
}

.rating-container {
	/* remove inline-block whitespace */
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
}

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

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

.rating-container > input + label {
	/* only enough room for the star */
	font-family: 'dashicons';
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 1em;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
}

.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\f154";
	color: #888;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
	content: "\f155";
	color: #e52;
	text-shadow: 0 0 1px #333;
}

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

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

.rating-container:hover > input + label:before {
	content: "\f154";
	color: #888;
	text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: "\f155";
	color: #e52;
	text-shadow: 0 0 1px #333;
}

.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;
}