/* Documents Filters */
.m-documents-filters { margin-bottom: 2em; }


/* Document List */
.m-document-list { margin-top: 2em; margin-bottom: 2em; }
.m-document-list li { margin-bottom: .5em; }

    /* Individual Document */
    .m-documents-categories, .m-document { width: 100%; }
    .m-document { display: inline-block; vertical-align: top; }
    .m-document-list a { display: flex; align-items: center; text-decoration: none; -webkit-transition: 250ms; transition: 250ms; border: 1px solid #efefef; }
    .m-document-list a:hover { border-color: #cecece; box-shadow: 0 0 30px rgba(0,0,0,.075); }
    .m-document-name { font-size: 18px; font-size: 1.125rem; padding: 0 .5em; line-height: normal; }
    .m-document-description { display: none; color: #6e6e6e; }

        /* Document Icons */
        .m-document-list a:before { content: ''; display: block; padding: 1.2rem; background-color: #fcfcfc; background-position: center; background-repeat: no-repeat; background-size: 40px; }
        .m-document a[href*=".doc"]:before,
        .m-document a[href*=".rtf"]:before,
        .m-document a[href*=".wps"]:before,
        .m-document a[href*=".txt"]:before { background-image: url("../images/icon-word-large.png"); }
        .m-document a[href*=".pdf"]:before { background-image: url("../images/icon-pdf-large.png"); }
        .m-document a[href*=".xls"]:before,
        .m-document a[href*=".csv"]:before,
        .m-document a[href*=".xlw"]:before,
        .m-document a[href*=".xlt"]:before { background-image: url("../images/icon-excel-large.png"); }
        .m-document a[href*=".ppt"]:before { background-image: url("../images/icon-powerpoint-large.png"); }


/* Documents Legend */
.m-documents-legend { padding-top: 2em; border-top: 1px solid #eee; }
.m-documents-legend li { padding: .5em 0 .5em 35px; margin-bottom: .5em; background-position: left center; background-repeat: no-repeat; }
.m-documents-legend .title { padding: 0; }

    /* Document Icons */
    .icon-word { background-image: url("../images/icon-word.png"); }
    .icon-pdf { background-image: url("../images/icon-pdf.png"); }
    .icon-excel { background-image: url("../images/icon-excel.png"); }
    .icon-powerpoint { background-image: url("../images/icon-powerpoint.png"); }


@media only screen and (min-width: 768px) {
    .m-documents-categories, .m-document { width: 50%; }
}