@-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);
}
} .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;
} body:not(.sidebar_enabled) .posts-list--listing {
max-width: 770px;
margin-left: auto;
margin-right: auto;
} .posts-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);
}
} .posts-list.posts-list--grid {   }
.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: calc(100%);
width: calc(100% );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%);
flex: 0 0 calc(100%);
}
@media (min-width: 640px) {
.posts-list.posts-list--grid.list-style-2-columns .posts-list__item {
max-width: calc(100% / 2);
width: calc(100% / 2);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 2);
flex: 0 0 calc(100% / 2);
}
}
.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: calc(100%);
width: calc(100% );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%);
flex: 0 0 calc(100%);
}
@media (min-width: 640px) {
.posts-list.posts-list--grid.list-style-3-columns .posts-list__item {
max-width: calc(100% / 2);
width: calc(100% / 2);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 2);
flex: 0 0 calc(100% / 2);
}
}
@media (min-width: 940px) {
.posts-list.posts-list--grid.list-style-3-columns .posts-list__item {
max-width: calc(100% / 3);
width: calc(100% / 3);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 3);
flex: 0 0 calc(100% / 3);
}
}