/*------------------------------------*\
	#TOTAL CONTAINER
\*------------------------------------*/

/**
 * 1)
 */

.c-total-container {
    margin-top: 1rem;

    @media all and (min-width: $bp-small-2) {
        text-align: right;
    }
}

.c-total {
    display: flex;
    align-items: center;

    @media all and (min-width: $bp-small-2) {
        justify-content: flex-end;
    }
}

.c-total--no-break {
    justify-content: flex-start;

    @media all and (min-width: $bp-large) {
        justify-content: flex-end;
    }
}

.c-total__label {
    font-weight: bold;
    margin-right: 0.5rem;
    padding-bottom: 0;

    .c-total--no-break & {
        width: 5rem;

        @media all and (min-width: $bp-large) {
            width: auto;
        }
    }
}

.c-total__span {
    font-family: $font-family-secondary;
    font-size: $font-size-med-2;
    color: $color-brand-primary;

    .c-total--no-break & {
        margin-left: 2rem;

        @media all and (min-width: $bp-large) {
            margin-left: 0;
        }
    }
}