.sf-Comments {
	@extend .sf-mt-xl; //30px

	[class^="sf-icon"] {
		display: inline-block;
	}
	.sf-loading {
		@extend .sf-mb-m; //15px
	}
}

.sf-Comment-count {
	display: inline-block;
	@extend .sf-ml-s; //10px

	[class^="sf-icon"] {
		display: inline-block;
		vertical-align: middle;
	}

	.sf-Comment-count--block &{
		@extend .sf-ml-xxs; //0
		@extend .sf-mt-xs; // 5px
		display: block;
	}
}

// Hide elements before js initialization
[data-sf-role="error-message"],
[data-sf-role="list-loading-indicator"],
[data-sf-role="list-loading-indicator"],
[data-sf-role="comments-new-message-error"],
[data-sf-role="comments-new-logged-out-view"],
[data-sf-role="comments-new-name-error"],
[data-sf-role="captcha-container"],
[data-sf-role="single-comment-template"],
[data-sf-role="comments-new-pending-approval-message"],
[data-sf-role="comments-load-more-button"],
[data-sf-role="comments-new-form-button"],
[data-sf-role="comments-sort-new-button"],
[data-sf-role="comments-sort-old-button"],
[data-sf-role="comments-new-requires-authentication"],
[data-sf-role="list-rating-wrapper"],
[data-sf-role="review-new-form-replacement"] {
	display: none;
}

.sf-Comments-header {
	@extend .sf-mb-xl; //30px

	h3 {
		@extend .sf-mr-l; //20px
		display: inline-block;
		margin-top: 0;
	}
	a { 
		@extend .sf-mt-xs; //5px
		@extend .sf-ml-xs; //5px
	}
	.selected {
		color: $comments-header--selected-color;
	}
}

.sf-Comments-list {
	@extend .sf-mb-xl; //30px

	.sf-Comments-list-author {
		@extend .sf-pr-xs; //5px
		border-right: $comments-list-author-border-width solid $comments-list-author-border-color;
	}
}

.sf-Comments-form {
	textarea {
		min-height: $comments-form-min-height;
	}
}

.sf-Comments-more {
	@extend .sf-mb-xl; //30px
}

.sf-Comment-subscribe {
	@extend .sf-mt-m; //15px
	@extend .sf-ml-xxxl; //50px
}

//Reviews

.sf-Review-already {
	@extend .sf-mt-l; //20px
}

.sf-Review-count {
	@extend .sf-ml-s; //10px
	display: inline-block;

	.sf-Review-count--block &{
		@extend .sf-ml-xxs; //0
		@extend .sf-mt-xs; // 5px
		display: block;
	}

}

//Comment count on new line

.sf-Comment-count--block {
	.sf-Comment-count,
	.sf-Review-count {
		@extend .sf-ml-xxs; //0
		@extend .sf-mb-s; //10px
		display: block;
	}
}