/* Site-specific additions on top of the legacy TemplateMo theme. */

/* Sub pages (contact, errors): legacy used a grey body and <br> spacers under the fixed top bar. */
.subpage-body { background-color: #EEEEEE; }
.subpage { padding-top: 130px; padding-bottom: 60px; min-height: 75vh; }

/* Legacy home page kept ~21 <br> of white space under About Us. */
.section-spacer { height: 540px; }

/* Invisible targets so old #templatemo_* deep links still land on the right section. */
.legacy-anchor { display: block; position: relative; top: -50px; visibility: hidden; }

/* Contact form: same plain inputs and widths as the Web Forms page, but never wider than the screen. */
.contact-form label { font-weight: normal; margin: 0; }
.contact-form .input-short { width: 250px; max-width: 100%; }
.contact-form .input-long { width: 400px; max-width: 100%; }
.contact-form textarea { vertical-align: top; }
.contact-form .field-validation-error { color: #d9534f; margin-left: 4px; }
.contact-form .field-validation-valid { display: none; }
.form-success { color: #0A0; }
.btn-legacy {
    display: inline-block; padding: 1px 6px; border: 1px solid #adadad; border-radius: 2px;
    background: #efefef; color: #000; font: inherit; cursor: pointer;
}
.btn-legacy:hover { background: #e5e5e5; color: #000; }

/* Honeypot: off-screen for people, still present for bots. */
.hp-field { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }