/* The phone field matches the site's Bootstrap 3 .form-control (spec section 8.3). */
.iti { display: block; width: 100%; }
.iti input.form-control { height: 34px; }
.iti .iti__selected-country { border-radius: 4px 0 0 4px; }
.iti .iti__selected-country-primary { padding: 0 6px 0 10px; }
.has-error .iti input.form-control { border-color: #a94442; }
.iti__search-input { font-size: 16px; } /* 16px stops iOS zooming on focus */
.iti__country-list, .iti__search-input { font-family: inherit; }
.lex-phone-hint { margin-bottom: 8px; color: #737373; }
.has-error .lex-phone-hint { display: none; }
@media (min-width: 768px) { .iti { max-width: 320px; } } /* desktop: a phone number does not need the full column */