Viewing File: /home/maglabs/2vsa/wp-content/themes/cargohub/css/comments.less

.bypostauthor {
	display: block;
}

.comments-area {
	clear: both;
	margin-top: 80px;
}

.comments-title,
.comment-reply-title {
	text-transform: capitalize;
	font-size: 30px;
	font-weight: 600;
	margin: 0 0 20px;
	padding-bottom: 10px;
	position: relative;

	&:after {
		content: '';
		position: absolute;
		height: 2px;
		width: 67px;
		background-color: @primary-color;
		left: 0;
		bottom: 0;
	}
}

.comment-count {
	display: none;
}

.comment-reply-title {
	margin-bottom: 30px;
}

.comment-list {
	list-style: none;
	margin: 0;
	padding: 0;

	.children {
		list-style: none;
		padding: 0 0 0 80px;

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

	& > .comment:first-child article {
		border: none;
	}
}

.comment {
	.clearfix;
	float: left;
	clear: both;
	width: 100%;

	article {
		padding: 40px 0;
		border-top: 1px solid #ececec;
		overflow: hidden;
	}

	.comment-author {
		float: left;
	}

	.comment-edit-link {
		float: right;
		margin-right: 20px;
	}

	.comment-meta {
		margin-left: 130px;
	}

	.author-name {
		font-size: 18px;
		font-family: @font-family-secondary;
		color: @heading-color;
		font-weight: 400;
		text-transform: capitalize;
		font-style: normal;
		padding-bottom: 10px;
	}

	.comment-reply-link {
		font-size: 16px;
		font-weight: 500;
		text-transform: capitalize;
		position: relative;
		font-family: @font-family-secondary;

		&:hover {
			color: @primary-color;
		}
	}
}

.comment-respond {
	margin-top: 50px;

	.comment-notes {
		font-size: 16px;
		font-weight: 400;
		color: @heading-color;
		padding-bottom: 5px;
	}

	::-webkit-input-placeholder {
		color: #9f9f9f;
		font-size: 16px;
	}

	.required {
		display: none;
	}

	textarea {
		width: 100%;
		padding: 10px 15px;
		border-color: #ececec;
		outline: none;
		color: @heading-color;
		height: 108px;
		transition: 0.5s;

		&:focus {
			border-color: #848484;
		}
	}

	.comment-form-comment {
		margin-bottom: 30px;
		margin-top: 20px;
	}

	.comment-form-email {
		input {
			border: 1px solid #ececec;
		}
	}

	.comment-form-author,
	.comment-form-email,
	.comment-form-url,
	.comment-form-phone {
		width: 50%;
		float: left;
		padding: 0 15px;

		input {
			width: 100%;
			padding-left: 15px;
			height: 50px;
			border-color: #ececec;
			outline: none;
			color: @heading-color;
			transition: 0.5s;

			&:focus {
				border-color: #848484;
			}
		}
	}

	.comment-form-author,
	.comment-form-url {
		padding-left: 0;
	}

	.comment-form-email,
	.comment-form-phone {
		padding-right: 0;
	}

	.form-submit {
		clear: both;
		margin-top: 35px;

		.submit {
			.btn()
		}
	}
}

.comment-content {
	word-break: break-all;
	padding-bottom: 20px;

	a {
		word-wrap: break-word;
	}
}

.comment-awaiting-moderation {
	display: block;
}