/* ==========================================================================
   Dashboard Chart List
   ========================================================================== */

.dashboard-goals-list {
    @include clearfix;

    margin: 0;
    padding: 0;

    list-style: none;
}

.dashboard-goals-list__chart {
    width: 100%;
    height: 15rem;
}

.dashboard-goals-list__item {
    float: left;

    width: 100%;
    height: 25rem;
    padding: 1.4rem 2.8rem;

    color: #6d6d6d;

    @media (min-width: $screen-lap) {
        width: 50%;
    }

    @media (min-width: $screen-desk) {
        width: 33.333333333%;
    }

    @media (min-width: $screen-desk-wide) {
        width: 25%;
    }
}

.dashboard-goals-list__item__title {
    float: left;

    font-weight: bold;
}

.dashboard-goals-list__item__number {
    float: right;

    padding-right: 2.8rem;

    text-align: right;

    strong {
        display: block;

        font-size: 2.8rem;
        font-weight: normal;
    }
}