/*******************************************************************************
 * 2-col-stacked.layout.scss
 *
 * Styling of the "2-Col-Stacked" 2 column stacked layout.
 ******************************************************************************/
@media (min-width: 0) and (max-width: 500px) {
  /* line 13, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .pane-home-buckets .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 16, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .pane-home-buckets .panel-col-first-l {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 21, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .pane-home-buckets .panel-col-last-rt {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 24, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .pane-home-buckets .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 436px) {
  /* line 32, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 35, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-first-l {
    width: 47.82609%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 40, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-last-rt {
    width: 47.82609%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 43, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 600px) {
  /* line 49, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 52, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-first-l {
    width: 47.82609%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 57, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-last-rt {
    width: 47.82609%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 60, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 960px) {
  /* line 67, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 70, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-first-l {
    width: 48.93617%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 75, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-last-rt {
    width: 48.93617%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 79, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 1324px) {
  /* line 87, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-top-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 90, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-first-l {
    width: 48.93617%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 95, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-last-rt {
    width: 48.93617%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 99, sass/layouts/2-col-stacked/2-col-stacked.scss */
  .panel-col-bottom-s {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

/*# sourceMappingURL=2-col-stacked.css.map */