/**
 * @file
 * Styling for the ds-3col-stacked template.
 */

.ds-3col-stacked > .group-header {
  clear: both;
}

.ds-3col-stacked > .group-left {
  float: left; /* LTR */
  width: 25%;
}

[dir="rtl"] .ds-3col-stacked > .group-left {
  float: right;
}

.ds-3col-stacked > .group-middle {
  float: left; /* LTR */
  width: 50%;
}

[dir="rtl"] .ds-3col-stacked > .group-middle {
  float: right;
}

.ds-3col-stacked > .group-right {
  float: right; /* LTR */
  width: 25%;
}

[dir="rtl"] .ds-3col-stacked > .group-right {
  float: left;
}

.ds-3col-stacked > .group-footer {
  clear: both;
}
