/*-----------------------------------------------------------------------------------*/
/*	7. Comments
/*-----------------------------------------------------------------------------------*/
.comments-area {
    border-top: 1px solid black(0.09);
	clear: both;
	margin: 0 0 40px;
	padding: 40px 0 0;
    .avatar {
        float: left;
        margin-bottom: 10px;
        margin-right: 2%;
    }
}
.comments-count { margin: 0 0 20px }
.commentlist {
	margin: 0;
	padding: 0;
	position: relative;
}
.commentlist {
    .comment,
    .pingback {
        list-style: none;
        margin: 0;
        width: 100%;
    }
    .pingback .comment-body {
        padding: 0 0 20px
    }
    .children {
        float: left;
        margin-left: 15%;
        margin-bottom: 0;
        width: 85%;
    }
}
.comment-body {
    border-bottom: 1px solid black(0.11);
    margin: 0 0 20px;
}
.commentlist > li:last-child  .comment-body {
    border-bottom: 0;
    margin-bottom: 0
}
.fn {
    color: #333;
	font-size: 16px;
	font-style: normal;
    a {
        color: inherit
    }
}
.comment-meta {
    color: #999;
	font-size: 12px;
	margin: 5px 0;
    a {
        color: inherit
    }
}
.comment-text {
    overflow: hidden
}
.bypostauthor {
    .fn:after {
        content: "\f007";
        font-family: 'FontAwesome';
        left: 5px;
        position: relative;
        top: 0;
    }
}
.reply {
    float: right;
    i {
        margin:0 3px 0 0;
        @include transition();
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }
}
.comment-reply-link {
	color: #999;
	display: inline-block;
	float: right;
	font-size: 13px;
    &:hover {
        border-color: $color__primary;
        color: #fff
    }
}
.comment-respond {
    border-top: 1px solid black(0.09);
	margin: 0;
	padding: 40px 0 0
}
.comment-reply-title {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	text-transform: uppercase
}
.comment-form {
    p {
        margin: 0 0 10px;
        position: relative
    }
    .form-submit {
        clear: both
    }
    .comment-form-author,
    .comment-form-email {
        margin: 0 2.9% 0 0
    }
    input,
    textarea {
        background: transparent;
        border: 1px solid black(0.11);
        display: block;
        font-size: 14px;
        margin: 4px 0 0;
        padding: 10px 10px;
    }
    label {
        color: #999;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase
    }
    textarea {
        width: 100%
    }
    .required {
        color: #dc0413
    }
    .submit {
        background-color: #e74c3c;
        border: 0;
        color: #fff;
        font-size: 14px;
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        padding: 8px 32px;
        text-transform: uppercase;
        cursor: pointer;
        &:hover {
            background: #000;
            color: #fff
        }
    }
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
	float: left;
	width: 31.4%;
    input {
        width: 100%
    }
}
.comment-form-comment {
	clear: both;
	overflow: hidden;
	width: 100%;
}