/* Footer newsletter box. The white 44px bar, its 600px width, bottom margin and the orange icon square are the existing
   .ta-newsletter-link rules (reference.css, fidelity.css, responsive.css); that element is now a <form> with a real e-mail field. */
.ta-newsletter-link{position:relative}
.ta-newsletter-link input[type=email]{flex:1 1 auto;min-width:0;height:44px;margin:0;padding:0 12px 0 0;border:0;border-radius:0;background:transparent;color:#222;font:inherit;text-align:start;box-shadow:none;outline:0;-webkit-appearance:none;appearance:none}
.ta-newsletter-link input[type=email]::placeholder{color:#767676;opacity:1}
.ta-newsletter-link input[type=email]:-webkit-autofill{-webkit-box-shadow:0 0 0 44px #fff inset;-webkit-text-fill-color:#222}
.ta-newsletter-link button{flex:none;display:block;width:76px;height:44px;margin:0;padding:0;border:0;border-radius:0;background:none;cursor:pointer;line-height:1}
.ta-newsletter-link button:hover i{filter:brightness(1.08)}
.ta-newsletter-link button[aria-disabled=true]{cursor:progress}.ta-newsletter-link button[aria-disabled=true] i{opacity:.55}
.ta-newsletter-link:focus-within{outline:2px solid var(--ta-orange);outline-offset:2px}
.ta-newsletter-link button:focus-visible{outline:2px solid #000;outline-offset:-6px}
.ta-nl-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.ta-newsletter-status{margin:0;font:normal 13px/1.5 'Open Sans',Arial,sans-serif;color:#d9d9d9}
.ta-newsletter-status--success{color:#7bd88f}.ta-newsletter-status--error{color:#ff8f8f}
/* 16px keeps iOS Safari from zooming the page when the field is focused. */
@media(max-width:767px){.ta-newsletter-link input[type=email]{font-size:16px}}