/*
 * The Events Calendar overrides for the Sea Grant theme.
 * Loaded automatically by TEC from [theme]/tribe-events/tribe-events.css.
 */

/*
 * Brand colors + typeface, via TEC's own design tokens. :root:root because the single-event
 * stylesheets load after this file and redeclare every token on :root.
 */
:root:root {
	--tec-color-icon-focus: #0055a8;
	--tec-color-event-icon-hover: #0055a8;
	--tec-color-accent-primary: #0055a8;
	--tec-color-accent-primary-hover: #0055a8cc;
	--tec-color-accent-primary-active: #0055a8e6;
	--tec-color-accent-primary-background: #0055a812;
	--tec-color-accent-primary-week-event: #0055a81a;
	--tec-color-accent-primary-week-event-hover: #0055a833;
	--tec-color-accent-primary-week-event-featured: #0055a80a;
	--tec-color-accent-primary-week-event-featured-hover: #0055a824;
	--tec-color-background-primary-multiday: #0055a83d;
	--tec-color-background-primary-multiday-hover: #0055a857;
	--tec-color-link-accent-hover: #0055a8cc;
	--tec-color-text-primary: #1a2834;
	--tec-color-text-primary-light: #1a28349e;
	--tec-font-family-sans-serif: "museo-sans", Arial, sans-serif;
}

/*
 * The theme gives every ul a 35px indent and every li a disc bullet, which leaks into
 * TEC's nav lists (view switcher, prev/next arrows, single-event nav, notices).
 */
.tribe-common ul,
.tribe-events-pg-template ul {
	margin-left: 0;
}
.tribe-common li,
.tribe-events-pg-template li {
	list-style: none;
}

/* ...but keep real bullet lists inside event descriptions. */
.tribe-events-pg-template .tribe-events-content ul,
.tribe-common .tribe-events-calendar-list__event-description ul {
	margin-left: 35px;
}
.tribe-events-pg-template .tribe-events-content ul > li,
.tribe-common .tribe-events-calendar-list__event-description ul > li {
	list-style: disc outside;
}
.tribe-events-pg-template .tribe-events-content ol > li,
.tribe-common .tribe-events-calendar-list__event-description ol > li {
	list-style: decimal outside;
}

/* Single event page */
.tribe-events-pg-template,
.tribe-events-pg-template .tribe-events-single-section-title {
	font-family: var(--tec-font-family-sans-serif);
}
.tribe-events-pg-template abbr[title] {
	text-decoration: none;
	border: 0;
}

/* Theme underlines every link on hover; that looks broken on TEC's buttons. */
.tribe-common .tribe-common-c-btn:hover,
.tribe-common a.tribe-common-c-btn:hover,
.tribe-events .tribe-events-c-view-selector__list-item-link:hover {
	text-decoration: none;
}