/**
 * @file
 * Minimal CSS needed for the panel layouts.
 */

/**
 * Clearfix
 */
.els-panel, .els-panels-row {
  *zoom: 1;
}
.els-panel:before, .els-panels-row:before,
.els-panel:after, .els-panels-row:after {
  content: ' ';
  display: table;
}
.els-panel:after, .els-panels-row:after {
  clear: both;
}

[class*="els-panels-col"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
}

/**
 * Setup widths.
 */
.els-panels-col-25 {
  width: 25%;
}
.els-panels-col-33 {
  width: 33.3333%;
}
.els-panels-col-50 {
  width: 50%;
}
.els-panels-col-50.is-centered {
  margin-left: -75%;
  margin-right: 25%;
}
.els-panels-col-66 {
  width: 66.6666%;
}
.els-panels-col-75 {
  width: 75%;
}

/**
 * Content first handling
 */
.els-panels-col-push-right {
  float: right;
}