/*
 * Bootstrap 3 gives WebKit date and time inputs a line-height equal to the whole field height (34px, or 30px/46px for
 * the small and large sizes). Inside the padded content box that pushes the native date/time text downward in Safari.
 * Bootstrap's own base line-height fits the content box. :is() keeps the specificity equal to Bootstrap's selectors, so
 * this stylesheet, loaded after Bootstrap, wins.
 */
input:is([type="date"], [type="time"], [type="datetime-local"], [type="month"]).form-control { line-height: 1.42857143; }