/* Event date badge (see lsw_event_date_badge in functions.php) */

/* Multi-day ranges are wider than the badge, so they are shrunk relative to
   whatever size the loop template sets for the line — the main listings use 48px
   for the date and the ECR ones 36px — and kept off a second line. The badge is
   a fixed percentage of the column, so narrower viewports need more shrinking. */
.lsw-event-day-range,
.lsw-event-date-range {
	white-space: nowrap;
}
.lsw-event-day-range {
	font-size: 0.9em;
}
.lsw-event-date-range {
	font-size: 0.55em;
}

@media (max-width: 1024px) {
	.lsw-event-day-range {
		font-size: 0.8em;
	}
	.lsw-event-date-range {
		font-size: 0.45em;
	}
}

.lsw-event-year {
	line-height: 1.2;
}