1#@!#!123s

: / proc / self / cwd / wp-content / plugins / wpforms-lite / assets / css / integrations / square /
Filename : wpforms-square.css
back
div.wpforms-container-full .wpforms-form .sq-card-iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

div.wpforms-container-full .wpforms-form .sq-card-iframe-container::before {
  border-width: 1px;
  border-radius: 2px;
}

div.wpforms-container-full .wpforms-form .sq-card-wrapper {
  min-width: auto;
}

div.wpforms-container-full .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container::before {
  border-color: #999;
}

div.wpforms-container-full .wpforms-form .sq-card-wrapper.sq-error .sq-card-iframe-container::before {
  border-color: #cc0000;
}

div.wpforms-container-full .wpforms-form .sq-card-component {
  position: relative;
  height: inherit;
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 2px;
}

div.wpforms-container-full .wpforms-form .wpforms-field-square-consent {
  border-left: 3px solid;
  padding-left: 15px;
  font-size: 0.75em;
  color: #666;
}

div.wpforms-container-full .wpforms-form .wpforms-field-square .wpforms-field-row.wpforms-field-small .wpforms-field-square-cardname {
  width: 100%;
}

div.wpforms-container-full .wpforms-form .wpforms-field-layout .wpforms-layout-column .wpforms-field-row.wpforms-field-small .wpforms-field-square-cardname {
  min-width: 100%;
}

div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container {
  border-radius: var(--wpforms-field-border-radius);
  border: var(--wpforms-field-border-size, 1px) var(--wpforms-field-border-style, solid) var(--wpforms-field-border-color);
  border-color: var(--wpforms-field-border-color);
  background-color: var(--wpforms-field-background-color);
}

div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container::before {
  border-color: transparent;
  border-radius: var(--wpforms-field-border-radius);
}

div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper .sq-card-iframe-container iframe {
  border: none !important;
  border-radius: var(--wpforms-field-border-radius);
  background: transparent;
}

div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container {
  border-width: var(--wpforms-field-border-size, 0);
  border-style: solid;
  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);
  outline: none;
  border-color: var(--wpforms-button-background-color) !important;
}

div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-focus .sq-card-iframe-container::before {
  border: none;
}

div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error .sq-card-iframe-container {
  border-width: var(--wpforms-field-border-size);
  border-style: solid;
  border-color: var(--wpforms-label-error-color);
  border-color: var(--wpforms-label-error-color) !important;
}

div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error:hover .sq-card-iframe-container {
  border-width: var(--wpforms-field-border-size);
  border-style: solid;
  border-color: var(--wpforms-label-error-color);
  box-shadow: 0 0 2px 0 var(--wpforms-label-error-color);
  border-color: var(--wpforms-label-error-color) !important;
}

div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper.sq-error.sq-focus .sq-card-iframe-container {
  border-width: var(--wpforms-field-border-size);
  border-style: solid;
  border-color: var(--wpforms-label-error-color);
  box-shadow: 0 0 0 1px var(--wpforms-label-error-color);
  border-color: var(--wpforms-label-error-color) !important;
}

div.wpforms-container-full.wpforms-render-modern .wpforms-form .wpforms-field-square .wpforms-field-sublabel + .wpforms-error {
  margin-top: calc( 1.5 * var( --wpforms-field-size-sublabel-spacing ));
}

.wpforms-field-square .sq-card-message {
  display: none;
}

#wpforms-conversational-form-page .sq-card-iframe-container,
#wpforms-conversational-form-page .sq-card-component {
  background-color: transparent;
  border: none;
}

#sq-nudata-modal {
  display: block !important;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
}

@media only screen and (max-width: 600px) {
  div.wpforms-container-full.wpforms-render-modern .wpforms-form .sq-card-wrapper {
    max-width: calc( 100% - 2px);
  }
}