/**
 * Optimized Event Calendar - Simple CSS
 */

.oec-calendar-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #333;
}

.oec-calendar-container {
    padding: 20px;
}

.oec-calendar-container .fc {
    font-family: inherit;
}

.oec-calendar-container .fc-toolbar {
    margin-bottom: 20px;
}
.oec-calendar-container td:last-child {
    border-right: none;
}
.oec-calendar-container thead th{
    padding:0px;
}
.oec-calendar-container .fc-toolbar-title {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Nunito Sans', Helvetica, Arial, Lucida, sans-serif !important;
    color: #242424 !important;
}

.oec-calendar-container .fc-button-primary {
    background-color: transparent;
    border-color: #242424;
    color:#242424 !important
}
body .oec-calendar-container button.fc-button.fc-button-primary {
    background-color: transparent;
    color: #242424 !important;
}

.oec-calendar-container .fc-button-primary:hover,
.oec-calendar-container .fc-button-primary.fc-button-active {
    background-color: #005a87;
}

/* Calendar grid */
.oec-calendar-container .fc-daygrid {
    border: 1px solid #ddd;
}

.oec-calendar-container .fc-col-header-cell {
    padding: 12px 0;
    font-weight: 600;
    background-color: #f0f0f0;
}

.oec-calendar-container .fc-daygrid-day {
    border: 1px solid #ddd;
   
    cursor:pointer;
}

.oec-calendar-container .fc-daygrid-day-number {
    padding: 8px;
    font-size: 16px;
    font-weight: 500;
}

.oec-calendar-container .fc-daygrid-day.fc-day-other {
    background-color: #f0f0f0;
    padding-top:6px !important
}

.oec-calendar-container .fc-daygrid-day.fc-day-today {
    background-color: #e3f2fd;
}
.oec-calendar-container .fc-daygrid-day-top{
    display: block !important;
}
.oec-calendar-wrapper tbody tr td{
    text-align: center;
}
.oec-calendar-container .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
   
    color: #fff;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

/* ========================================
   CATEGORY COLORS - Uses [data-date] selector
   for compatibility with all calendar versions
   ======================================== */

/* Public Events - Yellow */
.oec-calendar-container [data-date].public-events {
    background-color: #FFC107 !important;
    color: #333 !important;
}

/* Resident Events - Red */
.oec-calendar-container [data-date].resident-events {
    background-color: #FF5252 !important;
    color: #fff !important;
}

/* Fitness Educational - Dark Blue */
/* Handles all variations: fitness-educational, fitness-educational-classes, fitnesseducational-classes */
.oec-calendar-container [data-date].fitness-educational,
.oec-calendar-container [data-date].fitness-educational-events,
.oec-calendar-container [data-date].fitness-educational-classes,
.oec-calendar-container [data-date].fitnesseducational-classes {
    background-color: #13425B !important;
    color: #fff !important;
}
.oec-calendar-wrapper .fc-daygrid-day-events {
    display: none;
}
.oec-calendar-wrapper table.fc-col-header {
    width: 100% !important;
    margin-bottom: 0px;
}
.oec-calendar-wrapper th table.fc-col-header {
    width: 100% !important;
    margin-bottom: 0px;
}
button.fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active {
    background-color: transparent !important;
    color: black !important;
}
.oec-calendar-wrapper thead th {
    width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}
/* Cafe Sol - Teal */
.oec-calendar-container [data-date].cafe-sol,
.oec-calendar-container [data-date].cafe-sol-events {
    background-color: #17A2B8 !important;
    color: #fff !important;
}

/* Responsive */
@media (max-width: 768px) {
    .oec-calendar-container {
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .oec-calendar-container .fc-daygrid-day {
        min-height: 70px;
    }
    
    .oec-calendar-container .fc-daygrid-day-number {
        font-size: 14px;
    }
}