/* ####################################
   Attachments (Table / List / Div)

   - Critical Rendering Path: Optional
   ################################## */

.attachments {
    margin: var(--site-margin) 0 var(--site-box-margin-bottom);
    overflow: hidden;
}

    table.attachments-container {
        background-color: var(--site-color-white);
    }

        table.attachments-container caption {
            font-size: var(--site-font-size-normal);
            font-weight: bold;
            margin: var(--site-margin) 0 0 0;
            padding: var(--site-padding-thinner) 0;
            border-top: var(--site-spot-color-1) 2px solid;
        }

        table.attachments-container tr.section-title {
        }

            table.attachments-container tr.section-title td.overview {
                color: var(--site-table-row-sub-header-text-color);
                background: var(--site-table-row-sub-header-bg);
            }

                table.attachments-container tr.section-title td.overview .title {
                    font-weight: bold;
                }
    
                table.attachments-container tr.section-title td.overview .summary {
                    padding-left: 0;
                }

        table.attachments-container thead tr th {
            color: var(--site-color-white);
            background: var(--site-spot-color-1);
            padding: var(--site-padding-thinner) var(--site-padding);
            overflow: hidden;
        }

        table.attachments-container thead tr th:first-child {
            border-top-left-radius: var(--site-border-radius-medium);
        }

        table.attachments-container thead tr th:last-child {
            border-top-right-radius: var(--site-border-radius-medium);
        }

        table.attachments-container tr td {
            padding: var(--site-padding-thinner) var(--site-padding);
            border: var(--site-spot-color-13) 2px solid;
        }

            table.attachments-container tr td.overview {
                width: 100%;
            }

                table.attachments-container tr td.overview .title {
                }
    
                table.attachments-container tr td.overview .summary {
                    padding-left: 2.25em; 
                }

                table.attachments-container tr td.overview .url {
                    /* Only appears for URL links */
                    padding-left: 2.25em;
                }

            table.attachments-container tr td.format {
                white-space: nowrap;
            }

                table.attachments-container tr td.format .extension {
                    text-transform: uppercase;
                }

                table.attachments-container tr td.format .format-note {
                }

            table.attachments-container tr td.file-size {
                white-space: nowrap;
                border-right: 0;
            }

                table.attachments-container tr td.file-size .value {
                }

                table.attachments-container tr td.file-size .unit {
                }
                
    ul.attachments-container,
    ol.attachments-container {
    }

        ul.attachments-container li.section-title,
        ol.attachments-container li.section-title {
            list-style: none;
            padding-left: 0;
            margin-left: 0;
            margin-bottom: var(--site-box-margin-bottom);
        }

            ul.attachments-container li.section-title .overview,
            ol.attachments-container li.section-title .overview {
            }
                
                ul.attachments-container li.section-title .overview .title,
                ol.attachments-container li.section-title .overview .title {
                    font-weight: bold;
                }
    
                ul.attachments-container li.section-title .overview .summary,
                ol.attachments-container li.section-title .overview .summary {
                    padding-left: 0;
                }

        ul.attachments-container li.attachment,
        ol.attachments-container li.attachment {
            margin-bottom: var(--site-box-margin-bottom);
        }

            ul.attachments-container li.attachment .overview,
            ol.attachments-container li.attachment .overview {
            }
                
                ul.attachments-container li.attachment .overview .title,
                ol.attachments-container li.attachment .overview .title {
                }

                ul.attachments-container li.attachment .overview .summary,
                ol.attachments-container li.attachment .overview .summary {
                    padding-left: 2.25em;
                }

                ul.attachments-container li.attachment .overview .url,
                ol.attachments-container li.attachment .overview .url {
                    padding-left: 2.25em;
                }

            ul.attachments-container li.attachment .format,
            ol.attachments-container li.attachment .format {
                display: inline;
                padding-left: 2.25em;
            }
    
                ul.attachments-container li.attachment .format .extension,
                ol.attachments-container li.attachment .format .extension {
                    text-transform: uppercase;
                }
    
                ul.attachments-container li.attachment .format .format-note,
                ol.attachments-container li.attachment .format .format-note {
                }
    
            ul.attachments-container li.attachment .file-size,
            ol.attachments-container li.attachment .file-size {
                display: inline;
                margin-left: -0.25em;
            }
    
                ul.attachments-container li.attachment .file-size::before,
                ol.attachments-container li.attachment .file-size::before {
                    content: ",";
                }
    
                ul.attachments-container li.attachment .file-size .value,
                ol.attachments-container li.attachment .file-size .value {
                }
    
                ul.attachments-container li.attachment .file-size .unit,
                ol.attachments-container li.attachment .file-size .unit {
                }

        ul.attachments-container li.attachment.fileNone .format,
        ul.attachments-container li.attachment.fileNone .file-size,
        ol.attachments-container li.attachment.fileNone .format,
        ol.attachments-container li.attachment.fileNone .file-size {
            display: none;
        }
    
    div.attachments-container {
    }
    
        div.attachments-container div.section-title {
            margin: 1rem 0 30px 0;
            padding-bottom: 10px;
            font-family: 'Zurich Condensed',Arial,Helvetica,sans-serif;
            font-weight: normal;
            color: var(--site-spot-color-3);
            border-bottom: var(--site-spot-color-3) 2px solid;
        }
    
            div.attachments-container div.section-title .overview {
            }
                
                div.attachments-container div.section-title .overview .title {
                    font-weight: bold;
                }
    
                div.attachments-container div.section-title .overview .summary {
                    padding-left: 0;
                }

        div.attachments-container div.attachment {
            padding: var(--site-padding-thinner) 0;
            border-bottom: var(--site-spot-color-13) 1px solid;
        }
    
            div.attachments-container div.attachment .overview {
            }
                
                div.attachments-container div.attachment .overview .title {
                }

                div.attachments-container div.attachment .overview .summary {
                    padding-left: 2.25em;
                }

                div.attachments-container div.attachment .overview .url {
                    padding-left: 2.25em;
                }

            div.attachments-container div.attachment .format {
                display: inline;
                padding-left: 2.25em;
            }
    
                div.attachments-container div.attachment .format .extension {
                    text-transform: uppercase;
                }
    
                div.attachments-container div.attachment .format .format-note {
                }
    
            div.attachments-container div.attachment .file-size {
                display: inline;
                margin-left: -0.25em;
            }
    
                div.attachments-container div.attachment .file-size::before {
                    content: ",";
                }
    
                div.attachments-container div.attachment .file-size .value {
                }
    
                div.attachments-container div.attachment .file-size .unit {
                }

        div.attachments-container div.attachment.fileNone .format,
        div.attachments-container div.attachment.fileNone .file-size {
            display: none;
        }

    div.attachments.cards {
        --card-gutters: 15px;
    }

        div.attachments.cards div.attachments-container {
            display: flex;
            flex-wrap: wrap;
            gap: var(--card-gutters);
        }

            div.attachments.cards div.attachments-container div.attachment {
                box-sizing: border-box;
                width: calc(calc(100% - calc(var(--card-gutters) * 2)) / 3);
                padding: 15px;
                background: var(--site-card-simple-bg);
                border: var(--site-card-simple-border);
                box-shadow: var(--site-card-simple-shadow);
            }

                div.attachments.cards div.attachments-container div.attachment .title a:link {
                    text-decoration: none;
                }

                div.attachments.cards div.attachments-container div.attachment .title a:hover {
                    text-decoration: underline;
                }

                div.attachments.cards div.attachments-container div.attachment .title a::before {
                    display: block;
                }

                div.attachments.cards div.attachments-container div.attachment .format {
                    padding-left: 0px;
                }

                div.attachments.cards div.attachments-container div.attachment:hover {
                    background: var(--site-card-simple-hover-bg);
                    box-shadow: var(--site-card-simple-hover-shadow);
                }

    div.attachments.cards.cards-small {
    }

        div.attachments.cards.cards-small div.attachments-container {
        }

            div.attachments.cards.cards-small div.attachments-container div.attachment {
                width: calc(calc(100% - calc(var(--card-gutters) * 4)) / 5);
            }

    @media screen and (max-width: 900px) {

        div.attachments.cards.cards-small div.attachments-container div.attachment {
            width: calc(calc(100% - calc(var(--card-gutters) * 2)) / 3);
        }
    }

    @media screen and (max-width: 600px) {

        div.attachments.cards div.attachments-container div.attachment,
        div.attachments.cards.cards-small div.attachments-container div.attachment {
            width: calc(calc(100% - calc(var(--card-gutters) * 1)) / 2);
        }

    }

    @media screen and (max-width: 375px) {

        div.attachments.cards div.attachments-container div.attachment,
        div.attachments.cards.cards-small div.attachments-container div.attachment {
            width: 100%;
        }

    }

    /* Shared Styles and Overrides */

    .attachments-container .title {
        margin-bottom: var(--site-margin-thinnest);
    }

    .attachments-container .title a {
        position: relative;
        display: block;
    }

        .attachments-container .title a:link {
        }

        .attachments-container .title a:hover,
        .attachments-container .title a:focus {
        }

        .attachments-container .title a::before {
            display: inline-block;
            width: 1.25em;
            text-align: center;
            vertical-align: middle;
            margin-right: 0.25em;
            font-family: var(--site-icon-font-family);
            font-weight: var(--site-icon-font-weight-attachments);
            font-size: 1.5em;
            color: #484038;
        }

        .attachments-container [class*=file]:not(.fileNone) .title a::before {
            content: "\f019";
            font-weight: var(--site-icon-font-weight-attachments);
        }

        .attachments-container .attachment.file-image .title a::before,
        .attachments-container .attachment.file-jpg .title a::before,
        .attachments-container .attachment.file-jpeg .title a::before,
        .attachments-container .attachment.file-gif .title a::before,
        .attachments-container .attachment.file-bmp .title a::before,
        .attachments-container .attachment.file-png .title a::before,
        .attachments-container .attachment.file-svg .title a::before {
            content: "\f03e";
            /*font-weight: 500;*/ /* The lighter (500) version is available in Font Awesome Free. */
        }

        .attachments-container .attachment.file-pdf .title a::before {
            content: "\f1c1";
            /*font-weight: 500;*/ /* The lighter (500) version is available in Font Awesome Free. */
        }

        .attachments-container .attachment.file-txt .title a::before {
            content: "\f15c";
        }

        .attachments-container .attachment.file-doc .title a::before,
        .attachments-container .attachment.file-docx .title a::before {
            content: "\f1c2";
        }

        .attachments-container .attachment.file-ppt .title a::before,
        .attachments-container .attachment.file-pptx .title a::before {
            content: "\f1c4";
        }

        .attachments-container .attachment.file-xls .title a::before,
        .attachments-container .attachment.file-xlsx .title a::before,
        .attachments-container .attachment.file-csv .title a::before {
            content: "\f1c3";
        }

        .attachments-container .attachment.file-zip .title a::before,
        .attachments-container .attachment.file-7z .title a::before,
        .attachments-container .attachment.file-tar .title::before,
        .attachments-container .attachment.file-gz .title a::before {
            content: "\f1c6";
        }

        .attachments-container .attachment.file-wmv .title a::before,
        .attachments-container .attachment.file-mpg .title a::before,
        .attachments-container .attachment.file-mov .title a::before,
        .attachments-container .attachment.file-mkv .title a::before,
        .attachments-container .attachment.file-mp4 .title a::before,
        .attachments-container .attachment.file-flv .title a::before,
        .attachments-container .attachment.file-avi .title a::before {
            content: "\f1c8";
        }

        .attachments-container .attachment.file-mp3 .title a::before,
        .attachments-container .attachment.file-wav .title a::before,
        .attachments-container .attachment.file-aac .title a::before,
        .attachments-container .attachment.file-m4a .title a::before {
            content: "\f1c7";
        }

        .attachments-container .attachment.cmfr_links .title a::before {
            content: "\f35d";
        }