.flatpickr-calendar .flatpickr-current-month select {
@media only screen and (max-width: 600px) {
.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown {
.wpforms-container .wpforms-form .wpforms-error-alert, .et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-form .wpforms-error-alert {
border: 1px solid #cccccc;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
.wpforms-container .wpforms-form .wpforms-error-alert {
background-color: #f2dede;
----------------------------------------------------------------------------- */
div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] {
/* Cloudflare Turnstile iframe content alignment fix.
----------------------------------------------------------------------------- */
.wpforms-is-turnstile iframe {
margin-left: -2px !important;
.wpforms-container .wpforms-hidden {
display: none !important;
/* ==========================================================================
Base - basic bare bones styling
========================================================================== */
----------------------------------------------------------------------------- */
.wpforms-container .wpforms-error-container,
.wpforms-container noscript.wpforms-error-noscript {
.wpforms-container label.wpforms-error {
.wpforms-container .wpforms-field input.wpforms-error,
.wpforms-container .wpforms-field input.user-invalid,
.wpforms-container .wpforms-field textarea.wpforms-error,
.wpforms-container .wpforms-field textarea.user-invalid,
.wpforms-container .wpforms-field select.wpforms-error,
.wpforms-container .wpforms-field select.user-invalid,
.wpforms-container .wpforms-field.wpforms-has-error .choices__inner {
border: 1px solid #cc0000;
.wpforms-container .wpforms-field-credit-card-expiration label.wpforms-error,
.wpforms-container .wpforms-field-credit-card-code label.wpforms-error {
display: none !important;
----------------------------------------------------------------------------- */
.wpforms-container .wpforms-page-indicator {
.wpforms-container .wpforms-page-indicator.circles {
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page {
.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type {
.wpforms-container .wpforms-page-indicator.circles .wpforms-page-indicator-page-number {
.wpforms-container .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number {
.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page {
.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-number {
.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle {
border-width: 6px 5px 0 5px;
border-color: transparent transparent transparent transparent;
.wpforms-container .wpforms-page-indicator.connector .wpforms-page-indicator-page-title {
.wpforms-container .wpforms-page-indicator.progress {
.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap {
.wpforms-container .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress {
----------------------------------------------------------------------------- */
div.wpforms-container .wpforms-notice {
padding: 20px 36px 20px 26px;
div.wpforms-container .wpforms-notice .wpforms-delete {
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2);
div.wpforms-container .wpforms-notice .wpforms-delete:before,
div.wpforms-container .wpforms-notice .wpforms-delete:after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
div.wpforms-container .wpforms-notice .wpforms-delete:before {
div.wpforms-container .wpforms-notice .wpforms-delete:after {
div.wpforms-container .wpforms-notice .wpforms-delete:hover,
div.wpforms-container .wpforms-notice .wpforms-delete:focus {
background-color: rgba(10, 10, 10, 0.3);
div.wpforms-container .wpforms-notice a {
text-decoration: underline;
div.wpforms-container .wpforms-notice p {
div.wpforms-container .wpforms-notice p:last-of-type {
div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action,
div.wpforms-container-full .wpforms-notice.wpforms-info {
div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action,
div.wpforms-container-full .wpforms-notice.wpforms-success {
div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action,
div.wpforms-container-full .wpforms-notice.wpforms-warning {
div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action,
div.wpforms-container-full .wpforms-notice.wpforms-error {
div.wpforms-container-full .wpforms-notice .wpforms-notice-actions {
div.wpforms-container-full .wpforms-notice .wpforms-notice-action {
div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover,
div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus,
div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active {
div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover,
div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus,
div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active {
background-color: #3273dc;
div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover,
div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus,
div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active {
background-color: #23d160;
div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,
div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,
div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active {
background-color: #ffdd57;
div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover,
div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus,
div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active {
background-color: #ff3860;
div.wpforms-container .wpforms-error-container.wpforms-error-styled-container {
div.wpforms-container .wpforms-error-container.wpforms-error-styled-container p {
----------------------------------------------------------------------------- */
.wpforms-preview-notice-links {
----------------------------------------------------------------------------- */
.wpforms-container .wpforms-title {
.wpforms-container .wpforms-description {
----------------------------------------------------------------------------- */
.wpforms-container .wpforms-submit-container {
.wpforms-container .wpforms-submit-spinner {
margin-inline-start: 0.5em;
----------------------------------------------------------------------------- */
.wpforms-container .wpforms-field-hp {
display: none !important;
position: absolute !important;
left: -9000px !important;
.wpforms-container .wpforms-field.wpforms-field-hidden {
.wpforms-container .wpforms-screen-reader-element {
position: absolute !important;
word-wrap: normal !important;
div.wpforms-container .wpforms-form textarea {
* 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 {
----------------------------------------------------------------------------- */
.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap h3 {
.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap img {
.edit-post-visual-editor .wpforms-gutenberg-form-selector-wrap .components-base-control {
div.wpforms-gutenberg-form-selector .wpforms-form input:disabled,
div.wpforms-gutenberg-form-selector .wpforms-form textarea:disabled,
div.wpforms-gutenberg-form-selector .wpforms-form select:disabled,
div.wpforms-gutenberg-form-selector .wpforms-form button[type=submit]:disabled {
div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__inner,
div.wpforms-container .wpforms-form .choices.is-open .choices__list--dropdown {
border-radius: 0 0 2px 2px;
div.wpforms-container .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,
div.wpforms-container .wpforms-form .choices.is-open .choices__inner {
border-radius: 2px 2px 0 0;
div.wpforms-container .wpforms-form .choices .choices__inner {
div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--single {
div.wpforms-container .wpforms-form .choices .choices__inner .choices__list--multiple .choices__item {
----------------------------------------------------------------------------- */
body.rtl .wpforms-field-phone input[type=tel] {
body.rtl .wpforms-container .wpforms-first {
body.rtl .wpforms-container .wpforms-first + .wpforms-one-half {
body.rtl .wpforms-container.wpforms-edit-entry-container .wpforms-first + .wpforms-one-half {
/* ==========================================================================
Base - basic bare bones styling
========================================================================== */
.wpforms-container ul li {
/* Basic Field properties
----------------------------------------------------------------------------- */
/* Field sizes - medium */
.wpforms-container input.wpforms-field-medium,
.wpforms-container select.wpforms-field-medium,
.wpforms-container .wpforms-field-row.wpforms-field-medium {
.wpforms-container textarea.wpforms-field-medium {
/* Field sizes - small */
.wpforms-container input.wpforms-field-small,