/* Download CSS
--------------------*/
@media screen {
    .download-element {
        --dl-padding: 2.25rem;
        list-style-type:none;
        background: var(--mut-cream);
        padding: 0;
        box-sizing: border-box;
        line-height: 1.4;
        clear: both;
        margin-bottom: 1.25rem;
        position: relative;
        padding-left: var(--dl-padding);
        display: flex;
    }
    .download-element:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: -3px;
        left: 0;
        width: 2.25rem;
        height: 2.25rem;
        transition: all 0.4s cubic-bezier(.25,.1,.25,1);
        background-image: url(../images/icons/file.svg);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: contain;
    }

    .download-element a {
        border: none !important;
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-position: under;
    }

    /* .download-element.ext-jpg a:before {
        background-image: url(../images/icons/pdf.svg);
    } */

    .download-element.ext-xlsx:before {
        background-image: url(../images/icons/file-green.svg);
    }

    .download-element.ext-doc:before,
    .download-element.ext-docx:before {
        background-image: url(../images/icons/file-blue.svg);
    }    

    .download-element .size {
        white-space: nowrap;
        display: block;
        font-size: 80%;
        line-height: 1;
        margin-top: 0.35rem;
        margin-left: auto;
        color: var(--mut-darkgrey);
    }

    .ce_download .heading + p {
        margin-top: 2rem;
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .download-element {
        --dl-padding: 2.5rem;
    }

    .download-element:before {
        top: -5px;
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Download CSS ends
--------------------*/