/* Theme Colors  */
.sky-skin, :root {
    --color1: #264B6B;   /* 🔵 Navy Blue */
    --color2: #276099;   /* 🔷 Slate Blue */
    --color3: #D2542E;   /* 🟠 Burnt Orange */
    --color4: #A3CEE6;   /* 🔵 Sky Blue */
    --color4dimmed: rgba(163, 206, 230, 0.2); /* 🔹 Light Sky (dimmed) */
    --color5: #FF8266;   /* 🟠 Coral */
    --color6: #D2542E;   /* 🟠 Burnt Orange (duplicate of color3) */
    --color7: #FFFFFF;   /* ⚪ White */
    --color8: #1A1A1A;   /* ⚫ Near Black */
    --color9: #EFF9FF;   /* 🔹 Icy Blue */
}


.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	margin: 0;
	padding: 0;
}

/* Datepicker Styling */

.tribe-events .datepicker {
	background: var(--color7) !important;
	border: 1px solid #ededed !important;
	border-radius: 4px !important;
}

.tribe-events .datepicker .day.active {
	background: var(--color1) !important;
}

h2#tribe-events-calendar-header {
	display: none;
}

/* Top Search Section with action */

div#tribe-events-view-selector-content {
	background: var(--color9);
}

.tribe-events-c-view-selector__list-item a:hover {
	font-style: normal !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item:hover {
	padding: 0 var(--tec-spacer-2);
	font-style: normal !important;
	background: var(--color9) !important;
	color: var(--color2) !important;
}

/* Buttons */

.tribe-common-c-btn {
	background: var(--color2) !important;
}

.tribe-common-c-btn:hover {
	background: var(--color1) !important;
}

.tribe-common .tribe-common-c-btn-border {
	border: 1px solid var(--color1) !important;
	color: var(--color1) !important;
}

.tribe-common .tribe-common-c-btn-border:hover {
	background: var(--color1) !important;
	color: var(--color7) !important;
}

/* List Events Styles */

span.tribe-events-calendar-list__event-date-tag-weekday {
	font-size: 1.5em !important;
	color: var(--color7) !important;
	font-weight: 700;
}

a.tribe-events-calendar-list__event-title-link.tribe-common-anchor-thin {
	line-height: 1.2em;
}

.tribe-events .tribe-events-calendar-list__month-separator {
	align-items: center;
	display: flex;
	margin-top: 0;
}

img.tribe-events-calendar-list__event-featured-image.lazyloaded {
	border-radius: 4px;
}

/* Mobile Styling Calendar */

@media (max-width: 767px) {
	.tribe-events .tribe-events-calendar-month__day-cell--selected {
		background: var(--color1) !important;
	}

	.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum {
		color: var(--color7) !important;
	}

	div#tribe-events-view-selector-content {
		background: var(--color7);
	}

	.tribe-events .tribe-events-l-container {
		padding-top: 0;
	}

	.tribe-common .tribe-common-l-container {
		padding-left: 0;
		padding-right: 0;
	}

	.tribe-events .tribe-events-calendar-list__month-separator {
		align-items: center;
		display: flex;
		margin-top: 0;
	}

	.tribe-common .tribe-common-g-row {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

	.tribe-events .tribe-events-calendar-list__event-date-tag {
		flex: none;
		position: relative;
		width: 100px;
	}

	.tribe-events .tribe-events-calendar-list__event-datetime {
		color: var(--tec-color-text-event-date);
		font-size: 1.5em !important;
	}

	.tribe-events-event-image img {
		display: block;
		width: 100%;
		height: auto;
	}
}

/* Event short Code Styling */

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
	margin: 0;
}

.tribe-events-calendar-list__event-date-tag {
	background: var(--color1);
	border-radius: 5px;
}

.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-top: 0;
	text-align: center;
	justify-content: center;
}

.tribe-events-calendar-list__event-date-tag-month {
	font-weight: 500 !important;
	font-size: 1.5em !important;
	color: var(--color7) !important;
}

.tribe-events-calendar-list__event-date-tag-daynum {
	font-size: 50px !important;
	color: var(--color7) !important;
}

.tribe-events-calendar-list__event-date-tag-year {
	font-size: 1.2em !important;
	font-weight: 500 !important;
	color: var(--color7) !important;
}

.tribe-events-calendar-list__event-title a {
	font-size: 1.5em !important;
	font-weight: 700;
}

.tribe-events-calendar-list__event-datetime {
	font-size: 1.2em !important;
}

header.tribe-events-calendar-list__event-header h3 {
	margin-top: 0 !important;
	line-height: 1.4em;
}