/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-fne-columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  position: relative;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.justify-content-center {
  -ms-flex-pack: center;
      justify-content: center; }

.justify-content-between {
  -ms-flex-pack: justify;
      justify-content: space-between; }

.justify-content-around {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

@media (max-width: 769px) {
  .wp-block-fne-columns.justify-content-end,
  .wp-block-fne-columns.justify-content-center,
  .wp-block-fne-columns.justify-content-between,
  .wp-block-fne-columns.justify-content-around,
  .wp-block-fne-columns.justify-content-start {
    -ms-flex-pack: center !important;
        justify-content: center !important; } }