/**
 * RSX Framework
 * Copyright 2015 Bell Canada
 * 
 * Flexbox implementation.
 */

.rsx-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.rsx-flex-no-wrap {
    -webkit-flex-flow: nowrap;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
}

@media (max-width: 519px) { 
    .rsx-flex-xs {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}


@media (min-width: 520px) and (max-width: 999px) {
    .rsx-flex-sm {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}


@media (min-width: 1000px) and (max-width: 1239px) {
    .rsx-flex-md {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}


@media (min-width: 1240px) {
    .rsx-flex-lg {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        
    }
}


.rsx-flex-align-v-center  {
    position: relative;
    -ms-align-content: center;
        -ms-flex-line-pack: center;
            -webkit-align-content: center;
            align-content: center;
    -ms-align-items: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}




/* IE10 specific */
.rsx-flex-align-v-center > * {
    -ms-flex: 0 1 auto;    
}




/* IE9 specific */
.no-flexbox .rsx-flex-align-v-center > *:first-child {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}