/*******************************************************************************
 * 3col-grid-stacked.layout.scss
 *
 * Styling of the "threecol-grid-stacked" 3 column-grid-stacked layout.
 ******************************************************************************/
@media (min-width: 436px) {
  /* line 11, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 14, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-1 {
    width: 30.43478%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 18, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-2 {
    width: 30.43478%;
    float: left;
    margin-right: -100%;
    margin-left: 34.78261%;
    clear: none;
  }
  /* line 21, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-3 {
    width: 30.43478%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 24, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-m {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 28, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-4 {
    width: 30.43478%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 32, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-5 {
    width: 30.43478%;
    float: left;
    margin-right: -100%;
    margin-left: 34.78261%;
    clear: none;
  }
  /* line 35, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-6 {
    width: 30.43478%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 39, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-m2 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 43, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-7 {
    width: 30.43478%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 47, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-8 {
    width: 30.43478%;
    float: left;
    margin-right: -100%;
    margin-left: 34.78261%;
    clear: none;
  }
  /* line 50, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-9 {
    width: 30.43478%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 54, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

@media (min-width: 960px) {
  /* line 62, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-col-top-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 65, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-1 {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 69, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-2 {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none;
  }
  /* line 72, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-3 {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 75, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-m {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 79, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-4 {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 83, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-5 {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none;
  }
  /* line 86, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-6 {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 89, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-m2 {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
  /* line 93, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-7 {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none;
    clear: both;
  }
  /* line 97, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-8 {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none;
  }
  /* line 100, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-3col-grid-9 {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
  /* line 103, sass/layouts/3-col-bricks/3-col-bricks.scss */
  .panel-col-bottom-r {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    clear: both;
  }
}

/*# sourceMappingURL=3-col-bricks.css.map */