/* -- Content Grid Styles (12 cols) -- */

.content .row,
.content .col {
    display: block;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
.content .row:after,
.content .col:after {
    content: "";
    display: block;
    margin: 0 auto;
    height: 0;
    clear: both;
}
.content .row {
    width: 100%;
    padding: 0;
    float: none;
    clear: both;
}
.content .col {
    width: 100%;
    float: left;
}

.content .col.lv0  { display: none; }
.content .col.lv1  { width:   8.3333%; width: calc((100% / 12) *  1); }
.content .col.lv2  { width:  16.6666%; width: calc((100% / 12) *  2); }
.content .col.lv3  { width:  25.0000%; width: calc((100% / 12) *  3); }
.content .col.lv4  { width:  33.3333%; width: calc((100% / 12) *  4); }
.content .col.lv5  { width:  41.6666%; width: calc((100% / 12) *  5); }
.content .col.lv6  { width:  50.0000%; width: calc((100% / 12) *  6); }
.content .col.lv7  { width:  58.3333%; width: calc((100% / 12) *  7); }
.content .col.lv8  { width:  66.6666%; width: calc((100% / 12) *  8); }
.content .col.lv9  { width:  75.0000%; width: calc((100% / 12) *  9); }
.content .col.lv10 { width:  83.3333%; width: calc((100% / 12) * 10); }
.content .col.lv11 { width:  91.6666%; width: calc((100% / 12) * 11); }
.content .col.lv12 { width: 100.0000%; width: calc((100% / 12) * 12); }

.content_editor .row { border: 1px dotted #CACACA; }
.content_editor .col { border: 1px dotted #DEDEDE; }