@import '_variable.scss';

/*
 * COMMENT STYLES
 */
#comments {
	padding: 15px 15px;
	margin-top: 35px;
}

.comments-title {
	padding: 0.75em;
	margin: 0;
	font-weight: 500;
}

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

.comment {
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 1.5em;
	border-bottom: 1px solid whitesmoke;
	/* end .commentlist .vcard */
	/* end children */
	a {
		color: #9fa6b4 !important;
		&:hover {
			color: #9f2f24 !important;
		}
	}
	.comment-author {
		padding: 0px;
		border: 0;
	}
	.vcard {
		margin-left: 0px;
		cite.fn {
			font-weight: 700;
			font-style: normal;
		}
		time {
			display: block;
			font-size: 0.9em;
			font-style: italic;
			a {
				color: #BFa5a3;
				text-decoration: none;
				&:hover {
					text-decoration: underline;
				}
			}
		}
		.avatar {
			position: absolute;
			left: 16px;
			border-radius: 50%;
		}
	}
	&:last-child {
		margin-bottom: 0;
	}
	.children {
		margin: 0;
		padding-left:0px;
		/* variations */
		/* change number for different depth */ }
	&[class*=depth-] {
		margin-top: 1.1em;
	}
	&.depth-1 {
		margin-left: 0;
		margin-top: 0;
		padding-left: 58px; }
	&:not(.depth-1) {
		margin-top: 0;
		margin-left: 0;
		padding: 7px 0px; }
	&.depth-2 {
		padding-left: 58px;
	}
	&.depth-3 {
		padding-left: 58px;
	}
	&.depth-4 {
		padding-left: 58px;
	}
	&.depth-5 {
		padding-left: 58px;
	}
	&.odd {
		background-color: #fff;
	}
	&.even {
		background: whitesmoke;
	}
	&.byuser{
		background-color: lighten(#ac9b9b, 28%);
	}
	.comment_content p {
		margin: 0.7335em 0 1.5em;
		font-size: 1em;
		line-height: 1.5em;
	}
	.comment-reply-link {
		/*@extend .blue-btn;*/
		font-size: 0.9em;
		float: right;
	}
	.comment-edit-link {
		font-style: italic;
		margin: 0 7px;
		text-decoration: none;
		font-size: 0.9em;
	}
}




/*
 * COMMENT FORM STYLES
 */
.comment-respond {
	padding: 1.5em 0;
	border-top: 1px solid whitesmoke;
}
#reply-title {
	margin: 0;
	font-weight: 500;
}
.logged-in-as {
	color: #9fa6b4;
	font-style: italic;
	margin: 0;
}
.logged-in-as a {
	color: #5c6b80;
}
.comment-form-comment {
	margin: 1.5em 0 0.75em;
}
.form-allowed-tags {
	padding: 1.5em;
	background-color: whitesmoke;
	font-size: 0.9em;
}
#comment-form-title {
	margin: 0 0 1.1em;
}
#allowed_tags {
	margin: 1.5em 10px 0.7335em 0;
}
.nocomments {
	margin: 0 20px 1.1em;
}
.form-submit .btn{

}