/* Ninja Forms */
.nf-form-cont {
	background: var(--wp--preset--color--cream-dark) !important;
}

.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--dark-blue);
}

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

.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--blue-mid);
}

.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);
	font-weight: 600;
	color: var(--wp--preset--color--green);
}

.nf-error .ninja-forms-field {
	border-color: var(--wp--preset--color--blue-mid) !important;
	background: var(--wp--preset--color--cream-light) !important;
}

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

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

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

.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--small);
	margin-top: -0.2em;
}

.ninja-forms-field[type='text'],
.ninja-forms-field[type='email'],
.ninja-forms-field[type='tel'],
.nf-form-content select,
.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--cream-light) !important;
}

.nf-form-content select.ninja-forms-field {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 35px !important;
	background-image: url('data:image/svg+xml;utf8,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.499999L8.99987 10.5L17.5 0.5" stroke="%2301203F" stroke-linecap="round"/></svg>') !important;
	background-repeat: no-repeat !important;
	background-position: right 16px top 50% !important;
	background-size: 20px auto !important;
}

.nf-form-content select.ninja-forms-field::-ms-expand {
	display: none !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--dark-blue) !important;
}

.nf-error .ninja-forms-field[type='checkbox'] {
	border-color: var(--wp--preset--color--dark-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 {
	margin-top: 2em;
}

.nf-form-content input[type='submit'] {
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--dark-blue);
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	background-color: var(--wp--preset--color--green);
	border: none;
	border-radius: 12px;
}

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