/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comment-list {
	@include reset-ul();
	margin-bottom: 30px;

	li {
		@include reset-ul();
		@include clearfix();
		margin-bottom: 30px;


		&:last-child {
			margin-bottom: 0;
		}
	}

	img.avatar {
		float: left;
		width: 100px;
		margin-right: 20px;

		@include breakpoint(767) {
			width: 50px;
		}
	}

	.vcard {

		img {
			@include border-radius(50%);
			border: 4px solid $black-10;
		}

		b {
			@include em('font-size', 20);
			text-transform: capitalize;
		}
	}

	.says {
		@include em('font-size', 20);
	}
	
	.comment-metadata,
	.comment-content,
	.reply {
		margin-left: 120px;

		@include breakpoint(767) {
			margin-left: 70px;
		}
	}

	.reply {

	}

	ol.children {
		margin: 20px 0 0 120px;
		padding: 0;

		@include breakpoint(767) {
			margin: 20px 0 0 70px;
		}
	}

}

.bypostauthor {
	display: block;
}