/**
 * @file
 * Styles for DE Bricks Kit.
 *
 * These styles are compatible with DE-built themes.
 */

.field--type-bricks .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 1.95312em;
  margin-left: -1em;
  margin-right: -1em; }

.de-layout__column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em; }

.de-layout__columns-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }

.de-layout__columns-2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media (min-width: 29em) {
    .de-layout__columns-2 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }

.de-layout__columns-3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media (min-width: 29em) {
    .de-layout__columns-3 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }
  @media (min-width: 38em) {
    .de-layout__columns-3 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 33.3333333%;
              flex: 1 1 33.3333333%; } }

.de-layout__columns-4 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media (min-width: 29em) {
    .de-layout__columns-4 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }
  @media (min-width: 56em) {
    .de-layout__columns-4 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 25%;
              flex: 1 1 25%; } }

.de-layout__columns-5 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media (min-width: 29em) {
    .de-layout__columns-5 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }
  @media (min-width: 38em) {
    .de-layout__columns-5 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 20%;
              flex: 1 1 20%; } }
  @media (min-width: 62em) {
    .de-layout__columns-5 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 20%;
              flex: 1 1 20%; } }
  .de-layout__columns-5:nth-last-child(-n+2) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
    @media (min-width: 29em) {
      .de-layout__columns-5:nth-last-child(-n+2) {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%; } }
    @media (min-width: 62em) {
      .de-layout__columns-5:nth-last-child(-n+2) {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 20%;
                flex: 1 1 20%; } }

.de-layout__columns-6 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media (min-width: 29em) {
    .de-layout__columns-6 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }
  @media (min-width: 38em) {
    .de-layout__columns-6 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 33.3333333%;
              flex: 1 1 33.3333333%; } }
  @media (min-width: 64em) {
    .de-layout__columns-6 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 16.6666666%;
              flex: 1 1 16.6666666%; } }

.de-layout__region--main .de-layout__columns-2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media (min-width: 29em) {
    .de-layout__region--main .de-layout__columns-2 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }
  @media (min-width: 38em) {
    .de-layout__region--main .de-layout__columns-2 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; } }
  @media (min-width: 48em) {
    .de-layout__region--main .de-layout__columns-2 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }

.de-layout__region--main .de-layout__columns-3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media (min-width: 29em) {
    .de-layout__region--main .de-layout__columns-3 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }
  @media (min-width: 38em) {
    .de-layout__region--main .de-layout__columns-3 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; } }
  @media (min-width: 48em) {
    .de-layout__region--main .de-layout__columns-3 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }
  @media (min-width: 56em) {
    .de-layout__region--main .de-layout__columns-3 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 33.3333333%;
              flex: 1 1 33.3333333%; } }

.de-layout__region--main .de-layout__columns-4,
.de-layout__region--main .de-layout__columns-5 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media (min-width: 29em) {
    .de-layout__region--main .de-layout__columns-4,
    .de-layout__region--main .de-layout__columns-5 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }
  @media (min-width: 38em) {
    .de-layout__region--main .de-layout__columns-4,
    .de-layout__region--main .de-layout__columns-5 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; } }
  @media (min-width: 48em) {
    .de-layout__region--main .de-layout__columns-4,
    .de-layout__region--main .de-layout__columns-5 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }

.de-layout__region--main .de-layout__columns-6 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }
  @media (min-width: 29em) {
    .de-layout__region--main .de-layout__columns-6 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }
  @media (min-width: 38em) {
    .de-layout__region--main .de-layout__columns-6 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%; } }
  @media (min-width: 48em) {
    .de-layout__region--main .de-layout__columns-6 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; } }
  @media (min-width: 56em) {
    .de-layout__region--main .de-layout__columns-6 {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 33.3333333%;
              flex: 1 1 33.3333333%; } }

.de-layout__region--sidebar .de-layout__columns-2,
.de-layout__region--sidebar .de-layout__columns-3,
.de-layout__region--sidebar .de-layout__columns-4,
.de-layout__region--sidebar .de-layout__columns-5,
.de-layout__region--sidebar .de-layout__columns-6 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }