/* Download CSS
--------------------*/
@media screen {
    .download-element {
        list-style-type:none;
        box-sizing: border-box;
        line-height: 1.4;
        clear: both;
        border-bottom: 0px solid #D3D3D3;
        margin-bottom: 1rem !important;
        background-color: #F5F5F5;
        display: flex;
        padding: 0.75rem 1rem;
    }

    .download-element a {
        max-width: 100%;
        width: 100%;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        word-break: break-word;
        border-bottom: none;
        color: #333333;
        padding: 1rem;
        box-sizing: border-box;
    }

    .download-element a:hover {
        color: var(--link-hover-color1);
    }

    .download-element__ a:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 2.5rem;
        height: 2.5rem;
        transition: var(--transition);
        background-image: url(../images/icons/pdf.svg);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: contain;
    }

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

    .download-element .size {
        white-space: nowrap;
        font-size: 0.8rem;
        font-weight: bold;
        display: inline-block;
    }


}

/* 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) {
}

/* 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
--------------------*/