body #wpwrap {
	background: #140031;
}

#wpwrap h1 {
	color: #fff;
	text-align: center;
	font-size: 32px;
	padding-top: 30px;
	font-weight: 100;
	letter-spacing: 1px;
}

.calendars-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	padding-top: 40px;
}

.calendar-container {
	flex: 0 0 270px;
	opacity: 0;
}

.calendars-container .day-cell {
	background-color: #E0DFFF;
	color: #000;
	height: 30px;
	text-align: center;
	font-size: 11px;
	font-weight: 500;
}

.calendars-container .day-cell:hover {
	cursor: pointer;
}

.calendars-container .fully-booked {
	background: #ff0505;
	color: #fff;
}

.availability-calendar .day-header {
	color: #000;
	padding: 7px;
}

.calendar-container h2 {
	font-size: 18px;
	font-weight: 300;
}

.availability-calendar {
	width: 100%;
}

.calendar-container {
	background: #fff;
	text-align: center;
	box-sizing: border-box;
	border-radius: 10px;
	overflow: hidden;
}

.calendar-container h2 {
	font-size: 14px;
	font-weight: 600;
	line-height: 46px;
	margin: 0;
	color: #000;
	border-bottom: 1px solid #e6e6e6;
	letter-spacing: 3px;
}

.calendar-container h3 {
	font-size: 20px;
	padding: 10px;
	border-bottom: 1px solid #eee;
	font-weight: 200;
	letter-spacing: 1px;
}