#comments.has-comments
{
	min-height: 300px;
}
#comment-form-wrapper
{
	border-bottom: 1px solid #555;
	padding-bottom: .5em;
	background: #333;
}

.comment-form-wrapper textarea
{
	font-size: .75rem !important;
}

#comment-form-wrapper
{
	border-bottom: 1px solid #555;
	padding-bottom: .5em;
	background: #333;
}



.comment-restricted
{
	padding: 1rem;
	font-size: .8rem;
	text-align: center;
	color: orange;
	font-weight: 600;
}
#add-comment-wrapper
{
	background: #444;
	border-bottom: 1px solid #111;
}

.add-comment-button,
.add-comment-button:hover,
.add-comment-button:active,
.add-comment-button:visited
{
	display: inline-block;
	background: #0af;
	color: white;
	font-weight: 700;
	font-size: .75rem;
	line-height: 2em;
	padding: 0 .5em;
	text-align: center;
	border-radius: 4px;
}

ul.comments-list
{

	list-style: none;
	margin: 0;
	padding: 0;
	font-size: .9rem;
	background: #222;
	border: 1px solid #555;
	border-radius: 4px;
	overflow: hidden;
}

ul.comments-list > li.comment-wrapper
{
	position: relative;
	
	border-top: 1px solid #444;
	border-bottom: 1px solid #111;
}

ul.comments-list > li.comment-wrapper:first-child
{
	border-top: none;
}

ul.comments-list > li.comment-wrapper:last-child
{
	border-bottom: none;
}

ul.comments-list .comment-inner
{
	position: relative;
	padding: .5rem .75em .25em .75em;
	
}

ul.comments-list .level-1 .comment-inner
{
	padding-bottom: .75rem;
}

ul.comments-list > li#no-questions
{
	text-align: center;
}


ul.comments-list li ul.comment-replies-wrapper
{
	list-style: none;
	margin-top: 0rem;
	margin-left: 2rem;
	margin-right: 0rem;
	margin-bottom: 1rem;
	background: #2a2a2a;
	border: 1px solid #444;
	border-right: none;
	border-radius: 4px 0 0 4px;
}


ul.comments-list li.comment-wrapper ul.comment-replies-wrapper li.comment-wrapper
{
	position: relative;
	border-bottom: 1px solid #444;
}

ul.comments-list li.comment-wrapper ul.comment-replies-wrapper li.comment-wrapper:last-child
{
	border-bottom: none;
}

.comment-wrapper .comment-replies-wrapper
{
	display: none;
}

.comment-wrapper.expanded .comment-replies-wrapper
{
	display: inherit;
}



a.comment-delete-button
{
	position: absolute;
	right: .25rem;
	top: .25rem;
	line-height: 1em;
	font-size: .85rem;
}
.comment-text
{
	line-height: 1.4em;
	font-size: 1em;
	font-weight: 600 !important;
	color: white;
	font-size: 1em;
}

.comment-text p:last-child
{
	margin-bottom: 0;
}

.level-1 .comment-text
{
	font-size: .9em;
	line-height: 1.4em;
	margin-right: .75rem;
}

.comment-meta
{
	font-size: .8em;
	color: #999;
	margin-top: .25rem;
	font-weight: 600;
	font-style: oblique;
}


.comment-reply-wrapper
{
	margin-top: .5em;
}
.comment-action-buttons
{
	text-align: right;
	margin-right: .5rem;
}

.comment-action-button,
.comment-action-button:hover

{
	display: inline-block;
	background: #606060;
	color: #ddd;
	line-height: 1.8em;
	font-weight: 600;
	font-size: .7rem;
	padding: 0 1em;
	border-radius: 1em;
	white-space: nowrap;
	font-style: none;
	transition: background .2s;
}

.comment-action-button:active
{
	background: #777;
	color: white;
}
.comment-action-button.view
{
	background: #0af;
	color: white;
}

.comment-action-button i.fa
{
	line-height: inherit;
}
.comment-action-button.disabled
{
	pointer-events: none;
	color: #999;
	cursor: default;
}
.comment-action-button:active
{
	background: #aaa;
	color: #222;
}
.comment-reply-form
{
	padding: .5rem;
	margin: .5rem auto;
	border: 1px solid #777;
	background: #555;
	border-radius: 4px;
}

.comment-reply-form.thread-reply-form
{
	padding: .5rem;
	margin-left: 2rem;
	border: 1px solid #444;
	background: #2a2a2a;
	border-radius: 4px 0 0 4px;
	border-right: none;
}

.comment-character-counter
{
	font-size: .8rem;
	color: #ccc;
	line-height: 1em;
	margin-bottom: .5rem;
	font-weight: 600;
}
ul.comments-list li.level-0.closed
{
	height: 6rem;
	overflow: hidden;
	position: relative;
}


.comment-wrapper a.comment-view-replies-button.hide-comments
{
	display: none;
}

.comment-wrapper.expanded a.comment-view-replies-button.view-comments
{
	display: none;
}
.comment-wrapper.expanded a.comment-view-replies-button.hide-comments
{
	display: inline-block;
}

.comments-list-wrapper
{
  background: none;
  border: none;
  border-radius: 0;
}

.comment-author-header
{
  font-size: .7rem;
  background: #333;
  color: #888;
  border-bottom: 1px solid #444;
  padding-left: .5rem;
  line-height: 1.5em;
  font-style: oblique;
}
