/**
 * RSX Framework
 * Copyright 2015 Bell Canada
 * 
 * Background image helper classes.
 *
 *
 * Contents:
 *  1. Alignment
 *  2. Font Weight
 *  3. Line Height
 *  4. Colors
 *  5. Wrapping
 *  6. Font Size
 *  7. Misc Styling
 */

/* 1. Alignment */
.rsx-txt-left {
    text-align: left !important;
}

.rsx-txt-center {
    text-align: center !important;
}

.rsx-txt-right {
    text-align: right !important;
}


@media (max-width: 519px) {
    .rsx-txt-left-xs {
        text-align: left !important;
    }

    .rsx-txt-center-xs {
        text-align: center !important;
    }

    .rsx-txt-right-xs {
        text-align: right !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-txt-left-sm {
        text-align: left !important;
    }

    .rsx-txt-center-sm {
        text-align: center !important;
    }

    .rsx-txt-right-sm {
        text-align: right !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-txt-left-md {
        text-align: left !important;
    }

    .rsx-txt-center-md {
        text-align: center !important;
    }

    .rsx-txt-right-md {
        text-align: right !important;
    }
}


@media (min-width: 1240px) {
    .rsx-txt-left-lg {
        text-align: left !important;
    }

    .rsx-txt-center-lg {
        text-align: center !important;
    }

    .rsx-txt-right-lg {
        text-align: right !important;
    }
}




/* 2. Font Weight */
.rsx-txt-light {
    font-weight: 200 !important;
}

.rsx-txt-normal {
    font-weight: 400 !important;
}

.rsx-txt-bold {
    font-weight: 700 !important;
}


@media (max-width: 519px) {
    .rsx-txt-light-xs {
        font-weight: 200 !important;
    }

    .rsx-txt-normal-xs {
        font-weight: 400 !important;
    }

    .rsx-txt-bold-xs {
        font-weight: 700 !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-txt-light-sm {
        font-weight: 200 !important;
    }

    .rsx-txt-normal-sm {
        font-weight: 400 !important;
    }

    .rsx-txt-bold-sm {
        font-weight: 700 !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-txt-light-md {
        font-weight: 200 !important;
    }

    .rsx-txt-normal-md {
        font-weight: 400 !important;
    }

    .rsx-txt-bold-md {
        font-weight: 700 !important;
    }
}


@media (min-width: 1240px) {
    .rsx-txt-light-lg {
        font-weight: 200 !important;
    }

    .rsx-txt-normal-lg {
        font-weight: 400 !important;
    }

    .rsx-txt-bold-lg {
        font-weight: 700 !important;
    }
}




/* 3. Line Height */

.rsx-txt-height-auto {
    line-height: inherit !important;
}

.rsx-txt-height-normal {
    line-height: 1 !important;
}

.rsx-txt-height-large {
    line-height: 1.2 !important;
}

.rsx-txt-height-xlarge {
    line-height: 1.3 !important;
}

.rsx-line-height-1 {
    line-height: 1px !important;
}


@media (max-width: 519px) {
    .rsx-txt-height-normal-xs {
        line-height: 1 !important;
    }

    .rsx-txt-height-large-xs {
        line-height: 1.2 !important;
    }

    .rsx-txt-height-xlarge-xs {
        line-height: 1.3 !important;
    }

    .rsx-line-height-1-xs {
        line-height: 1px !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-txt-height-normal-sm {
        line-height: 1 !important;
    }

    .rsx-txt-height-large-sm {
        line-height: 1.2 !important;
    }

    .rsx-txt-height-xlarge-sm {
        line-height: 1.3 !important;
    }

    .rsx-line-height-1-sm {
        line-height: 1px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-txt-height-normal-md {
        line-height: 1 !important;
    }

    .rsx-txt-height-large-md {
        line-height: 1.2 !important;
    }

    .rsx-txt-height-xlarge-md {
        line-height: 1.3 !important;
    }

    .rsx-line-height-1-md {
        line-height: 1px !important;
    }
}


@media (min-width: 1240px) {
    .rsx-txt-height-normal-lg {
        line-height: 1 !important;
    }

    .rsx-txt-height-large-lg {
        line-height: 1.2 !important;
    }

    .rsx-txt-height-xlarge-lg {
        line-height: 1.3 !important;
    }

    .rsx-line-height-1-lg {
        line-height: 1px !important;
    }
}




/* 4. Colors */
.rsx-txt-default-color,
.rsx-txt-default-color * {
    color: #555;
}

a.rsx-txt-default-color,
.rsx-txt-default-color a,
.rsx-txt {
    color: #00549a;
}

.rsx-txt-default-color .rsx-price,
.rsx-txt-default-color .rsx-price sup {
    color: #0066a4;
}

h1.rsx-txt-default-color, .rsx-txt-default-color h1,
.rsx-h1.rsx-txt-default-color, .rsx-txt-default-color .rsx-h1,
h2.rsx-txt-default-color, .rsx-txt-default-color h2,
.rsx-h2.rsx-txt-default-color, .rsx-txt-default-color .rsx-h2,
h3.rsx-txt-default-color, .rsx-txt-default-color h3,
.rsx-h3.rsx-txt-default-color, .rsx-txt-default-color .rsx-h3,
h4.rsx-txt-default-color, .rsx-txt-default-color h4,
.rsx-h4.rsx-txt-default-color, .rsx-txt-default-color .rsx-h4,
h5.rsx-txt-default-color, .rsx-txt-default-color h5,
.rsx-h5.rsx-txt-default-color, .rsx-txt-default-color .rsx-h5,
h6.rsx-txt-default-color, .rsx-txt-default-color h6,
.rsx-h6.rsx-txt-default-color, .rsx-txt-default-color .rsx-h6 {
    color: #333;
}

.rsx-txt-white {
    color: #fff !important;
}

.rsx-txt-grey-light {
    color: #ccc !important;
}

.rsx-txt-grey-dark {
    color: #555 !important;
}

.rsx-txt-grey-darker {
    color: #333 !important;
}

.rsx-txt-black {
    color: #111 !important;
}

.rsx-txt-blue {
    color: #00549a !important;
}

.rsx-txt-light-blue{
    color:#c1dbfe !important
}

.rsx-txt-off-blue {
    color: #c2cedf !important;
}

.rsx-txt-red {
    color: #BD2025 !important;
}

.rsx-txt-error,
.rsx-txt-burgundy {
    color: #BD2025 !important;
}

.rsx-txt-success,
.rsx-txt-green {
    color: #378e42 !important;
}

.rsx-txt-warning,
.rsx-txt-yellow {
    color: #dfa32a !important;
}



@media (max-width: 519px) {
    .rsx-txt-default-color-xs {
        color: #555;
    }

    a.rsx-txt-default-color-xs,
    .rsx-txt-default-color-xs a {
        color: #00549a;
    }

    h1.rsx-txt-default-color-xs, .rsx-txt-default-color-xs h1,
    .rsx-h1.rsx-txt-default-color-xs, .rsx-txt-default-color-xs .rsx-h1,
    h2.rsx-txt-default-color-xs, .rsx-txt-default-color-xs h2,
    .rsx-h2.rsx-txt-default-color-xs, .rsx-txt-default-color-xs .rsx-h2,
    h3.rsx-txt-default-color-xs, .rsx-txt-default-color-xs h3,
    .rsx-h3.rsx-txt-default-color-xs, .rsx-txt-default-color-xs .rsx-h3,
    h4.rsx-txt-default-color-xs, .rsx-txt-default-color-xs h4,
    .rsx-h4.rsx-txt-default-color-xs, .rsx-txt-default-color-xs .rsx-h4,
    h5.rsx-txt-default-color-xs, .rsx-txt-default-color-xs h5,
    .rsx-h5.rsx-txt-default-color-xs, .rsx-txt-default-color-xs .rsx-h5,
    h6.rsx-txt-default-color-xs, .rsx-txt-default-color-xs h6,
    .rsx-h6.rsx-txt-default-color-xs, .rsx-txt-default-color-xs .rsx-h6 {
        color: #333;
    }

    .rsx-txt-white-xs {
        color: #fff !important;
    }

    .rsx-txt-grey-dark-xs {
        color: #555 !important;
    }

    .rsx-txt-grey-darker-xs {
        color: #333 !important;
    }

    .rsx-txt-black-xs {
        color: #000 !important;
    }

    .rsx-txt-blue-xs {
        color: #00549a !important;
    }
    
    .rsx-txt-light-blue-xs{
        color:#c1dbfe !important
    }

    .rsx-txt-red-xs {
        color: #BD2025 !important;
    }

    .rsx-txt-burgundy-xs {
        color: #CC0000 !important;
    }

    .rsx-txt-green-xs {
        color: #378e42 !important;
    }

    .rsx-txt-yellow-xs {
        color: #dfa32a !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-txt-default-color-sm {
        color: #555;
    }

    a.rsx-txt-default-color-sm,
    .rsx-txt-default-color-sm a {
        color: #00549a;
    }

    h1.rsx-txt-default-color-sm, .rsx-txt-default-color-sm h1,
    .rsx-h1.rsx-txt-default-color-sm, .rsx-txt-default-color-sm .rsx-h1,
    h2.rsx-txt-default-color-sm, .rsx-txt-default-color-sm h2,
    .rsx-h2.rsx-txt-default-color-sm, .rsx-txt-default-color-sm .rsx-h2,
    h3.rsx-txt-default-color-sm, .rsx-txt-default-color-sm h3,
    .rsx-h3.rsx-txt-default-color-sm, .rsx-txt-default-color-sm .rsx-h3,
    h4.rsx-txt-default-color-sm, .rsx-txt-default-color-sm h4,
    .rsx-h4.rsx-txt-default-color-sm, .rsx-txt-default-color-sm .rsx-h4,
    h5.rsx-txt-default-color-sm, .rsx-txt-default-color-sm h5,
    .rsx-h5.rsx-txt-default-color-sm, .rsx-txt-default-color-sm .rsx-h5,
    h6.rsx-txt-default-color-sm, .rsx-txt-default-color-sm h6,
    .rsx-h6.rsx-txt-default-color-sm, .rsx-txt-default-color-sm .rsx-h6 {
        color: #333;
    }

    .rsx-txt-white-sm {
        color: #fff !important;
    }

    .rsx-txt-grey-dark-sm {
        color: #555 !important;
    }

    .rsx-txt-grey-darker-sm {
        color: #333 !important;
    }

    .rsx-txt-black-sm {
        color: #000 !important;
    }

    .rsx-txt-blue-sm {
        color: #00549a !important;
    }

    .rsx-txt-light-blue-sm{
        color:#c1dbfe !important
    }

    .rsx-txt-red-sm {
        color: #BD2025 !important;
    }

    .rsx-txt-burgundy-sm {
        color: #CC0000 !important;
    }

    .rsx-txt-green-sm {
        color: #378e42 !important;
    }

    .rsx-txt-yellow-sm {
        color: #dfa32a !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-txt-default-color-md {
        color: #555;
    }

    a.rsx-txt-default-color-md,
    .rsx-txt-default-color-md a {
        color: #00549a;
    }

    h1.rsx-txt-default-color-md, .rsx-txt-default-color-md h1,
    .rsx-h1.rsx-txt-default-color-md, .rsx-txt-default-color-md .rsx-h1,
    h2.rsx-txt-default-color-md, .rsx-txt-default-color-md h2,
    .rsx-h2.rsx-txt-default-color-md, .rsx-txt-default-color-md .rsx-h2,
    h3.rsx-txt-default-color-md, .rsx-txt-default-color-md h3,
    .rsx-h3.rsx-txt-default-color-md, .rsx-txt-default-color-md .rsx-h3,
    h4.rsx-txt-default-color-md, .rsx-txt-default-color-md h4,
    .rsx-h4.rsx-txt-default-color-md, .rsx-txt-default-color-md .rsx-h4,
    h5.rsx-txt-default-color-md, .rsx-txt-default-color-md h5,
    .rsx-h5.rsx-txt-default-color-md, .rsx-txt-default-color-md .rsx-h5,
    h6.rsx-txt-default-color-md, .rsx-txt-default-color-md h6,
    .rsx-h6.rsx-txt-default-color-md, .rsx-txt-default-color-md .rsx-h6 {
        color: #333;
    }

    .rsx-txt-white-md {
        color: #fff !important;
    }

    .rsx-txt-grey-dark-md {
        color: #555 !important;
    }

    .rsx-txt-grey-darker-md {
        color: #333 !important;
    }

    .rsx-txt-black-md {
        color: #000 !important;
    }

    .rsx-txt-blue-md {
        color: #00549a !important;
    }

    .rsx-txt-light-blue-md{
        color:#c1dbfe !important
    }

    .rsx-txt-red-md {
        color: #BD2025 !important;
    }

    .rsx-txt-burgundy-md {
        color: #CC0000 !important;
    }

    .rsx-txt-green-md {
        color: #378e42 !important;
    }

    .rsx-txt-yellow-md {
        color: #dfa32a !important;
    }
}


@media (min-width: 1240px) {
    .rsx-txt-default-color-lg {
        color: #555;
    }

    a.rsx-txt-default-color-lg,
    .rsx-txt-default-color-lg a {
        color: #00549a;
    }

    h1.rsx-txt-default-color-lg, .rsx-txt-default-color-lg h1,
    .rsx-h1.rsx-txt-default-color-lg, .rsx-txt-default-color-lg .rsx-h1,
    h2.rsx-txt-default-color-lg, .rsx-txt-default-color-lg h2,
    .rsx-h2.rsx-txt-default-color-lg, .rsx-txt-default-color-lg .rsx-h2,
    h3.rsx-txt-default-color-lg, .rsx-txt-default-color-lg h3,
    .rsx-h3.rsx-txt-default-color-lg, .rsx-txt-default-color-lg .rsx-h3,
    h4.rsx-txt-default-color-lg, .rsx-txt-default-color-lg h4,
    .rsx-h4.rsx-txt-default-color-lg, .rsx-txt-default-color-lg .rsx-h4,
    h5.rsx-txt-default-color-lg, .rsx-txt-default-color-lg h5,
    .rsx-h5.rsx-txt-default-color-lg, .rsx-txt-default-color-lg .rsx-h5,
    h6.rsx-txt-default-color-lg, .rsx-txt-default-color-lg h6,
    .rsx-h6.rsx-txt-default-color-lg, .rsx-txt-default-color-lg .rsx-h6 {
        color: #333;
    }

    .rsx-txt-white-lg {
        color: #fff !important;
    }

    .rsx-txt-grey-dark-lg {
        color: #555 !important;
    }

    .rsx-txt-grey-darker-lg {
        color: #333 !important;
    }

    .rsx-txt-black-lg {
        color: #000 !important;
    }

    .rsx-txt-blue-lg {
        color: #003778 !important;
    }

    .rsx-txt-light-blue-lg{
        color:#c1dbfe !important
    }

    .rsx-txt-red-lg {
        color: #BD2025 !important;
    }

    .rsx-txt-burgundy-lg {
        color: #CC0000 !important;
    }

    .rsx-txt-green-lg {
        color: #378e42 !important;
    }

    .rsx-txt-yellow-lg {
        color: #dfa32a !important;
    }
}




/* 5. Wrapping */
.rsx-no-wrap {
    white-space: nowrap !important;
}

.rsx-wrap {
    white-space: normal !important;
}

.rsx-break-words {
    word-break: break-all !important;
}

.rsx-ellipsis {
    text-overflow: ellipsis;
    overflow:hidden;
}

@media (max-width: 519px) {
    .rsx-no-wrap-xs {
        white-space: nowrap !important;
    }

    .rsx-break-words-xs {
        word-break: break-all !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-no-wrap-sm {
        white-space: nowrap !important;
    }

    .rsx-break-words-sm {
        word-break: break-all !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-no-wrap-md {
        white-space: nowrap !important;
    }

    .rsx-break-words-md {
        word-break: break-all !important;
    }
}


@media (min-width: 1240px) {
    .rsx-no-wrap-lg {
        white-space: nowrap !important;
    }

    .rsx-break-words-lg {
        word-break: break-all !important;
    }
}




/* 7. Font Size */
.rsx-txt-size-12 {
    font-size: 12px !important;
}

.rsx-txt-size-15 {
    font-size: 15px !important;
}

.rsx-txt-size-16 {
    font-size: 16px !important;
}

.rsx-txt-size-18 {
    font-size: 18px !important;
}

.rsx-txt-size-20 {
    font-size: 20px !important;
}

.rsx-txt-size-22 {
    font-size: 22px !important;
}

.rsx-txt-size-23 {
    font-size: 23px !important;
}

.rsx-txt-size-24 {
    font-size: 24px !important;
}

.rsx-txt-size-25 {
    font-size: 25px !important;
}

.rsx-txt-size-28 {
    font-size: 28px !important;
}

.rsx-txt-size-30 {
    font-size: 30px !important;
}

.rsx-txt-size-32 {
    font-size: 32px !important;
}

.rsx-txt-size-42 {
    font-size: 42px !important;
}

.rsx-txt-size-40 {
    font-size: 40px !important;
}

.rsx-txt-size-normal {
    font-size: 14px !important;
}


@media (max-width: 519px) {
    .rsx-txt-size-9-xs {
        font-size: 9px !important;
    }

    .rsx-txt-size-12-xs {
        font-size: 12px !important;
    }

    .rsx-txt-size-15-xs {
        font-size: 15px !important;
    }

    .rsx-txt-size-16-xs {
        font-size: 16px !important;
    }

    .rsx-txt-size-18-xs {
        font-size: 18px !important;
    }

    .rsx-txt-size-22-xs {
        font-size: 22px !important;
    }

    .rsx-txt-size-28-xs {
        font-size: 28px !important;
    }

    .rsx-txt-size-30-xs {
        font-size: 30px !important;
    }

    .rsx-txt-size-32-xs {
        font-size: 32px !important;
    }

    .rsx-txt-size-42-xs {
        font-size: 42px !important;
    }

    .rsx-txt-size-normal-xs {
        font-size: 14px !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-txt-size-12-sm {
        font-size: 12px !important;
    }

    .rsx-txt-size-15-sm {
        font-size: 15px !important;
    }

    .rsx-txt-size-16-sm {
        font-size: 16px !important;
    }

    .rsx-txt-size-18-sm {
        font-size: 18px !important;
    }

    .rsx-txt-size-22-sm {
        font-size: 22px !important;
    }

    .rsx-txt-size-28-sm {
        font-size: 28px !important;
    }

    .rsx-txt-size-30-sm {
        font-size: 30px !important;
    }

    .rsx-txt-size-32-sm {
        font-size: 32px !important;
    }

    .rsx-txt-size-42-sm {
        font-size: 42px !important;
    }

    .rsx-txt-size-normal-sm {
        font-size: 14px !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-txt-size-12-md {
        font-size: 12px !important;
    }

    .rsx-txt-size-15-md {
        font-size: 15px !important;
    }

    .rsx-txt-size-16-md {
        font-size: 16px !important;
    }

    .rsx-txt-size-18-md {
        font-size: 18px !important;
    }

    .rsx-txt-size-22-md {
        font-size: 22px !important;
    }

    .rsx-txt-size-28-md {
        font-size: 28px !important;
    }

    .rsx-txt-size-30-md {
        font-size: 30px !important;
    }

    .rsx-txt-size-32-md {
        font-size: 32px !important;
    }

    .rsx-txt-size-42-md {
        font-size: 42px !important;
    }

    .rsx-txt-size-normal-md {
        font-size: 14px !important;
    }
}


@media (min-width: 1240px) {
    .rsx-txt-size-12-lg {
        font-size: 12px !important;
    }

    .rsx-txt-size-15-lg {
        font-size: 15px !important;
    }

    .rsx-txt-size-16-lg {
        font-size: 16px !important;
    }

    .rsx-txt-size-18-lg {
        font-size: 18px !important;
    }

    .rsx-txt-size-22-lg {
        font-size: 22px !important;
    }

    .rsx-txt-size-28-lg {
        font-size: 28px !important;
    }

    .rsx-txt-size-30-lg {
        font-size: 30px !important;
    }

    .rsx-txt-size-32-lg {
        font-size: 32px !important;
    }

    .rsx-txt-size-42-lg {
        font-size: 42px !important;
    }

    .rsx-txt-size-normal-lg {
        font-size: 14px !important;
    }
}




/* 8. Misc Styling */
.rsx-txt-uppercase {
    text-transform: uppercase !important;
}

.rsx-txt-lowercase {
    text-transform: lowercase !important;
}

.rsx-txt-underline {
    text-decoration: underline !important;
}

.rsx-txt-underline-hover:hover {
    text-decoration: underline !important;
}

.rsx-txt-no-underline {
    text-decoration: none !important;
}

.rsx-txt-no-underline-hover:hover {
    text-decoration: none !important;
}

.rsx-txt-bell-slim {
    font-family: 'bell-slim', Helvetica, Arial, sans-serif !important;
}


@media (max-width: 519px) {
    .rsx-txt-uppercase-xs {
        text-transform: uppercase !important;
    }

    .rsx-txt-lowercase-xs {
        text-transform: lowercase !important;
    }

    .rsx-txt-underline-xs {
        text-decoration: underline !important;
    }

    .rsx-txt-underline-hover-xs:hover {
        text-decoration: underline !important;
    }

    .rsx-txt-no-underline-xs {
        text-decoration: none !important;
    }

    .rsx-txt-no-underline-hover-xs:hover {
        text-decoration: none !important;
    }

    .rsx-txt-bell-slim-xs {
        font-family: 'bell-slim', Helvetica, Arial, sans-serif !important;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-txt-uppercase-sm {
        text-transform: uppercase !important;
    }

    .rsx-txt-lowercase-sm {
        text-transform: lowercase !important;
    }

    .rsx-txt-underline-sm {
        text-decoration: underline !important;
    }

    .rsx-txt-underline-hover-sm:hover {
        text-decoration: underline !important;
    }

    .rsx-txt-no-underline-sm {
        text-decoration: none !important;
    }

    .rsx-txt-no-underline-hover-sm:hover {
        text-decoration: none !important;
    }

    .rsx-txt-bell-slim-sm {
        font-family: 'bell-slim', Helvetica, Arial, sans-serif !important;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-txt-uppercase-md {
        text-transform: uppercase !important;
    }

    .rsx-txt-lowercase-md {
        text-transform: lowercase !important;
    }

    .rsx-txt-underline-md {
        text-decoration: underline !important;
    }

    .rsx-txt-underline-hover-md:hover {
        text-decoration: underline !important;
    }

    .rsx-txt-no-underline-md {
        text-decoration: none !important;
    }

    .rsx-txt-no-underline-hover-md:hover {
        text-decoration: none !important;
    }

    .rsx-txt-bell-slim-md {
        font-family: 'bell-slim', Helvetica, Arial, sans-serif !important;
    }
}


@media (min-width: 1240px) {
    .rsx-txt-uppercase-lg {
        text-transform: uppercase !important;
    }

    .rsx-txt-lowercase-lg {
        text-transform: lowercase !important;
    }

    .rsx-txt-underline-lg {
        text-decoration: underline !important;
    }

    .rsx-txt-underline-hover-lg:hover {
        text-decoration: underline !important;
    }

    .rsx-txt-no-underline-lg {
        text-decoration: none !important;
    }

    .rsx-txt-no-underline-hover-lg:hover {
        text-decoration: none !important;
    }

    .rsx-txt-bell-slim-lg {
        font-family: 'bell-slim', Helvetica, Arial, sans-serif !important;
    }
}


/* Misc */

.rsx-cursor-default {
    cursor: default!important;
}

.rsx-cursor-hand,
.rsx-cursor-pointer {
    cursor: pointer!important;
}