/**
 * The following styles get applied both on the front of your site and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

/* General */
.nfcf-hide{
	display: none !important;
}
 
/* Conditional display */
.nfcf-condition-hide{
	display: none !important;
}
.nfcf-condition-hide.nfcf-condition-match{
	display: inherit !important;
}

/* Form Steps */
.nfcf-form-step{
	display: none !important;
}
.nfcf-form-step.nfcf-form-step-active{
	display: inherit !important;
}

/* Form Message */
.nfcf-form-msg{
	display: none !important;
}
.nfcf-form-msg.nfcf-form-msg-invalid, .nfcf-form-msg.nfcf-form-msg-valid{
	display: block !important;
}

/* Captcha Reload */
.nfcf-captcha-php-img-wrapper {
	display: inline-block;
}
.nfcf-captcha-php-img-wrapper > div {
	position: relative;
	display: inline-block;
}
.nfcf-captcha-php-img {
	display: block;
	width: 100%;
	height: auto;
}
.nfcf-captcha-php-btn {
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.5);
	border: none;
	padding: 0;
	margin: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.nfcf-captcha-php-btn svg {
	width: 100%;
	height: 70%;
	display: block;
}
.nfcf-captcha-php-btn:hover {
	opacity: 1;
}

/* Autofill Buttons */
.nfcf-autofill {
	display: flex;
	justify-content: start;
	align-items: center;
	width: 100%;
	gap: 20px;
	margin: 20px 0;
	flex-wrap: wrap;
}
.nfcf-autofill-btn {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #f9f9f9;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 16px;
	transition: background-color 0.3s ease, color 0.3s ease
}
.nfcf-autofill-btn:hover {
	text-decoration: underline;
}