.comment-area {
	padding:  48px 0 24px 0;
	ol {
		padding: 48px 0 24px 0;
	}
	li {
		border-bottom: 1px solid $border_light;
		padding: 16px 0;
		&:last-child {
			border-bottom: none;
		}
	}
}

//comment form
.comment-reply-title,
.comment-notes {
	text-align: center;
}
.comment-reply-title {
	font-size: 16px;
	padding: 24px 0 0 0;
}
.comment-notes {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.comment-form label {
	font-size: 14px;
}
.comment-area,
.wpcf7-form {
	input[type="text"],
	input[type="email"],
	input[type="url"],
	textarea {
		@include border;
		display: block;
		font-size: 14px;
		outline: none;
		margin: 4px 0 0 0;
		padding: 8px;
		width: 95%;
		&:focus {
			-webkit-transition: all .6s ease;
			transition: all .6s ease;
		}
	}
	input[type="submit"] {
		border-radius: 2px;
		color: $white;
		margin: 8px 0;
		padding: 8px 16px;
		&:hover {
			background: $white;
			-webkit-transition: all .6s ease;
			transition: all .6s ease;
		}
	}
}
.required {
	color: #ff0000;
}

//comment list
.comment-avatar img {
	border-radius: 50%;
}
.comment-meta a,
.comment-body {
	font-size: 14px;
}
.bypostauthor {
	background: $light_grey;
	padding: 16px 8px 16px 1em !important;
}
.depth-2 {
	margin: 0 0 0 2em;
}
.depth-3 {
	margin: 0 0 0 3em;
}
.depth-4 {
	margin: 0 0 0 4em;
}
.depth-5 {
	margin: 0 0 0 5em;
}

//comment pager
.comment-pager {
	display: -webkit-flex;
	display: flex;
	padding: 0 8px;
}
.comment-page-link {
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
}

//trackback
.trackback-url {
	padding: 16px 0;
}