/* contact-form.css - the Fluent Forms contact form styled as the Elementor Pro form it replaced (global widget 954:
   two 50% columns with a 30px gutter, 20px between rows, 15px radius #333 outlines, Poppins 300, orange submit button
   3%/13% padding, centred below 1025px). Fluent's own public CSS loads too; every rule here overrides one of its defaults. */
.chindental-contact-form .fluentform { --fluentform-primary: #FF5A32; }
.chindental-contact-form .fluentform .ff-el-group { margin-bottom: 20px; }
.chindental-contact-form .fluentform .ff-t-container { gap: 30px; margin: 0; }
.chindental-contact-form .fluentform .ff-t-container .ff-t-cell { padding: 0; }
.chindental-contact-form .fluentform .ff-t-container .ff-t-cell .ff-el-group { margin-bottom: 20px; }
.chindental-contact-form .fluentform .ff-el-form-control {
	font-family: "Poppins", Sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5em; letter-spacing: 0;
	color: #333; background-color: transparent; border: 1px solid #333; border-radius: 15px;
	padding: .5rem 1rem; height: auto; min-height: 40px; box-shadow: none; transition: all .3s;
}
.chindental-contact-form .fluentform textarea.ff-el-form-control { padding: 5px 14px; }
/* Elementor's textarea was inline (UA default): its line box left 1px more above the submit button than between rows. */
.chindental-contact-form .fluentform .ff-el-group:has(textarea) { margin-bottom: 21px; }
.chindental-contact-form .fluentform .ff-el-form-control:focus { border-color: #333; box-shadow: none; outline: none; }
.chindental-contact-form .fluentform .ff-el-form-control::placeholder { color: #333; opacity: .6; }
.chindental-contact-form .fluentform .ff_submit_btn_wrapper { margin-bottom: 0; text-align: left; }
.chindental-contact-form .fluentform .ff-btn-submit:not(.ff_btn_no_style) {
	font-family: "Poppins", Sans-serif; font-size: 16px; font-weight: 500; line-height: 1em; letter-spacing: 0;
	text-transform: capitalize; background-color: #FF5A32; color: #fff; border: 1px solid #FF5A32; border-radius: 15px;
	padding: 3% 13%; min-height: 40px; opacity: 1; box-shadow: none;
}
.chindental-contact-form .fluentform .ff-btn-submit:not(.ff_btn_no_style):hover,
.chindental-contact-form .fluentform .ff-btn-submit:not(.ff_btn_no_style):focus {
	background-color: #02010100; color: #467FF7; border-color: #467FF7; opacity: 1;
}
.chindental-contact-form .ff-message-success {
	font-family: "Poppins", Sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5em;
	color: #467FF7; border: 0; box-shadow: none; padding: 0; margin-top: 10px;
}
.chindental-contact-form .fluentform .error, .chindental-contact-form .ff-errors-in-stack { font-family: "Poppins", Sans-serif; color: #324A6D; }
@media (max-width: 1024px) {
	.chindental-contact-form .fluentform .ff-el-form-control,
	.chindental-contact-form .fluentform .ff-btn-submit:not(.ff_btn_no_style),
	.chindental-contact-form .ff-message-success { font-size: 14px; }
	.chindental-contact-form .fluentform .ff_submit_btn_wrapper { text-align: center; }
}
@media (max-width: 767px) {
	.chindental-contact-form .fluentform .ff-t-container { flex-direction: column; gap: 0; }
	.chindental-contact-form .fluentform .ff-t-container .ff-t-cell { flex-basis: 100% !important; width: 100%; }
}