/*******************************************************************************
 * threecol-r-stacked.layout.scss
 *
 * Styling of the "threecol-r-stacked" 3 column-stacked layout.
 ******************************************************************************/
@media (min-width: 321px) {
  /* line 11, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 14, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-first-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 18, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 21, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-last-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 24, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 600px) {
  /* line 30, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 33, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-first-r {
    width: 30.43478%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 37, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-r {
    width: 30.43478%;
    float: left;
    margin-right: -100%;
    margin-left: 34.78261%;
    clear: none;
  }
  /* line 40, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-last-r {
    width: 30.43478%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 43, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 960px) {
  /* line 49, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 52, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-first-r {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 56, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-r {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none;
  }
  /* line 59, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-last-r {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 62, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 1324px) {
  /* line 69, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 72, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-first-r {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 76, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-r {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none;
  }
  /* line 79, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-last-r {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 82, sass/layouts/threecol-r-stacked/threecol-r-stacked.scss */
  .panel-col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

/*# sourceMappingURL=threecol-r-stacked.css.map */