:root {
--form-label-background-color: var(--wp--preset--color--light-grey);
--form-label-text-color: var(--wp--preset--color--black);
--form-label-has-value-text-color: var(--wp--preset--color--black);
}
fieldset {
border: 0;
padding: 0;
}
form input[type='submit'], form button {
margin: var(--wp--preset--spacing--8) 0 0;
}
label {
font-size: var(--wp--preset--font-size--normal);
}
input, select, textarea {
height: auto;
font-size: inherit;
background-color: var(--wp--preset--color--white);
border-radius: var(--wp--custom--radius--default);
border: 1px solid var(--wp--preset--color--dark-grey);
color: initial;
display: inline-block;
margin: 0;
line-height: inherit;
outline: 0;
padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--16);
position: relative;
vertical-align: middle;
width: 100%;
accent-color: var(--wp--preset--color--primary);
}
textarea {
resize: none;
overflow: auto;
padding-top: var(--wp--preset--spacing--12);
}
textarea::placeholder {
height: auto;
font-size: var(--wp--preset--font-size--medium);
background-color: transparent;
display: inline-block;
margin: var(--wp--preset--spacing--16) 0;
line-height: inherit;
outline: 0;
padding: var(--wp--preset--spacing--16) 0;
position: relative;
vertical-align: middle;
width: 100%;
}
::placeholder {
color: var(--wp--preset--color--dark-grey);
}
input:hover, select:hover, textarea:hover, 
input:focus, select:focus, textarea:focus {
border-color: var(--wp--preset--color--primary);
}
input[type='checkbox'] {
width: var(--wp--preset--spacing--24);
height: var(--wp--preset--spacing--24);
padding: 0;
margin: 0 var(--wp--preset--spacing--12) 0 0;
border-color: currentColor;
border-width: 1px;
appearance: none;
display: grid;
place-content: center;
flex-shrink: 0;
}
input[type='checkbox']:checked {
background-color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
}
input[type='checkbox']:checked::after {
content: '✓';
font-family: "icons";
color: var(--wp--preset--color--white);
}
input[type='radio'] {
width: var(--wp--preset--spacing--24);
height: var(--wp--preset--spacing--24);
margin: 0 var(--wp--preset--spacing--12) 0 0;
border-color: currentColor;
flex-shrink: 0; 
} select,
.select2-container--default .select2-selection--single,
.dropdown input {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M.3.3a1 1 0 0 1 1.4 0L6 4.6 10.3.3a1 1 0 1 1 1.4 1.4L6 7.4.3 1.7A1 1 0 0 1 .3.3Z' clip-rule='evenodd'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right var(--wp--preset--spacing--16) top 55%, 0 0;
background-size: var(--wp--preset--spacing--12) auto, 100%;
border-radius: var(--wp--custom--radius--default);
border: 1px solid var(--wp--preset--color--dark-grey);
height: auto;
cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
visibility: hidden;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: var(--wp--preset--spacing--12) var(--wp--preset--spacing--16);
line-height: 1.5; }
.select2-dropdown {
border-color: var(--wp--preset--color--dark-grey);
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.16);
} .password-input {
position: relative;
}
.password-input button {
position: absolute;
right: var(--wp--preset--spacing--12);
top: 0;
bottom: 0;
margin: auto 0;
padding: 0;
width: 1rem;
display: flex;
align-items: center;
background: none no-repeat center center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M17.7 15.4c.3-.5.4-1.1.4-1.4 0-2.3-1.8-4.2-4-4.2-2.3 0-4.1 1.9-4.1 4.2a4 4 0 0 0 7.8 1.4Zm-3.7.4c.6 0 1-.2 1.4-.6.4-.3.6-1 .6-1.2 0-1.2-.8-2.1-2-2.1a2 2 0 0 0-2 2.1c0 .8 1 1.8 2 1.8Z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M1 14.3s.1 0 0 0a.4.4 0 0 1 0-.6h.1c3.7-5.4 8.2-8.2 13-8.2 4.6 0 9.1 2.8 12.8 8.2l.1.3-.1.3c-3.7 5.4-8.2 8.2-12.9 8.2-4.7 0-9.2-2.9-13-8.2Zm3-1a1 1 0 0 0 0 1.3c3 4 6.6 5.8 10 5.8 3.4 0 7-1.9 10-5.8.4-.3.4-.9 0-1.2-3-4-6.6-5.8-10-5.8-3.4 0-7 1.9-10 5.8Z' clip-rule='evenodd'/%3E%3C/svg%3E");
background-size: contain;
border: 0;
cursor: pointer;
}
.password-input button.display-password {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M22.7 1.6a.8.8 0 0 0-1.1.2l-2.4 4.3A12 12 0 0 0 14 5C9.3 5 4.8 7.8 1.1 13.3v.6c2.7 4 5.9 6.6 9.2 7.7L8.4 25c-.2.4 0 1 .3 1.1l.3.2c.4.3 1 .1 1.1-.3L23.3 3c.3-.4.1-1-.3-1.1l-.3-.2ZM18 8a10 10 0 0 0-4-.9C10.5 7.1 7 9 3.8 13a1 1 0 0 0 0 1.3c2.4 3 5 4.8 7.5 5.5l1.4-2.4a4 4 0 0 1-2.8-3.7c0-2.4 1.8-4.3 4-4.3 1 0 2 .4 2.8 1L18 8Zm-2.5 4.3c-.3-.5-.9-.9-1.6-.9-1 0-2 1-2 2.2 0 .8.8 1.7 1.9 1.8l1.7-3Z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M14.7 22.2c4.4-.3 8.7-3.1 12.2-8.3l.1-.3-.1-.4c-1.3-2-2.8-3.6-4.3-4.9l-1 2c.8.7 1.7 1.6 2.5 2.6.3.4.3 1 0 1.3-2.5 3.2-5.3 5-8 5.6l-1.4 2.4Z'/%3E%3C/svg%3E");
} .forminator-error-message,
.wc-block-components-validation-error,
.checkout-inline-error-message {
color: var(--wp--preset--color--red);
font-size: var(--wp--preset--font-size--tiny);
}
.required,
.forminator-required,
.wcmca_error {
color: var(--wp--preset--color--red);
}
.forminator-response-message,
.wc-block-checkout__guest-checkout-notice,
.wcmca_error {
background-color: var(--wp--preset--color--light-grey);
border: 1px solid var(--wp--preset--color--grey);
border-radius: var(--wp--custom--radius--default);
padding: var(--wp--preset--spacing--16) var(--wp--preset--spacing--32);
margin: 0 0 var(--wp--preset--spacing--24) 0;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.wcmca_error {
display: none;
background-color: var(--wp--preset--color--red);
color: white !important;
border: 0;
font-size: var(--wp--preset--font-size--small);
}
.forminator-response-message:empty {
display: none;
}
.wc-block-components-validation-error p {
margin: 0;
}
.textarea-counter, .forminator-description {
display: inline-block;
font-size: var(--wp--preset--font-size--tiny);
color: var(--wp--preset--color--dark-grey);
text-align: right;
width: 100%;
}
.forminator-description:has([data-type="characters"]) { display: none;
}
label .optional { display: none;
}
.ajax-saved-message {
display: inline-block;
padding: 0 var(--wp--preset--spacing--4);
color: var(--wp--preset--color--primary);
opacity: 0;
}
.ajax-saved-message.visible {
opacity: 1;
transition: opacity var(--wp--custom--animation-speed);
animation: hideAgain var(--wp--custom--animation-speed) 3s forwards;
}
@keyframes hideAgain {
0% { opacity: 1; }
100% { opacity: 0; }
}
.wpcf7-not-valid-tip {
color: var(--wp--preset--color--red);
font-size: var(--wp--preset--font-size--tiny);
padding-left: var(--wp--preset--spacing--16);
}
.wpcf7 form .wpcf7-response-output {
border-color: transparent !important;
padding: 0;
margin: 0;
text-align: center;
color: var(--wp--preset--color--red);
font-size: var(--wp--preset--font-size--tiny);
} .forminator-col, .forminator-row {
margin-bottom: 0 !important;
}
.forminator-field,
.woocommerce-form-row,
.form-row,
.wc-block-components-text-input,
.wc-blocks-components-select__container,
.woocommerce-form__label-for-checkbox,
.wpcf7-form p {
position: relative;
margin: var(--wp--preset--spacing--4) 0;
padding: var(--wp--preset--spacing--12) 0 0;
}
.forminator-field input, .forminator-field textarea,
.wc-block-components-text-input input,
.wpcf7-form input {
margin-bottom: var(--wp--preset--spacing--4);
}
.forminator-field[role=group] {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--16);
}
.form-field[role=group] {
display: flex;
flex-direction: row;
gap: var(--wp--preset--spacing--24);
}
@media screen and (max-width: 781px) {
.form-field[role=group] {
flex-wrap: wrap;
gap: 0; 
}
}
.form-field[role=group] > * {
width: 100%;
}
.wpcf7-form br {
display: none;
}
.wpcf7-form p:has(input[type=hidden]:only-child) {
padding: 0 !important;
} .forminator-field input::placeholder,
.woocommerce-form-row label::placeholder,
.form-row label::placeholder,
.wc-block-components-text-input input::placeholder,
.wpcf7-form-control-wrap input::placeholder {
visibility: hidden;
}
.forminator-field label,
.woocommerce-form-row label,
.form-row label,
.wc-block-components-text-input label,
.wc-blocks-components-select__container label,
.wpcf7-form label {
font-size: inherit;
font-weight: inherit;
border-radius: var(--wp--preset--spacing--4);
margin: 0 calc(var(--wp--preset--spacing--8) + var(--wp--preset--spacing--4));
position: absolute;
left: var(--wp--preset--spacing--4);
top: 1.625rem;
z-index: 2;
pointer-events: none;
max-width: 66vw;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--form-label-text-color);
transition: .025s;
} .forminator-field.has-value label,
.forminator-field:has(select) label,
.wc-blocks-components-select__container label,
.woocommerce-form-row.has-value label,
.form-row.has-value label,
.wpcf7-form p.has-value label,
.wc-block-components-text-input.is-active label,
.form-row:has(.select2) label,
.form-row:has(select) label,
.wpcf7-form p:has(select) label { 
font-size: var(--wp--preset--font-size--tiny);
background-color: var(--form-label-background-color);
color: var(--form-label-has-value-text-color);
padding: 2px var(--wp--preset--spacing--8);
left: 0;
top: 0; 
} .forminator-checkbox, .forminator-radio,
.woocommerce-form__label-for-checkbox, .woocommerce-form__label-for-radio,
.wc-block-components-checkbox label, .wc-block-components-radio-control label,
.wpcf7-form .wpcf7-list-item label,
.woocommerce-SavedPaymentMethods-saveNew,
.form-row .wcmca_default_checkobx_label,
.woocommerce-input-wrapper > .checkbox {
display: flex;
}
.forminator-field label.forminator-checkbox,
.woocommerce-form__label-for-checkbox, .form-row .woocommerce-form__label-for-checkbox, .form-row .checkbox,
.wpcf7-form .wpcf7-list-item label,
.form-row label[for="wc-stripe-new-payment-method"],
.form-row .wcmca_default_checkobx_label {
position: static;
pointer-events: auto;
background-color: transparent !important;
margin: 0;
max-width: unset;
overflow: visible;
white-space: normal;
}
.wpcf7-list-item:first-child,
.woocommerce-input-wrapper > .checkbox  {
margin-left: 0;
}
.form-row:has(.woocommerce-form__label-for-checkbox), 
.form-row:has(label.screen-reader-text){
padding-top: 0;
}
.form-row.has-value label.woocommerce-form__label-for-checkbox {
padding-left: 0;
}
.woocommerce-form__label-for-checkbox span {
line-height: var(--wp--custom--line-height--default);
font-size: 1rem;
}
.wc-block-components-checkbox label svg,
.wc-blocks-components-select svg {
display: none;
}
.wc-block-components-radio-control__label-group,
.wc-block-components-radio-control__option-layout {
display: flex;
width: 100%;
}
.wc-block-components-radio-control__secondary-label {
margin-left: auto;
} input[type='submit'].wpcf7-submit,
button.forminator-button-submit {
width: 100%;
} .dropdown {
position: relative;
}
.dropdown-list {
position: absolute;
top: 100%;
left: 0;
right: 0;
max-height: 14rem;
overflow-y: auto;
-webkit-overflow-scrolling: touch; z-index: 0;
border: 1px solid var(--wp--preset--color--dark-grey);
background: var(--wp--preset--color--white);
border-radius: var(--wp--custom--radius--default);
padding: var(--wp--preset--spacing--4);
list-style: none;
box-shadow: var(--wp--preset--shadow--natural);
animation: closeDropdown 0.1s ease forwards;
z-index: 0;
}
.dropdown.open .dropdown-list {
animation: openDropdown 0.2s ease forwards;
}
@keyframes openDropdown {
from { opacity: 0; z-index: 0; transform: translateY(-4px); }
to {   opacity: 1; z-index: 3; transform: translateY(0); }
}
@keyframes closeDropdown {
from { opacity: 1; z-index: 3; transform: translateY(0); }
to {   opacity: 0; z-index: 0; transform: translateY(-4px);  }
}
.dropdown-list li {
display: flex;
padding: var(--wp--preset--spacing--16);
cursor: pointer;
border-radius: var(--wp--custom--radius--default);
}
.dropdown-list li:hover,
.dropdown-list li:focus,
.dropdown-list li.selected {
background-color: var(--wp--preset--color--light-grey);
}
.dropdown-list li p {
padding: 0 !important;
margin: 0 !important;
} .woocommerce-password-strength {
font-size: var(--wp--preset--font-size--small);
font-weight: var(--wp--custom--font-weight--bold);
margin: var(--wp--preset--spacing--12) 0 var(--wp--preset--spacing--4) 0;
padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);
background: var(--wp--preset--color--light-grey);
border-radius: var(--wp--custom--radius--default);
}
.woocommerce-password-strength.short,
.woocommerce-password-strength.bad {
background: #efb7b7;
color: var(--wp--preset--color--red);
}
.woocommerce-password-strength.good {
background: #ffefd9;
color: var(--wp--preset--color--orange);
}
.woocommerce-password-strength.strong {
background: #d0f2e2;
color: var(--wp--preset--color--green);
} p:has(>.wpcf7-spinner) {
position: relative;
}
.wpcf7-spinner {
position: absolute;
margin: auto;
left: 0;
right: 0;
margin-top: 4px;
}