/* This stylesheet serves as a reference for implementing and styling the OU calendar module to fit CPE's home page & "Calendar" page */

/* HOME PAGE MODULE */
/* The image currently being used as a placeholder for the calendar can be referenced for styling.
When a date is selected, we request a small pop-up window of some sort to display the events listed for that date.
If this is not possible, clicking a date could redirect the user to the date on the "Calendar" page.
*/

#calendar {

}

#calendar-header {
    color: white;
    background-color: rgb(241, 109, 34);
}

#calendar-dates {
    color: black;
    background-color: white;
}

#calendar-current-week {
    color: white;
    background-color: rgb(10, 68, 93);
}

#calendar-selected-day {
    color: white;
    background-color: rgb(86, 155, 160);
}

#calendar-dates-out-of-month {
    color: rgb(138, 148, 150);
    background-color: white;
}

#calendar a:hover {
    color: rgb(241, 109, 34);
}

/* CALENDAR PAGE MODULE */
/* Use the same styling as the site's secondary pages, with the calendar widget displaying in the top left, in sidebar.
Clicking a date will open a list of events on that date in the main section of the page. The title of the page could
be the date selected (e.g. "Monday, January 1st"). */