@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter&family=Playfair+Display:wght@400;500;700&display=swap');
/*----------  EVENTS CALENDAR  ----------*/
/*simple*/
.tw-calendar-shortcode .tw-calendar-title {
	font-size: 32px;
}
.tw-calendar-shortcode .tw-calendar-table-header {
	font-size: 20px;
}
.tw-calendar-shortcode .tw-calendar-table-header th {
	width: 14.28%;
}
.tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple {
	font: 700 24px 'Playfair Display', serif;
}
.tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple td div.tw-calendar-current-date span:first-child,
.tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple td div.tw-calendar-has-events-date span:first-child {
	width: 58px;
	height: 58px;
	top: calc(50% - 25px);
}
.tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple td div.tw-calendar-current-date span:first-child {
	outline: 2px solid red;
}
.tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple td div.tw-calendar-day.tw-calendar-day-active span:first-child {
	background: var(--tertiary-color);
}
.tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-simple td div.tw-calendar-day.tw-calendar-has-events-date:not(.tw-calendar-day-active) span:first-child {
	background: var(--primary-color);
}
.tw-calendar-shortcode .cursor-pointer {
	cursor: pointer;
}
@media (min-width:768px) {
    .tw-calendar-shortcode .tw-calendar-table-header {
		font-size: 30px;
	}
}
/*rich*/
.tw-calendar-shortcode.tw-calendar-shortcode-rich > div:first-child {
	background: #fff;
	box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.07);
}
.tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-rich td div {
	min-height: 85px;
}
.tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-rich td div span.tw-calendar-day-event-title,
.tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-rich td div span.tw-calendar-day-event-more {
	font-size: 12px;
}
.tw-calendar-shortcode .tw-calendar-table-body.tw-calendar-table-body-rich td div.tw-calendar-day.tw-calendar-day-active {
	background: #F5F4F3;
}
/*----------  EVENTS LIST  ----------*/
.tw-calendar-shortcode .tw-calendar-events-cards article {
	border-left: 20px solid var(--secondary-color);
	min-height: 160px;
}
.tw-calendar-shortcode.tw-calendar-shortcode-rich .tw-calendar-events-cards article {
	border-left: none;
	min-height: 150px;
	border: 3px solid #F5F4F3;
	border-radius: 8px;
	transition: .1s;
}
.tw-calendar-shortcode.tw-calendar-shortcode-rich .tw-calendar-events-cards article:hover {
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.tw-calendar-shortcode .tw-calendar-events-cards article .tw-calendar-event-article-date,
.tw-calendar-shortcode .tw-calendar-events-cards article .tw-calendar-event-article-time {
	font: 500 19px 'Playfair Display', serif;
}
.tw-calendar-shortcode .tw-calendar-events-cards article .tw-calendar-event-article-title {
	font-size: 32px;
}
.tw-calendar-shortcode.tw-calendar-shortcode-rich .tw-calendar-events-cards article .tw-calendar-event-article-title {
	font-family: var(--text-font-family-primary) !important;
	font-size: 26px;
	font-weight: 400 !important;
}
.tw-calendar-shortcode .tw-calendar-events-cards article .tw-calendar-event-article-venue {
	font: 400 18px 'Inter', sans-serif;
	color: #707070;
}
.tw-calendar-shortcode .tw-calendar-events-cards article .tw-calendar-event-article-more,
.tw-calendar-shortcode .tw-calendar-events-cards article + a.btn {
	font: 700 15px 'Inter', sans-serif;
}
.tw-calendar-shortcode.tw-calendar-shortcode-rich .tw-calendar-events-cards {
	height: 565px;
}
.tw-calendar-shortcode .tw-calendar-events-cards .tw-event-list-scrollbar {
	height: 525px;
	top: 20px;
	bottom: 20px;
}
@media (min-width:1200px) {
	.tw-calendar-shortcode.tw-calendar-shortcode-rich .tw-calendar-events-cards,
	.tw-calendar-shortcode .tw-calendar-events-cards .tw-event-list-scrollbar {
		height: auto;
	}
}

/*Calendar list scrollbar*/
/* width */
.tw-calendar-events-cards ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.tw-calendar-events-cards ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--secondary-color);
  border-radius: 10px;
}

/* Handle */
.tw-calendar-events-cards ::-webkit-scrollbar-thumb {
  background: var(--secondary-color);
  border-radius: 10px;
}