/**
 * @lastmodified $Id: base_layout.css 4347 2013-12-12 15:46:36Z h.ruhs $
 * @since 3.6.3
 *
 * @package Frontend-Kit
 * @tableofcontents
 *
 * 1. ClearFix
 * 2. hideIf
 * 3. Grid
 *    3.1 Size
 */

/* @section 1. ClearFix */

.clearFix {clear:both}
.clearFix:after {content:'';display:block;height:0;clear:both}

/* IE7 - ClearFix */

.ie7 .clearFix {display:inline-block}

/* @section 2. hideIf */

.js .hideIfJS, .noJS .hideIfNoJS, .hidden {display:none}

/* @section 3. Grid */

.unit, .unitSpace {float:left}

/* Opera */

.unit:last-child, .unitSpace:last-child {float:right}

/* IE7 */

.ie7 .unitSpace:first-child {margin-right:-1px}

/* @section 3.1 Size */

.size1of1 {width:100%}

.size1of2, .size2of4, .size3of6, .size4of8 {width:50%}

.size1of3, .size2of6 {width:33.33%}
.size2of3, .size4of6 {width:66.66%}

.size1of4, .size2of8 {width:25%}
.size3of4, .size6of8 {width:75%}

.size1of5 {width:20%}
.size2of5 {width:40%}
.size3of5 {width:60%}
.size4of5 {width:80%}

.size1of6 {width:16.66%}
.size5of6 {width:83.33%}

.size1of7 {width:14.285%}
.size2of7 {width:28.571%}
.size3of7 {width:42.857%}
.size4of7 {width:57.142%}
.size5of7 {width:71.428%}
.size6of7 {width:85.714%}

.size1of8 {width:12.5%}
.size3of8 {width:37.5%}
.size5of8 {width:62.5%}
.size7of8 {width:87.5%}

.flex {
    display: flex;
}

.flexWrap {
    flex-wrap: wrap;
}