.comment {
	&-respond {
	}
	&-reply-title {
		display: none;
		@include media-breakpoint-up(lg) {
			font-size: 20px;
			line-height: 1.4;
			margin-bottom: 15px;
		}
	}
	&-form {
		position: relative;
		display: flex;
		flex-direction: column;
		margin-bottom: 25px;
		&#commentform {
			border: none;
		}
		&-author {
			order: 0;
		}
		&-email {
			order: 2;
		}
		&-url {
			display: none;
			order: 4;
		}
		&-comment {
			order: 6;
		}
		&-cookies-consent {
			order: 8;
			margin-bottom: 8px;
			input {
				margin-right: 7px;
			}
			label {
				letter-spacing: 0;
				text-transform: none;
			}
		}
		&-comment,
		&-author,
		&-email,
		&-url {
			margin: 1em 0 0 0;
		}
		.form-submit {
			margin: 1em 0 0 0;
			order: 10;
			input {
				padding: $button__indents;
				border-radius: $button__border-radius;
			}
		}
		&__field {
			width: 100%;
			vertical-align: top;
			.comment-list & {
				background-color: #fff;
			}
		}
		input,
		textarea {
			border-radius: $border__radius;
			background-color: #fff;
		}
		textarea {
			min-height: 125px;
			padding-top: 10px;
			padding-bottom: 10px;
		}

		.logged-in-as,
		.comment-notes {
			margin: 1em 0;
			display: none;
		}

		.comment-list & {
			padding-bottom: 2em;
		}

		.logged-in & {
			padding-right: 19px;
			padding-left: 19px;
			.comment-avatar {
				margin-bottom: -73px;
				position: relative;
				z-index: 1;
				margin-left: 22px;
				img {
					border-radius: 50%;
				}
			}
			textarea {
				min-height: auto;
				padding: 12px 50px 0 15px;
				line-height: 1.2;
				&::-webkit-input-placeholder { opacity: 0 }
				&::-moz-placeholder { opacity: 0 }
				&:-moz-placeholder { opacity: 0 }
				&:-ms-input-placeholder { opacity: 0 }
			}
			p {
				margin: 0;
			}
			.form-submit {
				position: absolute;
				right: 31px;
				top: 31px;
				width: 26px;
				height: 26px;
				cursor: pointer;
				&::before {
					content: 'send';
					@include material-icon;
					@include font-size(1.625);
					display: inline-block;
				}
			}
			.submit {
				padding: 0;
				font-size: 0;
				position: absolute;
				right: 0;
				top: 0;
				width: 26px;
				height: 26px;
				cursor: pointer;
				background: none !important;
				box-shadow: none !important;
				border: none;
			}
		}
	}

	&-avatar {
		display: inline-block;
		max-width: 50px;
		margin-bottom: -73px;
		position: relative;
		z-index: 1;
		margin-left: 22px;
		img {
			border-radius: 50%;
		}
	}
}
#cancel-comment-reply-link {
	@include font-size(0.75);
}