/* =Comments
----------------------------------------------- */

#comments {
	clear: both;
}
.page #comments {
	border-top: 1px solid #eee;
	padding-top: 1.5em;
}

.bypostauthor {
	background-color: rgba(255, 255, 255, 0.5);
}
// .comments-title,
// #reply-title {
// 	font-size: 20px;
// 	font-size: 2rem;
// 	font-weight: 300;
// 	color: #999;
// }
.comment-list li {
	list-style: none;
}
.comment-content ul, .comment-content ol {
	margin-bottom: 1.5em;
}
.comment-content ul li {
	list-style: disc;
}
.comment-content ol li {
	list-style: decimal;
}
ol.comment-list,
.children {
	list-style: none;
	margin: 0;
}

ol.comment-list {
	margin-bottom: .7em;
	padding-left: 0;
}
.children {
	margin: 0;
	padding: 0;
}
.comment-list li.comment,
.comment-list li.pingback {
	padding: 1em 0 0 0;
}
.comment-list .children li,
.comment-list li:last-of-type {
	border: none;
}
article.comment,
li.pingback {
	overflow: hidden;
	padding: 2.5em 0 0.7em;
    position: relative;
}
.children article.comment,
.children li.pingback {
	padding-top: 1.0em;
}
.comment .avatar {
	float: left;
	margin-right: 1.25em;
}
.comment-author {
	font-size: 14px;
	font-size: 1.4rem;
}
.comment-meta {
	font-size: 12px;
	font-size: 1.2rem;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #eee;
	margin-bottom: 1.5em;
}
.comment-meta .fn {
	font-style: normal;
	font-weight: bold;
}
.comment-metadata a, .comment .reply a {
	color: #999;
}
.comment-content{
	margin: 10px 0 0;
}
.comment .reply, li.pingback {
	font-size: 12px;
	font-size: 1.2rem;
}
.comment-body .reply {
	margin-top: 5px;
}
#comments .form-allowed-tags {
	display: none;
}
#respond input[type="submit"] {
	margin-top: 0;
}
.comment-body {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
li.pingback .comment-body {
	padding: 5px 0;
}

/* Comment Form */
.comment-notes,
#commentform .form-allowed-tags,
p.nocomments,
p.logged-in-as,
#commentform label {
	font-size: 13px;
	font-size: 1.3rem;
}
.required {
	color: #880000;
}

#commentform .form-allowed-tags,
#commentform .form-allowed-tags code {
	font-size: 11px;
	font-size: 1.1rem;
}
p.nocomments {
	margin: 2.5em;
}
p.comment-form-author {
	margin-bottom: 1em;
}
#commentform label {
	display: block;
	margin-bottom: .5em;
}

#comments #respond {
	display: none;
}

textarea#comment {
	height: 60px;
	padding: 10px;;
}

h3#reply-title.comment-reply-title {
	font-size: 17px;
}

.comments-title {
	display: none;
}

div.comment-content p {
	margin-bottom: 0;
	margin-top: 5px;
}

footer.comment-meta {
	margin-bottom: 0;
	padding-bottom: 5px;
	overflow: hidden;
}

.appp-below-post {
	background-color: rgba(255,255,255,.5);
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 0 -10px;
}

.appp-below-post .btn {
	padding: 0;
}

.appp-below-post .btn a {
	padding: 13px 0;
	display: block;
}

.appp-below-post .btn, .appp-below-post a, .appp-below-post a:visited {
	background-color: transparent;
}

@media ( max-width: 300px ) {
	.appp-below-post .fa {
	 display: block;
	 float: none;
	}
 }