/*------------------------------------*\
	GRID
\*------------------------------------*/


/* global width - page content should be full width to work
with Elementor, but posts and archives should be max row width */
.row,
body.woocommerce div#content,
body.woocommerce-page main,
#main-content-container article { max-width: 1140px; margin: auto; }

body.woocommerce-page main,
body.woocommerce div#content,
#main-content-container article { padding: 0 20px; }
body.elementor-page #main-content-container article { max-width: 100%; padding: 0; }


.row {
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

	display: -webkit-flex;
display: -ms-flexbox;
display: flex;



  .row .row {
    max-width: none;
    margin-left: -20px;
    margin-right: -20px; }
  .row.expanded {
    max-width: none; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }

.column, .columns {
  -webkit-flex: 1 1 0px;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  padding-left: 20px;
  padding-right: 20px;
  min-width: initial; }

.column.row.row, .row.row.columns {
  float: none;
  display: block; }
  .row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
  -webkit-flex: 0 0 calc(100% / 12);
      -ms-flex: 0 0 calc(100% / 12);
          flex: 0 0 calc(100% / 12);
  max-width: calc(100% / 12); }

.small-2 {
  -webkit-flex: 0 0 calc(100% / 6);
      -ms-flex: 0 0 calc(100% / 6);
          flex: 0 0 calc(100% / 6);
  max-width: calc(100% / 6); }

.small-3 {
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%; }

.small-4 {
  -webkit-flex: 0 0 calc(100% / 3);
      -ms-flex: 0 0 calc(100% / 3);
          flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3); }

.small-5 {
  -webkit-flex: 0 0 calc(100% / 12 * 5);
      -ms-flex: 0 0 calc(100% / 12 * 5);
          flex: 0 0 calc(100% / 12 * 5);
  max-width: calc(100% / 12 * 5); }

.small-6 {
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%; }

.small-7 {
  -webkit-flex: 0 0 calc(100% / 12 * 7);
      -ms-flex: 0 0 calc(100% / 12 * 7);
          flex: 0 0 calc(100% / 12 * 7);
  max-width: calc(100% / 12 * 7); }

.small-8 {
  -webkit-flex: 0 0 calc(100% / 1.5);
      -ms-flex: 0 0 calc(100% / 1.5);
          flex: 0 0 calc(100% / 1.5);
  max-width: calc(100% / 1.5); }

.small-9 {
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%; }

.small-10 {
  -webkit-flex: 0 0 calc(100% / 12 * 10);
      -ms-flex: 0 0 calc(100% / 12 * 10);
          flex: 0 0 calc(100% / 12 * 10);
  max-width: calc(100% / 12 * 10); }

.small-11 {
  -webkit-flex: 0 0 calc(100% / 12 * 11);
      -ms-flex: 0 0 calc(100% / 12 * 11);
          flex: 0 0 calc(100% / 12 * 11);
  max-width: calc(100% / 12 * 11); }

.small-12 {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

@media screen and (min-width: 40em) {
  .medium-1 {
    -webkit-flex: 0 0 calc(100% / 12);
        -ms-flex: 0 0 calc(100% / 12);
            flex: 0 0 calc(100% / 12);
    max-width: calc(100% / 12); }
  .medium-2 {
    -webkit-flex: 0 0 calc(100% / 6);
        -ms-flex: 0 0 calc(100% / 6);
            flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6); }
  .medium-3 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .medium-4 {
    -webkit-flex: 0 0 calc(100% / 3);
        -ms-flex: 0 0 calc(100% / 3);
            flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3); }
  .medium-5 {
    -webkit-flex: 0 0 calc(100% / 12 * 5);
        -ms-flex: 0 0 calc(100% / 12 * 5);
            flex: 0 0 calc(100% / 12 * 5);
    max-width: calc(100% / 12 * 5); }
  .medium-6 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .medium-7 {
    -webkit-flex: 0 0 calc(100% / 12 * 7);
        -ms-flex: 0 0 calc(100% / 12 * 7);
            flex: 0 0 calc(100% / 12 * 7);
    max-width: calc(100% / 12 * 7); }
  .medium-8 {
    -webkit-flex: 0 0 calc(100% / 1.5);
        -ms-flex: 0 0 calc(100% / 1.5);
            flex: 0 0 calc(100% / 1.5);
    max-width: calc(100% / 1.5); }
  .medium-9 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .medium-10 {
    -webkit-flex: 0 0 calc(100% / 12 * 10);
        -ms-flex: 0 0 calc(100% / 12 * 10);
            flex: 0 0 calc(100% / 12 * 10);
    max-width: calc(100% / 12 * 10); }
  .medium-11 {
    -webkit-flex: 0 0 calc(100% / 12 * 11);
        -ms-flex: 0 0 calc(100% / 12 * 11);
            flex: 0 0 calc(100% / 12 * 11);
    max-width: calc(100% / 12 * 11); }
  .medium-12 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
}

@media screen and (min-width: 64em) {
  .large-1 {
    -webkit-flex: 0 0 calc(100% / 12);
        -ms-flex: 0 0 calc(100% / 12);
            flex: 0 0 calc(100% / 12);
    max-width: calc(100% / 12); }
  .large-2 {
    -webkit-flex: 0 0 calc(100% / 6);
        -ms-flex: 0 0 calc(100% / 6);
            flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6); }
  .large-3 {
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .large-4 {
    -webkit-flex: 0 0 calc(100% / 3);
        -ms-flex: 0 0 calc(100% / 3);
            flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3); }
  .large-5 {
    -webkit-flex: 0 0 calc(100% / 12 * 5);
        -ms-flex: 0 0 calc(100% / 12 * 5);
            flex: 0 0 calc(100% / 12 * 5);
    max-width: calc(100% / 12 * 5); }
  .large-6 {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .large-7 {
    -webkit-flex: 0 0 calc(100% / 12 * 7);
        -ms-flex: 0 0 calc(100% / 12 * 7);
            flex: 0 0 calc(100% / 12 * 7);
    max-width: calc(100% / 12 * 7); }
  .large-8 {
    -webkit-flex: 0 0 calc(100% / 1.5);
        -ms-flex: 0 0 calc(100% / 1.5);
            flex: 0 0 calc(100% / 1.5);
    max-width: calc(100% / 1.5); }
  .large-9 {
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .large-10 {
    -webkit-flex: 0 0 calc(100% / 12 * 10);
        -ms-flex: 0 0 calc(100% / 12 * 10);
            flex: 0 0 calc(100% / 12 * 10);
    max-width: calc(100% / 12 * 10); }
  .large-11 {
    -webkit-flex: 0 0 calc(100% / 12 * 11);
        -ms-flex: 0 0 calc(100% / 12 * 11);
            flex: 0 0 calc(100% / 12 * 11);
    max-width: calc(100% / 12 * 11); }
  .large-12 {
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
}