/* 1. Import the fonts from Google */
@import url('https://fonts.googleapis.com/css2?family=Alice&family=Open+Sans:wght@400;600&display=swap');

/* 2. Apply Open Sans to the body and general text */
body, p, span, li, a {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased; /* Makes Alice look crisper */
}

/* 3. Apply Alice to all Headings */
h1, h2, h3, h4, h5, .title, .boxTitle {
    font-family: 'Alice', serif !important;
    font-weight: normal !important;
    color: #2d47b6; /* Optional: Sets headings to your Society Blue */
    line-height: 1.3;

}

/* Note the dot at the beginning for the Class Name */
.EventListCalendarItemSelected {
    font: 15px 'Open Sans', sans-serif !important;
    color: #d70d02 !important;
   
}
/* Targets the colored block inside a calendar date cell */
.WaGadgetEventsStateCalendar .EventListCalendar td[class*="EventListCalendarItem"][colspan] div {
    margin: -4px -9px -5px -9px !important;
    padding: 4px 9px 5px 9px !important;
    background-color: #d70d02 !important; /* Your Red */
    color: #ffffff !important;           /* White text for better contrast */
    border-radius: 5px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
}

/* Optional: Subtle shadow to make the red 'pop' */
.WaGadgetEventsStateCalendar .EventListCalendar td[class*="EventListCalendarItem"][colspan] div {
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
/* This targets the selected date specifically */
.WaGadgetEventsStateCalendar .EventListCalendar .EventListCalendarItemSelected .calendarDate {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #d70d02 !important; /* Your Red */
}

/* If you want the background of that selected date to change as well */
.WaGadgetEventsStateCalendar .EventListCalendar .EventListCalendarItemSelected {
    background-color: #ffffff !important; /* Light grey background to make red text pop */
    border: 1px solid #d70d02 !important;
}