/**
 *	Styling for the comment section of the theme
 */
 
// The Respond Section
#respond {
	label {
		display:inline;
		@extend %heading-font;
	}
	input {
		border-radius: 0.4em;
	}
	textarea {
		border-radius: .8em;
		color: darken(white, 50%);
		padding: .5em;
	}
	input.submit {
		@extend %bold;
		@extend .oro-btn;
		@extend .bordered-primary;
	}
}

// The Comments area

#comments {
	.comments-title {
		margin-bottom: 1em;
	}
	.comment-list, ul.children {
		list-style: none;
	}
	.comment-body {
		margin-bottom: 4em;
	}
	ol.comment-list {
		padding: 1.5em;
		background-color: alpha(lightness(white, -27%), -0.9);
		border-radius: .8em;
		overflow: hidden;
	}
	ul.children {
		background-color: alpha(lightness(white, -27%), -0.9);
		padding: 1.5em;
		border-radius: .8em;
	}
	.comment {
		margin-bottom: 1em;
		.comment-author, .comment-meta, .reply {
			@extend %heading-font;
		}
		.comment-info {
			display: flex;
			align-items: center;
			margin-bottom: 1em;
		}
		.vcard {
			margin-right: .75em;
			img {
				border-radius: .5em;
				margin-right: .75em;
			}
		}
		.comment-meta {
			a {
				color: lightness(white, -30%);
				font-size: .75em;
				text-transform: uppercase;
				letter-spacing: .05em;
				margin-right: .75em;
			}
		}
		.reply {
			a {
				@extend .oro-btn;
				@extend .primary;
			}
		}
	}
}