/**
 *  Charts
 */

.at-keyFacts__chart {
    margin: 0;
    padding: 0;
}

.at-keyFacts__figcaption {
    font: normal .8em/1'Futurapt Bold', sans-serif;
    height: 2.5em;
}

.legendList {
    margin-top: 0;
    padding: 0;
    line-height: 1;
    list-style: none;
}

.legendItem {
    position: relative;
    padding-left: 1em;
    line-height: .8;
}

.legendItem span {
    font-size: 14px;
}

.legendItem:before {
    position: absolute;
    left: 0;
    content: '\25A0';
}

.legendItem1:before {
    color: #afab23;
}

.legendItem2:before {
    color: #04235a;
}

.legendItem3:before {
    color: #bd7123;
}

.legendItem4:before {
    color: #1081ad;
}

.legendItem5:before {
    color: #fcac30;
}

@media screen and (min-width: 380px) {
    .at-keyFacts__chart {
        display: inline-block;
        max-width: 400px;
        vertical-align: top;
        background: none !important;
    }

    .at-keyFacts__figcaption {
        font: normal .65em/1'Futurapt Bold', sans-serif;
        height: 2.5em;
    }

    .at-keyFacts__cart--3 {
        width: 30%;
        margin: 0 3% 0 0;
    }

    .at-keyFacts__cart--2 {
        width: 48%;
        margin: 0 2% 0 0;
    }

    .at-keyFacts__cart--1 {
        width: 100%;
    }

    .donutChart {
        max-width: 200px;
    }
}

@media screen and (max-width: 699px) {
    .donutChart > g > text {
        font-size: 14px !important
    }
}

@media screen and (min-width: 700px) {
    .at-keyFactsCharts .at-keyFacts__column {
        float: left;
    }

    .at-keyFactsCharts .at-keyFacts__textCol {
        width: 31%;
        padding-right: 2%;
        background: transparent;
    }

    .at-keyFactsCharts .at-keyFacts__figuresCol {
        width: 69%;
    }
}