/*
 * Note: as of Fall 2022 this file uses color variables. You should also
 * include a sememster-specific file which defines those; see
 * content/template.blade.php which defines which CSS files are used.
 *
 * See e.g., fall2022.css for an example of color variable definitions.
 */

.content {
    max-width: 100%;
}

table {
    width: 95%;

}

th {
    background-color: var(--schedule-cell-bg);
    text-transform: uppercase;
    padding: 3px;
}

td {
    vertical-align: top;
    background-color: var(--schedule-cell-bg);
    width: 18%; /* 100% - 10% (Sat Sun)/ 5 days in a work-week = 18% */
    height: 100px;
}

/* Sat/Sun */
th:first-of-type, td:first-of-type, th:last-of-type, td:last-of-type  {
    width: 5%;
}

td > div {
    padding: 5px;
    font-size: 1.3rem;
    font-family: consolas;
}

.day-number {
    color: var(--day-number-fg);
    font-family: consolas;
}

.today {
    background-color: var(--today-bg); /* yellowish butter */
    color: var(--today-fg);
    font-weight:bold;
}



/*----------------------------------------------------
Event Types
-----------------------------------------------------*/
#keys {
    margin-top:10px;
}

.key {
    color: var(--key-color);
    padding: 5px;
    display: inline-block;
    margin: 3px;
    font-size: 1.2rem;
}

/* Every event has this class */
.event {
    margin-bottom: 2px;
    color: var(--base-fg);
    font-family:consolas,monoco,monospace;
}

.strike {
   background-color: #000;  /* #scholarStrike 2020 */
   color: white;
   font-size:125%;
   font-family:courier,sans-serif;
}

/* old color theme from Spring 2017 */
/* Sohie changed it for Fall 2017 */
/* .lecture background-color:#6b8e23;*/ /* dark green */
/* .lab    background-color:#B5D488; /* light green */
/* .psetdue    background-color:#23569A;  /* medium dark blue */
.lecture {
   background-color: var(--lecture-bg);
   color: var(--lecture-fg);
}

.lecture a, .lecture a:visited {
    color: var(--lecture-fg);
}

.lab {
    background-color: var(--lab-bg);
    color: var(--lab-fg);
}

.lab, .lab a, .lab a:visited {
    color: var(--lab-fg);
}

.project {
    background-color: var(--project-bg);
    color: var(--project-fg);
}

.project a, .project a:visited {
    color: var(--project-fg);
}

.projectdue, .projectdue a, .projectdue a:visited {
   /* background-color: #004b94; *//* darker dodger blue */
   /* background-color: #A5B557; */ /* chartreusey-green */
   /*     background-color: #DCAE1D; *//* dark navy */
    background-color: var(--project-deadline-bg);
    color: var(--project-deadline-fg);
}

.exercises {
    background-color: var(--exercises-bg);
    color: var(--exercises-fg);
}
.exercises a, .exercises a:visited {
    color: var(--exercises-fg);
}
.exercisesdue, .exercisesdue a, .exercisesdue a:visited {
    background-color: var(--exercises-deadline-bg);
    color: var(--exercises-deadline-fg);
}

.connections {
    background-color: var(--connections-bg);
    color: var(--connections-fg);
}

.connections a, .connections a:visited {
    color: var(--connections-fg);
}

.covid{
    font-style: italic;
    background-color: var(--important-bg);  /* chartreusey-green */
    color: var(--important-fg);
}

.info{
    font-style: italic;
    background-color: var(--info-bg);
    color: var(--info-fg);
}

.info a, .info a:visited {
    color: var(--info-fg);
}

.exam {
    background-color: var(--test-bg);
    color: var(--test-fg);
}

.final {
    background-color: var(--final-bg);
    color: var(--final-fg);
}


.quiz {
    color: var(--quiz-fg);
    background-color: var(--quiz-bg);
}

.quiz a, .quiz a:visited{
    color: var(--quiz-fg);
}

.pre-quiz {
    color: var(--prequiz-fg);
    background-color: var(--prequiz-bg);
}

.pre-quiz a, .pre-quiz a:visited{
    color: var(--prequiz-fg);
}

.re-quiz {
    color: var(--retakequiz-fg);
    background-color: var(--retakequiz-bg);
}
.evening-quiz {
    color: var(--eveningquiz-fg);
    background-color: var(--eveningquiz-bg);
    font-style: italic;
    font-family: sans-serif,Verdana;
    font-size: 70%;
    letter-spacing: 1px;
}

.evening-quiz-special {
    color: var(--eveningquizspecial-fg);
    background-color: var(--eveningquizspecial-bg);
    font-style: bold;
    font-family: sans-serif,Verdana;
    font-size: 80%;
    letter-spacing: 1.5px;
}

.evening-quiz-special {
    color: var(--eveningquizspecial-fg);
    background-color: var(--eveningquizspecial-bg);
    font-style: bold,italic;
    font-family: sans-serif,Verdana;
    font-size: 80%;
    letter-spacing: 1.5px;
}

.re-quiz a, .re-quiz a:visited{
    color: var(--retakequiz-fg);
}

.quizgrades, .quizgrades a{
    color: var(--quiz-feedback-fg);
    background-color: var(--quiz-feedback-bg);
}

.quizsession {
    color: var(--quiz-session-fg);
    background-color: var(--quiz-session-bg);
}

.quizsession a, .quizsession a:visited{
    color: var(--quiz-session-fg);
}

.planning{
    background-color: var(--planning-bg);
    color: var(--planning-fg);
}