/*********
 comments
*********/

#comments {

}

#comments-info p{
	text-align: center;
	/*font-weight: bold;*/
	font-size: 14px;
	margin-bottom: 25px;
}

#comments  ul {
	/*border: 1px solid blue;*/
	padding: 0;
	margin: 0;
	padding-left: 20px;
}

#comments > ul {
	padding-left: 0;
}

#comments ul li{
	list-style: none;
	position: relative;
	width: auto;
	box-sizing: border-box;
	border: 1px solid #aaaaaa;
	/*border-radius: 5px;*/
	margin: 0 0 20px 0;
	padding: 10px;
}

#comments ul li:after {
	content: "";
	position: relative;
	display: block;
	clear: both;
}

#comments p {
	line-height: 1.6;
	margin-bottom: 10px;
}

#comments button {
	padding: 3px;
	min-width: 100px;
	background: #f5f5f5;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	color: #555555;
	cursor: pointer;
}

#comments .comment-header{
	margin-bottom: 10px;
	overflow: hidden;
	/*border-bottom: 1px solid #aaaaaa;*/
}

#comments .comment-name{
	float: left;
	color: #555555;
	font-weight: bold;
}

#comments .comment-date{
	float: left;
	margin-left: 10px;
	color: #777777;
	font-size: 0.8em;
}


#comments .comment-body{
	clear: both;
	margin-bottom: 10px;
}


/*****************
  #load-more
******************/
#load-more {
	padding: 20px 0;
	display: none;
}

#load-more button{
	padding: 5px;
	min-width: 300px;
	background-color: #f5f5f5;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	color: #555555;
	cursor: pointer;
}

/**************
 comments-form
**************/

.comments-form {
	width: auto;
	padding: 0;
	box-sizing: border-box;

	/*border: 1px solid red;*/
}

.comments-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comments-form ul li {
	padding: 0;
	margin: 0 0 15px 0;
}

.comments-form ul li input[type='text'] {
	width: 50%;
	box-sizing: border-box;
	border: 1px solid #aaaaaa;
	padding: 7px 5px;
	font-size: 14px;
}

.comments-form ul li textarea {
	padding: 5px;
	border: 1px solid #aaaaaa;
	width: 100%;
	box-sizing: border-box;
	height: 150px;
	resize: none;
	min-height: 200px;
	font-size: 14px;
}

.comments-form ul li textarea:focus,
.comments-form ul li input:focus {
	outline: 0;
	border: 1px solid #aaaaaa;
}

.comments-form ul li input[type='submit'] {
	border-radius: 3px;
	padding: 7px 5px;
	background-color: #f5f5f5;
	border: 1px solid #aaaaaa;
	color: #555555;
	/*text-transform: uppercase;*/
	width: 150px;
	outline-style: none;
	cursor: pointer;
	font-size: 14px;
	color: #666666;
}

.comments-form textarea::placeholder,
.comments-form input::placeholder {
	opacity: 0.3;
}

/**************
 .buttonr-reply
***************/

#comments .button-reply {
	color: #aaaaaa;
	margin: 0;
	padding: 0;
	min-width: auto;
	background: none;
	border: none;
	float: right;
	font-family: 'arial';
	font-size: 13px;
	font-weight: normal;
}

#comments .button-reply:before {
	display: inline-block;
	content: '';
	background-image: url(/img/reply.svg);
	background-size: 14px 14px;
	height: 14px;
	width: 14px;
	margin-right: 4px;
	opacity: 0.25;
}

/************
 .reply-form
*************/

#comments .reply-form {
	position: relative;
	display: none;
	padding: 0;
	/*border: 1px solid #aaaaaa;*/
}

#comments .reply-form ul {
	padding: 0;
	margin-left: 0;
}

#comments .reply-form ul  li {
	border: none;
	/*border: 1px solid orange;*/
	padding: 0;
	margin: 0 0 10px 0;
	box-shadow: none;
}

#comments .reply-form ul  li:last-child {
	margin-bottom: 0;
}

#comments .reply-form  textarea {
	margin: 0;
	padding: 5px;
	border: 1px solid #aaaaaa;
	width: 100%;
	box-sizing: border-box;
	height: 120px;
	resize: none;
	min-height: 120px;
}

#comments .reply-form ul li input[type='text']  {
	border: 1px solid #aaaaaa;
	width: calc(50% - 5px);
	margin: 0;
	float: left;
	box-sizing: border-box;
	border-radius: 0;
	padding: 5px;
}

#comments .reply-form ul li input[type='text']:first-child  {
	margin-right: 10px;
}

#comments .reply-form ul li input[type='submit'],
#comments .reply-form ul li input[type='button']  {
	padding: 3px;
	min-width: 100px;
	background: #f5f5f5;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	color: #555555;
	cursor: pointer;
}

#comments .reply-form ul li input[type='submit']{

}

#comments .reply-form ul li input[type='button']{

}

#comments .reply-form ul li input[type='text']:focus,
#comments .reply-form  textarea:focus {
	outline: 0;
}

#comments .reply-form ul li input::placeholder,
#comments .reply-form ul li textarea::placeholder{
	color: #333333;
}