.daysmartcalendar{
    margin-top: 2rem;
}

.daysmartcalendar.fc .fc-scroller-liquid-absolute{
    overflow: visible!important;
}
.daysmartcalendar.fc .fc-scrollgrid table{
    margin: 0;
}

.daysmartcalendar.fc table colgroup+thead tr:first-child th,
.daysmartcalendar.fc table thead:first-child tr:first-child th{
    border-top: none;
}


.daysmartcalendar .fc-event{
    align-items: flex-start;    
    gap: 3px;
    padding: 0px 5px;
}

.daysmartcalendar a.fc-event:hover{
    color: var(--e-global-color-text);
}

.daysmartcalendar .fc-event .fc-daygrid-event-dot,
.daysmartcalendar .fc-event .fc-list-event-dot {
    display: none;
}

.daysmartcalendar .fc-event .fc-event-title {
    white-space: pre-wrap;
}

/*Filter By Event Type*/

.elementor-widget-daysmart_calendar_widget .filter_wrapper button.toggle_filter_options{
    border-color: var(--e-global-color-secondary);
    background: var(--e-global-color-secondary);
    color: var(--e-global-color-37d42cc);
}
.elementor-widget-daysmart_calendar_widget .filter_wrapper button.toggle_filter_options:hover,
.elementor-widget-daysmart_calendar_widget .filter_wrapper button.toggle_filter_options:active{
    border-color: var(--e-global-color-accent);
    background: var(--e-global-color-accent);
}

.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown{
    list-style-type: none;
    margin: 0;
    padding: 1em;
    transition: .3s all ease;
    background-color: var(--e-global-color-secondary);
    color: white;
    opacity: 0;
    height: 0;
    position: absolute;
    z-index: -9999;
}
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown.active{
    opacity: 1;
    z-index: 9999;
    height: fit-content;
}

.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown:not(.active) li a{
    opacity: 0;
    pointer-events: none;
}

.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a{
    color: var(--e-global-color-37d42cc);
}
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a:hover{
    color: var(--e-global-color-accent);
}

.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot{
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background: var(--e-a-bg-active);
    border-radius: 100%;
}

/*Set event type colors*/

/*Public Skate*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_10,
.fc-event.event_type_10{
    background: var(--e-global-color-primary);
}

.fc-event.event_type_10 .fc-daygrid-event-dot{
    border-color: var(--e-global-color-primary)!important;
}



/*Freestyle Skate Session*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_11,
.fc-event.event_type_11{
    background: var(--e-global-color-accent);
}

.fc-event.event_type_11 .fc-daygrid-event-dot{
    border-color: var(--e-global-color-accent)!important;
}


/*Pick Up Hockey*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_12,
.fc-event.event_type_12{
    background: var(--wp--preset--color--vivid-purple);
}

.fc-event.event_type_12 .fc-daygrid-event-dot{
    border-color: var(--wp--preset--color--vivid-purple)!important;
}

/*Iceplex Opening Public Skate*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_13,
.fc-event.event_type_13{
    background: var(--wp--preset--color--pale-pink);
}

.fc-event.event_type_13 .fc-daygrid-event-dot{
    border-color: var(--wp--preset--color--pale-pink)!important;
}


/*Youth Hockey Skills 8u-17u*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_14,
.fc-event.event_type_14{
    background: var(--wp--preset--color--vivid-red);
}

.fc-event.event_type_14 .fc-daygrid-event-dot{
    border-color: var(--wp--preset--color--vivid-red)!important;
}

/*Birthday Party*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_15,
.fc-event.event_type_15{
    background: var(--e-a-color-primary-bold);
}

.fc-event.event_type_15 .fc-daygrid-event-dot{
    border-color: var(--e-a-color-primary-bold)!important;
}

/*Play Date Tot Skate*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_7,
.fc-event.event_type_7{
    background: var(--wp--preset--color--luminous-vivid-amber);
}

.fc-event.event_type_7 .fc-daygrid-event-dot{
    border-color: var(--wp--preset--color--luminous-vivid-amber)!important;
}

/*Stick & Puck*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_8,
.fc-event.event_type_8{
    background: var(--wp--preset--color--light-green-cyan);
}

.fc-event.event_type_8 .fc-daygrid-event-dot{
    border-color: var(--wp--preset--color--light-green-cyan)!important;
}

/*Adult Public Skate*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_9,
.fc-event.event_type_9{
    background: var(--wp--preset--color--pale-cyan-blue);
}

.fc-event.event_type_9 .fc-daygrid-event-dot{
    border-color: var(--wp--preset--color--pale-cyan-blue)!important;
}

/*Block*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_b,
.fc-event.event_type_b{
    background: var(--wp--preset--color--vivid-cyan-blue);
}

.fc-event.event_type_b .fc-daygrid-event-dot{
    border-color: var(--wp--preset--color--vivid-cyan-blue)!important;
}

/*Class*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_c,
.fc-event.event_type_c{
    background: var(--e-a-btn-bg-accent);
}

.fc-event.event_type_c .fc-daygrid-event-dot{
    border-color: var(--e-a-btn-bg-accent)!important;
}

/*Game*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_g,
.fc-event.event_type_g{
    background: var(--e-global-color-0f294b1);
}

.fc-event.event_type_g .fc-daygrid-event-dot{
    border-color: var(--e-global-color-0f294b1)!important;
}

/*Camp*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_k,
.fc-event.event_type_k{
    background: #fef84c;
}

.fc-event.event_type_k .fc-daygrid-event-dot{
    border-color: #fef84c!important;
}

/*Locker Room*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_L,
.fc-event.event_type_L{
    background: #fb6962;
}

.fc-event.event_type_L .fc-daygrid-event-dot{
    border-color: #fb6962!important;
}

/*Rental*/
.elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a span.spot.event_type_r,
.fc-event.event_type_r{
    background: #9778d1;
}

.fc-event.event_type_r .fc-daygrid-event-dot{
    border-color: #9778d1!important;
}




@media (max-width: 767px) {
    
    .daysmartcalendar{
        margin-top: 1rem;
        min-height: 550px;
    }

    .daysmartcalendar .fc-header-toolbar{
        display: grid;
        gap: 1rem;
    }

    .elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown{
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .elementor-widget-daysmart_calendar_widget .filter_wrapper ul.filter_list_dropdown li a{
        font-size: 1rem;
        line-height: 1.5rem;
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }

    .daysmartcalendar .fc-listDay-view tr.fc-event{        
        display: inline-table;
        min-height: 100px;
        width: 100%;
    }
}