/* Knight Skin forms: replaces the bits the WordPress form plugin used to draw with JS */
.ks-form { display: block !important; }
.ks-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

/* native selects styled like the material-design inputs */
.ks-form select {
  width: 100%; appearance: none; -webkit-appearance: none;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23777' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 4px center;
  border: 0; border-bottom: 1px solid #bbb; border-radius: 0;
  padding: 9px 22px 9px 0; font: inherit; font-size: 14px; color: #222; cursor: pointer;
}
.ks-form select:focus { outline: none; border-bottom-color: #111; }
.ks-form .forminator-has_error select,
.ks-form .forminator-has_error input:not([type=checkbox]),
.ks-form .forminator-has_error textarea { border-bottom-color: #c62828 !important; }

.ks-form .ks-error { display: block; color: #c62828; font-size: 12.5px; margin-top: 6px; }

/* photo upload box */
.ks-form .forminator-multi-upload { cursor: pointer; position: relative; transition: background .15s, border-color .15s; }
.ks-form .forminator-multi-upload.is-drag,
.ks-form .forminator-multi-upload:hover { background: rgba(0, 0, 0, .03); border-color: #111; }
.ks-form .ks-file-input { position: absolute !important; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ks-form .forminator-uploaded-files { list-style: none; margin: 10px 0 0; padding: 0; }
.ks-form .ks-file { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 10px; margin-bottom: 6px; background: rgba(0, 0, 0, .04); border-radius: 4px; font-size: 13px; }
.ks-form .ks-file__remove { background: none; border: 0; font-size: 20px; line-height: 1; cursor: pointer; color: #555; padding: 0 4px; }
.ks-form .ks-file__remove:hover { color: #c62828; }

/* submit + status */
.ks-form button[disabled] { opacity: .6; cursor: wait; }
.ks-form-status:empty { display: none; }
.ks-form-status { margin-top: 16px; padding: 12px 14px; border-radius: 4px; font-size: 14px; line-height: 1.5; }
.ks-form-status.is-ok { background: #e8f5e9; color: #1b5e20; border: 1px solid #a5d6a7; }
.ks-form-status.is-error { background: #fdecea; color: #b71c1c; border: 1px solid #f5c2c0; }