/*!
 * @file
 * Bootstrap-based grid structure.
 *
 * @see http://v4-alpha.getbootstrap.com/layout/overview/
 *
 * This is CSS compiled using SCSS. You should NOT edit this file directly!
 *
 * To override this file, include the following in your sub-theme's info.yml:

libraries-override:
  ypbbs/ypbbs:
    css:
      layout:
        css/grid.css: path/to/my/grid.css

 *
 * @source ypbbs/scss/grid.scss
 *
 * @author Anna Kalata (anna@annakalata.com)
 * @date 10/18/2016
 */
@media screen {
  .bs-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }

  .bs-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem; }

  .layout-content,
  .layout-sidebar-primary,
  .layout-sidebar-secondary {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    width: 100%; } }
@media screen and (max-width: 991px) {
  .layout-content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1; }

  .layout-sidebar-secondary {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2; }

  .layout-sidebar-primary {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3; } }
@media screen and (min-width: 992px) {
  .layout-sidebar-first .layout-content {
    flex: 0 0 75%;
    max-width: 75%;
    left: 25%; } }
@media screen and (min-width: 1200px) {
  .layout-sidebar-first .layout-content {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    left: 16.6666666667%; } }
@media screen {
  .layout-sidebar-first .layout-sidebar-primary {
    overflow: hidden; } }
  @media screen and (min-width: 992px) {
    .layout-sidebar-first .layout-sidebar-primary {
      flex: 0 0 25%;
      max-width: 25%;
      right: 75%; } }
  @media screen and (min-width: 1200px) {
    .layout-sidebar-first .layout-sidebar-primary {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%;
      right: 83.3333333333%; } }

@media screen and (min-width: 992px) {
  .layout-sidebar-second .layout-content {
    flex: 0 0 75%;
    max-width: 75%; } }
@media screen and (min-width: 1200px) {
  .layout-sidebar-second .layout-content {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; } }
@media screen and (min-width: 992px) {
  .layout-sidebar-second .layout-sidebar-secondary {
    flex: 0 0 25%;
    max-width: 25%; } }
@media screen and (min-width: 1200px) {
  .layout-sidebar-second .layout-sidebar-secondary {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; } }
@media screen and (min-width: 992px) {
  .layout-sidebar-second.path-blog .layout-content, .layout-sidebar-second.page-node-type-blog .layout-content, .layout-sidebar-second.path-taxonomy .layout-content {
    flex: 0 0 75%;
    max-width: 75%; } }
@media screen and (min-width: 1200px) {
  .layout-sidebar-second.path-blog .layout-sidebar-secondary, .layout-sidebar-second.page-node-type-blog .layout-sidebar-secondary, .layout-sidebar-second.path-taxonomy .layout-sidebar-secondary {
    flex: 0 0 25%;
    max-width: 25%; } }

@media screen and (min-width: 992px) {
  .layout-two-sidebars .layout-content {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    left: 16.6666666667%; } }
@media screen and (min-width: 992px) {
  .layout-two-sidebars .layout-sidebar-primary {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    right: 66.6666666667%; } }
@media screen and (min-width: 992px) {
  .layout-two-sidebars .layout-sidebar-secondary {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; } }

@media screen {
  body {
    height: 100%; }

  .layout-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

  .layout-container-inner {
    -webkit-box-flex: 1 0 auto;
    -moz-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; } }

/*# sourceMappingURL=grid.css.map */