:root {
	--font-size: 14px;
	--small-font-size: 12px;
}

#calendar-outer-container {
	position: relative;
}

#calendar-arrow-container {
	text-align: center;
}

#calendar-arrow {
	width: 60px;
	height: auto;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: 0px 0px 6px #555;
	position: relative;
	z-index: 200;
	top: -10px;
	transition: transform 0.5s ease;
}

#calendar-arrow.active {
	transform: rotate(180deg);
	transition: transform 0.5s ease;
}

#container.faded {
	opacity: 0.3;
	transition: opacity 0.5s ease;
}

#container.inactive {
	height: 71px;
	overflow: hidden;
	interpolate-size: allow-keywords;
	transition: height 0.5s ease, opacity 0.5s ease;
}

#container {
	opacity: 1;
	height: max-content;
	overflow: hidden;
	interpolate-size: allow-keywords;
	transition: height 0.5s ease, opacity 0.5s ease;
}

#sorenso-calendar-header {
	font-family: 'sans-serif';
	font-size: var(--small-font-size);
	display: grid;
	grid-template-columns: 100px repeat(7, minmax(0, 1fr));
}

#sorenso-calendar-columns {
	display: grid;
	grid-template-columns: 100px repeat(7, minmax(0, 1fr));
	column-gap: 3px;
}

#sorenso-calendar .sorenso-calendar-day {
	text-align: center;
}

.sorenso-calendar-column:nth-child(2),
.sorenso-calendar-column:nth-child(4),
.sorenso-calendar-column:nth-child(6),
.sorenso-calendar-column:nth-child(8) {
	background-color: #fbfbfb;
}

.sorenso-calendar-column:nth-child(8) .event.active {
	width: 300px;
	right: 0;
}
#sorenso-calendar .cell.time {
	font-family: 'sans-serif';
	font-size: var(--small-font-size);
}

#sorenso-calendar .thumbnail {
	height: 70px;
	width: auto;
	border: 1px solid #222;
}

#sorenso-calendar .cell {
	height: 50px;
	margin-bottom: 3px!important;
}

#sorenso-calendar .cell:not(.time) {
	height: 50px;
	box-sizing: border-box;
	display: flex;
	column-gap: 3px;
}

#sorenso-calendar .event {
	background-color: red;
	overflow: hidden;
	height: 50px;
	width: auto;
	word-break: break-all;
	box-sizing: border-box;
}

#sorenso-calendar .event.SC5g1XRrzmR9bM0CiukRFx {
	background-color: rgb(206, 255, 255);
	border: 5px solid rgb(206, 255, 255);
}

#sorenso-calendar .event.SCAWAImiJ8LY6S4gCWwf9j {
	background-color: rgb(255, 220, 116);
	border: 5px solid rgb(255, 220, 116);
}

#sorenso-calendar .event.SCduJ3QPS5PQwiPAzmRxbm {
	background-color: rgb(202, 255, 202);
	border: 5px solid rgb(202, 255, 202);
}

#sorenso-calendar .event.SCbTxYSaL39puqfnagM4o6 {
	background-color: rgb(255, 190, 255);
	border: 5px solid rgb(255, 190, 255);
}

#sorenso-calendar .event.SCbrM4BEZAI02QIJoidd7N {
	background-color: rgb(255, 255, 194);
	border: 5px solid rgb(255, 255, 194);
}

#sorenso-calendar .event.SC7ZgA9EjuhTZzwuQhPajC {
	background-color: rgb(218, 206, 255);
	border: 5px solid rgb(218, 206, 255);
}

#sorenso-calendar .event.active {
	padding: 10px;
	position: absolute;
	height: max-content;
	z-index: 210;
	width: 300px;
	box-shadow: 0px 0px 10px 0px #222;
	transition: height 0.25s ease-out;
	word-break: break-word;
}

#sorenso-calendar .event.past {
	opacity: 0.5;
}

#sorenso-calendar .sorenso-calendar-column {
	display: flex;
	flex-direction: column;
}

#sorenso-calendar a {
	font-family: arial, 'sans-serif';
	font-size: var(--small-font-size);
	text-decoration: none;
	color: #000;
	overflow: hidden;
	height: 50px;
	display: inline-block;
}

#sorenso-calendar .active a {
	font-size: var(--font-size);
}

.event-details p {
	margin: 0;
	font-family: arial, 'sans-serif';
	font-size: var(--font-size);
}

.event-details > div:nth-child(1) {
	display: flex;
	justify-content: space-between;
}

.details-go {
	font-size: var(--font-size);
	width: 100%;
	border: 2px solid #000;
	text-align: center;
	box-sizing: border-box;
	padding: 5px;
	margin-top: 10px;
	border-radius: 30px;
}

.event-details a {
	display: initial!important;
}

#calendar-nav2,
#calendar-nav {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}

#calendar-nav2 {
	position: relative;
	bottom: 64px;
}


#calendar-nav2 #nav-left2,
#calendar-nav2 #nav-right2 {
	font-size: 14px;
	cursor: pointer;
}


#calendar-nav #nav-left,
#calendar-nav #nav-right {
	height: 30px;
	width: auto;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: 0px 0px 6px #555;
}

/*
#calendar-nav2 #nav-left2,
*/
#calendar-nav #nav-left {
	transform: rotate(90deg);
	visibility: hidden;
}

/*
#calendar-nav2 #nav-right2,
*/


#calendar-nav #nav-right {
	transform: rotate(-90deg);
}

#week {
	font-weight: bold;
}

#sorenso-calendar .mobile-time {
	display: none;
}

@media only screen and (max-width: 767px) {
	#sorenso-calendar-columns {
		display: flex;
		flex-direction: column;
	}

	#sorenso-calendar .cell {
		height: auto!important;
		display: block!important;
		margin-bottom: 0!important;
	}

	#sorenso-calendar .sorenso-calendar-column {
		margin-bottom: 20px;
	}

	#sorenso-calendar .sorenso-calendar-column.day.hidden {
		display: none;
	}

	#sorenso-calendar .sorenso-calendar-column.times {
		display: none;
	}

	#sorenso-calendar .event.past {
		display: none;
	}

	#sorenso-calendar .event {
		border-top: none!important;
		border-right: none!important;
		border-bottom: 1px solid #fff!important;
		border-left: none!important;
		padding: 5px;
	}

	.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img {
		position: static;
	}

	#sorenso-calendar-header {
		display: none;
	}

	#sorenso-calendar .event.active {
		position: static;
		width: 100%;
		box-shadow: none;
	}

	#sorenso-calendar .sorenso-calendar-column.day::before {
		content: attr(data-day);
		text-align: center;
		font-size: 16px;
		margin-bottom: 10px;
	}

	#sorenso-calendar .mobile-time {
		font-weight: bold;
		margin-right: 8px;
		display: inline;
	}
}