/**
 * Simple Contact Form Front-End Styles
 */

.scf-form-container {
	margin-top: 20px;
	margin-bottom: 20px;
	transition: all 0.3s ease;
}

.scf-contact-form input,
.scf-contact-form textarea {
	font-family: inherit;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.scf-contact-form input:focus,
.scf-contact-form textarea:focus {
	border-color: #9ec043 !important;
	box-shadow: 0 0 0 4px rgba(158, 192, 67, 0.15) !important;
}

.scf-submit-btn {
	outline: none;
	font-family: inherit;
	box-shadow: 0 4px 6px -1px rgba(158, 192, 67, 0.2), 0 2px 4px -1px rgba(158, 192, 67, 0.1);
}

.scf-submit-btn:hover {
	background: #8bb036 !important;
	transform: translateY(-1px);
	box-shadow: 0 10px 15px -3px rgba(139, 176, 54, 0.3), 0 4px 6px -2px rgba(139, 176, 54, 0.15);
}

.scf-submit-btn:active {
	transform: translateY(1px);
}

.scf-submit-btn:disabled {
	background: #94a3b8 !important;
	cursor: not-allowed;
	box-shadow: none;
	transform: none;
}

/* Alert Boxes Style */
.scf-form-status.success {
	background-color: #f0fdf4 !important;
	border: 1px solid #bbf7d0 !important;
	color: #15803d !important;
}

.scf-form-status.error {
	background-color: #fef2f2 !important;
	border: 1px solid #fecaca !important;
	color: #b91c1c !important;
}