/* Forminator */

.forminator-edit-module {
	display: none;
}

body form .forminator-button:hover {
	box-shadow: none!important;
}

.forminator-guttenberg {
	margin-top: 0;
}

.forminator-field {
	display: flex;
	flex-direction: column;

	textarea,
	input,
	select {
		width: 100%;
    	padding: 12px;
    	background-color: var(--wp--preset--color--light-grey);
    	border: none;
/*    	border-bottom: 1px solid var(--wp--preset--color--body);*/
    	color: var(--wp--preset--color--body);
    	&::placeholder {
    		color: #555;
    	}
	}

	label {
	    margin-bottom: 4px;
	    font-size: 14px;
	    color: var(--wp--preset--color--body);
	}
}

.wp-block-group.has-light-grey-background-color .forminator-field {
	textarea,
	input,
	select {
    	background-color: #eee;
	}
}

.forminator-row-last {
/*	margin-top: 24px;*/
	margin-bottom: 0!important;
	.forminator-field {
/*		margin-top: 0;*/
    	align-items: flex-start;
	}
}

.forminator-field-name > .forminator-row {
	gap: 0;
}

.entry-content ul.forminator-uploaded-files {
	list-style: none;
	padding: 0;

	li:not(:last-child) {
		margin-bottom: var(--bl);
	}

	.forminator-uploaded-file--content {
		display: flex;
		align-items: center;
		gap: var(--bl);
	}

	.forminator-uploaded-file--image {
		display: none;
	}

	.forminator-uploaded-file--text {
		display: flex;
		flex-direction: column;
		gap: 0;

		p {
			margin: 0;
			font-size: 15px;
		}
	}

	button.forminator-uploaded-file--delete {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		background-color: var(--wp--preset--color--accent);
		padding: 10px;
		border-radius: 4px;

		.forminator-icon-close {
			display: flex;

			&::before {
				color: white;
			}
		}
	}
}

.forminator-error {
	display: none;
}

.forminator-required {
	color: #E04562;
}

.forminator-success,
.forminator-response-message,
.forminator-error-message {
	padding: 6px;
	margin: 0;
	margin-top: 2px;
	font-size: 12px;
	line-height: 1;
	background-color: #F9E4E8;
	color: #E04562;
}

.forminator-response-message {
	margin: 0;
	padding: 12px 16px;
	margin-bottom: 12px;
	background-color: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--base);
	ul {
		padding: 0;
		list-style: none;
		margin: 0;
	}

	p {
		margin: 0;
		padding: 0;
	}
}

.forminator-success {
	background-color: #d6fbdc;
	color: green;
	margin: 0;
	padding: 12px;
	margin-bottom: 12px;
}

.forminator-field-captcha {
	margin-top: var(--col-gap);
}

/* Hover Labels */

.forminator-row,
.forminator-col {
	margin-bottom: 0!important;
}

.forminator-col:has(> .forminator-has_error.forminator-field) {
	margin-bottom: 26px!important;
}

@media(max-width: 781px) {
	.forminator-col:has(> .forminator-has_error.forminator-field) {
		margin-bottom: 48px!important;
	}
}

.forminator-field {
	position: relative;
	margin-top: 28px;
}

.forminator-field .forminator-label {
	line-height: 1;
	position: absolute;
	margin: 0;
	bottom: calc(50% - 9px);
	left: 16px;
	transition: all .3s;
	font-size: 16px;
	cursor: text;
}

.forminator-field-textarea .forminator-label {
	bottom: calc(100% - 29px);
}

.forminator-error-message {
	position: absolute;
	bottom: -26px;
	left: 0;
}

.forminator-field-upload .forminator-label,
.forminator-field-select .forminator-label,
.forminator-is_active.forminator-field .forminator-label,
.forminator-is_filled.forminator-field .forminator-label {
	left: 4px;
	bottom: calc(100% + 4px);
	font-size: 14px;
}

.forminator-field {
	input,
	textarea {
		&::placeholder {
			opacity: 0;
		}
	}
}