form {
position: relative;
margin: calc(var(--spacing) * 0);
padding: calc(var(--spacing) * 0);
}
.wps-form {
width: 100%;
margin: 0 auto;
}
.wps-form-row {
display: flex;
flex-direction: column;
width: 100%;
gap: 1rem;
}
.wps-form-row .wps-form-control {
width: 100%;
}
.wps-form-column {
flex: 1;
width: 100%;
}
.wps-form-column.center {
text-align: center;
}
.wps-form-column.right {
text-align: right;
}
.wps-form-column.single {
padding: 1rem 0 !important;
}
@media only screen and (min-width:48em) {
.wps-form-row {
flex-direction: row;
}
.wps-form-column {
padding: 0 0 20px 20px;
}
.wps-form-column:nth-child(odd) {
padding: 0 20px 20px 0;
}
.wps-form-column:nth-child(even) {
padding: 0 0 20px 20px;
}
}
@media (max-width:480px) {
.wps-form-column.right {
text-align: left;
}
}
.wps-form-control-wrap {
margin: 0 0 10px;
}
.wps-form label {
display: flex;
margin: 0 0 10px;
font-size: 16px;
color: var(--color-white);
font-weight: 400;
letter-spacing: 0;
cursor: pointer;
}
.wpcf7-select, .wpcf7-text, .wpcf7-textarea, .wpcf7-number {
width: 100%;
padding: 10px 18px !important;
background: transparent !important;
font-size: 16px;
letter-spacing: 0;
color: var(--color-white) !important;
line-height: 20px;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid var(--color-white) !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.wpcf7-select:focus, .wpcf7-number:focus, .wpcf7-text:focus, .wpcf7-textarea:focus {
outline: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
box-shadow: inset 0 -2px 0 0 var(--color-white) !important;
}
input:focus-visible, textarea:focus-visible, select:focus-visible {
box-shadow: inset 0 -2px 0 0 var(--color-white);
}
.wpcf7-select {
background: transparent;
line-height: 20px;
-webkit-appearance: none;
max-width: 100%;
overflow: hidden;
word-wrap: normal !important;
var(--color-white)-space: normal;
}
.wpcf7-submit:disabled {
opacity: .5;
}
.required {
color: var(--color-white);
}
.wps-form p {
margin: 0 0 10px;
}
.wpcf7-not-valid {
border-bottom: 1px solid var(--color-red) !important;
}
.wpcf7-response-output, .wpcf7-validation-errors, .wpcf7-acceptance-missing {
margin: 40px 0 !important;
padding: 20px !important;
font-size: 18px;
font-weight: 700 !important;
color: #fff;
background: var(--color-red);
border: 0 !important;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.wpcf7 form.sent .wpcf7-response-output, .wpcf7-mail-sent-ok {
background: var(--color-green) !important;
}
.wpcf7-not-valid-tip {
font-size: 16px;
color: var(--color-red) !important;
}
.wpcf7-list-item {
margin: 0 !important;
}
.wps-form .wpcf7-checkbox label, .wps-form .wpcf7-acceptance label {
position: relative;
cursor: pointer;
line-height: 28px;
}
.wps-form .wpcf7-checkbox.small label, .wps-form .wpcf7-acceptance label {
position: relative;
cursor: pointer;
font-size: 14px;
line-height: 24px;
}
.wps-form .wpcf7-checkbox label, .wps-form .wpcf7-acceptance label {
font-weight: 400;
}
.wps-form .wpcf7-radio label {
position: relative;
cursor: pointer;
line-height: 28px;
}
.wps-form .wpcf7-radio.small label {
position: relative;
cursor: pointer;
font-size: 14px;
line-height: 24px;
}
.wps-form .wpcf7-radio label {
font-weight: 400;
}
.wps-form span.wpcf7-list-item {
display: block;
}
.wpcf7-list-item-label {
margin-left: 10px;
}
.wps-form .wpcf7-radio input[type=radio] {
border-radius: 25px;
}
.wps-form .wpcf7-radio input[type=radio], .wps-form .wpcf7-checkbox input[type=checkbox], .wps-form .wpcf7-acceptance input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 24px;
min-width: 24px;
height: 24px;
border: 3px solid #fff;
background-color: #fff;
outline: 1px solid var(--color-white);
cursor: pointer;
transition: background-color .3s ease, border-color .3s ease;
}
.wps-form .wpcf7-radio input[type=radio]:checked, .wps-form .wpcf7-checkbox input[type=checkbox]:checked, .wps-form .wpcf7-acceptance input[type=checkbox]:checked {
background-color: var(--color-green);
border-color: #fff;
}
body.default .wps-form .wpcf7-radio input[type=radio]:checked, body.default .wps-form .wpcf7-checkbox input[type=checkbox]:checked, body.default .wps-form .wpcf7-acceptance input[type=checkbox]:checked {
background-color: var(--color-green) !important;
}
.ajax-loader, .wpcf7-spinner {
display: block;
}
::placeholder {
color: var(--color-white) !important;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
var(--color-white)-space: nowrap;
border: 0;
}
.wps-form .wpcf7-submit {
background-color: transparent;
border: 2px solid var(--color-white);
border-radius: 0;
padding: 10px 1rem !important;
display: inline-block;
font-weight: bold;
cursor: pointer;
transition: all 150ms linear;
}
.wps-form .wpcf7-submit:hover {
background-color: var(--color-white);
color: var(--color-green);
}
#messageBox.success {
border: 2px solid var(--color-white);
padding: 2rem;
font-size: 2rem;
background: var(--color-white);
color: var(--color-green);
}
#messageBox.error {
border: 2px solid var(--color-red);
background-color: var(--color-red);
padding: 2rem;
font-size: 2rem;
} .form-light .wps-form label {
font-weight: 700;
color: var(--color-black) !important;
}
.form-light .wps-form .wpcf7-checkbox.small label, 
.form-light .wps-form .wpcf7-acceptance label {
font-weight: 400;
}
.form-light .wpcf7-select, .form-light .wpcf7-text, .form-light .wpcf7-textarea, .form-light .wpcf7-number {
font-weight: 700;
color: var(--color-black) !important;
border-bottom: 2px solid var(--color-green) !important;
}
.form-light .wps-form .wpcf7-radio input[type=radio], 
.form-light .wps-form .wpcf7-checkbox input[type=checkbox], 
.form-light .wps-form .wpcf7-acceptance input[type=checkbox] {
outline: 1px solid var(--color-green) !important;
}
.form-light .wpcf7-not-valid {
border-bottom: 2px solid var(--color-red) !important;
}
.form-light ::placeholder {
color: var(--color-black) !important;
}
.form-light .wps-form .wpcf7-submit {
border-radius: 25px;
color: var(--color-green) !important;
border: 2px solid var(--color-green) !important;
}
.form-light .wps-form .wpcf7-submit:hover {
color: var(--color-white) !important;
background-color: var(--color-green) !important;
}
.form-light p {
color: var(--color-black) !important;
}
.form-light p a {
color: var(--color-green) !important;
}
.form-light .required {
color: var(--color-green) !important;
}