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

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

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

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

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

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

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