: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container {
width: calc(100% - 160px);
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field {
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container {
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit {
div.wpforms-container-full.inline-fields .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full.inline-fields .wpforms-form select.wpforms-field-medium,
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-row.wpforms-field-medium {
----------------------------------------------------------------------------- */
div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
div.wpforms-container-full .wpforms-form textarea {
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=number]:read-only {
-moz-appearance: textfield;
-webkit-appearance: textfield;
div.wpforms-container-full .wpforms-form input[type=number]:read-only::-webkit-inner-spin-button {
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,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
.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 {
width: calc( 100% - 120px);
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 .wpforms-field-row {
div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::before, div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::after {
div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown {
width: clamp(calc( 50% - 12px), 100px, 100%);
div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown + .wpforms-field-row-block {
width: clamp(calc( 50% - 12px), 100px, 100%);
div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-date-dropdown-wrap {
div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-sublabel {
div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap {