//
// Those little tricks to make elastic elements with Foundation and more
//
// Alignment addons
.pull-left{
    float:none;
    @media (min-width: $topBarBreakPoint) {
        float:left;
    }
}
.pull-right{
    float:none;
    @media (min-width: $topBarBreakPoint) {
        float:right;
    }
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}

// Grid addons
.force-clearfix{
    @include clearfix;
}

.row-fluid{
    width: 100%;
    max-width: 100%;
    @extend %clearfix;
    padding: 0 ($columnGutter/2);
}
        
.row.content{
    width: $rowWidth;
    max-width: 100%;
    margin: 0 auto;
    padding: ($columnGutter/2) 0;
}

.columns.unpadded{
    padding: 0;
}