: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.rtl div.wpforms-container-full select, .rtl div.wpforms-container-full select:disabled, .rtl
.wp-core-ui div.wpforms-container-full select, .rtl
.wp-core-ui div.wpforms-container-full select:disabled {
background-position: 12px 50%, 17px 50%;
div.wpforms-container-full select > option,
.wp-core-ui div.wpforms-container-full select > option {
color: var(--wpforms-field-text-color);
div.wpforms-container-full select > option.placeholder, div.wpforms-container-full select > option[disabled],
.wp-core-ui div.wpforms-container-full select > option.placeholder,
.wp-core-ui div.wpforms-container-full select > option[disabled] {
color: var(--wpforms-field-text-color);
div.wpforms-container-full select:not([multiple]) > option,
.wp-core-ui div.wpforms-container-full select:not([multiple]) > option {
background: var(--wpforms-field-menu-color);
div.wpforms-container-full select:not([multiple]) > option:not(.placeholder):checked,
.wp-core-ui div.wpforms-container-full select:not([multiple]) > option:not(.placeholder):checked {
div.wpforms-container-full select[multiple],
.wp-core-ui div.wpforms-container-full select[multiple] {
div.wpforms-container-full select[multiple] > option:not(.placeholder):checked,
.wp-core-ui div.wpforms-container-full select[multiple] > option:not(.placeholder):checked {
background: var(--wpforms-button-background-color);
color: var(--wpforms-button-text-color-alt, var(--wpforms-button-text-color));
div.wpforms-container-full input[type=number]:read-only,
.wp-core-ui div.wpforms-container-full input[type=number]:read-only {
-moz-appearance: textfield;
-webkit-appearance: textfield;
div.wpforms-container-full input[type=number]:read-only::-webkit-inner-spin-button,
.wp-core-ui div.wpforms-container-full input[type=number]:read-only::-webkit-inner-spin-button {
div.wpforms-container-full input[type=submit],
div.wpforms-container-full button[type=submit],
div.wpforms-container-full .wpforms-page-button,
.wp-core-ui div.wpforms-container-full input[type=submit],
.wp-core-ui div.wpforms-container-full button[type=submit],
.wp-core-ui div.wpforms-container-full .wpforms-page-button {
height: var(--wpforms-button-size-height);
background-color: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color));
border-radius: var(--wpforms-button-border-radius);
border-style: var(--wpforms-button-border-style);
border-color: var(--wpforms-button-border-color);
border-width: var(--wpforms-button-border-size);
color: var(--wpforms-button-text-color);
padding: 0 var(--wpforms-button-size-padding-h);
font-size: var(--wpforms-button-size-font-size);
transition: all 0.15s ease-in-out;
div.wpforms-container-full input[type=submit]:not(:hover):not(:active),
div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),
.wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active),
.wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
.wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
background-color: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color));
color: var(--wpforms-button-text-color);
div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active,
div.wpforms-container-full button[type=submit]:hover,
div.wpforms-container-full button[type=submit]:active,
div.wpforms-container-full .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-page-button:active,
.wp-core-ui div.wpforms-container-full input[type=submit]:hover,
.wp-core-ui div.wpforms-container-full input[type=submit]:active,
.wp-core-ui div.wpforms-container-full button[type=submit]:hover,
.wp-core-ui div.wpforms-container-full button[type=submit]:active,
.wp-core-ui div.wpforms-container-full .wpforms-page-button:hover,
.wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)) !important;
div.wpforms-container-full input[type=submit].wpforms-opacity-hover:hover, div.wpforms-container-full input[type=submit].wpforms-opacity-hover:active,
div.wpforms-container-full button[type=submit].wpforms-opacity-hover:hover,
div.wpforms-container-full button[type=submit].wpforms-opacity-hover:active,
div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:hover,
div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:active,
.wp-core-ui div.wpforms-container-full input[type=submit].wpforms-opacity-hover:hover,
.wp-core-ui div.wpforms-container-full input[type=submit].wpforms-opacity-hover:active,
.wp-core-ui div.wpforms-container-full button[type=submit].wpforms-opacity-hover:hover,
.wp-core-ui div.wpforms-container-full button[type=submit].wpforms-opacity-hover:active,
.wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:hover,
.wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-opacity-hover:active {
div.wpforms-container-full input[type=submit]:focus,
div.wpforms-container-full button[type=submit]:focus,
div.wpforms-container-full .wpforms-page-button:focus,
.wp-core-ui div.wpforms-container-full input[type=submit]:focus,
.wp-core-ui div.wpforms-container-full button[type=submit]:focus,
.wp-core-ui div.wpforms-container-full .wpforms-page-button:focus {
div.wpforms-container-full input[type=submit]:focus:after,
div.wpforms-container-full button[type=submit]:focus:after,
div.wpforms-container-full .wpforms-page-button:focus:after,
.wp-core-ui div.wpforms-container-full input[type=submit]:focus:after,
.wp-core-ui div.wpforms-container-full button[type=submit]:focus:after,
.wp-core-ui div.wpforms-container-full .wpforms-page-button:focus:after {
border: 2px solid var(--wpforms-button-background-color);
border-radius: calc( var( --wpforms-button-border-radius ) + 2px);
top: calc( -4px - var( --wpforms-button-border-size, 1px ));
right: calc( -4px - var( --wpforms-button-border-size, 1px ));
bottom: calc( -4px - var( --wpforms-button-border-size, 1px ));
left: calc( -4px - var( --wpforms-button-border-size, 1px ));
div.wpforms-container-full input[type=submit]:disabled, div.wpforms-container-full input[type=submit]:disabled:hover, div.wpforms-container-full input[type=submit].wpforms-disabled,
div.wpforms-container-full button[type=submit]:disabled,
div.wpforms-container-full button[type=submit]:disabled:hover,
div.wpforms-container-full button[type=submit].wpforms-disabled,
div.wpforms-container-full .wpforms-page-button:disabled,
div.wpforms-container-full .wpforms-page-button:disabled:hover,
div.wpforms-container-full .wpforms-page-button.wpforms-disabled,
.wp-core-ui div.wpforms-container-full input[type=submit]:disabled,
.wp-core-ui div.wpforms-container-full input[type=submit]:disabled:hover,
.wp-core-ui div.wpforms-container-full input[type=submit].wpforms-disabled,
.wp-core-ui div.wpforms-container-full button[type=submit]:disabled,
.wp-core-ui div.wpforms-container-full button[type=submit]:disabled:hover,
.wp-core-ui div.wpforms-container-full button[type=submit].wpforms-disabled,
.wp-core-ui div.wpforms-container-full .wpforms-page-button:disabled,
.wp-core-ui div.wpforms-container-full .wpforms-page-button:disabled:hover,
.wp-core-ui div.wpforms-container-full .wpforms-page-button.wpforms-disabled {
background-color: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color));
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=date]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=datetime]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=datetime-local]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=email]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=month]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=number]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=password]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=range]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=search]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=tel]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=text]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=time]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=url]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=week]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) select:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) textarea:disabled {
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=checkbox]:disabled:before, div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=checkbox]:disabled:after,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=radio]:disabled:before,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=radio]:disabled:after {
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit]:disabled, div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit]:disabled:hover, div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) input[type=submit].wpforms-disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit]:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit]:disabled:hover,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) button[type=submit].wpforms-disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button:disabled,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button:disabled:hover,
div.wpforms-container-full:not(.wpforms-gutenberg-form-selector) .wpforms-page-button.wpforms-disabled {
div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row {
margin-bottom: var(--wpforms-field-size-input-spacing);
div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-child, div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:only-child {
margin-bottom: 0 !important;
div.wpforms-container-full input[type=checkbox],
div.wpforms-container-full input[type=radio] {
height: calc( var( --wpforms-field-size-checkbox-size ) - 2px + calc( var( --wpforms-field-border-size, 1px ) * 2 ));
width: calc( var( --wpforms-field-size-checkbox-size ) - 2px + calc( var( --wpforms-field-border-size, 1px ) * 2 ));
div.wpforms-container-full input[type=checkbox]:before, div.wpforms-container-full input[type=checkbox]:after,
div.wpforms-container-full input[type=radio]:before,
div.wpforms-container-full input[type=radio]:after {
width: var(--wpforms-field-size-checkbox-size);
height: var(--wpforms-field-size-checkbox-size);
div.wpforms-container-full input[type=checkbox]:before,
div.wpforms-container-full input[type=radio]:before {
border-width: var(--wpforms-field-border-size);
border-style: var(--wpforms-field-border-style);
border-color: var(--wpforms-field-border-color);
background-color: var(--wpforms-field-background-color);
background-clip: padding-box;
div.wpforms-container-full input[type=checkbox] + label,
div.wpforms-container-full input[type=radio] + label {
padding-inline-start: 12px;
font-size: var(--wpforms-label-size-font-size);
div.wpforms-container-full input[type=checkbox]:checked:before,
div.wpforms-container-full input[type=radio]:checked:before {
border-width: var(--wpforms-field-border-size);
border-color: var(--wpforms-button-background-color);
box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15);
div.wpforms-container-full input[type=checkbox]:focus,
div.wpforms-container-full input[type=radio]:focus {
div.wpforms-container-full input[type=checkbox]:focus:before,
div.wpforms-container-full input[type=radio]:focus:before {
border-width: var(--wpforms-field-border-size);
border-color: var(--wpforms-button-background-color);
box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15);
div.wpforms-container-full input[type=checkbox]:checked:after {
height: calc( var( --wpforms-field-size-checkbox-size ) * 0.6);
border-left: 4px solid var(--wpforms-button-background-color);
border-bottom: 4px solid var(--wpforms-button-background-color);
background-color: transparent;
transform: translate(0, 1px) scale(0.5) rotate(-45deg);
left: calc( -4px + var( --wpforms-field-border-size, 1px ));
top: calc( -3px + var( --wpforms-field-border-size, 1px ));
div.wpforms-container-full input[type=radio] {
div.wpforms-container-full input[type=radio]:before {
div.wpforms-container-full input[type=radio]:checked:after {
border: 1px solid transparent;
background-color: var(--wpforms-button-background-color);
-moz-transform: scale(0.47);
left: calc( -3px + var( --wpforms-field-border-size, 1px ));
top: calc( -3px + var( --wpforms-field-border-size, 1px ));
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul {
grid-template-columns: repeat(1, auto);
gap: var(--wpforms-field-size-input-spacing);
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li {
line-height: var(--wpforms-field-size-checkbox-size);
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input {
min-width: var(--wpforms-field-size-checkbox-size);
margin-top: calc((var(--wpforms-label-size-font-size) * 1.3 - var(--wpforms-field-size-checkbox-size)) / 1.5);
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input + label, div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input + label, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input + label, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input + label, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input + label {
padding-inline-start: 12px;
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ul, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ol, div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ol, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ol, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ol, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ol {
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ul li, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox .wpforms-field-description ol li, div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ul li, div.wpforms-container-full .wpforms-field.wpforms-field-radio .wpforms-field-description ol li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ul li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox .wpforms-field-description ol li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ul li, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple .wpforms-field-description ol li, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ul li, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox .wpforms-field-description ol li {
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-checkbox-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-multiplechoice-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-checkbox-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-multiplechoice-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-checkbox-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-multiplechoice-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-checkbox-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-multiplechoice-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-checkbox-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-multiplechoice-2-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-2-columns ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-checkbox-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-multiplechoice-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-checkbox-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-multiplechoice-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-checkbox-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-multiplechoice-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-checkbox-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-multiplechoice-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-checkbox-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-multiplechoice-3-columns ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-3-columns ul {
grid-template-columns: repeat(3, minmax(0, 1fr));
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-inline ul, div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-inline ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-inline ul, div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-inline ul, div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-inline ul {
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label {
border-width: var(--wpforms-field-border-size);
border-color: transparent;
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label .wpforms-image-choices-label,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label .wpforms-image-choices-label,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label {
font-size: var(--wpforms-field-size-font-size);
color: var(--wpforms-label-color);
margin-top: var(--wpforms-field-size-input-spacing);
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item img,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item img {
border-radius: calc( var( --wpforms-field-border-radius ) / 2);
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label {
border-radius: var(--wpforms-field-border-radius);
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label:hover,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label:hover {
border-color: var(--wpforms-button-background-color);
div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label {
border-width: var(--wpforms-field-border-size);
div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:hover {
box-shadow: 0 0 0 1px var(--wpforms-button-background-color);
div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:focus, div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:focus-within {
border-width: var(--wpforms-field-border-size);
border-color: var(--wpforms-button-background-color);
box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15);
div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label.wpforms-field-label-inline-empty .wpforms-image-choices-label {
div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected .wpforms-image-choices-image:after {
background-color: var(--wpforms-button-background-color);
div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected label:hover {
border-color: var(--wpforms-button-background-color);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px var(--wpforms-button-background-color);
div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item .wpforms-image-choices-image img {
border-radius: calc( var( --wpforms-field-border-radius ) / 2);
div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item label:focus, div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item label:focus-within {
border-color: var(--wpforms-button-background-color);
div.wpforms-container-full .wpforms-form .wpforms-image-choices-classic .wpforms-image-choices-item.wpforms-selected label {
border-width: var(--wpforms-field-border-size);
border-color: var(--wpforms-button-background-color);
box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, 0.15);
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label {
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-image {
margin-bottom: var(--wpforms-field-size-input-spacing);
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label input {
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label {
div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices {
div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-small svg {
height: calc( 32px * var( --wpforms-field-size-icon-size ));
div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-medium svg {
height: calc( 48px * var( --wpforms-field-size-icon-size ));
div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-large svg {
height: calc( 64px * var( --wpforms-field-size-icon-size ));
div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item {
div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item label {
div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item svg {
fill: var(--wpforms-icon-choices-color);
div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-item .wpforms-icon-choices-label {
font-size: var(--wpforms-label-size-font-size);
line-height: var(--wpforms-label-size-line-height);
margin-top: var(--wpforms-field-size-input-spacing);
color: var(--wpforms-label-color);
div.wpforms-container.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon {
background-color: transparent;
border-radius: var(--wpforms-field-border-radius);
border-width: clamp(1px, var(--wpforms-field-border-size), 6px);
border-color: var(--wpforms-field-border-color);