/*
 * Events calendar, List view: date tag styled like the events widgets (.section__events .event-date in the
 * Husky theme's style.css) - a square colored box with the weekday over month/day.
 * Blue for university events, orange for athletics (every athletics event carries a cat_athletics* class,
 * which tribe_get_post_class() adds to the date tag wrapper).
 * The month/day text comes from tribe/events/v2/list/event/date-tag.php.
 * Loaded only on /news-and-events/events pages (see husky_calendar_scripts() in functions.php).
 */

/* Date column: wide enough for the 80px box (Tribe's default is 54px, 90px on larger screens) */
.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag {
	flex: none;
	width: 80px;
	min-width: 80px;
	margin-right: 1rem;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag {
	margin-right: 1.5rem;
}

.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag .tribe-events-calendar-list__event-date-tag-datetime {
	align-items: center;
	justify-content: center;
	width: 80px;
	height: auto;
	aspect-ratio: 1;
	padding: 0;
	background-color: var(--blue);
	font-family: var(--subheader-font);
}

.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag .tribe-events-calendar-list__event-date-tag-weekday {
	margin: 0 0 .3rem;
	color: #fff;
	font-family: inherit;
	font-size: .8rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: normal;
}

.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag .tribe-events-calendar-list__event-date-tag-daynum {
	margin: 0;
	color: #fff;
	font-family: inherit;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1;
}

.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag[class*="cat_athletics"] .tribe-events-calendar-list__event-date-tag-datetime {
	background-color: var(--orange);
}

/*
 * Event title on hover/keyboard focus takes the same color as its date box, like the events widgets
 * (.section__events .full-click:hover .event-content a): blue for university events, orange for athletics.
 * Tribe's own hover rule keeps the title dark and draws a dark underline, so the underline is set to follow
 * the new text color too.
 */
.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-title-link:hover,
.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-title-link:focus {
	color: var(--blue);
	border-bottom-color: currentcolor;
}

.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event[class*="cat_athletics"] .tribe-events-calendar-list__event-title-link:hover,
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event[class*="cat_athletics"] .tribe-events-calendar-list__event-title-link:focus {
	color: var(--orange);
	border-bottom-color: currentcolor;
}