.wpuf-elementor-widget-wrapper {
--wpuf-border-color: #dadbdd;
--wpuf-border-radius: 7px;
--wpuf-text-color: #606266;
--wpuf-primary-color: #1a7efb;
--wpuf-danger-color: #F56C6C;
}
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="text"],
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="email"],
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="url"],
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="password"],
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="number"],
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="tel"],
.wpuf-elementor-widget-wrapper .wpuf-fields textarea,
.wpuf-elementor-widget-wrapper .wpuf-fields select {
padding: 12px 15px;
color: var(--wpuf-text-color);
border: 1px solid var(--wpuf-border-color);
border-radius: var(--wpuf-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
margin-bottom: 0;
width: 100%;
}
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="text"]:focus,
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="email"]:focus,
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="url"]:focus,
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="password"]:focus,
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="number"]:focus,
.wpuf-elementor-widget-wrapper .wpuf-fields input[type="tel"]:focus,
.wpuf-elementor-widget-wrapper .wpuf-fields textarea:focus,
.wpuf-elementor-widget-wrapper .wpuf-fields select:focus {
color: var(--wpuf-text-color);
background-color: #fff;
border-color: var(--wpuf-primary-color);
outline: none;
box-shadow: 0 0 0 2px rgba(26, 126, 251, 0.1);
}
.wpuf-elementor-widget-wrapper .wpuf-fields .wpuf-radio-block,
.wpuf-elementor-widget-wrapper .wpuf-fields .wpuf-checkbox-block {
display: flex;
align-items: center;
margin-bottom: 6px;
}
.wpuf-elementor-widget-wrapper ul.wpuf-form {
list-style: none;
}
.wpuf-elementor-widget-wrapper ul.wpuf-form li:not(:first-child) {
margin-top: 2rem;
}
.wpuf-elementor-widget-wrapper ul.wpuf-form li.wpuf-el .wpuf-label {
margin-bottom: 1rem;
}
.wpuf-elementor-widget-wrapper[data-align="left"] {
margin: 0 auto 0 0;
}
.wpuf-elementor-widget-wrapper[data-align="center"] {
margin: 0 auto;
}
.wpuf-elementor-widget-wrapper[data-align="right"] {
margin: 0 0 0 auto;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-submit-full .wpuf-submit .wpuf-submit-button {
width: 100%;
display: block;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-upload-full .wpuf-attachment-upload-filelist .file-selector {
width: 100%;
display: block;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-labels .wpuf-label {
display: none !important;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-errors .wpuf-error,
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-errors .error {
display: none;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-placeholder input::-webkit-input-placeholder,
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-placeholder textarea::-webkit-input-placeholder {
opacity: 0;
visibility: hidden;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-placeholder input::-moz-placeholder,
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-placeholder textarea::-moz-placeholder {
opacity: 0;
visibility: hidden;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-placeholder input:-moz-placeholder,
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-placeholder textarea:-moz-placeholder {
opacity: 0;
visibility: hidden;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-placeholder input:-ms-input-placeholder,
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-placeholder textarea:-ms-input-placeholder {
opacity: 0;
visibility: hidden;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-placeholder input::-ms-input-placeholder,
.wpuf-elementor-widget-wrapper.wpuf-elementor-hide-placeholder textarea::-ms-input-placeholder {
opacity: 0;
visibility: hidden;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-custom-radio-checkbox input[type="checkbox"],
.wpuf-elementor-widget-wrapper.wpuf-elementor-custom-radio-checkbox input[type="radio"] {
outline: none;
min-width: 1px;
width: 15px;
height: 15px;
background: #ddd;
padding: 3px;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-custom-radio-checkbox input[type="radio"] {
border-radius: 50%;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-submit-center .wpuf-submit {
text-align: center;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-submit-center .wpuf-submit .wpuf-submit-button {
margin: 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-submit-right .wpuf-submit {
text-align: right;
}
.wpuf-elementor-widget-wrapper.wpuf-elementor-submit-left .wpuf-submit {
text-align: left;
}
.wpuf-elementor-widget-wrapper .wpuf-math-captcha .captcha {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.wpuf-elementor-widget-wrapper .wpuf-math-captcha .captcha .refresh {
cursor: pointer;
transition: opacity 0.2s ease;
}
.wpuf-elementor-widget-wrapper .wpuf-math-captcha .captcha .refresh:hover {
opacity: 0.7;
}
.wpuf-elementor-widget-wrapper .wpuf-math-captcha .captcha .refresh svg {
display: block;
}
.wpuf-elementor-widget-wrapper .wpuf-math-captcha .captcha .captcha-number-area .captcha-number {
display: flex;
align-items: center;
gap: 5px;
margin: 0;
font-size: 16px;
font-weight: 500;
color: var(--wpuf-text-color);
}
.wpuf-elementor-widget-wrapper .wpuf-math-captcha .captcha .captcha-equal {
font-size: 18px;
font-weight: 600;
color: var(--wpuf-text-color);
}
.wpuf-elementor-widget-wrapper .wpuf-math-captcha .captcha .wpuf-captcha-input-wrapper {
flex: 1;
min-width: 80px;
position: relative;
}
.wpuf-elementor-widget-wrapper .wpuf-math-captcha .captcha .wpuf-captcha-input-wrapper .wpuf-captcha-input {
padding: 11px 15px;
color: var(--wpuf-text-color);
border: 1px solid var(--wpuf-border-color);
border-radius: var(--wpuf-border-radius);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
margin-bottom: 0;
width: 100%;
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.wpuf-elementor-widget-wrapper .wpuf-math-captcha .captcha .wpuf-captcha-input-wrapper .wpuf-captcha-input:focus {
color: var(--wpuf-text-color);
background-color: #fff;
border-color: var(--wpuf-primary-color);
outline: none;
box-shadow: 0 0 0 2px rgba(26, 126, 251, 0.1);
}
.wpuf-elementor-widget-wrapper .wpuf-math-captcha .captcha .wpuf-captcha-input-wrapper .wpuf-captcha-error {
display: block;
margin-top: 5px;
font-size: 13px;
color: var(--wpuf-danger-color);
}
.lity {
z-index: 9999 !important;
}body fieldset.wpuf-multistep-fieldset {
position: relative;
padding-bottom: 50px;
border: none;
}
body fieldset.wpuf-multistep-fieldset legend {
display: none;
}
body .elementor-element-edit-mode fieldset.wpuf-multistep-fieldset {
display: block !important;
}
body fieldset.wpuf-multistep-fieldset.field-active {
display: block;
}
body fieldset.wpuf-multistep-fieldset button.wpuf-multistep-next-btn.btn.btn-primary {
position: absolute;
bottom: 0;
right: 0;
}
body fieldset.wpuf-multistep-fieldset button.wpuf-multistep-prev-btn.btn.btn-primary {
position: absolute;
bottom: 0;
left: 0;
}
body fieldset.wpuf-multistep-fieldset a#wpuf-post-draft {
position: absolute;
bottom: 0;
right: calc(50% - 35px);
}
body fieldset.wpuf-multistep-fieldset span.wpuf-draft-saved {
position: absolute;
bottom: 0;
right: calc(50% - 150px);
}
body fieldset.wpuf-multistep-fieldset span.wpuf-loading {
position: absolute;
bottom: 8px;
right: calc(50% - 60px);
}
body fieldset.wpuf-multistep-fieldset li.wpuf-el:last-of-type {
margin-bottom: 2rem !important;
}
body .wpuf-multistep-progressbar {
overflow: hidden;
} body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard {
margin: 20px 0 40px 0;
padding: 0;
list-style: none;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard * {
box-sizing: border-box;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li {
background-color: #E4E4E4;
border-radius: 5px;
display: inline-block;
padding: 10px 30px 10px 40px;
margin-right: -7px;
width: auto;
margin: 0;
position: relative;
text-align: center;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before,
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-color: transparent;
border-left-color: #fff;
border-radius: 10px;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before {
border-width: 26px;
margin-top: -14px;
right: -52px;
z-index: 98;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
border-left-color: #E4E4E4;
border-width: 25px;
margin-top: -37px;
right: -44px;
z-index: 99;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step {
background-color: #00a0d2;
color: #fff;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step::after {
border-left-color: #00a0d2;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li:last-child::after {
border-left-color: transparent;
} body .wpuf-form .wpuf-multistep-progressbar.ui-progressbar .wpuf-progressbar-fill {
background: #00a0d2;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
}
body .wpuf-form .wpuf-multistep-progressbar.ui-progressbar {
margin-bottom: 30px;
height: 25px;
border: 1px solid #eee;
position: relative;
}
body .wpuf-form .wpuf-multistep-progressbar.ui-progressbar .wpuf-progress-percentage {
position: absolute;
left: 50%;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 0 #fff;
top: 20%;
}
fieldset.wpuf-multistep-fieldset {
position: relative;
padding-bottom: 50px;
border: none;
display: none;
}
fieldset.wpuf-multistep-fieldset.field-active {
display: block;
}
fieldset.wpuf-multistep-fieldset button.wpuf-multistep-next-btn.btn.btn-primary {
position: absolute;
bottom: 0;
right: 0;
}
fieldset.wpuf-multistep-fieldset button.wpuf-multistep-prev-btn.btn.btn-primary {
position: absolute;
bottom: 0;
left: 0;
}
fieldset.wpuf-multistep-fieldset a#wpuf-post-draft {
position: absolute;
bottom: 0;
right: calc(50% - 35px);
}
fieldset.wpuf-multistep-fieldset span.wpuf-draft-saved {
position: absolute;
bottom: 0;
right: calc(50% - 150px);
}
fieldset.wpuf-multistep-fieldset span.wpuf-loading {
position: absolute;
bottom: 8px;
right: calc(50% - 60px);
}
fieldset.wpuf-multistep-fieldset:has(.multistep-button-area) li.wpuf-el:last-child {
margin-bottom: 2rem !important;
}
.wpuf-multistep-progressbar {
overflow: hidden;
} form[class*="wpuf-form-layout"] fieldset.wpuf-multistep-fieldset {
margin: 0 !important; padding: 0 0 60px !important;
border: none !important;
background: transparent !important;
min-width: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}