#calendar { max-width: 1100px; margin: 0 auto; background: #fff; padding: 10px; border-radius: 8px;}

.home #site-calendar{text-align:center;}
.home #site-calendar #calendar{min-height:385px;}
.home #site-calendar .fc-toolbar-chunk:last-child{display:none}

.fc-direction-ltr .fc-list-table .fc-list-event-graphic{padding-top:15px;}
th .fc-scrollgrid-sync-inner a{text-decoration:none; font-size:1rem; color:rgb(var(--bs-primary-rgb));}
.fc-daygrid-day-top a{text-decoration:none; font-size:0.6rem; color:rgb(var(--bs-secondary-rgb));}
.fc-more-link{font-size:0.7rem; padding:2px 0 !important;}
.fc .fc-daygrid-more-link{color:rgb(var(--bs-success-rgb));}
.fc .fc-button {font-size: 0.8em;}
.fc .fc-button .fc-icon {font-size: 1em;}
.fc .fc-toolbar-title {font-size: 1.4em;}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { min-height: 20px;}
.fc .fc-button.fc-today-button{text-transform: capitalize;}
.calendar-loading{margin:30px auto; width:150px; height:auto;}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin-left: 0px;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999; /* Make sure modal is on top */
}
.modal-content {
    background: white;
    padding: 20px;
    border-radius: 5px;
    min-width: 300px;
    max-width: 700px;
    text-align: left;
}
.close-button {
    margin-top: 10px;
    float:right;
}