/* The Events Calendar, styled to match the Warrick Chamber site (Elementor kit). */

/* Colors and fonts through TEC's own custom properties. */
body .tribe-common,
body .tribe-events,
body #tribe-events-pg-template {
	--tec-font-family-sans-serif: "Open Sans", sans-serif;
	--tec-font-family-base: "Open Sans", sans-serif;
	--tec-color-text-primary: #282828;
	--tec-color-text-secondary: #4A5563;
	--tec-color-text-event-title: #012A57;
	--tec-color-text-event-date: #33404F;
	--tec-color-accent-primary: #004795;
	--tec-color-accent-primary-hover: #012A57;
	--tec-color-accent-primary-active: #012A57;
	--tec-color-accent-primary-background: #EAF1F9;
	--tec-color-link-primary: #012A57;
	--tec-color-link-accent: #004795;
	--tec-color-link-accent-hover: #012A57;
	--tec-color-button-primary: #31873E;
	--tec-color-button-primary-hover: #276D32;
	--tec-color-button-primary-active: #276D32;
	--tec-color-day-marker-current-month: #012A57;
	--tec-color-border-active-month-grid-hover: #B7C7DB;
}

/* Headings in the site's Montserrat. */
body .tribe-common .tribe-common-h1,
body .tribe-common .tribe-common-h2,
body .tribe-common .tribe-common-h3,
body .tribe-common .tribe-common-h4,
body .tribe-common .tribe-common-h5,
body .tribe-common .tribe-common-h6,
body .tribe-events .tribe-events-calendar-list__event-title,
body .tribe-events .tribe-events-calendar-month__calendar-event-title,
body .tribe-events .tribe-events-c-top-bar__datepicker-button,
body .tribe-events .tribe-events-calendar-list__month-separator-text,
body .tribe-events-single-event-title,
body .tribe-events-single .tribe-events-single-section-title {
	font-family: Montserrat, sans-serif;
}
body .tribe-events .tribe-events-calendar-list__event-title-link,
body .tribe-events .tribe-events-calendar-month__calendar-event-title-link {
	color: #012A57;
}

/* Search button and other primary buttons: site green, square-ish, uppercase. */
body .tribe-common .tribe-common-c-btn,
body .tribe-common a.tribe-common-c-btn,
body .tribe-events .tribe-events-c-search__button {
	background-color: #31873E;
	border-radius: 3px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
body .tribe-common .tribe-common-c-btn:hover,
body .tribe-common .tribe-common-c-btn:focus,
body .tribe-events .tribe-events-c-search__button:hover,
body .tribe-events .tribe-events-c-search__button:focus {
	background-color: #276D32;
}

/* Month view multi-day bars: site light blue instead of TEC's lavender. */
body .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
	background-color: #D3E2F4;
}
body .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner:hover,
body .tribe-events .tribe-events-calendar-month__multiday-event-hidden-link:hover ~ .tribe-events-calendar-month__multiday-event-bar .tribe-events-calendar-month__multiday-event-bar-inner {
	background-color: #B7C7DB;
}

/* "Members Only" label on events in that category. */
body .wccoc-ev-members {
	display: inline-block;
	margin: 6px 0 0;
	padding: 2px 10px;
	border-radius: 999px;
	background: #004795;
	color: #fff;
	font: 700 11px/1.6 Montserrat, sans-serif;
	letter-spacing: .06em;
	text-transform: uppercase;
}

/* List view date tile, like the event cards on the home page. */
body .tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
	padding: 10px 0;
	background: #EAF1F9;
	border-radius: 6px;
}
body .tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	letter-spacing: .1em;
	color: #004795;
}
body .tribe-events .tribe-events-calendar-list__event-date-tag-daynum {
	font-family: Montserrat, sans-serif;
	color: #012A57;
}

/* ---- Banner on /events/ and category pages ---------------------------- */

/* Let the banner run edge to edge under the header. */
body.post-type-archive-tribe_events,
body.tax-tribe_events_cat {
	overflow-x: hidden;
}
body .tribe-events .tribe-events-before-html {
	margin-bottom: 32px;
}
body .tribe-events-view .tribe-common-l-container:has(.wccoc-ev-hero) {
	padding-top: 0;
}

body .tribe-common .wccoc-ev-hero {
	position: relative;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	min-height: 380px;
	display: flex;
	align-items: center;
	padding: 56px 20px;
	box-sizing: border-box;
	background-color: #F4F7FA;
	background-position: center center;
	background-size: cover;
}
body .tribe-common .wccoc-ev-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.93) 42%, rgba(255,255,255,.35) 64%, rgba(255,255,255,0) 80%);
}
body .tribe-common .wccoc-ev-hero__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}
body .tribe-common .wccoc-ev-hero__inner > * {
	max-width: 560px;
}
body .tribe-common .wccoc-ev-hero__eyebrow {
	margin: 0 0 14px;
	font: 700 16px/1.4 "Open Sans", sans-serif;
	text-transform: uppercase;
	color: #31873E;
}
body .tribe-common .wccoc-ev-hero__title {
	margin: 0 0 20px;
	font: 600 36px/1 Montserrat, sans-serif;
	text-transform: uppercase;
	color: #012A57;
}
body .tribe-common .wccoc-ev-hero__text {
	margin: 0 0 24px;
	font: 400 17px/1.65 "Open Sans", sans-serif;
	color: #33404F;
}
body .tribe-common .wccoc-ev-hero__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}
body .tribe-common a.wccoc-ev-btn {
	display: inline-block;
	padding: 12px 24px;
	border: 2px solid transparent;
	border-radius: 3px;
	background: #31873E;
	color: #fff;
	font: 700 16px/1.2 "Open Sans", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
body .tribe-common a.wccoc-ev-btn:hover,
body .tribe-common a.wccoc-ev-btn:focus-visible {
	background: #276D32;
	color: #fff;
}
body .tribe-common a.wccoc-ev-btn--outline {
	background: rgba(255,255,255,.9);
	border-color: #004795;
	color: #004795;
}
body .tribe-common a.wccoc-ev-btn--outline:hover,
body .tribe-common a.wccoc-ev-btn--outline:focus-visible {
	background: #004795;
	color: #fff;
}
body .tribe-common .wccoc-ev-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
body .tribe-common a.wccoc-ev-chip {
	padding: 6px 14px;
	border: 1px solid #B7C7DB;
	border-radius: 999px;
	background: #fff;
	color: #004795;
	font: 600 14px/1.3 "Open Sans", sans-serif;
	text-decoration: none;
}
body .tribe-common a.wccoc-ev-chip:hover,
body .tribe-common a.wccoc-ev-chip:focus-visible {
	border-color: #004795;
}
body .tribe-common a.wccoc-ev-chip.is-current {
	background: #004795;
	border-color: #004795;
	color: #fff;
}

@media (max-width: 1024px) {
	body .tribe-common .wccoc-ev-hero::after {
		background: linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.9) 100%);
	}
}
@media (max-width: 767px) {
	body .tribe-common .wccoc-ev-hero {
		min-height: 320px;
		padding: 44px 16px;
	}
	body .tribe-common .wccoc-ev-hero__title {
		font-size: 28px;
	}
	body .tribe-common a.wccoc-ev-btn {
		width: 100%;
		text-align: center;
	}
}

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

body #tribe-events-pg-template {
	max-width: 1140px;
	padding: 48px 20px 72px;
	box-sizing: border-box;
}
body .tribe-events-single-event-title {
	font-size: 36px;
	font-weight: 600;
	line-height: 1.15;
	text-transform: uppercase;
	color: #012A57;
}
body .tribe-events-single .tribe-events-back a,
body .tribe-events-single .tribe-events-back a:visited {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	color: #004795;
}
body .tribe-events-single .tribe-events-schedule h2,
body .tribe-events-single .tribe-events-schedule .tribe-events-cost {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	color: #31873E;
}
body .tribe-events-single .tribe-events-event-meta {
	background: #F4F7FA;
	border: 0;
	border-radius: 6px;
	font-family: "Open Sans", sans-serif;
	color: #33404F;
}
body .tribe-events-single .tribe-events-single-section-title {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #012A57;
}
body .tribe-events-single .tribe-events-event-meta a {
	color: #004795;
}
body .tribe-events-single .tribe-events-sub-nav a {
	font-family: "Open Sans", sans-serif;
	color: #004795;
}
@media (max-width: 767px) {
	body #tribe-events-pg-template {
		padding: 32px 16px 56px;
	}
	body .tribe-events-single-event-title {
		font-size: 28px;
	}
}