.wpcf7 form {
display: flex;
flex-direction: column;
gap: var(--space-5);
}
.wpcf7 form > p {
margin: 0;
line-height: 0;
}
.wpcf7 .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.wpcf7 .wpcf7-form-control {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 100%;
margin: 0;
padding: var(--space-3) var(--space-4);
font-family: var(--font-base);
font-size: var(--fs-base);
font-weight: var(--font-weight-regular);
line-height: var(--lh-snug);
letter-spacing: var(--ls-normal);
color: var(--color-text);
background-color: var(--color-surface);
border: var(--border-width) solid var(--color-border);
border-radius: var(--radius-sm);
box-shadow: none;
transition:
border-color var(--duration-fast) var(--ease),
box-shadow var(--duration-fast) var(--ease);
}
.wpcf7 textarea.wpcf7-form-control {
min-height: 10rem;
resize: vertical;
}
.wpcf7 select.wpcf7-form-control,
.wpcf7 select.wpcf7-select {
appearance: none;
-webkit-appearance: none;
width: 100%;
padding-right: calc(var(--space-4) + 1.25rem);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2357534e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right var(--space-3) center;
background-size: 1rem;
cursor: pointer;
}
.wpcf7 .wpcf7-form-control::placeholder {
color: var(--color-text-muted);
opacity: 1;
}
.wpcf7 .wpcf7-form-control:hover {
border-color: var(--color-border-strong);
}
.wpcf7 .wpcf7-form-control:focus {
border-color: var(--color-focus);
outline: none;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 18%, transparent);
}
.wpcf7 .wpcf7-not-valid-tip {
margin-top: var(--space-2);
font-size: var(--fs-sm);
color: var(--color-error);
}
.wpcf7 form .wpcf7-response-output {
margin: var(--space-4) 0 0;
padding: var(--space-3) var(--space-4);
font-size: var(--fs-sm);
line-height: var(--lh-snug);
border-width: var(--border-width);
border-radius: var(--radius-sm);
}
.wpcf7 p:has(> input.wpcf7-submit) {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-3);
margin-top: var(--space-2);
} .wpcf7 input.wpcf7-submit.jm-button {
width: auto;
margin: 0;
opacity: 1;
background: transparent;
border: var(--btn-border-width) solid transparent;
border-radius: var(--radius-full);
font-size: var(--fs-sm);
line-height: 1.2;
padding: var(--btn-padding-y) var(--btn-padding-x);
text-decoration: none;
}
.wpcf7 input.wpcf7-submit.jm-button--secondary {
background-color: var(--btn-secondary-bg);
border-color: var(--btn-secondary-border);
color: var(--btn-secondary-color);
box-shadow: none;
}
.wpcf7 input.wpcf7-submit.jm-button--secondary:hover,
.wpcf7 input.wpcf7-submit.jm-button--secondary:focus-visible {
background-color: var(--btn-secondary-hover-bg);
border-color: var(--btn-secondary-hover-border);
color: var(--btn-secondary-hover-color);
box-shadow: var(--btn-secondary-shadow-hover);
text-decoration: none;
opacity: 1;
}
.wpcf7 .wpcf7-spinner {
flex-shrink: 0;
margin: 0;
}