$text-color: #FF0000;

label, text, textentry, i
{
    font-family: $main-font;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 4px 4px rgba( black, 0.25 );

    &.uppercase 
    {
        text-transform: uppercase;
    }

    &.no-shadow
    {
        text-shadow: none;
    }

    &.small
    {
        font-size: 16px;
    }

    .grow
    {
        flex-grow: 1;
    }

    &.slight
    {
        color: rgb(190, 190, 190);
        text-shadow: 0 4px 4px rgba( black, 0.50 );
    }

    &.emphasis
    {
        font-size: 21px;
        font-weight: bold;
    }

    &.important
    {
        font-size: 26px;
        font-weight: bold;
    }

    &.vital
    {
        font-size: 32px;
        font-weight: bold;
    }

    &.huge
    {
        font-size: 42px;
        font-weight: bold;
    }

    &.blue
    {
        color: $blue;
    }

    &.red
    {
        color: $red;
    }

    &.green
    {
        color: $green;
    }

    &.yellow
    {
        color: $yellow;
    }

    &.white
    {
        color: white;
    }

    &.grey
    {
        opacity: 0.5;
    }

    &.text-center
    {
        text-align: center;
    }

    &.icon
    {
        text-transform: lowercase;
        font-family: 'Material Icons';
    }
}

i, icon, icon label
{
    text-transform: lowercase;
    font-family: Material Icons;
}