/* =========================================================================
   SAU Calendar Design — v2 "quieter" pass (Sep 2026)

   Loads AFTER calendar.css and wins by source order, so every selector here
   mirrors one in the base file. Enabled by option `sau_cal_v2` = 1, or per
   request with ?sau_cal_v2=1 for preview.

   Thesis: the base design set almost everything at Montserrat 800 in
   near-black. Weight is now spent in two places only — the day numeral and
   the page/event title. Everything else drops to 400–600 and colour carries
   the hierarchy. Boxes become hairlines; the redundant "September 16 @" is
   trimmed to the time alone (see sau_cal_v2_time_only() in PHP).
   ========================================================================= */

.sau-cal {
	--sau-title: #1f3a63;   /* titles: navy-ink, softer than --sau-ink */
	--sau-text:  #2f3f57;   /* running text */
	--sau-meta:  #66768f;   /* a shade lighter than the base */
}

/* -------------------------------------------------------------------------
   Shared: tags and chips — 600 instead of 800, a touch larger
   ---------------------------------------------------------------------- */

body.sau-cal .sau-cal-tag {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	padding: 5px 9px;
}

body.sau-cal .sau-cal-chips {
	padding-top: 16px;
	gap: 8px 8px;
}

body.sau-cal .sau-cal-chip {
	font-weight: 600;
	letter-spacing: 0.06em;
	padding: 9px 14px;
}

/* -------------------------------------------------------------------------
   Masthead + control band
   ---------------------------------------------------------------------- */

body.sau-cal .sau-cal-intro {
	padding: 30px 32px 26px;
}

body.sau-cal .sau-cal-intro__title {
	letter-spacing: -0.015em;
}

body.sau-cal .sau-cal-intro__btn {
	font-weight: 700;
}

body.sau-cal .sau-cal-intro__note > summary {
	font-weight: 700;
	letter-spacing: 0.1em;
}

body.sau-cal .tribe-events-c-top-bar__datepicker-button {
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--sau-title);
}

body.sau-cal .tribe-events-c-top-bar__today-button {
	font-weight: 700;
	letter-spacing: 0.1em;
}

body.sau-cal .tribe-events-header .tribe-events-header__title-text,
body.sau-cal .tribe-events-header__title h1,
body.sau-cal .tribe-events-header__title h2 {
	font-weight: 700;
	color: var(--sau-title);
}

body.sau-cal .tribe-events-header .tribe-events-header__title-text::before,
body.sau-cal .tribe-events-header__title h1::before,
body.sau-cal .tribe-events-header__title h2::before {
	font-weight: 600;
	letter-spacing: 0.12em;
}

/* -------------------------------------------------------------------------
   List: month rule
   ---------------------------------------------------------------------- */

body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__month-separator {
	margin: 44px 0 4px;
}

body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__month-separator-text {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	color: var(--sau-meta);
}

body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__month-separator::after {
	height: 1px;
	opacity: 0.18;
}

/* -------------------------------------------------------------------------
   List: the date rail. The numeral is the one heavy thing per row.
   ---------------------------------------------------------------------- */

body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag {
	padding-top: 22px;
}

body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag-weekday {
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 2px;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-date-tag-daynum {
	font-size: 40px;
	letter-spacing: -0.03em;
	color: var(--sau-ink);
}

/* today: a gold highlight behind the numeral — legible ink, gold as the marker */
body.sau-cal .tribe-events-calendar-list .sau-e--today .tribe-events-calendar-list__event-date-tag-daynum {
	display: inline-block;
	background: var(--sau-gold);
	padding: 2px 7px 0;
	margin-right: -7px;
	border-radius: 4px;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event.tribe-events-calendar-list__event-row::after {
	top: 36px;
}

body.sau-cal .tribe-events-calendar-list .sau-e--deadline.tribe-events-calendar-list__event-row::after {
	top: 20px;
}

/* -------------------------------------------------------------------------
   List: attendable events. Card border goes; a hairline between rows stays.
   ---------------------------------------------------------------------- */

body.sau-cal .tribe-events-calendar-list .sau-e--event {
	margin: 0;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event {
	border: 0;
	border-bottom: 1px solid var(--sau-hair);
	border-radius: 0;
	background: none;
	overflow: visible;
	padding: 22px 0 24px;
	transition: none;
	align-items: flex-start;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event:hover {
	border-color: var(--sau-hair);
	transform: none;
	box-shadow: none;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-details {
	padding: 0;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-featured-image-wrapper {
	flex: 0 0 176px;
	width: 176px;
	max-width: 176px;
	height: 118px;
	margin-left: 28px;
	border-radius: 6px;
	overflow: hidden;
	align-self: flex-start;
}

/* title: 600, no negative tracking, an easy measure */
body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-title {
	letter-spacing: 0;
	line-height: 1.3;
	margin: 0 0 6px;
	max-width: 60ch;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-title {
	font-size: 21px;
	font-weight: 600;
}

body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-title-link {
	color: var(--sau-title);
}

/* facts line: time in medium, venue in regular, both slate */
body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-datetime-wrapper,
body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-venue {
	font-size: 15px;
	line-height: 1.55;
	color: var(--sau-meta);
}

body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-datetime {
	font-weight: 600;
	color: var(--sau-text);
}

body.sau-cal .tribe-events-calendar-list .sau-cal-tags {
	margin-top: 12px;
	gap: 6px;
}

body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-cost {
	margin-top: 8px;
}

/* -------------------------------------------------------------------------
   List: academic dates — already hairlines; just soften the weights
   ---------------------------------------------------------------------- */

body.sau-cal .tribe-events-calendar-list .sau-e--deadline .tribe-events-calendar-list__event-date-tag {
	padding-top: 11px;
}

body.sau-cal .tribe-events-calendar-list .sau-e--deadline .tribe-events-calendar-list__event {
	padding: 10px 0;
}

body.sau-cal .tribe-events-calendar-list .sau-e--deadline .tribe-events-calendar-list__event-title {
	font-weight: 500;
	color: var(--sau-text);
}

body.sau-cal .tribe-events-calendar-list .sau-e--deadline .tribe-events-calendar-list__event-title-link {
	color: var(--sau-text);
}

body.sau-cal .tribe-events-calendar-list .sau-e--deadline .tribe-events-calendar-list__event-header::after {
	font-weight: 600;
	letter-spacing: 0.1em;
}

body.sau-cal .tribe-events-calendar-list .sau-e--deadline .tribe-events-calendar-list__event-date-tag-daynum {
	font-weight: 600;
}

/* -------------------------------------------------------------------------
   Single event
   ---------------------------------------------------------------------- */

body.sau-cal .sau-ev__masthead-eyebrow,
body.sau-cal .sau-ev__eyebrow {
	font-weight: 600;
	letter-spacing: 0.12em;
}

body.sau-cal .sau-ev__masthead-title {
	font-weight: 700;
	letter-spacing: -0.01em;
}

body.sau-cal .sau-ev__masthead .sau-ev__back a {
	font-weight: 600;
}

body.sau-cal .sau-ev__stamp-mo,
body.sau-cal .sau-ev__stamp-wd {
	font-weight: 700;
}

body.sau-cal .sau-ev__headline {
	padding: 30px 34px 28px;
}

.sau-cal h1.sau-ev__title {
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.12;
	margin-top: 10px;
}

/* meta strip: labels up to 11px/600, values down to 400 */
body.sau-cal .sau-ev__meta > div {
	padding: 20px 24px 18px;
}

body.sau-cal .sau-ev__meta dt {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin-bottom: 6px;
}

body.sau-cal .sau-ev__meta dd {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--sau-text);
}

body.sau-cal .sau-ev__meta dd a {
	font-weight: 500;
}

/* body copy */
body.sau-cal .sau-ev__body {
	padding: 34px 34px 30px;
	gap: 40px;
}

body.sau-cal .sau-ev__content {
	font-size: 18px;
	line-height: 1.65;
	color: var(--sau-text);
}

body.sau-cal .sau-ev__content p {
	margin-bottom: 18px;
}

body.sau-cal .sau-ev__main .tribe-events-event-image {
	margin: 4px 30px 20px 0;
}

body.sau-cal .sau-ev__venue-name {
	font-weight: 700;
}

body.sau-cal .sau-ev__add-label {
	font-weight: 600;
	letter-spacing: 0.1em;
	font-size: 11px;
}

body.sau-cal .sau-ev__btn {
	font-weight: 700;
}

body.sau-cal .sau-ev__directions a,
body.sau-cal .sau-ev__website a,
body.sau-cal .sau-ev__nav a {
	font-weight: 600;
}

/* -------------------------------------------------------------------------
   Mobile: title first, buttons last and full width; the date rail turns
   horizontal above each row so a card gets the whole viewport.
   ---------------------------------------------------------------------- */

@media (max-width: 767px) {
	body.sau-cal .sau-cal-intro {
		padding: 22px 18px 20px;
		gap: 0;
	}

	body.sau-cal .sau-cal-intro__title {
		grid-row: 1;
		font-size: 28px;
		margin: 0;
	}

	body.sau-cal .sau-cal-intro__note {
		grid-row: 2;
		margin: 10px 0 0;
	}

	body.sau-cal .sau-cal-intro__actions {
		grid-row: 3;
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
		margin-top: 18px;
	}

	body.sau-cal .sau-cal-intro__btn {
		display: block;
		text-align: center;
		padding: 13px 20px;
	}

	body.sau-cal .sau-cal-intro__actions br {
		display: none;
	}

	/* The header is a flex column. A flex item's min-width defaults to its
	   content width, so the nowrap chip scroller was stretching every sibling
	   (date picker included) to the width of all seven chips instead of
	   scrolling inside the viewport. Cap the children to the header. */
	body.sau-cal .tribe-events-header > * {
		min-width: 0;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	body.sau-cal .tribe-events-header .sau-cal-chips {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin-top: 12px;
		/* fade the trailing edge so the strip reads as scrollable */
		-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent);
		mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent);
		padding-right: 28px;
	}

	body.sau-cal .tribe-events-header .tribe-events-c-top-bar {
		padding-top: 8px;
	}

	body.sau-cal .tribe-events-c-top-bar__datepicker-button {
		font-size: 18px;
		text-align: left;
	}

	/* the first month rule sits right under the control band on a phone */
	body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__month-separator:first-child {
		margin-top: 14px;
	}

	body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__month-separator {
		margin-top: 32px;
	}

	/* rows: one column, rail on top */
	body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-row {
		grid-template-columns: 1fr;
	}

	body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-row::before,
	body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-row::after {
		display: none;
	}

	body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag {
		grid-column: 1;
		text-align: left;
		padding: 22px 0 0;
	}

	body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag-datetime {
		display: flex;
		/* TEC sets this column-wise; the rail reads left-to-right on a phone */
		flex-direction: row;
		align-items: baseline;
		justify-content: flex-start;
		gap: 8px;
	}

	body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-date-tag-daynum {
		font-size: 24px;
		margin: 0;
		order: -1;
	}

	body.sau-cal .tribe-events-calendar-list .sau-e--today .tribe-events-calendar-list__event-date-tag-daynum {
		padding: 1px 6px 0;
		margin: 0;
	}

	body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag-weekday {
		font-size: 11px;
		margin: 0;
	}

	/* a repeated date has nothing to show on the rail — drop it entirely */
	body.sau-cal .tribe-events-calendar-list .sau-e--same-day .tribe-events-calendar-list__event-date-tag {
		display: none;
	}

	body.sau-cal .tribe-events-calendar-list .tribe-events-calendar-list__event-wrapper {
		grid-column: 1;
		padding: 0;
	}

	body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event {
		padding: 10px 0 22px;
		flex-direction: column;
	}

	body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-featured-image-wrapper {
		width: 100%;
		max-width: none;
		flex: 0 0 auto;
		height: 160px;
		margin: 0 0 14px;
	}

	body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-title {
		font-size: 19px;
	}

	body.sau-cal .tribe-events-calendar-list .sau-e--deadline .tribe-events-calendar-list__event-date-tag {
		padding-top: 14px;
	}

	body.sau-cal .tribe-events-calendar-list .sau-e--deadline .tribe-events-calendar-list__event {
		padding: 2px 0 10px;
	}

	/* single event */
	body.sau-cal .sau-ev__headline {
		padding: 20px;
	}

	body.sau-cal .sau-ev__body {
		padding: 22px 20px;
	}

	body.sau-cal .sau-ev__content {
		font-size: 17px;
	}
}

/* -------------------------------------------------------------------------
   Mobile events bar. TEC hides the search field behind a magnifier toggle
   and turns List/Month into an icon-only dropdown that floats over the list.
   Both read as broken on a phone. Show the field, and render the two views
   as a segmented pair of tabs like the chips below them.
   ---------------------------------------------------------------------- */

@media (max-width: 767px) {
	body.sau-cal .tribe-events-header .tribe-events-c-events-bar,
	body.sau-cal .tribe-events-header__events-bar {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		background: none;
		border: 0;
		border-radius: 0;
		padding: 0;
		margin: 0 0 6px;
	}

	/* the search toggle goes; the field is always there */
	body.sau-cal .tribe-events-c-events-bar__search-button {
		display: none !important;
	}

	body.sau-cal .tribe-events-c-events-bar__search-container {
		display: block !important;
		width: 100%;
		background: var(--sau-ground);
		border: 1px solid var(--sau-line);
		border-radius: 4px;
	}

	body.sau-cal .tribe-events-c-events-bar__search,
	body.sau-cal .tribe-events-c-search,
	body.sau-cal .tribe-events-c-search__input-group {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	body.sau-cal .tribe-events-c-search__input-control--keyword {
		position: relative;
		border: 0;
	}

	body.sau-cal .tribe-events-c-search__input-control-icon-svg {
		position: absolute;
		left: 13px;
		top: 50%;
		width: 16px;
		height: 16px;
		transform: translateY(-50%);
		fill: var(--sau-meta);
		pointer-events: none;
	}

	body.sau-cal .tribe-events-c-search__input {
		width: 100%;
		box-sizing: border-box;
		padding: 13px 12px 13px 40px;
		font-size: 16px;
	}

	/* Enter submits, and the keyboard's own Search key does too */
	body.sau-cal .tribe-events-c-search__button {
		display: none;
	}

	/* List / Month as a segmented pair, not a floating menu */
	body.sau-cal .tribe-events-c-events-bar__views {
		display: block;
		width: 100%;
		border: 0;
		margin-top: 10px;
	}

	body.sau-cal .tribe-events-c-view-selector {
		display: block;
		width: 100%;
	}

	body.sau-cal .tribe-events-c-view-selector__button {
		display: none !important;
	}

	body.sau-cal .tribe-events-c-view-selector__content {
		display: block !important;
		position: static;
		width: auto;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		background: none;
		overflow: visible;
		padding: 0;
		margin: 0;
	}

	body.sau-cal .tribe-events-c-view-selector__list {
		display: inline-flex;
		margin: 0;
		padding: 0;
		list-style: none;
		background: var(--sau-ground);
		border: 1px solid var(--sau-line);
		border-radius: 30px;
		overflow: hidden;
	}

	body.sau-cal .tribe-events-c-view-selector__list-item {
		margin: 0;
	}

	body.sau-cal .tribe-events-c-view-selector__list-item-icon {
		display: none;
	}

	body.sau-cal .tribe-events-c-view-selector__list-item-link {
		display: block;
		padding: 9px 18px;
		font-family: var(--sau-display);
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: var(--sau-meta);
		text-decoration: none;
	}

	body.sau-cal .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link {
		background: var(--sau-navy);
		color: #fff;
	}

	/* the date picker no longer needs its own top gap */
	body.sau-cal .tribe-events-header .tribe-events-c-top-bar {
		padding-top: 12px;
	}
}

@media (max-width: 767px) {
	/* TEC positions the mobile search as an absolute overlay; put it back in flow */
	body.sau-cal .tribe-events-c-events-bar__search-container,
	body.sau-cal .tribe-events-c-events-bar__search {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		transform: none !important;
		z-index: auto !important;
		box-shadow: none !important;
		order: 1;
	}

	body.sau-cal .tribe-events-c-events-bar__search {
		background: none;
		border: 0;
		padding: 0;
	}

	body.sau-cal .tribe-events-c-events-bar__views {
		order: 2;
	}

	/* no panel chrome behind the segmented tabs */
	body.sau-cal .tribe-events-c-events-bar__views,
	body.sau-cal .tribe-events-c-view-selector,
	body.sau-cal .tribe-events-c-view-selector__content {
		background: none !important;
		border: 0 !important;
		box-shadow: none !important;
		padding: 0 !important;
	}
}

@media (max-width: 767px) {
	/* a visible submit inside the box, so nobody has to guess the keyboard key */
	body.sau-cal .tribe-events-c-search {
		display: flex;
		align-items: center;
		gap: 6px;
		padding-right: 6px;
	}

	body.sau-cal .tribe-events-c-search__input-group {
		flex: 1 1 auto;
		min-width: 0;
	}

	body.sau-cal .tribe-events-c-search__button {
		display: inline-block;
		flex: 0 0 auto;
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		padding: 10px 14px;
		border-radius: 30px;
		white-space: nowrap;
		margin: 0;
	}
}

@media (max-width: 767px) {
	/* TEC absolutely positions this button full-width over the field on phones */
	body.sau-cal .tribe-events-c-search__button {
		position: static !important;
		width: auto !important;
		max-width: none !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
	}

	body.sau-cal .tribe-events-c-search__input-group,
	body.sau-cal .tribe-events-c-search__input-control {
		position: static;
		width: auto;
	}

	body.sau-cal .tribe-events-c-search__input-control--keyword {
		position: relative;
	}
}

@media (max-width: 767px) {
	/* the theme colours links with !important; the active tab must stay white */
	body.sau-cal .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link,
	body.sau-cal .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:visited,
	body.sau-cal .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:hover {
		color: #fff !important;
	}

	body.sau-cal .tribe-events-c-view-selector__list-item-link,
	body.sau-cal .tribe-events-c-view-selector__list-item-link:visited {
		color: var(--sau-meta) !important;
	}

	/* the submit centres on the field instead of hanging below it */
	body.sau-cal .tribe-events-c-search {
		align-items: center;
	}

	body.sau-cal .tribe-events-c-search__button {
		align-self: center;
		margin: 0 !important;
		top: auto !important;
		transform: none !important;
		line-height: 1.2;
	}
}

@media (max-width: 767px) {
	/* TEC colours the label span itself, not just the link */
	body.sau-cal .tribe-events-c-view-selector__list-item-link .tribe-events-c-view-selector__list-item-text {
		color: inherit !important;
	}

	body.sau-cal .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-text {
		color: #fff !important;
	}
}

/* -------------------------------------------------------------------------
   Row layout, revised: title across the top, thumbnail beneath it on the left,
   facts to its right.

   The original put the image beside the whole article, which on a wide row
   pushed it to the far edge with a gulf of empty space between it and the text
   it belonged to. Anchoring it under the title keeps the picture and the facts
   reading as one object.
   ---------------------------------------------------------------------- */

body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event {
	display: block;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-details {
	display: block;
	flex: none;
	width: auto;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-header {
	display: block;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event .sau-e__body {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event .sau-e__facts {
	flex: 1 1 auto;
	min-width: 0;
}

/* image now leads the row body from the left */
body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-featured-image-wrapper {
	order: 0;
	flex: 0 0 176px;
	width: 176px;
	max-width: 176px;
	height: 118px;
	margin: 3px 0 0;
	border-radius: 6px;
	overflow: hidden;
}

/* the title no longer shares a flex line, so its own margin sets the gap */
body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-title {
	margin: 0 0 10px;
}

body.sau-cal .tribe-events-calendar-list .sau-e--event .sau-cal-tags {
	margin-top: 10px;
}

/* academic dates keep their single-line treatment: title plus the right-hand
   label, with no body to lay out */
body.sau-cal .tribe-events-calendar-list .sau-e--deadline .sau-e__body {
	display: block;
}

body.sau-cal .tribe-events-calendar-list .sau-e--deadline .sau-e__facts {
	display: inline;
}

@media (max-width: 767px) {
	/* on a phone the image goes full width above the facts again */
	body.sau-cal .tribe-events-calendar-list .sau-e--event .sau-e__body {
		display: block;
	}

	body.sau-cal .tribe-events-calendar-list .sau-e--event .tribe-events-calendar-list__event-featured-image-wrapper {
		width: 100%;
		max-width: none;
		flex: 0 0 auto;
		height: 160px;
		margin: 0 0 14px;
	}
}