#comment-section {
	padding-bottom: 3rem;
}

div.reply-link {
	/*color: var(--col-green-1);*/
	color: white;
	font-size: 0.9em;
	padding: 3px;
}

/*.reply-button {
	padding-top: 1rem;
}*/

.comment {
	padding-left: 1rem;
}

.comment-name {
	font-family: var(--font-1);
	font-size: 1.2rem;
	color: var(--col-green-2);
}

.comment-time {
	font-size: 0.8rem;
	color: var(--col-green-2);
}

.reply-area {
	padding-left: 1.5rem;
}

.reply {
	/*padding-left: 1.5rem;*/
	padding-top: 1rem;
}

.reply-button.inactive {
	display: none;
}

form.hidden {
	display: none;
}

.comment_text_warn,
.comment_name_warn {
	font-size: 0.7rem;
	color: red;
	padding-top: 0.5rem;
}

/* Rating Star Passive Style */
.rating-stars {
	display: inline-block;
	padding-left: 1em;
	margin-bottom: 0;
}

.rating-stars ul > li.star {
	display: inline-block;
}

.rating-stars ul {
	list-style-type: none;
	padding: 0;
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
	font-size: 0.8em; /* Change the size of the stars */
	color: #ccc; /* Color on idle state */
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
	color: #ff912c;
}

/* Rating Star Active Style */

/* Idle State of the stars */
li.star-sub > i.fa {
	font-size: 1.2em; /* Change the size of the stars */
	color: #ccc; /* Color on idle state */
}

li.star-sub {
	display: inline-block;
}

/* Hover state of the stars */
li.star-sub.hover > i.fa {
	color: #ffcc36;
}

/* Selected state of the stars */
li.star-sub.selected > i.fa {
	color: #ff912c;
}

.delete-link {
	align-items: right;
	font-size: 0.8rem;
	padding-left: 1rem;
	color: var(--col-green-1);
	opacity: 1;
}

.delete-link:hover {
	color: var(--col-green-2);
	font-size: 1rem;
}

.moderation-note {
	align-items: right;
	font-size: 0.8rem;
	opacity: 1;
	color: var(--col-green-1);
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	display: inline-block;
	font-family: var(--font-2);
}

/* .preview {
	opacity: 0.5;
} */

/* Popup message */
/*.popup {
	visibility: hidden;
	background-color: rgb(250,238,232);
	position: fixed;
  	top: 50%;
  	left: 50%;
  	/* bring your own prefixes */
/*transform: translate(-50%, -50%);
}*/