@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');

#wkp {
	position: relative;
}

#wkp *,
.tippy-box {
	font-family: 'IBM Plex Sans', sans-serif;
}

.tippy-box {
	background-color: #fff;
	color: #000;
	padding: 15px;
	/* padding: 20px; */
	/* box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; */
	/* box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px; */
	/* box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px; */
	/* box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; */
	/* box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px; */
	box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px 0px, rgb(0 0 0 / 10%) 0px 0px 1px 0px;
}

[data-tippy-root] {
	width: 300px;
}

.tippy-box .wkp-event-date {
	font-size: 14px;
	font-weight: 400;
	color: #1a252f;
}

.tippy-box .wkp-event-title {
	font-size: 20px;
	font-weight: 600;
	margin: 4px 0 4px;
}

.tippy-box .wkp-event-city,
.tippy-box .wkp-event-level,
.tippy-box .wkp-event-category,
.tippy-box .wkp-event-distance {
	color: #495157;
}

.tippy-box .wkp-event-url {
	margin-top: 10px;
	font-size: 13px;
}

.tippy-box .wkp-event-url a {
	color: #ffffff;
	font-weight: 400;
	background: #3788d8;
	padding: 4px 10px;
	border-radius: 2px;
}


#wkp .fc-direction-ltr .fc-daygrid-event.fc-event-end,
#wkp .fc-direction-rtl .fc-daygrid-event.fc-event-start {
	cursor: pointer;
}

#wkp .fc .fc-daygrid-day-top {
	display: flex;
	flex-direction: row;
}

#wkp .fc .fc-daygrid-day-top a {
	font-weight: 800;
	color: #2c3e50;
}

#wkp .fc .fc-button-group button {
	background-color: transparent;
	color: #000;
	border: none;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	padding: 0;
	margin: 15px;
	padding: 6px 0;
}

#wkp .fc .fc-button-group button:focus {
	box-shadow: none !important;
}

#wkp .fc .fc-button-group button[aria-pressed="true"] {
	border-bottom: 2px solid;
	border-radius: 0;
}

#wkp .fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
	text-transform: capitalize;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #e6e9ec;
	color: #1a252f;
	font-weight: 500;
}

#wkp .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
	font-size: 16px;
}

#wkp .fc-direction-ltr .fc-daygrid-event .fc-event-time {
	text-transform: uppercase;
}

#wkp .fc-timegrid-event {
	cursor: pointer;
}

#wkp .gg-spinner {
	transform: scale(var(--ggs, 1))
}

#wkp .gg-spinner,
#wkp .gg-spinner::after,
#wkp .gg-spinner::before {
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 20px;
	height: 20px
}

#wkp .gg-spinner::after,
#wkp .gg-spinner::before {
	content: "";
	position: absolute;
	border-radius: 100px
}

#wkp .gg-spinner::before {
	animation: spinner 1s cubic-bezier(.6, 0, .4, 1) infinite;
	border: 3px solid transparent;
	border-top-color: currentColor
}

#wkp .gg-spinner::after {
	border: 3px solid;
	opacity: .2
}

@keyframes spinner {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(359deg)
	}
}

#wkp-overlay {
	/* position: absolute; */
	top: 0;
	left: 0;
	height: 480px;
	width: 100%;
	/* background: #f0f0f1; */
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	overflow: hidden;
}

#wkp .gg-spinner,
#wkp .gg-spinner::after,
#wkp .gg-spinner::before {
	width: 40px;
	height: 40px;
}

.wkp-event-category.wrp-road {
	color: #3788d8;
}

.wkp-event-category.wrp-trail {
	color: #057e25;
}

.wkp-event-category.wrp-other {
	color: #ff9800;
}

/* .fc-view-harness.fc-view-harness-active {
	margin-right: 680px;
} */

.fc-view-harness {
	width: 100%;
	height: 80vh !important;
}

@media (max-width: 767.98px) {
	.fc-header-toolbar {
		display: block !important;
	}
}