/*
	--------------------------
	Data Download list
	--------------------------
*/
div.cntnt ul {
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
}

    div.cntnt ul li a, div.cntnt a.download-button {
        background-color: transparent;
        padding: 0.25em 0.5em;
        display: inline-block;
    }

        div.cntnt ul li a:hover, div.cntnt a.download-button:hover {
            background-color: var(--light-grey);
            color: var(--aqua);
        }

    div.cntnt a.download-button:before {
        content: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23fff;}%3c/style%3e%3c/defs%3e%3cg%20id='Layer_1-2'%3e%3cpath%20class='cls-1'%20d='M16,24.35L6.35,14.7l2.15-2.15,6,6V0h3V18.55l6-6,2.15,2.15-9.65,9.65Zm-13,7.65c-.8,0-1.5-.3-2.1-.9-.6-.6-.9-1.3-.9-2.1v-7.15H3v7.15H29v-7.15h3v7.15c0,.8-.3,1.5-.9,2.1-.6,.6-1.3,.9-2.1,.9H3Z'/%3e%3c/g%3e%3c/svg%3e");
        display: inline-block;
        width: .75em;
        margin-right: .5em;
        -moz-filter: var(--svg-aqua);
        -ms-filter: var(--svg-aqua);
        -webkit-filter: var(--svg-aqua);
        filter: var(--svg-aqua);
    }

    div.cntnt a.link-button:before {
        content: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2015.29%2014.83'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23fff;stroke:%23fff;stroke-miterlimit:10;stroke-width:.5px;}%3c/style%3e%3c/defs%3e%3cg%20id='Layer_1-2'%3e%3cpath%20class='cls-1'%20d='M14.96,7.25L8.04,.33c-.1-.1-.26-.11-.37-.01,0,0,0,0-.01,.01-.1,.1-.1,.27,0,.37l6.45,6.45H.54c-.16,0-.29,.13-.29,.29s.13,.29,.29,.29H14.11l-6.39,6.39c-.1,.1-.11,.26-.01,.37,0,0,0,0,.01,.01,.05,.05,.11,.08,.18,.08,.07,0,.14-.03,.19-.08l6.87-6.87c.1-.1,.11-.26,.01-.37,0,0,0,0-.01-.01'/%3e%3c/g%3e%3c/svg%3e");
        display: inline-block;
        width: .75em;
        margin-right: .5em;
        -moz-filter: var(--svg-aqua);
        -ms-filter: var(--svg-aqua);
        -webkit-filter: var(--svg-aqua);
        filter: var(--svg-aqua);
    }

/* Annual downloads */

div.flex.annual-files {
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    margin: 1em 0;
}

    div.flex.annual-files > * {
        flex-basis: 45%;
        position: relative;
    }

    div.flex.annual-files > div:last-child:before {
        content: "";
        border-left: 1px solid var(--medium-grey);
        display: block;
        height: 100%;
        position: absolute;
        left: -15%;
    }

    div.flex.annual-files ul.flex.annual-file-list {
        flex-wrap: wrap;
        justify-content: flex-start;
        list-style-type: none;
        padding: 0;
        margin: 1em 0;
    }

div.flex.annual-files ul.flex.annual-file-list > * {
    flex-basis: 20%;
}

div.flex.annual-files ul.flex.annual-file-list li a {
    padding: 0.25em 0.5em;
}

/*  Responsive 
--------------------------  */
@media screen and (max-width: 1000px) {
    div.flex.annual-files ul.flex.annual-file-list > * {
        flex-basis: 25%;
    }

}

@media screen and (max-width: 700px) {
    div.flex.annual-files ul.flex.annual-file-list > * {
        flex-basis: 33%;
    }
}

@media screen and (max-width: 550px) {
    div.flex.annual-files ul.flex.annual-file-list > * {
        flex-basis: 50%;
    }
}

@media screen and (max-width: 480px) {
    div.flex.annual-files > * {
        flex-basis: 100%;
    }

    div.flex.annual-files ul.flex.annual-file-list > * {
        flex-basis: 25%;
    }

    div.flex.annual-files > div:last-child:before {
        display: none;
    }
}

@media screen and (max-width: 370px) {
    div.flex.annual-files ul.flex.annual-file-list > * {
        flex-basis: 33%;
    }
}