/*
 * forms.css — compiled once from source/scss/forms.scss (webpack/wp-scripts removed).
 * This is now a hand-maintained static file; edit it directly.
 */

/**
 * MIXINS
 */
textarea,
input[type=text],
input[type=email],
input[type=tel] {
  background: #FFF;
  padding: 8px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--monitor);
}
textarea:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus {
  border-color: var(--monitor);
  color: #111;
}

.vmo-button {
  padding: 6px 10px;
  background: var(--monitor-200);
  color: white;
}

.wpcf7-form * {
  box-sizing: border-box;
}
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea {
  max-width: 100%;
  width: 100%;
}
.wpcf7-form .wpcf7-textarea {
  line-height: 1.5;
}
.wpcf7-form .wpcf7-submit {
  padding: 6px 10px;
  background: var(--monitor-200);
  color: white;
}
.wpcf7-form input[readonly] {
  background-color: var(--monitor-100);
}

.comment-respond #commentform .ph-comment-pseudonym-form label {
  display: block;
  line-height: 1.5;
  margin-bottom: 5px;
}

#commentform textarea {
  width:96%;
}

.form-submit input, .button {
  border-color: var(--monitor);
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  box-shadow:none;
  text-shadow: none;
  font-size: 1em;
  padding: 12px 32px;
  font-weight: bold;
  background:var(--paper-100);
  border-radius:100px;
}

.form-submit input:hover, .button:hover {
  border-color: var(--monitor-600);
}