/**
 * @file
 * CSS for WYSIWYG Flexigrid.
 */

wysiwyg-flexigrid-cell {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1
}

wysiwyg-flexigrid-cell:empty {
    display: none;
  }

wysiwyg-flexigrid-cell > *:first-child {
    margin-top: 0 !important;
  }

wysiwyg-flexigrid {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 1em 0
}

wysiwyg-flexigrid[data-allow-grow="true"] > wysiwyg-flexigrid-cell {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

wysiwyg-flexigrid[data-allow-wrap="true"] {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

wysiwyg-flexigrid[data-allow-wrap="false"] {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }

wysiwyg-flexigrid[data-cell-padding="0"] > wysiwyg-flexigrid-cell {
      padding: 0;
    }

@supports (display: flex) {

wysiwyg-flexigrid[data-cell-padding="0.25"] {
      margin-left: -0.25rem;
      margin-right: -0.25rem
  }
    }

@supports (display: flex) {

wysiwyg-flexigrid[data-cell-padding="0.25"] > wysiwyg-flexigrid-cell {
        padding: 0 0.25rem
    }
      }

@supports (display: flex) {

wysiwyg-flexigrid[data-cell-padding="0.5"] {
      margin-left: -0.5rem;
      margin-right: -0.5rem
  }
    }

@supports (display: flex) {

wysiwyg-flexigrid[data-cell-padding="0.5"] > wysiwyg-flexigrid-cell {
        padding: 0 0.5rem
    }
      }

@supports (display: flex) {

wysiwyg-flexigrid[data-cell-padding="1"] {
      margin-left: -1rem;
      margin-right: -1rem
  }
    }

@supports (display: flex) {

wysiwyg-flexigrid[data-cell-padding="1"] > wysiwyg-flexigrid-cell {
        padding: 0 1rem
    }
      }

@supports (display: flex) {

wysiwyg-flexigrid[data-cell-padding="2"] {
      margin-left: -2rem;
      margin-right: -2rem
  }
    }

@supports (display: flex) {

wysiwyg-flexigrid[data-cell-padding="2"] > wysiwyg-flexigrid-cell {
        padding: 0 2rem
    }
      }

@media screen and (max-width: 767px) {
    wysiwyg-flexigrid[data-elements-desktop="fit"] > wysiwyg-flexigrid-cell {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto;
    }
    wysiwyg-flexigrid[data-elements-mobile="1"] > wysiwyg-flexigrid-cell {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      width: 100% !important;
    }
    wysiwyg-flexigrid[data-elements-mobile="2"] > wysiwyg-flexigrid-cell {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      width: 50% !important;
    }
}

@media screen and (min-width: 768px) {
    wysiwyg-flexigrid[data-elements-desktop="fit"] > wysiwyg-flexigrid-cell {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto;
    }
    wysiwyg-flexigrid[data-elements-desktop="1"] > wysiwyg-flexigrid-cell {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      width: 100% !important;
    }
    wysiwyg-flexigrid[data-elements-desktop="2"] > wysiwyg-flexigrid-cell {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      width: 50% !important;
    }
    wysiwyg-flexigrid[data-elements-desktop="3"] > wysiwyg-flexigrid-cell {
      -webkit-flex-basis: 33.33%;
          -ms-flex-preferred-size: 33.33%;
              flex-basis: 33.33%;
      width: 33.33% !important;
    }
    wysiwyg-flexigrid[data-elements-desktop="4"] > wysiwyg-flexigrid-cell {
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      width: 25% !important;
    }
}

/*# sourceMappingURL=wysiwyg-flexigrid.css.map */