/* Site-specific fixes on top of the old theme's stylesheets */

/* The site's own small forms (sign-up and contact): see public/js/forms.js */
.site-signup { margin: 1.2em 0; }
.site-signup__title { font-weight: 700; font-size: 1.15em; margin: 0 0 .3em; }
.site-signup__text { margin: 0 0 .7em; }
.site-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; }
.site-form input[type="email"], .site-form input[type="text"], .site-form textarea { flex: 1 1 200px; min-width: 0; max-width: 100%; padding: 10px 12px; border: 1px solid #999; border-radius: 4px; background: #fff; color: #222; font: inherit; box-sizing: border-box; }
.site-form button[type="submit"], .site-form input[type="submit"] { padding: 10px 18px; border-radius: 4px; cursor: pointer; font: inherit; font-weight: 700; }
.site-form__msg { flex: 1 1 100%; margin: 4px 0 0; min-height: 1.2em; }
.site-form__msg.bad { color: #e2574c; }
.site-form__trap { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.site-form__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.site-form--contact { display: block; }
.site-form--contact label { display: block; margin: 0 0 1em; }
.site-form--contact input[type="text"], .site-form--contact input[type="email"], .site-form--contact textarea { display: block; width: 100%; margin-top: 4px; }