/* Button */
/*--------------------------------------------------------------
# Animation
--------------------------------------------------------------*/
@-webkit-keyframes buildwall_spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes buildwall_spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
## Blog layouts
--------------------------------------------------------------*/
.posts-list--listing .post-thumbnail-wrap, .posts-list--grid .post-thumbnail-wrap, .posts-list--vertical-justify .post-thumbnail-wrap {
  position: relative;
  margin-bottom: 10px;
}
.posts-list--listing .post-thumbnail-wrap .post-thumbnail + .cat-links, .posts-list--grid .post-thumbnail-wrap .post-thumbnail + .cat-links, .posts-list--vertical-justify .post-thumbnail-wrap .post-thumbnail + .cat-links {
  position: absolute;
  top: 40px;
  left: 40px;
}
.posts-list--listing .post-thumbnail-wrap .cat-links li, .posts-list--grid .post-thumbnail-wrap .cat-links li, .posts-list--vertical-justify .post-thumbnail-wrap .cat-links li {
  display: inline-block;
}
.posts-list--listing .post-thumbnail-wrap .cat-links li a, .posts-list--grid .post-thumbnail-wrap .cat-links li a, .posts-list--vertical-justify .post-thumbnail-wrap .cat-links li a {
  margin: 0 4px 8px 0;
  padding: 4px 11.5px 3px;
  text-transform: uppercase;
}
.posts-list--listing .entry-header .entry-meta > * + *, .posts-list--grid .entry-header .entry-meta > * + *, .posts-list--vertical-justify .entry-header .entry-meta > * + * {
  margin-right: 27px;
}
.posts-list--listing .posts-list__item + .posts-list__item {
  margin-top: 30px;
  padding-top: 40px;
  border-top-width: 1px;
  border-top-style: solid;
}
.posts-list--grid .posts-list__item {
  margin-bottom: 30px;
  padding-bottom: 40px;
}
.posts-list--vertical-justify .posts-list__item {
  margin-bottom: 30px;
  padding-bottom: 40px;
}
.posts-list--vertical-justify .posts-list__item .justify-item__thumbnail {
  min-height: 250px;
  background-size: cover;
}
.posts-list--vertical-justify .posts-list__item .justify-item__thumbnail + .cat-links {
  position: absolute;
  top: 20px;
  left: 20px;
}

/*-------------------
### Default Styles
---------------------*/
body:not(.sidebar_enabled) .posts-list--listing {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
### Justify Posts List
--------------------------------------------------------------*/
.posts-list {
  /*-----------------------
  ### Justify layouts styles
  ------------------------*/
  /* vertical-justify list */
}
.posts-list--vertical-justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.posts-list--vertical-justify > .post {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100%/3 - 1.875rem);
          flex: 1 0 calc(100%/3 - 1.875rem);
  max-width: calc(100%/3 - 1.875rem);
  margin-right: 0.9375rem;
  margin-left: 0.9375rem;
}
.posts-list--vertical-justify > .post:nth-child(7n+2), .posts-list--vertical-justify > .post:nth-child(7n+3) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100%/1.5 - 1.875rem);
          flex: 1 0 calc(100%/1.5 - 1.875rem);
  max-width: calc(100%/1.5 - 1.875rem);
}
@media (max-width: 1119px) {
  .posts-list--vertical-justify > .post {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100%/2 - 1.875rem);
            flex: 1 0 calc(100%/2 - 1.875rem);
    max-width: calc(100%/2 - 1.875rem);
  }
  .posts-list--vertical-justify > .post:nth-child(7n+2), .posts-list--vertical-justify > .post:nth-child(7n+3) {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100%/2 - 1.875rem);
            flex: 1 0 calc(100%/2 - 1.875rem);
    max-width: calc(100%/2 - 1.875rem);
  }
}
@media (max-width: 639px) {
  .posts-list--vertical-justify > .post {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 1.875rem);
            flex: 1 0 calc(100% - 1.875rem);
    max-width: calc(100% - 1.875rem);
  }
  .posts-list--vertical-justify > .post:nth-child(7n+2), .posts-list--vertical-justify > .post:nth-child(7n+3) {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 1.875rem);
            flex: 1 0 calc(100% - 1.875rem);
    max-width: calc(100% - 1.875rem);
  }
}

/*--------------------------------------------------------------
### Grid Posts List
--------------------------------------------------------------*/
.posts-list.posts-list--grid {
  /*-----------------------
  ### Grid layouts styles
  ------------------------*/
  /* 2grids */
  /* 3grids */
}
.posts-list.posts-list--grid.list-style-2-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.posts-list.posts-list--grid.list-style-2-columns .posts-list__item {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  max-width: 100%;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
@media (min-width: 640px) {
  .posts-list.posts-list--grid.list-style-2-columns .posts-list__item {
    max-width: 50%;
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
.posts-list.posts-list--grid.list-style-3-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.posts-list.posts-list--grid.list-style-3-columns .posts-list__item {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  max-width: 100%;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
@media (min-width: 640px) {
  .posts-list.posts-list--grid.list-style-3-columns .posts-list__item {
    max-width: 50%;
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media (min-width: 940px) {
  .posts-list.posts-list--grid.list-style-3-columns .posts-list__item {
    max-width: 33.3333333333%;
    width: 33.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}