/* The public news form ([ian_submit_news]). Colours follow the site: navy buttons, red marks. */
.ian-submit { max-width: 760px; }
.ian-submit-kit { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0 0 24px; padding: 14px 16px; background: #f5f5f8; border: 1px solid #e2e2e8; border-radius: 6px; }
.ian-submit-kit span { font-size: 15px; color: #3c3c46; }
.ian-submit-button { display: inline-block; background: #003da5; color: #fff !important; font-weight: 700; font-size: 15px; padding: 11px 18px; border: 0; border-radius: 4px; text-decoration: none !important; cursor: pointer; font-family: var(--newspack-theme-font-heading, inherit); }
.ian-submit-button:hover { background: #002d7a; }
.ian-submit-form label { display: block; font-weight: 700; font-size: 14px; margin: 0 0 14px; color: #16161d; }
.ian-submit-form label span { color: #c8102e; font-weight: 400; }
.ian-submit-form input[type="text"], .ian-submit-form input[type="email"], .ian-submit-form input[type="tel"], .ian-submit-form textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 5px; padding: 10px 12px; border: 1px solid #c8c8d0; border-radius: 4px; font-size: 16px; font-weight: 400; font-family: inherit; }
.ian-submit-form input[type="file"] { display: block; margin-top: 6px; font-weight: 400; font-size: 14px; }
.ian-submit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.ian-submit-wide { grid-column: 1 / -1; }
.ian-submit-consent { font-weight: 400 !important; font-size: 15px !important; line-height: 1.5; padding: 12px 14px; background: #fff6d6; border-radius: 4px; }
.ian-submit-consent input { margin-right: 6px; }
.ian-submit-note { font-size: 14px; color: #5c5c6b; }
.ian-submit-error { padding: 12px 14px; background: #fcf0f1; border-left: 4px solid #c8102e; color: #16161d; font-weight: 700; }
.ian-submit-done { padding: 20px 24px; background: #f5f5f8; border-left: 4px solid #003da5; }
.ian-submit-done h2 { margin-top: 0; }
.ian-submit-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 600px) { .ian-submit-grid { grid-template-columns: 1fr; } }
