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

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

/*.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: .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: .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: .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: .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%);
}*/