/**
 * RSX Framework
 * Copyright 2015 Bell Canada
 * 
 * Applies borders to grid
 */

.rsx-col-border,
.rsx-col-border > [class^="col-"],
.rsx-col-border > [class*=" col-"],
.rsx-col-border > .rsx-col-border-item {
    border: 0 solid #e1e1e1;
}

.rsx-table.rsx-table_bordered > .rsx-table-row > .rsx-table-cell{
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.rsx-table.rsx-table_bordered > .rsx-table-row > .rsx-table-cell:first-child{
    border-left: none;
}

.rsx-table.rsx-table_bordered > .rsx-table-row:last-child > .rsx-table-cell{
    border-bottom: 0;
}


.rsx-col-border ~ .rsx-col-border {
    border-top-width: 1px;
}

.rsx-col-border_outline {
    border-right-width: 1px;
    border-left-width: 1px;
}

.rsx-col-border_outline:first-child {
    border-top-width: 1px;
}

.rsx-col-border_outline:last-child {
    border-bottom-width: 1px;
}


@media (max-width: 519px) {
    .rsx-col-border > [class^="col-"] ~ [class^="col-"],
    .rsx-col-border > [class*=" col-"] ~ [class*=" col-"],
    .rsx-col-border > .rsx-col-border-item ~ .rsx-col-border-item {
        border-top-width: 1px;
    }
}


@media (min-width: 520px) {
    .rsx-col-border > [class^="col-"],
    .rsx-col-border > [class*=" col-"],
    .rsx-col-border > .rsx-col-border-item {
        border-top-width: 1px;
        border-left-width: 1px;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-col-border > [class^="col-"]:nth-child(-n+2),
    .rsx-col-border > [class*=" col-"]:nth-child(-n+2),
    .rsx-col-border > .rsx-col-border-item:nth-child(-n+2) {
        border-top-width: 0;
    }

    .rsx-col-border-sm_col-1 > [class^="col-"]:not(:first-child),
    .rsx-col-border-sm_col-1 > [class*=" col-"]:not(:first-child),
    .rsx-col-border-sm_col-1 > .rsx-col:not(:first-child) {
        border-top-width: 1px;
    }

    /*.rsx-col-border > [class^="col-"]:nth-child(odd),
    .rsx-col-border > [class*=" col-"]:nth-child(odd),
    .rsx-col-border > .rsx-col-border-item:nth-child(odd),*/
    .rsx-col-border-sm_col-1 > [class^="col-"],
    .rsx-col-border-sm_col-1 > [class*=" col-"],
    .rsx-col-border-sm_col-1 > .rsx-col {
        border-left-width: 0;
    }
}




/**
 * Uncomment out a ruleset (3 selectors) to enable a row size as needed.
 */
@media (min-width: 1000px) {
    /* 4 columns (default) */
    .rsx-col-border > [class^="col-"]:nth-child(-n+4),
    .rsx-col-border > [class*=" col-"]:nth-child(-n+4),
    .rsx-col-border > .rsx-col-border-item:nth-child(4n+1)
    /* 2 columns *
    .rsx-col-border-md_col-2 > [class^="col-"]:nth-child(-n+2),
    .rsx-col-border-md_col-2 > [class*=" col-"]:nth-child(-n+2),
    .rsx-col-border-md_col-2 > .rsx-col-border-item:nth-child(-n+2),
    /* 3 columns */
    .rsx-col-border-md_col-3 > [class^="col-"]:nth-child(-n+3),
    .rsx-col-border-md_col-3 > [class*=" col-"]:nth-child(-n+3),
    .rsx-col-border-md_col-3 > .rsx-col-border-item:nth-child(-n+3),
    /* 4 columns */
    .rsx-col-border-md_col-4 > [class^="col-"]:nth-child(-n+4),
    .rsx-col-border-md_col-4 > [class*=" col-"]:nth-child(-n+4),
    .rsx-col-border-md_col-4 > .rsx-col-border-item:nth-child(-n+4)
    /* 6 columns *
    ,.rsx-col-border-md_col-6 > [class^="col-"]:nth-child(-n+6),
    .rsx-col-border-md_col-6 > [class*=" col-"]:nth-child(-n+6),
    .rsx-col-border-md_col-6 > .rsx-col-border-item:nth-child(-n+6),
    /* 12 columns *
    .rsx-col-border-md_col-12 > [class^="col-"]:nth-child(-n+12),
    .rsx-col-border-md_col-12 > [class*=" col-"]:nth-child(-n+12),
    .rsx-col-border-md_col-12 > .rsx-col-border-item:nth-child(-n+12)*/
    {
        border-top-width: 0;
    }

    /* 4 columns (default) */
    .rsx-col-border:not(.rsx-col-border-md_col-4) > [class^="col-"]:nth-child(4n+1),
    .rsx-col-border:not(.rsx-col-border-md_col-4) > [class*=" col-"]:nth-child(4n+1),
    .rsx-col-border:not(.rsx-col-border-md_col-4) > .rsx-col-border-item:nth-child(4n+1)
    /* 2 columnns *
    .rsx-col-border-md_col-2 > [class^="col-"]:nth-child(2n+1),
    .rsx-col-border-md_col-2 > [class*=" col-"]:nth-child(2n+1),
    .rsx-col-border-md_col-2 > .rsx-col-border-item:nth-child(2n+1)
    /* 3 columns */
    .rsx-col-border-md_col-3 > [class^="col-"]:nth-child(3n+1),
    .rsx-col-border-md_col-3 > [class*=" col-"]:nth-child(3n+1),
    .rsx-col-border-md_col-3 > .rsx-col-border-item:nth-child(3n+1),
    /* 4 columns */
    .rsx-col-border-md_col-4 > [class^="col-"]:nth-child(4n+1),
    .rsx-col-border-md_col-4 > [class*=" col-"]:nth-child(4n+1),
    .rsx-col-border-md_col-4 > .rsx-col-border-item:nth-child(4n+1)
    /* 6 columns *
    ,.rsx-col-border-md_col-6 > [class^="col-"]:nth-child(6n+1),
    .rsx-col-border-md_col-6 > [class*=" col-"]:nth-child(6n+1),
    .rsx-col-border-md_col-6 > .rsx-col-border-item:nth-child(6n+1),
    /* 12 columns *
    .rsx-col-border-md_col-12 > [class^="col-"]:nth-child(12n+1),
    .rsx-col-border-md_col-12 > [class*=" col-"]:nth-child(12n+1),
    .rsx-col-border-md_col-12 > .rsx-col-border-item:nth-child(12n+1)*/
    {
        border-left-width: 0;
    }
}


/*@media (min-width: 1240px) {
    /* 2 columns *
    .rsx-col-border-lg_col-2 > [class^="col-"]:nth-child(-n+2),
    .rsx-col-border-lg_col-2 > [class*=" col-"]:nth-child(-n+2),
    .rsx-col-border-lg_col-2 > .rsx-col-border-item:nth-child(-n+2),
    /* 3 columns *
    .rsx-col-border-lg_col-3 > [class^="col-"]:nth-child(-n+3),
    .rsx-col-border-lg_col-3 > [class*=" col-"]:nth-child(-n+3),
    .rsx-col-border-lg_col-3 > .rsx-col-border-item:nth-child(-n+3),
    /* 6 columns *
    .rsx-col-border-lg_col-6 > [class^="col-"]:nth-child(-n+6),
    .rsx-col-border-lg_col-6 > [class*=" col-"]:nth-child(-n+6),
    .rsx-col-border-lg_col-6 > .rsx-col-border-item:nth-child(-n+6),
    /* 12 columns *
    .rsx-col-border-lg_col-12 > [class^="col-"]:nth-child(-n+12),
    .rsx-col-border-lg_col-12 > [class*=" col-"]:nth-child(-n+12),
    .rsx-col-border-lg_col-12 > .rsx-col-border-item:nth-child(-n+12) {
        border-top-width: 0;
    }

    /* 2 columnns *
    .rsx-col-border-lg_col-2 > [class^="col-"]:nth-child(2n+1),
    .rsx-col-border-lg_col-2 > [class*=" col-"]:nth-child(2n+1),
    .rsx-col-border-lg_col-2 > .rsx-col-border-item:nth-child(2n+1),
    /* 3 columns*
    .rsx-col-border-lg_col-3 > [class^="col-"]:nth-child(3n+1),
    .rsx-col-border-lg_col-3 > [class*=" col-"]:nth-child(3n+1),
    .rsx-col-border-lg_col-3 > .rsx-col-border-item:nth-child(3n+1),
    /* 6 columns *
    .rsx-col-border-lg_col-6 > [class^="col-"]:nth-child(6n+1),
    .rsx-col-border-lg_col-6 > [class*=" col-"]:nth-child(6n+1),
    .rsx-col-border-lg_col-6 > .rsx-col-border-item:nth-child(6n+1),
    /* 12 columns *
    .rsx-col-border-lg_col-12 > [class^="col-"]:nth-child(12n+1),
    .rsx-col-border-lg_col-12 > [class*=" col-"]:nth-child(12n+1),
    .rsx-col-border-lg_col-12 > .rsx-col-border-item:nth-child(12n+1) {
        border-left-width: 0;
    }
}*/




/* horizontal or vertical */
.rsx-col-border_v[class*="rsx-col-border_v"] {
    border-right-width: 0;
    border-left-width: 0;
}

.rsx-col-border_h[class*="rsx-col-border_h"] {
    border-top-width: 0;
    border-bottom-width: 0;
}


@media (min-width: 520px) {
    .rsx-col-border_v > [class^="col-"],
    .rsx-col-border_v > [class*=" col-"],
    .rsx-col-border_v > .rsx-col-border-item {
        border-right-width: 0;
        border-left-width: 0;
    }

    .rsx-col-border_h > [class^="col-"],
    .rsx-col-border_h > [class*=" col-"],
    .rsx-col-border_h > .rsx-col-border-item {
        border-top-width: 0;
        border-bottom-width: 0;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-col-border_v-sm > [class^="col-"],
    .rsx-col-border_v-sm > [class*=" col-"],
    .rsx-col-border_v-sm > .rsx-col-border-item {
        border-right-width: 0;
        border-left-width: 0;
    }

    .rsx-col-border_h-sm > [class^="col-"],
    .rsx-col-border_h-sm > [class*=" col-"],
    .rsx-col-border_h-sm > .rsx-col-border-item {
        border-top-width: 0;
        border-bottom-width: 0;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-col-border_v-md > [class^="col-"],
    .rsx-col-border_v-md > [class*=" col-"],
    .rsx-col-border_v-md > .rsx-col-border-item {
        border-right-width: 0;
        border-left-width: 0;
    }

    .rsx-col-border_h-md > [class^="col-"],
    .rsx-col-border_h-md > [class*=" col-"],
    .rsx-col-border_h-md > .rsx-col-border-item {
        border-top-width: 0;
        border-bottom-width: 0;
    }
}


@media (min-width: 1240px) {
    .rsx-col-border_v-lg > [class^="col-"],
    .rsx-col-border_v-lg > [class*=" col-"],
    .rsx-col-border_v-lg > .rsx-col-border-item {
        border-right-width: 0;
        border-left-width: 0;
    }

    .rsx-col-border_h-lg > [class^="col-"],
    .rsx-col-border_h-lg > [class*=" col-"],
    .rsx-col-border_h-lg > .rsx-col-border-item {
        border-top-width: 0;
        border-bottom-width: 0;
    }
}




/* colors */
.rsx-border_blue,
.rsx-col-border_blue,
.rsx-col-border_blue > [class^="col-"],
.rsx-col-border_blue > [class*=" col-"],
.rsx-col-border_blue > .rsx-col-border-item {
    border-color: #003778;
}

.rsx-border_blue-dark,
.rsx-col-border_blue-dark,
.rsx-col-border_blue-dark > [class^="col-"],
.rsx-col-border_blue-dark > [class*=" col-"],
.rsx-col-border_blue-dark > .rsx-col-border-item {
    border-color: #0a2543;
}

.rsx-border_blue-fade,
.rsx-col-border_blue-fade,
.rsx-col-border_blue-fade > [class^="col-"],
.rsx-col-border_blue-fade > [class*=" col-"],
.rsx-col-border_blue-fade > .rsx-col-border-item {
    border-color: #578dbb;
}

.rsx-border_grey-light,
.rsx-col-border_grey-med,
.rsx-col-border_grey-med > [class^="col-"],
.rsx-col-border_grey-med > [class*=" col-"],
.rsx-col-border_grey-med > .rsx-col-border-item {
    border-color: #bebebe;
}
