/* Ninja Forms */
.nf-before-form-content {
	margin-bottom: 0.5em;
}

.nf-form-content {
	padding: 0;
	--svg-arrow: url('data:image/svg+xml,<svg height="17" viewBox="0 0 17 17" width="17" xmlns="http://www.w3.org/2000/svg"><path d="m7.30273.686523v12.174977l-5.6-5.59998-1.399996 1.425 7.999996 7.99998 7.99997-7.99998-1.4-1.425-5.59997 5.59998v-12.174977z" /></svg>');
}

.nf-form-content select.ninja-forms-field,
.nf-form-content .list-select-wrap div:after,
.nf-form-content input:not([type='button']),
.nf-form-content input:not([type='button'])::placeholder,
.nf-form-content textarea,
.nf-form-content textarea::placeholder {
	font-family: inherit;
	color: var(--wp--preset--color--white);
}

.nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-content input:not([type='button']),
.nf-form-content textarea {
	border: 1px solid transparent;
	border-bottom: 1px solid var(--wp--preset--color--white);
	background: var(--wp--preset--color--blue);
}

.nf-form-content textarea {
	resize: vertical;
}

.nf-form-content select.ninja-forms-field:focus,
.nf-form-content input:not([type='button']):focus,
.nf-form-content textarea:focus {
	border-color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--anthracite);
}

.nf-error .nf-error-msg,
.nf-error-msg.nf-error-field-errors,
.nf-form-content .ninja-forms-req-symbol {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--green);
}

.nf-error .ninja-forms-field {
	border-color: var(--wp--preset--color--green) !important;
}

.nf-error.field-wrap .nf-field-element:after {
	background-color: var(--wp--preset--color--green);
	border-color: var(--wp--preset--color--green);
}

.ninja-forms-req-symbol {
	color: var(--wp--preset--color--green);
}

.checkbox-container .field-wrap {
	gap: 2em;
}

.checkbox-container .nf-field-element {
	width: auto;
}

.checkbox-container.label-hidden .nf-field-label {
	display: none;
}

.checkbox-container.label-hidden .field-wrap {
    flex-wrap: nowrap;
}

.checkbox-container .nf-field-description {
	font-size: var(--wp--preset--font-size--medium);
}

.ninja-forms-field[type='text'],
.ninja-forms-field[type='email'],
.ninja-forms-field[type='tel'],
.nf-form-content textarea {
	font-size: var(--wp--preset--font-size--medium);
	padding: 0.5em 1em;
}

.ninja-forms-field:focus {
	background: var(--wp--preset--color--anthracite) !important;
}

.ninja-forms-field[type='checkbox'] {
	position: relative;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid var(--wp--preset--color--white) !important;
}

.nf-error .ninja-forms-field[type='checkbox'] {
	border-color: var(--wp--preset--color--green) !important;
}

.ninja-forms-field[type='checkbox']:checked::before {
	content: '✓';
	font-size: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.nf-form-content .submit-container,
.nf-after-form-content {
	text-align: right;
}

.nf-form-content input[type='submit'] {
	position: relative;
	font: inherit;
	color: var(--wp--preset--color--green);
	font-weight: 600;
	white-space: nowrap;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	padding-right: 3em;
	background: transparent;
	border: none;
	border-bottom: 2px solid var(--wp--preset--color--green);
	transition: all 0.25s ease-in-out;
	cursor: pointer;
}

.nf-form-content input[type='submit']:hover,
.nf-form-content input[type='submit']:focus {
	color: var(--wp--preset--color--black) !important;
	background-color: var(--wp--preset--color--green) !important;
	border-color: var(--wp--preset--color--green) !important;
}


.nf-form-content .nf-field-element:has(input[type='submit']):after {
	position: absolute;
	margin-left: -2.0em;
	top: 0;
	bottom: 0;
	display: inline-block;
	content: '';
	width: 17px;
	-webkit-mask: var(--svg-arrow) no-repeat center;
	mask: var(--svg-arrow) no-repeat center;
	background-color:var(--wp--preset--color--green);
	transform: rotate(-90deg);
	transition: all 0.2s ease-in-out;
}

.nf-form-content .nf-field-element:has(input[type='submit']:hover):after {
	background-color:var(--wp--preset--color--black);
}