/*-------------------------------------------------------*/
/* Grid
/*-------------------------------------------------------*/
.container {

  @media (min-width: 1400px) {
    max-width: $container-width;
  }

  @include bp-lg-down {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.container-semi-fluid {
  padding: 0 50px;

  @include bp-md-down {
    padding: 0 15px;
  }
}


/* Sections
-------------------------------------------------------*/
.blog-section,
.search-results-section,
.archive-section,
.page-section {
  padding: 70px 0;
}


/* Flexbox
-------------------------------------------------------*/
.flex-parent {
  @include display-flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.flex-child {
  @include flex (1 0 0);
}


/* Row Gutters
-------------------------------------------------------*/
.row-8 {
  margin: 0 -4px;

  & > div {
    padding: 0 4px;
  }
}

.row-10 {
  margin: 0 -5px;

  & > div {
    padding: 0 5px;
  }
}

.row-16 {
  margin: 0 -8px;

  & > div {
    padding: 0 8px;
  }
}

.row-20 {
  margin: 0 -10px;

  & > div {
    padding: 0 10px;
  }
}

.row-50 {
  margin: 0 -25px;

  & > div {
    padding: 0 25px;
  }
}