#room-occupation-calendar .fc-multimonth-title {
	background-color: var(--primary-color-light);
	color: white;
	text-transform: uppercase;
}

#room-occupation-calendar th.fc-col-header-cell.fc-day[role="columnheader"] a.fc-col-header-cell-cushion,
#room-occupation-calendar td.fc-daygrid-day.fc-day[role="gridcell"] a.fc-daygrid-day-number {
	color: var(--primary-color);
	text-transform: uppercase;
}

#room-occupation-calendar td.fc-daygrid-day.fc-day[role="gridcell"] a.fc-daygrid-day-number {
	font-size: 20px;
}

#room-occupation-calendar h2.fc-toolbar-title {
	font-size: 36px;
    color: var(--primary-color);
    text-transform: uppercase;
    font-family: Open Sans,Arial,sans-serif;
    padding-bottom: 0;
}

#room-occupation-calendar div.fc-daygrid-event-harness,
#room-occupation-calendar div.fc-daygrid-event-harness a.fc-event.fc-daygrid-event {
	background-color: transparent;
	color: var(--primary-color-light);
    font-size: 18px;
    font-weight: 600;
    margin: 0.25em;
}

#room-occupation-calendar div.fc-daygrid-event-harness:hover,
#room-occupation-calendar div.fc-daygrid-event-harness a.fc-event.fc-daygrid-event:hover {
	background-color: var(--primary-color-light);
	color: white;
    border: 0px solid;
    border-radius: 10px;
    transition: background-color 0.4s ease-in-out;
}

#room-occupation-calendar div.fc-daygrid-event-harness div.fc-daygrid-event-dot {
    border: none;
}

#room-occupation-calendar .fc-h-event .fc-event-main {
    background-color: var(--secondary-color);
	color: white;
    font-size: 16px;
    font-weight: 600;
    transition: font-size 0.4s ease-in-out;
    padding-left: 0.5em;
    border-radius: 6px;
    min-height: 35px;
    text-align: center;
    padding-top: 0.25em;
}

#room-occupation-calendar .fc-h-event .fc-event-main:hover {
	color: white;
    font-size: 17px;
    font-weight: 500;
    border: 0px solid;
}

#room-occupation-calendar div.fc-daygrid-event-harness a.fc-event.fc-daygrid-event.fc-event-start, 
#room-occupation-calendar div.fc-daygrid-event-harness a.fc-event.fc-daygrid-event.fc-event-future {
    border: 0px solid;
}

#room-occupation-calendar button.fc-today-button.fc-button.fc-button-primary,
#room-occupation-calendar button.fc-prev-button.fc-button.fc-button-primary,
#room-occupation-calendar button.fc-next-button.fc-button.fc-button-primary {
    background-color: var(--primary-color-light);
    border-color: var(--primary-color-light);
    color: white;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

#room-occupation-calendar button.fc-today-button.fc-button.fc-button-primary:hover,
#room-occupation-calendar button.fc-prev-button.fc-button.fc-button-primary:hover,
#room-occupation-calendar button.fc-next-button.fc-button.fc-button-primary:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}