::placeholder{color: var(--color-placeholder, #000000); opacity: 1;}
:-ms-input-placeholder {color: var(--color-placeholder, #000000);}
::-ms-input-placeholder {color: var(--color-placeholder, #000000);}

.wpcf7 form .form-row p{width: 100%;}

.wpcf7 form label{font-family: var(--ff-sans);font-size: var(--fs-200, 13px);}
.wpcf7 form label span.wpcf7-form-control-wrap{width: 100%;position: relative;display: block;}


.wpcf7 form input.wpcf7-form-control,
.wpcf7 form textarea.wpcf7-form-control{
	padding: var(--padding-input);
	font-family: var(--ff-sans);
	font-size: var(--fs-400, 18px);
	color: var(--color-text, black);
	background-color: white;
	border: 1px solid white;
	border-radius: var(--br-600, 30px);
	transition: var(--trans);
}

.wpcf7 form input.wpcf7-form-control,
.wpcf7 form textarea.wpcf7-form-control{width: 100%;}

.wpcf7 form input.wpcf7-submit{
	width: auto;
	margin-top: var(--gap-600, 32px);
	font-family: var(--ff-serif);
	font-size: var(--fs-400, 18px);
	text-transform: uppercase;
	background-color: transparent;
	border-color: var(--color-primary, #000000);
	cursor: pointer;
}

.wpcf7 form input.wpcf7-submit::after{}
.wpcf7 form input.wpcf7-submit:hover,
.wpcf7 form input.wpcf7-submit:focus{background-color: var(--color-accent, black);border-color: var(--color-accent, black);}

.form-row{display: flex;gap: var(--gap-flow, 16px);}

.wpcf7 .wpcf7-form .form-row{margin-bottom: var(--gap-flow, 16px);}
.wpcf7 .wpcf7-form .form-row.form-row--submit{margin-bottom: 0px;}
.wpcf7 .wpcf7-form .form-row.form-row--submit p{display: flex;justify-content: flex-end;}
.wpcf7 .wpcf7-form .form-row.form-row--submit .wpcf7-spinner{display: none;}

@media(max-width:767px){
	.form-row {gap: var(--gap-flow, 16px);}

	.wpcf7 form input.wpcf7-submit{margin-top: var(--gap-400, 16px);}
}


/******************/
/* Checkboxes *****/
/******************/
.wpcf7 .form-row.form-row--checkbox p{max-width: var(--mxw-md, 940px);margin-inline: auto;}
.wpcf7 .form-row.form-row--checkbox p > label{display: block;width: 100%;margin-top: var(--gap-300, 32px);margin-bottom: var(--gap-200, 8px);font-family: var(--ff-sans);font-size: var(--fs-400, 18px);text-transform: uppercase;}
.wpcf7 .form-row.form-row--checkbox span.wpcf7-checkbox{display: flex;flex-wrap: wrap;gap: var(--gap-300, 12px);}
.wpcf7 .form-row.form-row--checkbox span.wpcf7-checkbox .wpcf7-list-item{margin:0;}
.wpcf7 .form-row.form-row--checkbox span.wpcf7-checkbox .wpcf7-list-item label{cursor: pointer;}
.wpcf7 .form-row.form-row--checkbox span.wpcf7-checkbox .wpcf7-list-item input{width: 1px;height: 1px;opacity: 0;visibility: hidden;position: absolute;}
.wpcf7 .form-row.form-row--checkbox span.wpcf7-checkbox .wpcf7-list-item span{display: block;padding: 12px 20px;background-color: white;border: 1px solid white;border-radius: var(--br-300, 30px);font-family: var(--ff-sans);font-size: var(--fs-400, 18px);line-height:var(--lh-200, 1.20);color: var(--color-grey, red);transition: var(--trans);}
.wpcf7 .form-row.form-row--checkbox span.wpcf7-checkbox .wpcf7-list-item input:checked + span{background-color:var(--color-accent, #FDB52B);border-color:var(--color-accent, #FDB52B);color: var(--color-text, #000000);}


/******************/
/* Acceptance *****/
/******************/
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item{margin:0;}
.wpcf7 form .wpcf7-acceptance label{margin-left: 0px;font-family: var(--ff-sans);}
.wpcf7 form .wpcf7-acceptance label a{text-decoration: underline;transition: var(--trans);}
.wpcf7 form .wpcf7-acceptance label a:hover,
.wpcf7 form .wpcf7-acceptance label a:focus{color: var(--color-accent);}

/* Acceptance - Checkbox */
.wpcf7 form span.wpcf7-acceptance{--size: 16px;position: relative;min-height: var(--size, 18px);}
.wpcf7 form span.wpcf7-acceptance input[type="checkbox"]{width: initial;height: initial;padding: 0;margin: 0;cursor: pointer;opacity: 0;position: absolute;}
.wpcf7 form span.wpcf7-acceptance input[type="checkbox"] + span{--top: 4px;position: relative;display: block;padding-left: calc(var(--size, 18px) + var(--gap-200, 8px));line-height: calc(var(--size, 18px) + var(--top, 4px));cursor: pointer;}
.wpcf7 form span.wpcf7-acceptance input[type="checkbox"] + span:before{content:'';-webkit-appearance: none;width: var(--size, 18px);height: var(--size, 18px);position: absolute;top:0;left: 0;margin-right: var(--gap-300, 12px);display: inline-block;background-color: white;border: 1px solid white;border-radius: 5px;vertical-align: middle;flex-shrink: 0;cursor: pointer;transition: var(--trans);}
.wpcf7 form span.wpcf7-acceptance input[type="checkbox"]:checked + span:before{background-color: var(--color-accent);border-color: var(--color-accent);}
.wpcf7 form span.wpcf7-acceptance input[type="checkbox"]:checked + span:after{opacity: 1;	}
.wpcf7 form span.wpcf7-acceptance input[type="checkbox"] + span:after{content: '';position: absolute;width: var(--size, 18px);height: var(--size, 18px);top: 0;left: 0;background-image: url('../images/icon-checkbox--check.svg');background-repeat: no-repeat;background-position: center;background-size: 50%;opacity: 0;transition: var(--trans);transition-delay: var(--trans-duration-300, 100ms);}
.wpcf7 form span.wpcf7-acceptance input[type="checkbox"] + span:before,
.wpcf7 form span.wpcf7-acceptance input[type="checkbox"] + span:after{top: calc(var(--top, 4px) * 0.5);}


/******************/
/* Error Messages */
/******************/
.wpcf7 form{--color-error: var(--color-primary, #000000);}
.wpcf7 span.wpcf7-not-valid-tip{display: block;color: var(--color-error, #FF0000);font-size: var(--fs-300);font-weight: normal;margin-top: var(--gap-100, 4px);}

/* Response Message */
.wpcf7 form .wpcf7-response-output{margin: 0;padding: 0;border: 0;margin-top: var(--gap-500, 24px);font-family: var(--ff-sans);font-size: var(--fs-300);text-align: center;}
.wpcf7 form .wpcf7-response-output:empty{display: none;}

.wpcf7 form.sent .wpcf7-response-output{color: var(--color-primary, #000000);}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{color: var(--color-error, #FF0000);}

@media(max-width:1024px){.wpcf7 form .form-row{flex-direction: column;}}




/* Custom Form */
.form-box{
	padding: 56px 40px;
	background-color: var(--color-gray-500, #D7DCE2);
}
.form-title{
	font-family: var(--ff-serif);
	font-size: var(--fs-600, 30px);
	margin-bottom: var(--gap-500, 24px);
}

@media(max-width:1024px){
	.form-box{
		padding: 30px 20px;
	}
}

/*********************/
/* CF7 Alternative ***/
/*********************/
