: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
div.wpforms-container-full .wpforms-form input[type=checkbox],
div.wpforms-container-full .wpforms-form input[type=radio] {
vertical-align: baseline;
div.wpforms-container-full .wpforms-form input[type=radio] {
div.wpforms-container-full .wpforms-form select {
div.wpforms-container-full .wpforms-form select[multiple] {
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
div.wpforms-container-full .wpforms-form .wpforms-page-button {
div.wpforms-container-full .wpforms-form input[type=submit]:hover,
div.wpforms-container-full .wpforms-form input[type=submit]:focus,
div.wpforms-container-full .wpforms-form input[type=submit]:active,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:focus,
div.wpforms-container-full .wpforms-form button[type=submit]:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
div.wpforms-container-full .wpforms-form input[type=submit]:disabled,
div.wpforms-container-full .wpforms-form button[type=submit]:disabled,
div.wpforms-container-full .wpforms-form .wpforms-page-button:disabled {
div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form textarea:focus,
div.wpforms-container-full .wpforms-form select:focus,
div.wpforms-container-full .wpforms-form .is-focused .choices__inner,
div.wpforms-container-full .wpforms-form .is-open .choices__inner,
div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown {
div.wpforms-container-full .wpforms-form input:disabled,
div.wpforms-container-full .wpforms-form textarea:disabled,
div.wpforms-container-full .wpforms-form select:disabled {
background-color: #f9f9f9;
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-form .wpforms-error-container,
div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript {
div.wpforms-container-full .wpforms-form label.wpforms-error {
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner {
border: 1px solid #cc0000;
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration label.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code label.wpforms-error {
display: none !important;
----------------------------------------------------------------------------- */
* Note: The second selector for the following two rules is needed to override the rule with
* the selector: `div.wpforms-container-full, div.wpforms-container-full .wpforms-form *`.
* The underlying cause is that the .wpforms-confirmation-container-full is not expected
* to be located inside of the .wpforms-confirmation-container-full element, since on non-AMP
* pages the confirmation message is never displayed on the same page as the form.
.wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full {
overflow-wrap: break-word;
.wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
border: 1px solid #b4d39b;
.wpforms-confirmation-container-full p:last-of-type,
div[submit-success] > .wpforms-confirmation-container-full p:last-of-type {
* Hide the form fields upon successful submission. This may not be the best approach.
* Perhaps more robust: .wpforms-form.amp-form-submit-success > *:not([submit-success]) { display:none }
.amp-form-submit-success .wpforms-field-container,
.amp-form-submit-success .wpforms-submit-container {
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile-invisible {
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha {
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha iframe {
position: relative !important;
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container iframe {
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-form .wpforms-title {
div.wpforms-container-full .wpforms-form .wpforms-description {
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-center {
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left {
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button {
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right {
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button {
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-prev {
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-next {
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-number {
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code {
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-name {
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration {
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration select {
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration span {
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] {
-webkit-appearance: none;
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-track {
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
/* Override default look */
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb {
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb {
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint {
/* Stripe Credit Card field
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber,
div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid {
border: 1px solid #cc0000 !important;
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-form .wpforms-field-html ul,
div.wpforms-container-full .wpforms-form .wpforms-field-html ol {
margin: 0 0 20px !important;
div.wpforms-container-full .wpforms-form .wpforms-field-html ul li,
div.wpforms-container-full .wpforms-form .wpforms-field-html ol li {
margin: 0 0 5px 0 !important;
div.wpforms-container-full .wpforms-form .wpforms-field-html ul li {
list-style: disc !important;
div.wpforms-container-full .wpforms-form .wpforms-field-html ol li {
list-style: decimal !important;
div.wpforms-container-full .wpforms-form .wpforms-field-html li > ul,
div.wpforms-container-full .wpforms-form .wpforms-field-html li > ol {
margin: 6px 0 0 20px !important;
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-field-date-time-date-sep {
div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-year,
div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-day,
div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-month {
div.wpforms-container-full .wpforms-datepicker-wrap {
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear {
background-image: url(../images/times-solid-white.svg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #cccccc;
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover {
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-small + .wpforms-datepicker-clear {
right: calc( 75% + 10px);
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium + .wpforms-datepicker-clear {
right: calc( 40% + 10px);
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-form .wpforms-captcha-math input {
div.wpforms-container-full .wpforms-form .wpforms-captcha-equation {
div.wpforms-container-full .wpforms-form .wpforms-captcha-question {
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-form .wpforms-field-rating-item {
div.wpforms-container-full .wpforms-form .wpforms-field-rating svg {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg,
div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg,
div.wpforms-container-full .wpforms-form .wpforms-field-rating-item input:focus + svg {
-webkit-transform: scale(1.3);
----------------------------------------------------------------------------- */
div.wpforms-field-file-upload .wpforms-hide {
display: none !important;
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern {
border: 2px dashed rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.02);
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-with-files {
justify-content: flex-start;
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern svg {
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-title {
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-hint {
color: rgba(0, 0, 0, 0.1);