/******************************************************************************

******************************************************************************/ .toc {

.nav__title {
    background-color: $info-color;
}

}

/******************************************************************************

******************************************************************************/

@mixin colorful-icons {

.fa-info-circle {
    color: $info-color;
}

.fa-bookmark {
    color: $danger-color;
}

.fa-github {
    color: $github-color;
}

.fa-graduation-cap {
    color: $schoology-color;
}

}

/******************************************************************************

******************************************************************************/

table.schedule {

width: 80%;
margin: auto;
border: none;

thead {
    border-top: 2px solid black;
    border-bottom: 1px solid black;
    background-color: transparent;
}

tbody {
    border-bottom: 2px solid black;
}

td {
    vertical-align: middle;

    p {
        margin: 0;
        padding: 0;
    }
}

td.number {
    text-align: center;
    width: 10%;
}

td.date {
    width: 20%;

    p.time {
        font-size: small;
    }
}

td.title {
    width: 35%;

    ul {
        padding: 0;
        margin: 0;
        font-size: small;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        font-style: italic;

        li {
            display: inline;
            margin-right: .5em;
        }

        li:after {
            content: "ยท";
        }

        li:last-child:after {
            content: "";
        }
    }
}

td.assignment {
    width: 35%;
    p.due-date, p.critique-date {
        font-size: small;
        font-style: italic;
    }
}

}

/******************************************************************************

******************************************************************************/

site-nav {

@include colorful-icons();

}

.masthead {

ul {
    font-size: smaller;        
}

}

/******************************************************************************

******************************************************************************/

.page__footer {

display: none;

}

/* right-hand nav */

// make it sticky // aside.sidebar__right { // position: sticky; // float: right; // top: 44px; // }