/* The Events Calendar plugin
--------------------------------------------- */
body {
	--tec-border-radius-default: 0;
	--tec-color-accent-primary: var(--wp--preset--color--mirage);
	--tec-color-background-events-bar-submit-button: var(--wp--preset--color--mirage);
	--tec-color-background-month-grid: var(--wp--preset--color--base);
	--tec-color-border-active-month-grid-hover: var(--wp--preset--color--tiffany);
	--tec-color-border-default: #D1D4D3;
	--tec-color-border-events-bar: var(--tec-color-border-default);
	--tec-color-border-secondary-month-grid: #D1D4D3;
	--tec-color-button-primary: var(--wp--preset--color--mirage);
	--tec-color-text-disabled: var(--wp--preset--color--ash);
	--tec-color-text-event-date: var(--wp--preset--color--mirage);
	--tec-color-text-events-title: var(--wp--preset--color--mirage);
	--tec-color-text-primary: var(--wp--preset--color--mirage);
	--tec-font-family-sans-serif: var(--wp--preset--font-family--primary);
	--tec-font-size-0: var(--wp--preset--font-size--tiny);
	--tec-font-size-1: var(--wp--preset--font-size--small);
	--tec-font-size-2: var(--wp--preset--font-size--small);
	--tec-font-size-3: var(--wp--preset--font-size--medium);
	--tec-font-size-7: var(--wp--preset--font-size--large);
	--tec-font-size-8: var(--wp--preset--font-size--large);
	--tec-grid-gutter-half: var(--wp--preset--spacing--30);
	--tec-grid-gutter-page: var(--wp--custom--spacing--outer);
	--tec-grid-gutter-page-small: var(--wp--preset--spacing--30);
	--tec-grid-width-default: var(--wp--style--global--wide-size);
}

/* Archive /events/ page - overall layout
--------------------------------------------- */
.tribe-common--breakpoint-medium.tribe-events:not(.tribe-common--breakpoint-full) .tribe-events-l-container {
	padding-bottom: var(--wp--preset--spacing--50);
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
	padding-top: var(--wp--preset--spacing--50);
}

.wp-site-blocks > .tribe-block {
	margin-top: 0;
}

/* Archive /events/ page - search form
--------------------------------------------- */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
	border-width: 2px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search {
	flex-direction: row-reverse;
}

/* Archive events page - List view
--------------------------------------------- */
.tribe-block__archive-events .tribe-events .tribe-events-calendar-list__event-wrapper {
	background-color: var(--wp--preset--color--base);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	margin: 0;
	position: relative;
	transition: box-shadow 125ms ease;
	width: 100%;
}

.tribe-block__archive-events .tribe-common--breakpoint-medium.tribe-common .tribe-events-calendar-list__event-details.tribe-common-g-col {
	width: 64ch;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col {
	padding-left: 0;
	padding-right: 0;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters {
	height: 100%;
	margin-left: 0;
	margin-right: 0;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
	padding-top: var(--wp--preset--spacing--30);
}

/* Each event row */
.tribe-events .tribe-events-calendar-list__event-row {
	margin-bottom: var(--wp--preset--spacing--30);
	margin-top: 0;
	position: relative;
}

/* Each event row - medium screens and up */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
	margin-left: 0;
	margin-right: 0;
}

/* Add box shadow to event list cards */
.tribe-block__archive-events .tribe-events .tribe-events-calendar-list__event-wrapper:focus-within,
.tribe-block__archive-events .tribe-events .tribe-events-calendar-list__event-wrapper:hover {
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
}

/* Use pseudo-element to give entire card interactivity */
.tribe-block__event-website a::after {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.type-tribe_events {
	position: relative;
}

/* Month separator - headline with line */
.tribe-block__archive-events .tribe-common-h7.tribe-events-calendar-list__month-separator-text {
	font-size: var(--wp--preset--font-size--large);
	font-weight: var(--wp--custom--font-weight--bold);
}

/* Each event card's info/details - small screen ONLY */
.tribe-block__archive-events .tribe-events:not(.tribe-common--breakpoint-medium) .tribe-events-calendar-list__event-header {
	padding: var(--wp--preset--spacing--30);
}

.tribe-common--breakpoint-medium.tribe-common .tribe-events-calendar-list__event-details.tribe-common-g-col {
	align-self: center;
	padding-bottom: var(--wp--preset--spacing--40);
	padding-left: var(--wp--preset--spacing--30);
	padding-right: var(--wp--preset--spacing--30);
	padding-top: var(--wp--preset--spacing--40);
	width: 50%;
}

/* List - event description */
.tribe-events-calendar-list__event-description.tribe-common-b2.tribe-common-a11y-hidden {
	display: block !important;
	visibility: visible !important;
}

.tribe-block__archive-events .tribe-events:not(.tribe-common--breakpoint-medium) .tribe-events-calendar-list__event .tribe-events-calendar-list__event-description {
	padding-bottom: var(--wp--preset--spacing--30);
	padding-left: var(--wp--preset--spacing--30);
	padding-right: var(--wp--preset--spacing--30);
}

.tribe-common--breakpoint-medium.tribe-common .tribe-events-calendar-list__event-featured-image-wrapper.tribe-common-g-col {
	padding-left: 0;
	padding-right: 0;
	width: 50%;
}

/* Remove margin-bottom from last event card */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row:last-child {
	margin-bottom: 0;
}

/* Featured event option */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-datetime-featured-text,
.tribe-events .tribe-events-calendar-list__event-datetime-featured-icon svg {
	color: var(--wp--preset--color--royal);
}

.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after {
	background-color: var(--wp--preset--color--royal);
}

/* List & Day view - event title */
.tribe-events-calendar-list__event-title,
.tribe-events-calendar-day__event-title {
	max-width: max-content;
}

/* Archive events page - List view - pagination
--------------------------------------------- */
.tribe-events .tribe-events-calendar-list-nav,
.tribe-events .tribe-events-calendar-day-nav {
	border-color: transparent;
}

/* Month view (mobile only) - selected day button
--------------------------------------------- */
.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum {
	color: var(--wp--preset--color--base);
}

.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-details > * {
	margin-block-end: 0.6rem;
}

.tribe-events .tribe-events-calendar-month__calendar-event-title-link:hover {
	border-color: transparent;
}

/* Website button block in each excerpt.
--------------------------------------------- */
.tribe-common .tribe-block__event-website {
	margin-block-start: var(--wp--preset--spacing--30);
}

.tribe-block__event-website a,
.tribe-common .tribe-block__event-website a:not(.tribe-common-anchor--unstyle),
.tribe-block__event-website a:visited {
	background-color: var(--wp--preset--color--mirage);
	border: 2px solid var(--wp--preset--color--mirage);
	border-radius: 0;
	color: var(--wp--preset--color--base);
	font-size: 1rem;
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: var(--wp--custom--line-height--one);
	max-width: unset;
	min-height: auto;
	padding-top: 0.9rem;
	padding-right: 1.75rem;
	padding-bottom: 0.9rem;
	padding-left: 1.75rem;
	text-transform: uppercase;
}

.tribe-block__event-website a:active,
.tribe-block__event-website a:focus,
.tribe-block__event-website a:hover,
.tribe-common .tribe-block__event-website a:not(.tribe-common-anchor--unstyle):active,
.tribe-common .tribe-block__event-website a:not(.tribe-common-anchor--unstyle):focus,
.tribe-common .tribe-block__event-website a:not(.tribe-common-anchor--unstyle):hover {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--mirage);
	border-color: var(--wp--preset--color--mirage);
}

/* View selector on mobile */
.tribe-events .tribe-events-c-view-selector__list-item-link {
	align-items: inherit;
}

/* The Events Calendar: Category Colors plugin
--------------------------------------------- */
.tribe-events .tribe-events-header {
	row-gap: 10px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-header__top-bar {
	width: auto;
}

.tribe-events .tribe_events_cat-wordpress .tribe-events-calendar-month__calendar-event-title-link,
.tribe-events .tribe_events_cat-wordpress .tribe-events-calendar-month__calendar-event-title-link:active,
.tribe-events .tribe_events_cat-wordpress .tribe-events-calendar-month__calendar-event-title-link:focus,
.tribe-events .tribe_events_cat-wordpress .tribe-events-calendar-month__calendar-event-title-link:hover,
.tribe-events .tribe_events_cat-headless .tribe-events-calendar-month__calendar-event-title-link,
.tribe-events .tribe_events_cat-headless .tribe-events-calendar-month__calendar-event-title-link:active,
.tribe-events .tribe_events_cat-headless .tribe-events-calendar-month__calendar-event-title-link:focus,
.tribe-events .tribe_events_cat-headless .tribe-events-calendar-month__calendar-event-title-link:hover {
	color: var(--wp--preset--color--base);
}

.tribe-events .tribe-events-header__top-bar {
	flex: none;
}

.teccc-legend {
	align-self: flex-start;
}

.teccc-legend ul {
	align-items: center;
	gap: 6px;
	display: flex;
	flex-wrap: wrap;
}

.tribe-common .tribe-events-category-wordpress a:not(.tribe-common-anchor--unstyle),
.tribe-common .tribe-events-category-wordpress a:not(.tribe-common-anchor--unstyle):visited,
.tribe-common .tribe-events-category-headless a:not(.tribe-common-anchor--unstyle),
.tribe-common .tribe-events-category-headless a:not(.tribe-common-anchor--unstyle):visited {
	color: var(--wp--preset--color--base);
}

.tribe-common .tribe-events-category-wordpress a:not(.tribe-common-anchor--unstyle):focus,
.tribe-common .tribe-events-category-wordpress a:not(.tribe-common-anchor--unstyle):hover,
.tribe-common .tribe-events-category-headless a:not(.tribe-common-anchor--unstyle):focus,
.tribe-common .tribe-events-category-headless a:not(.tribe-common-anchor--unstyle):hover {
	text-decoration: underline;
}

.teccc-legend li:not(.teccc-reset) a {
	display: block;
	padding: 4px 6px;
}

.teccc-legend .teccc-reset {
	text-decoration: underline;
}