/* MAIN */


:root {
	--width-max: auto;
	--width-min: auto;
	--bg-primary: white;
	--size-primary: 18px;
	--box-title-shadow: none;
	--padding-container: 10px;
	--bg-select-day: rgb(16, 152, 161);
	--bg-disabled-day: rgb(189, 186, 186);
	--bg-today: rgb(7, 97, 68);
	--bg-day-active: #1D875A;
	--theme-color: #666;
}

.calendar {
	background: var(--bg-primary);
	min-width: var(--width-min);
	max-width: var(--width-max);
	font-size: var(--size-primary);
	font-family: inherit;
	color: var(--theme-color);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.calendar__title-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .9em;
	font-weight: bold;
	color: #5a5757;
	box-shadow: var(--box-title-shadow);
	text-transform: capitalize;
}

.calendar__button {
	cursor: pointer;
	font-size: 1.2em;
	fill: #3a3838;
}

.calendar__button--disabled {
	fill: #d2c6c6 !important;
	cursor: initial;
}

.calendar__content {
}

.calendar__week {
	display: grid;
	grid-template-columns: repeat(7,1fr);
	grid-gap: 2px;
	margin: 0 0 5px;
	font-size: .9em;
}

.calendar__week-name {
	text-align: center;
}

.calendar__content-days {
	display: grid;
	grid-gap: 2px;
	grid-template-columns: repeat(7,1fr);
}

.calendar__day {
	text-align: center;
	cursor: pointer;
	font-size: 0.66em;
	padding: 5px 0;
	border-radius: 2px;
}

.calendar__day--active {
	background: var(--bg-day-active);
	color: white;
	position: relative;
}

	.calendar__day--active:hover::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.30);
	}

.calendar__disabled {
	background: #efefef;
	cursor: not-allowed;
}

.calendar__previusMonth {
	color: #dbdbdb;
}

.calendar__disabled:hover::before {
	content: none;
}

.calendar__today {
	/* background: var(--bg-today); */
	background: white;
	color: black;
	border: 1px solid rgb(28 93 51) !important;
	display: flex;
	flex-direction: column;
}

	.calendar__today::before {
		content: "*";
		position: absolute;
		right: 5px;
		top: 0;
	}

.calendar__day-select {
	background: var(--bg-select-day)
}

.forzeBooking .booking__logos h3 {
	color: #2C2C2C;
	text-align: center;
	margin: 0;
	font-size: 15px;
	font-weight:bold;
}

.forzeBooking .booking__logos {
	display: block;
	/*grid-template-columns: repeat(5,1fr);*/
	padding: 13px 13px;
	box-shadow: 0px 3px 6px #00000029;
	/*border: 1px solid #DBE2E7;*/
	border-radius: 8px;
	margin: 25px auto;
	width: 320px;
}

	.forzeBooking .booking__logos > div {
		display: flex;
		justify-content: center;
		grid-gap: 5px;
	}

	.forzeBooking .booking__logos img {
		width: 54px;
		height: auto;
	}

.freeAdmission {
	background: white;
	border-radius: 8px;
	padding: 12px 16px;
	box-shadow: 0px 3px 6px #00000029;
	display: flex;
	justify-content: space-between;
	width: 320px;
	align-items: center;
	margin: 20px auto;
}

	.freeAdmission > img {
		width: 15%!important;
		margin:0 15px 0 0;
	}

/*.freeAdmission > div {
	width:83%;
}*/

.freeAdmission h4 {
	color: #2C2C2C;
	font-size: 15px;
	font-weight: bold
}

.freeAdmission p {
	color: #2c2c2c;
	font-size: 12px;
}