/**
 * Strong Testimonials Default Form template
 */
.strong-form {
  position: relative;
  margin: 0 auto;
}
.strong-form .wpmtst-form-field {
  margin-bottom: 1.5em;
}
.strong-form .wpmtst-form-field.wpmtst-submit {
  margin-bottom: 0;
}
.strong-form .wpmtst-required.wpmtst-symbol:after {
  content: '*';
  color: #FF0000;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0 5px;
  position: relative;
  top: 5px;
}
.strong-form label {
  display: inline-block;
  float: none;
  width: auto;
}
.strong-form .strong-rating label {
  margin: 0;
}
.strong-form input[type="text"],
.strong-form input[type="email"],
.strong-form input[type="url"],
.strong-form input[type="file"],
.strong-form select,
.strong-form textarea {
  box-sizing: border-box;
  display: block;
  float: none;
  width: 100%;
}
.strong-form input[type="checkbox"] {
  margin-left: 12px;
  margin-right: 6px;
}
.strong-form input[type="checkbox"] + label {
  padding: 5px;
}
.strong-form span.wpmtst-error,
.strong-form label.wpmtst-error {
  display: block;
}
.strong-form .wpmtst-before {
  display: block;
}
.strong-form .wpmtst-after {
  display: block;
}

.strong-form-inner {
  padding: 20px;
}

input.captcha {
  display: block;
  width: auto;
}

img.captcha {
  border: 0;
}

.wpmtst-captcha {
  margin-bottom: 1em;
}

/* category checklist */
.strong-form ul.strong-category-list,
.strong-form ul.strong-category-list ul.children {
  list-style-type: none;
}
.strong-form ul.strong-category-list label,
.strong-form ul.strong-category-list ul.children label {
  font-weight: 400;
  white-space: nowrap;
  word-wrap: break-word;
}
.strong-form ul.strong-category-list {
  margin: 0;
  padding-left: 0;
}
.strong-form ul.strong-category-list ul.children {
  margin-left: 1.5em;
  padding-left: 0;
}

/* The "wait" spinner on form submission.
-----------------------------------------------*/
.strong-form-wait {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* Canvas = the page's actual background color, so this works on dark themes too. */
  background: rgba(255, 255, 255, 0.7);
  background: color-mix(in srgb, Canvas 70%, transparent);
}
.strong-form-wait .message {
  position: absolute;
  top: calc( 50% - 25px );
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: CanvasText;
}

.strong-form-wait .message img {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

@keyframes wpmtst-spin{
  0%{
      transform: rotate(360deg);
      }
  100%{
      transform: rotate(0deg);
      }
}

.strong-form-wait .message img{
  animation: wpmtst-spin 2.5s infinite 0s linear;
}

.strong-form .wpmtst-form-field .wpmtst-after {
  font-size: .9em;
  font-style: italic;
}
.strong-form input.error,
.strong-form textarea.error,
.strong-form select.error,
.strong-form input.wpmtst-error,
.strong-form textarea.wpmtst-error,
.strong-form select.wpmtst-error {
  background: #F9E5E6;
  border: 1px solid #E8AAAD;
  color: #B50007;
}
.strong-form span.wpmtst-error,
.strong-form label.wpmtst-error {
  color: #B50007;
}
.strong-form .wpmtst-field-wrap {
  display: block;
  font-weight: 400;
  border: 1px solid transparent;
}
.strong-form .wpmtst-field-wrap.error,
.strong-form .wpmtst-field-wrap.wpmtst-error {
  border-radius: 3px;
  background: #F9E5E6;
  border: 1px solid #E8AAAD;
  color: #B50007;
}
.strong-form .wpmtst-field-wrap.error .wpmtst-checkbox-label,
.strong-form .wpmtst-field-wrap.wpmtst-error .wpmtst-checkbox-label {
  outline: none;
}
.strong-form .wpmtst-field-wrap.error .strong-rating,
.strong-form .wpmtst-field-wrap.wpmtst-error .strong-rating {
  outline-color: #E8AAAD;
}
.strong-form .wpmtst-field-wrap input + label + .wpmtst-required.wpmtst-symbol:after {
  margin-left: 0;
}