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

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

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

.ds-2col-stacked-fluid > .group-right {
  float: right; /* LTR */
  width: 50%;
}

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

.ds-2col-stacked-fluid.group-one-column > .group-left,
.ds-2col-stacked-fluid.group-one-column > .group-right {
  float: none;
  width: 100%;
}

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