/* comment form styles */
.comment-form {
	padding: $global-sm-space 0 0;
	max-width: 765px;

	h3 {
		margin: 0 0 $global-sm-space;
		color: $text-color;
	}

	.form-control {
		font-style: italic;
		padding: 0 15px;
		height: 40px;
	}

	.form-rate {
		position: relative;
		
		.form-control {
			padding-right: 110px;
		}

		.star-rating {
			position: absolute;
			top: 5px;
			right: 30px;

			> span {
				&:hover {
					color: $secondary-color;
				}
			}
		}
	}

	textarea.form-control {
		width: 100% !important; // to fix overflow while resizing
		min-height: 190px;
		resize: none;
		padding-top: 10px;
	}

	.btn {
		width: 100%;
		height: 40px;
	}

	.btn-holder {
		margin-top: 15px;
	}

	@include breakpoint-min($screen-sm) {
		padding: $global-md-space 0 0;
	}

	@include breakpoint-min($screen-md) {
		padding: $global-space 0 0;
	}
}