/* ==========================================
   SJWWC EVENT CALENDAR
   ========================================== */


/* ---------- GENERAL FONT ---------- */

.WaGadgetEvents .monthViewType,
.WaGadgetEvents .monthViewType * {
    font-family: Helvetica, Arial, sans-serif !important;
}


/* ---------- MONTH TITLE ---------- */

.WaGadgetEvents .monthViewType .sectionTitle {
    font-family: Georgia, serif !important;
    color: #1F2062 !important;
    font-size: 2.25rem !important;
    font-weight: bold !important;
}


/* ---------- WEEKDAY HEADER ---------- */

.EventListCalendarHeader {
    background: #3374B6 !important;
    color: #FFFFFF !important;
    border-color: #E2E2E2 !important;
}


/* ---------- CALENDAR DAYS ---------- */

.EventListCalendarItemDefault {
    background: #FFFFFF !important;
    color: #605F5D !important;
}

.EventListCalendarItemInactive {
    background: #F7F7F7 !important;
    color: #B6B6B6 !important;
}


/* ---------- TODAY ---------- */
/* Soft light blue instead of coral */

.EventListCalendarItemSelected {
    background: #EAF3FA !important;
    color: #1F2062 !important;
}

.EventListCalendarItemSelected .calendarDate {
    color: #1F2062 !important;
}


/* ---------- EVENT BLOCKS ---------- */
/* Removes the old tan/gold styling */

.EventListCalendar .eventDivItem {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

.EventListCalendar .eventDivItem > div {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
}

.EventListCalendar .eventDivItem .eventTime {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #605F5D !important;
}

.EventListCalendar .eventDivItem a {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: #3374B6 !important;
}


/* ---------- CALENDAR BORDERS ---------- */

.EventListCalendar td {
    border-color: #E2E2E2 !important;
}


/* ---------- EVENT LINKS ---------- */

.EventListCalendar a {
    color: #3374B6 !important;
}

.EventListCalendar a:hover {
    color: #ED4542 !important;
}


/* ---------- NAVIGATION ---------- */

#weekButton,
#monthButton,
#yearButton,
#decButton,
#todayButton,
#incButton {
    background: #1F2062 !important;
    border-color: #1F2062 !important;
}

#monthButton {
    background: #3374B6 !important;
    border-color: #3374B6 !important;
}

#weekButton a,
#monthButton a,
#yearButton a,
#decButton a,
#todayButton a,
#incButton a {
    color: #FFFFFF !important;
}
/* ---------- CALENDAR NAVIGATION ---------- */

#weekButton,
#monthButton,
#yearButton,
#decButton,
#todayButton,
#incButton {
    background: #1F2062 !important;
    border-color: #1F2062 !important;
}

/* All navigation text */
#weekButton a,
#monthButton a,
#monthButton span,
#yearButton a,
#decButton a,
#todayButton a,
#incButton a {
    color: #FFFFFF !important;
    font-family: Helvetica, Arial, sans-serif !important;
}

/* Active Month button */
#monthButton {
    background: #3374B6 !important;
    border-color: #3374B6 !important;
}

/* Make sure the active Month text stays white */
#monthButton span {
    color: #FFFFFF !important;
}