.link_all_comments{
	width:100%;
	text-align:right;
}
 
.editorial_review_holder{
    display: flex;
    justify-content: center;
    align-items: center;
	margin:20px 0;
}
	.editorial_review{	
		padding:20px 30px;
		font-weight:bold;
		font-size:30px;
		background:#dae6ff;
	}
	
#section_comments{
}

	#section_comments ul{
		list-style-type:none;
		margin:10px 0;
		padding: 0px;
	}

		#section_comments ul li{
			padding:20px;
			margin-bottom:20px;
			background-color:#f0f0f0;
		}

		#section_comments ul li.editorial_team{
			background-color:#fff2bc;
		}

/*
.ratings_comment_list li{
	list-style-type:none;
	padding:20px;
	margin:20px 0;
}
*/
/*
	
	.ratings_comment_list li h3{
		display: flex;
		align-items: center;
		margin:0;
	}
	
	.ratings_comment_list li h3 .stars_holder{
		margin-left:10px;
	}	
	

*/
/*
#section_comments .comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
}

#section_comments .comments-rating label {
	display: inline-block;
}
.ratings_comment_list li{
	background-color: #f0f0f0;
}
*/


/*
.pix {
	background-color: #fff5d5;
}
*/






/* Ratings */

	.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;
		padding: 2px 1px;
	}

	.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: #ffd400;
		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: #ffd400;
		text-shadow: none;
	}

	.rating-container:hover > input + label:hover ~ label:before,
	.rating-container:hover > input + label:hover:before {
		content: "\f155";
		color: #ffd400;
		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;
	}






.grade_label{
	display:inline-block;
}

.comment_form{
	padding:20px;
	margin-bottom:10px;
	background-color: #f0f0f0;
}

	.comment_form textarea,
	.comment_form input[type=text]{
		background-color: #fff;
		border: 1px solid #ccc;
	}
	.comment_form input[type=text]{
		margin-bottom:10px;
	}

.user_name_container {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

	.user_avatar {
		flex: 0 0 50px; /* Fixed width of 50px */
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.user_info {
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex: 1; /* Takes up the remaining space */
		margin-left: 10px;
	}

	.user_name, .user_rating {
		width: 100%; /* Ensure they take all the available width */
		font-size:14px;
	}

	.user_nickname {
		font-weight:bold;
	}

	.user_rating {
		display: flex;
		align-items: flex-start; /* Align items to the top */
	}

	.rating_value {
		margin: -4px 0 0 5px;
		font-size: 15px;
	}
	
	




.reviews-by-grade {
	display: flex;
	flex-wrap: wrap;
	gap: 0px;
	padding:20px;
	background-color:#edf2fa;
	margin-bottom:20px;
    width: 100%;
	box-sizing:border-box;
}

  .reviews-by-grade .eval_stars {
    width: 100px;
  }
  
  .reviews-by-grade .eval_count{ 
	width: 90px;
	}

  .reviews-by-grade .eval_bar {
    flex: 1;
  }

  .show_comments {
    display: flex;
    align-items: center;
	width:100%;
  }

  .eval_stars, .eval_bar {
    margin-right: 10px;
  }


.eval_bar {
	display: inline-block;
	width: 100%;
	height: 1rem;
	vertical-align: middle;
	overflow: hidden;
	font-size: .625rem;
	background: #e3e0e0;
	border-radius:5px;
}

.eval_bar .eval_bar_inner {
	display: block;
	height: 1rem;
	background: #fecc00;
	position: relative;
}

.review-title-container {
    display: flex;
    justify-content: center;
	width:100%;
}

.review-title {
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
}









#comment {
    width: 100%; /* Ensure the textarea takes full width */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    padding: 10px; /* Add some padding for better readability */
    border: 1px solid #ccc; /* Add a border */
    border-radius: 4px; /* Rounded corners */
    font-family: inherit; /* Ensure the font matches the surrounding text */
    font-size: 1rem; /* Ensure the font size matches the surrounding text */
    resize: vertical; /* Allow vertical resizing only */
}

#comment::placeholder {
    color: #aaa; /* Placeholder text color */
}
#section_comments .comment-form .form-submit,
#section_comments .comment-form>p {
	margin:0;
}
#section_comments #reviews_title .dashicons{
	font-size:1.8em;
	margin-right:24px;
}

#section_comments #reviews_title{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:20px;
}




ul#reviews-list{
	padding-left:0;
	list-style-type:none;
}

.item-unit{
	width:120px;
	display:inline-block;
	white-space: nowrap;
}

.eval_stars{
	margin-right: 10px;
}

ul.editorial_team {

}
li.editorial_team {
	background-color: #fff2bc;
	margin-bottom:20px;
	padding:20px;
}

.editorial_team h3{
	margin-bottom:10px;
}

.editorial_grade{
	color:red;
	font-weight:bold;
}