.elementor-44167 .elementor-element.elementor-element-c3fc7e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-44167 .elementor-element.elementor-element-3401bff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:768px){.elementor-44167 .elementor-element.elementor-element-3401bff{--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}}/* Start custom CSS for container, class: .elementor-element-c3fc7e4 *//* 1. Global Font Family for the calendar grid */
.ics-calendar,
.ics-calendar * {
    font-family: 'Source Sans 3', sans-serif !important;
}

.ics-calendar-month-grid th {
    background-color: #861A1B !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 17px !important;
}

body .ics-calendar-month-grid .events .title,
.ics-calendar .title,
.ics-calendar-month-grid  .events > .title.confirmed,
.ics-calendar .title.has_desc.confirmed, 
.ics-calendar .title.has_desc.tentative  {
    font-size: 16px !important;
}

.ics-calendar .time,
.ics-calendar .end_time,
.ics-calendar .time-inline {
    font-size: 15px !important;
    font-weight:600 !important;
}

.ics-calendar-month-grid td {
    background-color: #FFFFFF !important;
}

.ics-calendar-month-grid td .day {
    font-size: 16px !important;
}

.ics-calendar-month-grid td.today .day {
    background-color: #247199 !important;
    color: #ffffff !important; 
}

/* =========================================
   NEW: Hover Box (Lightbox/Tooltip) Styling 
   ========================================= */

.ics-calendar:not([data-month-table-list-toggle=list]) .event .hover_block {
    max-height: 40em !important;        
    min-height: 25em !important;
    max-width: 45em !important;
}
.ics-calendar .event .hover_block { padding:25px !important; }
.ics-calendar .hover_block .time_in_hover_block { font-size:16px !important;font-weight:400 !important; }
.ics-calendar .hover_block .title_in_hover_block .title { font-size:20px !important;font-weight:600 !important; }
.ics-calendar .hover_block .location { font-size:15px !important; }
.ics-calendar .hover_block  .eventdesc > p { font-size:16px !important;font-weight:400 !important; }

.ics-calendar .hover_block  .organizer_email a { font-size:16px !important;font-weight:400 !important; }
.ics-calendar .hover_block  .eventdesc > .attach a { font-size:16px !important;font-weight:400 !important; }
.ics-calendar-select {
    background-color: #ffffff !important;
    color: #133D51 !important;
    font-size: 18px !important;
    margin: 0 20px 10px 0 !important;
    border: 1px solid #CECECE !important;
    padding: 7px 15px !important;
}
article > h3.ics-calendar-label {
    font-size: 26px !important;
    padding-top: 9px !important;
    padding-left: 25px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3401bff *//* Hide descriptions by default to create the accordion effect */
.ics-calendar .descloc {
    display: none;
}
.ics-calendar-list-wrapper { margin-top:20px; }
/* Ensure the cursor is a pointer hand */
.ics-calendar .title.has_desc {
    cursor: pointer !important;
}

/* Optional: Add a slight hover color so users know it is clickable */
.ics-calendar .title.has_desc:hover {
    color: #247199 !important; 
}

.ics-calendar-list-wrapper .ics-calendar-label { margin: 0; }
.ics-calendar-list-wrapper > h3.ics-calendar-label {
    /*margin:0 !important;
    padding:0 !important;
    text-align: center !important;
    color: #861A1B !important;
    font-size:22px !important;*/
}
.ics-calendar-list-wrapper > h3 {
    display:none !important;
}
.ics-calendar-list-wrapper h4 > span:first-child {
    float:right !important;
}
.ics-calendar-list-wrapper h4.ics-calendar-date {
    font-size: 16px !important;
    background-color: #247199 !important;
    color: #ffffff !important;
    padding: 3px 10px 2px 10px !important;
    letter-spacing:-0.2px;
}
.ics-calendar-list-wrapper dl.events, .ics-calendar-date-wrapper dl.events { padding-left:10px; }

.ics-calendar-list-wrapper .title { color: #247199 !important; }
.ics-calendar-list-wrapper dl.events, .ics-calendar-date-wrapper dl.events { padding-left:10px; }
.ics-calendar-list-wrapper .descloc { margin-top:7px !important; margin-bottom: 10px !important; }
.ics-calendar-list-wrapper .eventdesc > p { font-size:16px !important; color:#555 !important; }
.ics-calendar .event .descloc :not(a) { color:#555 !important; }/* End custom CSS */