/*
 * The message shown under the Contact Us form once it is submitted, and when
 * something is missing.
 *
 * The form sits on the white part of the page, so this is dark type on white,
 * and the copy button borrows the blue of the Submit button directly above it.
 */
.muse-form-notice {
  /* No percentage widths here: Muse gives the form itself no width, so a
   * percentage would resolve against nothing and collapse the message to the
   * width of its own padding. The width is set from the button, in script. */
  box-sizing: border-box;
  clear: both;
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid #6798bc;
  background-color: #f4f8fb;
  color: #1e2b33;
  font-family: open-sans, sans-serif;
  font-size: 15px;
  line-height: 21px;
  text-align: left;
}

.muse-form-notice--error {
  border-color: #bc1818;
  background-color: #fdf3f3;
  color: #bc1818;
}

.muse-form-notice-line {
  margin: 0;
  color: inherit;
}

.muse-form-notice-line + .muse-form-notice-line {
  margin-top: 10px;
}

.muse-form-notice-line:empty {
  display: none;
}

/* Matches the Submit / Send button the visitor has just pressed. */
.muse-form-copy {
  display: inline-block;
  margin-top: 14px;
  padding: 9px 18px;
  border: 1px solid #6798bc;
  background-color: #6798bc;
  color: #ffffff;
  font-family: inherit;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

.muse-form-copy:hover,
.muse-form-copy:focus-visible {
  background-color: #ffffff;
  color: #1e2b33;
}

/* Only ever seen by a visitor with JavaScript turned off, for whom the form
 * cannot work at all. Muse gives the form no width of its own, so each one is
 * given the width Muse gave its button. */
.muse-form-noscript {
  box-sizing: border-box;
  display: block;
  margin: 16px 0 0;
  padding: 14px 16px;
  border: 1px solid #bc1818;
  background-color: #fdf3f3;
  color: #bc1818;
  font-family: open-sans, sans-serif;
  font-size: 15px;
  line-height: 21px;
  text-align: left;
}

#widgetu6797 .muse-form-noscript {
  width: 699px;
}

#widgetu10018 .muse-form-noscript {
  width: 613px;
}

.muse-form-copybox {
  display: block;
  width: 100%;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #6798bc;
  background-color: #ffffff;
  color: #1e2b33;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
  resize: vertical;
}