/* Button */
/*--------------------------------------------------------------
## Blog layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Posts List
--------------------------------------------------------------*/
.default-item .post-thumbnail {
margin-bottom: 26px;
}
.posts-list--default.list-style-default .default-item + .default-item, .posts-list--default.list-style-v2 .default-item + .default-item, .posts-list--default.list-style-v4 .default-item + .default-item {
margin-top: 50px;
padding-top: 40px;
border-top: 1px solid #ebeced;
}
.posts-list--default.list-style-v3 .default-item + .default-item, .posts-list--default.list-style-v5 .default-item + .default-item, .posts-list--default.list-style-v6 .default-item + .default-item, .posts-list--default.list-style-v7 .default-item + .default-item {
margin-top: 30px;
}
.posts-list--default.list-style-v8 .default-item + .default-item {
margin-top: 60px;
}
.posts-list--default.list-style-v10 .default-item + .default-item {
margin-top: 50px;
}
/*-------------------
### Default Styles
---------------------*/
body:not(.sidebar_enabled) .list-style-default .default-item {
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.list-style-default .default-item .entry-content {
font-size: 18px;
font-size: 1.125rem;
}
}
.list-style-default .default-item .entry-footer .entry-meta .tags-links + div:not(:empty) {
margin-top: 28px;
}
.list-style-default .default-item .entry-footer .entry-meta > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.list-style-default .default-item .entry-footer .entry-meta > div > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
/*-------------------
### V2 Styles
---------------------*/
body:not(.sidebar_enabled) .list-style-v2 .default-item {
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
.list-style-v2 .default-item .post-thumbnail {
text-align: center;
}
.list-style-v2 .default-item .entry-header, .list-style-v2 .default-item .entry-content {
text-align: center;
margin-left: 45px;
margin-right: 45px;
}
@media (min-width: 768px) {
.list-style-v2 .default-item .entry-content {
font-size: 18px;
font-size: 1.125rem;
}
}
.list-style-v2 .default-item .entry-footer .entry-meta > div:not(:empty) + .btn {
margin-top: 32px;
}
.list-style-v2 .default-item .entry-footer .entry-meta {
margin-top: 10px;
text-align: center;
}
.list-style-v2 .default-item .entry-footer .entry-meta > div {
margin-left: -8px;
margin-right: -8px;
}
.list-style-v2 .default-item .entry-footer .entry-meta > div > * {
margin-left: 8px;
margin-right: 8px;
}
/*-------------------
### V3 Styles
---------------------*/
.list-style-v3 .default-item {
padding: 20px;
border-radius: 4px;
border: 1px solid #ebeced;
}
@media (min-width: 768px) {
.list-style-v3 .default-item {
padding: 32px 40px 30px;
}
}
body:not(.sidebar_enabled) .list-style-v3 .default-item {
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
.list-style-v3 .default-item .post-thumbnail {
text-align: center;
}
.list-style-v3 .default-item .post-thumbnail img {
border-radius: 0;
}
.list-style-v3 .default-item .entry-header, .list-style-v3 .default-item .entry-content {
text-align: center;
margin-left: 15px;
margin-right: 15px;
}
@media (min-width: 768px) {
.list-style-v3 .default-item .entry-header, .list-style-v3 .default-item .entry-content {
font-size: 18px;
font-size: 1.125rem;
}
}
.list-style-v3 .default-item .entry-footer .entry-meta {
text-align: center;
}
.list-style-v3 .default-item .entry-footer .entry-meta .tags-links + div:not(:empty) {
margin-top: 28px;
}
.list-style-v3 .default-item .entry-footer .entry-meta > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.list-style-v3 .default-item .entry-footer .entry-meta > div > * {
margin-left: auto;
margin-right: auto;
}
.list-style-v3 .default-item .entry-footer .entry-meta > div > *:first-child {
margin-left: 0;
}
.list-style-v3 .default-item .entry-footer .entry-meta > div > *:last-child {
margin-right: 0;
}
/*-------------------
### V4 Styles
---------------------*/
.list-style-v4 .default-item .post-thumbnail__link {
display: block;
}
.list-style-v4 .default-item .post-thumbnail__link img {
width: 100%;
}
@media (min-width: 768px) {
.list-style-v4 .default-item, .list-style-v5 .default-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.list-style-v4 .default-item .post-thumbnail, .list-style-v4 .default-item.has-post-thumbnail .default-item__content, .list-style-v5 .default-item .post-thumbnail, .list-style-v5 .default-item.has-post-thumbnail .default-item__content {
width: 50%;
}
}
.list-style-v4 .default-item .post-thumbnail, .list-style-v5 .default-item .post-thumbnail {
margin: 7px 0 30px;
}
@media (min-width: 768px) {
.list-style-v4 .default-item .post-thumbnail, .list-style-v5 .default-item .post-thumbnail {
margin: 7px 1.875rem 0 0;
}
}
.list-style-v4 .default-item .entry-meta, .list-style-v5 .default-item .entry-meta {
margin-bottom: 22px;
}
@media (min-width: 768px) {
.list-style-v4 .default-item .entry-content, .list-style-v5 .default-item .entry-content {
font-size: 18px;
font-size: 1.125rem;
}
}
.list-style-v4 .default-item .entry-footer .entry-meta, .list-style-v5 .default-item .entry-footer .entry-meta {
margin-bottom: 0;
}
.list-style-v4 .default-item .entry-footer .entry-meta .tags-links + div:not(:empty), .list-style-v5 .default-item .entry-footer .entry-meta .tags-links + div:not(:empty) {
margin-top: 28px;
}
.list-style-v4 .default-item .entry-footer .entry-meta > div, .list-style-v5 .default-item .entry-footer .entry-meta > div {
margin-left: -10px;
margin-right: -10px;
}
.list-style-v4 .default-item .entry-footer .entry-meta > div > *, .list-style-v5 .default-item .entry-footer .entry-meta > div > * {
margin-left: 10px;
margin-right: 10px;
}
/*-------------------
### V5 Styles
---------------------*/
.list-style-v5 .default-item {
padding: 20px;
border-radius: 4px;
border: 1px solid #ebeced;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
@media (min-width: 768px) {
.list-style-v5 .default-item {
padding: 28px 40px 40px;
}
}
@media (min-width: 768px) {
.list-style-v5 .default-item:nth-child(odd) .default-item__thumbnail {
margin-right: 40px;
}
}
.list-style-v5 .default-item:nth-child(even).has-post-thumbnail {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (min-width: 768px) {
.list-style-v5 .default-item:nth-child(even) .default-item__thumbnail {
margin-left: 40px;
}
}
.list-style-v5 .default-item__thumbnail {
margin-bottom: 30px;
max-height: 450px;
min-height: 200px;
background-size: cover;
background-position: center;
}
@media (min-width: 768px) {
.list-style-v5 .default-item__thumbnail {
width: 53%;
margin-top: 10px;
margin-bottom: 0;
}
}
/*-------------------
### V6 Styles
---------------------*/
.list-style-v6 .default-item {
padding: 20px;
border-radius: 4px;
border: 1px solid #ebeced;
}
@media (min-width: 768px) {
.list-style-v6 .default-item {
padding: 28px 40px 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.list-style-v6 .default-item .post-thumbnail {
margin: 7px 0 30px;
}
.list-style-v6 .default-item .post-thumbnail img {
border-radius: 0;
width: 100%;
}
@media (min-width: 768px) {
.list-style-v6 .default-item .post-thumbnail {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 230px;
margin: 7px 1.875rem 0 0;
}
}
.list-style-v6 .default-item .entry-content {
margin-bottom: 8px;
}
.list-style-v6 .default-item .entry-footer .entry-meta .tags-links + div:not(:empty) {
margin-top: 28px;
}
.list-style-v6 .default-item .entry-footer .entry-meta > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.list-style-v6 .default-item .entry-footer .entry-meta > div > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
/*-------------------
### V7 Styles
---------------------*/
.list-style-v7 .default-item .post-thumbnail {
margin: 0;
}
.list-style-v7 .default-item .post-thumbnail__link {
display: block;
}
.list-style-v7 .default-item .post-thumbnail img {
width: 100%;
max-height: 430px;
-o-object-fit: cover;
object-fit: cover;
}
.list-style-v7 .default-item.has-post-thumbnail .default-item__content {
margin-top: -70px;
}
.list-style-v7 .default-item .entry-content {
margin-bottom: 10px;
}
@media (min-width: 768px) {
.list-style-v7 .default-item .entry-content {
font-size: 18px;
font-size: 1.125rem;
}
}
.list-style-v7 .default-item .entry-footer .entry-meta .tags-links + div:not(:empty) {
margin-top: 28px;
}
.list-style-v7 .default-item .entry-footer .entry-meta > div {
margin-left: -10px;
margin-right: -10px;
}
.list-style-v7 .default-item .entry-footer .entry-meta > div > * {
margin-left: 10px;
margin-right: 10px;
}
.list-style-v7 .default-item__content {
position: relative;
margin-left: 8.5%;
margin-right: 8.5%;
padding: 40px 8.5% 40px;
text-align: center;
background-color: #fff;
z-index: 3;
}
/*-------------------
### V8 Styles
---------------------*/
.list-style-v8 .default-item.has-post-thumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.list-style-v8 .default-item.has-post-thumbnail .default-item__content {
width: 70%;
margin-top: 40px;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.list-style-v8 .default-item.has-post-thumbnail .default-item__content {
width: 50%;
}
}
.list-style-v8 .default-item.has-post-thumbnail:nth-child(odd) .default-item__thumbnail {
left: 0;
}
.list-style-v8 .default-item.has-post-thumbnail:nth-child(odd) .default-item__content {
margin-left: auto;
}
.list-style-v8 .default-item.has-post-thumbnail:nth-child(even) .default-item__thumbnail {
right: 0;
}
.list-style-v8 .default-item.has-post-thumbnail:nth-child(even) .default-item__content {
margin-right: auto;
}
.list-style-v8 .default-item {
position: relative;
}
.list-style-v8 .default-item__thumbnail {
position: absolute;
top: 0;
width: 70%;
height: 100%;
max-height: 550px;
background-size: cover;
background-position: center;
border-radius: 4px;
z-index: -1;
}
@media (min-width: 768px) {
.list-style-v8 .default-item__thumbnail {
width: 57%;
}
}
.list-style-v8 .default-item__content {
position: relative;
padding: 4.7% 5.5%;
text-align: center;
border-radius: 4px;
background-color: #f1f4f6;
}
.list-style-v8 .default-item .comments-link {
position: absolute;
top: 17px;
right: 17px;
}
.list-style-v8 .default-item .entry-header .entry-meta:not(:empty) {
margin-bottom: 24px;
}
.list-style-v8 .default-item .entry-content {
margin-bottom: 18px;
}
.list-style-v8 .default-item .entry-footer .entry-meta .tags-links + div:not(:empty) {
margin-top: 28px;
}
/*-------------------
### V9 Styles
---------------------*/
.list-style-v9 .default-item {
position: relative;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
min-height: 430px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.list-style-v9 .default-item:nth-child(odd):not(.has-post-thumbnail) {
background-color: #F2F6FB;
}
.list-style-v9 .default-item .entry-header, .list-style-v9 .default-item .entry-content, .list-style-v9 .default-item .entry-footer {
margin-left: 5%;
margin-right: 5%;
}
@media (min-width: 768px) {
.list-style-v9 .default-item .entry-header, .list-style-v9 .default-item .entry-content, .list-style-v9 .default-item .entry-footer {
margin-left: 15%;
margin-right: 15%;
}
}
.list-style-v9 .default-item .entry-content {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.list-style-v9 .default-item .entry-content {
font-size: 18px;
font-size: 1.125rem;
}
}
.list-style-v9 .default-item__thumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.list-style-v9 .default-item__thumbnail:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
}
/*-------------------
### V10 Styles
---------------------*/
.list-style-v10 .default-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px;
min-height: 430px;
}
@media (min-width: 768px) {
.list-style-v10 .default-item {
padding: 30px;
}
}
.list-style-v10 .default-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #3b3d42;
z-index: -2;
}
.list-style-v10 .default-item .cat-links {
margin-top: 4px;
}
@media (min-width: 768px) {
.list-style-v10 .default-item .entry-header {
width: 60%;
}
}
.list-style-v10 .default-item .entry-header .entry-meta {
margin-bottom: 5px;
}
.list-style-v10 .default-item .entry-title {
margin-bottom: 10px;
}
@media (min-width: 768px) {
.list-style-v10 .default-item .entry-content {
width: 75%;
}
}
.list-style-v10 .default-item .entry-footer .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.list-style-v10 .default-item .entry-footer .entry-meta > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
.list-style-v10 .default-item__content {
margin-top: 50px;
}
.list-style-v10 .default-item__thumbnail {
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.list-style-v10 .default-item__thumbnail:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
top: 25%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
/*--------------------------------------------------------------
### Posts List Formats
--------------------------------------------------------------*/
.default-item.format-post .entry-footer .entry-meta .tags-links + div:not(:empty) {
margin-top: 28px;
}
.default-item.format-post .entry-footer .entry-meta > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.default-item.format-post .entry-footer .entry-meta > div > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
/*--------------------------------------------------------------
### Creative Posts List
--------------------------------------------------------------*/
.creative-item {
position: relative;
}
.creative-item .entry-title {
margin: 0 0 20px;
}
.creative-item .entry-title a {
color: inherit;
}
.creative-item .byline,
.creative-item .posted-on,
.creative-item .cat-links,
.creative-item .tags-links,
.creative-item .comments-link {
margin-right: 15px;
}
.creative-item .post-categories {
margin-top: 5px;
}
.creative-item .post-categories li + li {
margin-top: 5px;
}
@media (max-width: 767px) {
.creative-item .post-categories {
display: block;
}
.creative-item .post-categories li {
display: inline-block;
margin-right: 5px;
}
}
.creative-item .comments-link {
font-size: 14px;
font-size: 0.875rem;
padding: 0;
}
.creative-item .comments-link, .creative-item .comments-link:hover {
background: none;
}
.creative-item__thumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.creative-item.invert-hover .creative-item__thumbnail {
opacity: 0;
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: opacity 0.55s ease, -webkit-transform 0.55s ease;
transition: opacity 0.55s ease, -webkit-transform 0.55s ease;
transition: opacity 0.55s ease, transform 0.55s ease;
transition: opacity 0.55s ease, transform 0.55s ease, -webkit-transform 0.55s ease;
}
.creative-item.invert-hover .creative-item__thumbnail:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.creative-item.invert-hover:hover .creative-item__thumbnail {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/*-------------------
### Default Styles
---------------------*/
.list-style-default .creative-item {
overflow: hidden;
padding-top: 65px;
padding-bottom: 70px;
}
.list-style-default .creative-item::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
top: 0;
left: 0;
background-color: #ebeced;
z-index: -1;
}
.list-style-default .creative-item:last-child {
border-bottom: 1px solid #ebeced;
}
@media (min-width: 768px) {
.list-style-default .creative-item .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.list-style-default .creative-item .entry-title {
text-transform: uppercase;
}
@media (min-width: 768px) {
.list-style-default .creative-item .entry-content {
font-size: 18px;
font-size: 1.125rem;
}
}
@media (min-width: 768px) {
.list-style-default .creative-item .entry-footer .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-style-default .creative-item .entry-footer .entry-meta > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
}
.list-style-default .creative-item__content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
@media (min-width: 768px) {
.list-style-default .creative-item__before-content, .list-style-default .creative-item__after-content {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 15%;
min-width: 90px;
}
}
@media (min-width: 768px) {
.list-style-default .creative-item__before-content:not(:empty) {
margin-right: 1.875rem;
}
}
@media (max-width: 767px) {
.list-style-default .creative-item__before-content:not(:empty) {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.list-style-default .creative-item__after-content:not(:empty) {
margin-top: 20px;
}
}
@media (min-width: 768px) {
.list-style-default .creative-item__after-content:not(:empty) {
margin-left: 1.875rem;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
text-align: right;
}
}
/*-------------------
### V2 Styles
---------------------*/
.posts-list--creative.list-style-v2 {
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--creative.list-style-v2 .creative-item {
width: calc(100% - 1.875rem);
margin: 0.9375rem;
padding: 35px 38px 32px;
}
@media (min-width: 768px) {
.posts-list--creative.list-style-v2 .creative-item {
width: calc(100%/2 - 1.875rem);
}
}
@media (min-width: 1200px) {
.posts-list--creative.list-style-v2 .creative-item {
width: calc(100%/3 - 1.875rem);
}
}
@media (min-width: 1441px) {
.posts-list--creative.list-style-v2 .creative-item {
width: calc(100%/4 - 1.875rem);
}
}
.list-style-v2 .creative-item {
overflow: hidden;
border-radius: 4px;
border: 1px solid #ebeced;
}
.list-style-v2 .creative-item .tags-links {
display: block;
}
.list-style-v2 .creative-item .entry-title {
margin-top: 3px;
margin-bottom: 22px;
}
.list-style-v2 .creative-item .entry-content {
margin-bottom: 7px;
}
.list-style-v2 .creative-item .entry-footer .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-style-v2 .creative-item .entry-footer .entry-meta > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
/*-------------------
### V3 Styles
---------------------*/
.posts-list--creative.list-style-v3 .creative-item + .creative-item {
margin-top: 60px;
}
.posts-list--creative.list-style-v3 .creative-item__content,
.posts-list--creative.list-style-v3 .creative-item.format-post {
padding: 20px 20px 10px;
background-color: #f1f4f6;
-webkit-transition: background-color 0.55s ease, -webkit-box-shadow 0.55s ease;
transition: background-color 0.55s ease, -webkit-box-shadow 0.55s ease;
transition: background-color 0.55s ease, box-shadow 0.55s ease;
transition: background-color 0.55s ease, box-shadow 0.55s ease, -webkit-box-shadow 0.55s ease;
}
@media (min-width: 768px) {
.posts-list--creative.list-style-v3 .creative-item__content,
.posts-list--creative.list-style-v3 .creative-item.format-post {
padding: 4.4% 4.4% 3.5%;
}
}
.posts-list--creative.list-style-v3 .creative-item__content:hover,
.posts-list--creative.list-style-v3 .creative-item.format-post:hover {
background-color: #fff;
-webkit-box-shadow: 20px 20px 120px 0 rgba(48, 63, 100, 0.2);
box-shadow: 20px 20px 120px 0 rgba(48, 63, 100, 0.2);
}
.list-style-v3 .creative-item .entry-title {
margin-bottom: 35px;
}
.list-style-v3 .creative-item .entry-footer .entry-meta {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-style-v3 .creative-item .entry-footer .entry-meta > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
/*-------------------
### V4 Styles
---------------------*/
@media (min-width: 1024px) {
.posts-list--creative.list-style-v4 {
margin-left: 6%;
margin-right: 6%;
}
}
.posts-list--creative.list-style-v4 .creative-item + .creative-item {
margin-top: 100px;
}
.list-style-v4 .creative-item {
position: relative;
overflow: hidden;
}
.list-style-v4 .creative-item.has-post-thumbnail:nth-child(odd) .post-thumbnail {
right: 0;
}
.list-style-v4 .creative-item.has-post-thumbnail:nth-child(odd) .creative-item__content {
margin-right: auto;
}
.list-style-v4 .creative-item.has-post-thumbnail:nth-child(even) .post-thumbnail {
left: 0;
}
.list-style-v4 .creative-item.has-post-thumbnail:nth-child(even) .creative-item__content {
margin-left: auto;
}
.list-style-v4 .creative-item.has-post-thumbnail .creative-item__content {
margin-top: 100px;
}
.list-style-v4 .creative-item .post-thumbnail {
position: absolute;
top: 0;
width: 90%;
border-radius: 4px;
z-index: -1;
}
@media (min-width: 768px) {
.list-style-v4 .creative-item .post-thumbnail {
width: 70%;
}
}
@media (min-width: 1024px) {
.list-style-v4 .creative-item .post-thumbnail {
width: 55%;
}
}
.list-style-v4 .creative-item .post-thumbnail img {
border-radius: 0;
}
.list-style-v4 .creative-item .entry-title {
margin-bottom: 35px;
}
.list-style-v4 .creative-item .entry-content {
margin-bottom: 15px;
}
.list-style-v4 .creative-item .entry-footer .entry-meta > div:not(:empty) {
margin-top: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.list-style-v4 .creative-item .entry-footer .entry-meta > div:not(:empty) > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
.list-style-v4 .creative-item__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 90%;
min-height: 470px;
padding: 25px 30px;
border: 1px solid #ebeced;
background-color: #fff;
}
@media (min-width: 768px) {
.list-style-v4 .creative-item__content {
width: 55%;
padding: 45px 55px;
}
}
/*-------------------
### V5 Styles
---------------------*/
.posts-list--creative.list-style-v5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.posts-list--creative.list-style-v5 .creative-item {
width: 100%;
margin-bottom: -1px;
margin-right: -1px;
}
@media (min-width: 768px) {
.posts-list--creative.list-style-v5 .creative-item {
width: 50%;
}
}
.list-style-v5 .creative-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 11% 4% 6.5%;
min-height: 435px;
text-align: center;
border: 1px solid #ebeced;
background-color: #fff;
z-index: 1;
}
.list-style-v5 .creative-item .tags-links {
margin: 0;
display: block;
}
.list-style-v5 .creative-item .btn {
margin-top: 15px;
}
.list-style-v5 .creative-item .entry-footer {
margin-top: 30px;
}
.list-style-v5 .creative-item__title-first-letter {
position: absolute;
top: 40px;
left: 0;
right: 0;
text-align: center;
font-size: 300px;
line-height: 1;
opacity: 0.1;
z-index: -1;
}
.list-style-v5 .creative-item__content {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/*-------------------
### V6 Styles
---------------------*/
.posts-list--creative.list-style-v6 .creative-item {
padding-top: 40px;
border-top: 1px solid #ebeced;
}
.posts-list--creative.list-style-v6 .creative-item + .creative-item {
margin-top: 45px;
}
@media (max-width: 767px) {
.list-style-v6 .creative-item {
text-align: center;
}
}
@media (min-width: 1024px) {
.list-style-v6 .creative-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.list-style-v6 .creative-item .post-thumbnail img {
border-radius: 50%;
}
@media (max-width: 767px) {
.list-style-v6 .creative-item .post-thumbnail {
display: inline-block;
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.list-style-v6 .creative-item .post-thumbnail {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 120px;
margin-right: 40px;
}
}
.list-style-v6 .creative-item .posted-on__day {
font-size: 50px;
line-height: 1;
}
.list-style-v6 .creative-item .posted-on__month {
vertical-align: top;
font-size: 30px;
line-height: 1.25;
}
.list-style-v6 .creative-item .entry-title {
margin: 10px 0;
}
@media (min-width: 768px) {
.list-style-v6 .creative-item .entry-footer .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.list-style-v6 .creative-item .entry-footer .entry-meta > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
}
.list-style-v6 .creative-item__content {
width: 100%;
}
@media (min-width: 768px) {
.list-style-v6 .creative-item__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 1024px) {
.list-style-v6 .creative-item__content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 768px) {
.list-style-v6 .creative-item__after-content {
text-align: right;
}
}
@media (min-width: 1024px) {
.list-style-v6 .creative-item__before-content, .list-style-v6 .creative-item__after-content {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 130px;
}
.list-style-v6 .creative-item__before-content {
margin-right: 1.875rem;
}
.list-style-v6 .creative-item__after-content {
margin-left: 1.875rem;
text-align: right;
}
}
@media (max-width: 1023px) {
.list-style-v6 .creative-item__before-content:not(:empty) {
margin-bottom: 15px;
}
.list-style-v6 .creative-item__after-content:not(:empty) {
margin-top: 18px;
}
}
/*-------------------
### V7 Styles
---------------------*/
.posts-list--creative.list-style-v7 .creative-item + .creative-item {
margin-top: 90px;
}
.list-style-v7 .creative-item.has-post-thumbnail {
position: relative;
}
.list-style-v7 .creative-item.has-post-thumbnail:nth-child(3n+1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 450px;
}
@media (min-width: 768px) {
.list-style-v7 .creative-item.has-post-thumbnail:nth-child(3n+1) {
min-height: 620px;
}
}
.list-style-v7 .creative-item.has-post-thumbnail:nth-child(3n+1) .creative-item__content {
margin-top: 100px;
margin-left: auto;
padding: 25px 0 0 30px;
background-color: #fff;
}
@media (max-width: 767px) {
.list-style-v7 .creative-item.has-post-thumbnail:nth-child(3n+1) .creative-item__content {
width: 85%;
}
}
@media (min-width: 768px) {
.list-style-v7 .creative-item.has-post-thumbnail:nth-child(3n+1) .creative-item__content {
padding: 55px 0 0 60px;
}
}
.list-style-v7 .creative-item.has-post-thumbnail .post-thumbnail img {
border-radius: 0;
}
@media (min-width: 768px) {
.list-style-v7 .creative-item.has-post-thumbnail:nth-child(3n+2), .list-style-v7 .creative-item.has-post-thumbnail:nth-child(3n+3) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.list-style-v7 .creative-item.has-post-thumbnail:nth-child(3n+2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.list-style-v7 .creative-item.has-post-thumbnail:nth-child(3n+2) .post-thumbnail {
margin-left: 60px;
}
.list-style-v7 .creative-item.has-post-thumbnail:nth-child(3n+3) .post-thumbnail {
margin-right: 60px;
}
.list-style-v7 .creative-item.has-post-thumbnail .post-thumbnail {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 45%;
}
.list-style-v7 .creative-item.has-post-thumbnail .creative-item__content {
width: 55%;
}
}
@media (max-width: 767px) {
.list-style-v7 .creative-item.has-post-thumbnail .post-thumbnail {
margin-bottom: 30px;
}
}
.list-style-v7 .creative-item .entry-header .entry-meta:not(:empty) {
margin-bottom: 17px;
}
.list-style-v7 .creative-item .entry-footer .entry-meta .tags-links + div:not(:empty) {
margin-top: 20px;
}
.list-style-v7 .creative-item .entry-footer .entry-meta > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-style-v7 .creative-item .entry-footer .entry-meta > div > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
/*-------------------
### V8 Styles
---------------------*/
.posts-list--creative.list-style-v8 .creative-item + .creative-item {
margin-top: 50px;
}
@media (min-width: 768px) {
.posts-list--creative.list-style-v8 .creative-item + .creative-item {
margin-top: 100px;
}
}
@media (min-width: 768px) {
.list-style-v8 .creative-item.has-post-thumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-style-v8 .creative-item.has-post-thumbnail .post-thumbnail,
.list-style-v8 .creative-item.has-post-thumbnail .creative-item__content {
width: 50%;
}
.list-style-v8 .creative-item.has-post-thumbnail:nth-child(odd) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.list-style-v8 .creative-item.has-post-thumbnail:nth-child(odd) .post-thumbnail {
margin-left: 1.875rem;
}
.list-style-v8 .creative-item.has-post-thumbnail:nth-child(odd) .creative-item__content {
margin-right: 1.875rem;
}
.list-style-v8 .creative-item.has-post-thumbnail:nth-child(even) .post-thumbnail {
margin-right: 1.875rem;
text-align: right;
}
.list-style-v8 .creative-item.has-post-thumbnail:nth-child(even) .creative-item__content {
margin-left: 1.875rem;
}
}
@media (max-width: 767px) {
.list-style-v8 .creative-item.has-post-thumbnail .post-thumbnail {
margin-bottom: 30px;
}
}
.list-style-v8 .creative-item .post-thumbnail__link {
display: inline-block;
}
.list-style-v8 .creative-item .post-thumbnail img {
border-radius: 0;
}
.list-style-v8 .creative-item .entry-header .entry-meta:not(:empty) {
margin-bottom: 18px;
}
.list-style-v8 .creative-item .entry-footer .entry-meta > div:not(:empty) {
margin-top: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-style-v8 .creative-item .entry-footer .entry-meta > div:not(:empty) > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
/*-------------------
### V9 Styles
---------------------*/
.posts-list--creative.list-style-v9 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
.posts-list--creative.list-style-v9 .creative-item {
width: calc( 100% - 1.875rem);
margin-right: 0.9375rem;
margin-left: 0.9375rem;
}
@media (min-width: 1024px) {
.posts-list--creative.list-style-v9 .creative-item {
width: calc( 50% - 1.875rem);
}
}
.list-style-v9 .creative-item {
margin-top: 30px;
}
@media (min-width: 768px) {
.list-style-v9 .creative-item.has-post-thumbnail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.list-style-v9 .creative-item.has-post-thumbnail > * {
width: 50%;
}
}
.list-style-v9 .creative-item.has-post-thumbnail:nth-child(3n), .list-style-v9 .creative-item.has-post-thumbnail:nth-child(4n) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.list-style-v9 .creative-item .byline,
.list-style-v9 .creative-item .posted-on,
.list-style-v9 .creative-item .cat-links,
.list-style-v9 .creative-item .tags-links {
display: block;
margin: 0;
}
.list-style-v9 .creative-item .entry-footer .entry-meta > div:not(:empty) {
margin-top: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-style-v9 .creative-item .entry-footer .entry-meta > div:not(:empty) > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
.list-style-v9 .creative-item .post-thumbnail {
background-size: cover;
background-position: center;
}
@media (max-width: 767px) {
.list-style-v9 .creative-item .post-thumbnail {
height: 250px;
}
}
.list-style-v9 .creative-item__content {
padding: 5.5% 6%;
border: 1px solid #ebeced;
}
/*-------------------
### V10 Styles
---------------------*/
.posts-list--creative.list-style-v10 {
position: relative;
}
.posts-list--creative.list-style-v10:before {
content: "";
position: absolute;
top: 0;
left: 10px;
width: 1px;
height: 100%;
background-color: #ebeced;
}
.posts-list--creative.list-style-v10 .creative-item:before {
content: "";
position: absolute;
top: 5px;
left: -31px;
margin-left: -8px;
width: 19px;
height: 19px;
border-radius: 50%;
}
@media (min-width: 768px) {
.posts-list--creative.list-style-v10:before {
top: 0;
left: 50%;
}
.posts-list--creative.list-style-v10 .creative-item + .creative-item {
margin-top: 80px;
}
.posts-list--creative.list-style-v10 .creative-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.posts-list--creative.list-style-v10 .creative-item:before {
left: 50%;
}
.posts-list--creative.list-style-v10 .creative-item__content, .posts-list--creative.list-style-v10 .creative-item__post-date {
overflow: hidden;
width: 50%;
}
.posts-list--creative.list-style-v10 .creative-item__post-date {
margin-top: -7px;
}
.posts-list--creative.list-style-v10 .creative-item:nth-child(2n+1) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.posts-list--creative.list-style-v10 .creative-item:nth-child(2n+1) .creative-item__post-date {
margin-left: 45px;
}
.posts-list--creative.list-style-v10 .creative-item:nth-child(2n+1) .creative-item__content {
margin-right: 45px;
}
.posts-list--creative.list-style-v10 .creative-item:nth-child(2n) .creative-item__post-date {
margin-right: 45px;
text-align: right;
}
.posts-list--creative.list-style-v10 .creative-item:nth-child(2n) .creative-item__content {
margin-left: 45px;
}
}
@media (max-width: 767px) {
.posts-list--creative.list-style-v10 .creative-item + .creative-item {
margin-top: 50px;
}
.posts-list--creative.list-style-v10 .creative-item {
margin-left: 40px;
}
.posts-list--creative.list-style-v10 .creative-item__post-date {
margin-bottom: 20px;
}
}
.list-style-v10 .creative-item .posted-on {
margin: 0;
}
.list-style-v10 .creative-item .entry-header .entry-meta:not(:empty) {
margin-bottom: 24px;
}
@media (min-width: 768px) {
.list-style-v10 .creative-item .entry-content {
font-size: 18px;
font-size: 1.125rem;
}
}
.list-style-v10 .creative-item .entry-footer .entry-meta > div:not(:empty) {
margin-top: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-style-v10 .creative-item .entry-footer .entry-meta > div:not(:empty) > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
.list-style-v10 .creative-item__content {
border-radius: 4px;
padding: 30px 35px;
border: 1px solid #ebeced;
}
/*--------------------------------------------------------------
### Posts List Formats
--------------------------------------------------------------*/
.creative-item.format-post .byline,
.creative-item.format-post .posted-on,
.creative-item.format-post .cat-links,
.creative-item.format-post .tags-links,
.creative-item.format-post .comments-link {
margin-right: initial;
}
.creative-item.format-post .entry-footer .entry-meta .tags-links + div:not(:empty) {
margin-top: 28px;
}
.creative-item.format-post .entry-footer .entry-meta > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.creative-item.format-post .entry-footer .entry-meta > div > * {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
/*--------------------------------------------------------------
### Grid Posts List
--------------------------------------------------------------*/
.posts-list.posts-list--grid {
/*-----------------------
### Grid layouts styles
------------------------*/
/* 4grids */
/* 3grids */
/* 2grids */
/*------------------ layouts Styles -------------------*/
/*-------------------
### V2 Styles
---------------------*/
/*-------------------
### V2 Styles
---------------------*/
/*-------------------
### V3 Styles
---------------------*/
/*-------------------
### V4 Styles
---------------------*/
/*-------------------
### V5
---------------------*/
/*-------------------
### V7, V6
---------------------*/
/*-------------------
### V8 Styles
---------------------*/
/*-------------------
### V9 Styles
---------------------*/
/*-------------------
### V10Styles
---------------------*/
}
.posts-list.posts-list--grid.list-style-v4, .posts-list.posts-list--grid.list-style-v5 {
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-v4 .grid-item, .posts-list.posts-list--grid.list-style-v5 .grid-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: 768px) {
.posts-list.posts-list--grid.list-style-v4 .grid-item, .posts-list.posts-list--grid.list-style-v5 .grid-item {
max-width: 50%;
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--grid.list-style-v4 .grid-item, .posts-list.posts-list--grid.list-style-v5 .grid-item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
max-width: 33.3333333333%;
width: 33.3333333333%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
@media (min-width: 1120px) {
.posts-list.posts-list--grid.list-style-v4 .grid-item, .posts-list.posts-list--grid.list-style-v5 .grid-item {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
max-width: 25%;
width: 25%;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
}
.posts-list.posts-list--grid.list-style-default, .posts-list.posts-list--grid.list-style-v2, .posts-list.posts-list--grid.list-style-v6 {
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-default .grid-item, .posts-list.posts-list--grid.list-style-v2 .grid-item, .posts-list.posts-list--grid.list-style-v6 .grid-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: 768px) {
.posts-list.posts-list--grid.list-style-default .grid-item, .posts-list.posts-list--grid.list-style-v2 .grid-item, .posts-list.posts-list--grid.list-style-v6 .grid-item {
max-width: 50%;
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--grid.list-style-default .grid-item, .posts-list.posts-list--grid.list-style-v2 .grid-item, .posts-list.posts-list--grid.list-style-v6 .grid-item {
max-width: 33.3333333333%;
width: 33.3333333333%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
}
}
.posts-list.posts-list--grid.list-style-v3, .posts-list.posts-list--grid.list-style-v7, .posts-list.posts-list--grid.list-style-v8, .posts-list.posts-list--grid.list-style-v10 {
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-v3 .grid-item, .posts-list.posts-list--grid.list-style-v7 .grid-item, .posts-list.posts-list--grid.list-style-v8 .grid-item, .posts-list.posts-list--grid.list-style-v10 .grid-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: 768px) {
.posts-list.posts-list--grid.list-style-v3 .grid-item, .posts-list.posts-list--grid.list-style-v7 .grid-item, .posts-list.posts-list--grid.list-style-v8 .grid-item, .posts-list.posts-list--grid.list-style-v10 .grid-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-v9 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.posts-list.posts-list--grid.list-style-v9 .grid-item {
max-width: 100%;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media (min-width: 1024px) {
.posts-list.posts-list--grid.list-style-v9 .grid-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-v10 {
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-v10 .grid-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: 768px) {
.posts-list.posts-list--grid.list-style-v10 .grid-item {
max-width: 50%;
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
.posts-list.posts-list--grid .grid-item .post-thumbnail {
line-height: 0;
}
.posts-list.posts-list--grid .grid-item .comments-link {
padding: 10px 12px 9px;
border-radius: 4px;
font-size: 11px;
font-size: 0.6875rem;
background-color: #f1f4f6;
}
.posts-list.posts-list--grid .grid-item .comments-link:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
font-size: 0.875rem;
content: "\f075";
margin-right: 4px;
}
.posts-list.posts-list--grid .grid-item .entry-header .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 2px;
}
.posts-list.posts-list--grid .grid-item .entry-header .entry-meta .posted-on {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.posts-list.posts-list--grid .grid-item .entry-title {
margin: 0 0 10px;
}
.posts-list.posts-list--grid .grid-item .entry-meta {
font-size: 14px;
font-size: 0.875rem;
}
.posts-list.posts-list--grid .grid-item .entry-content {
margin-bottom: 5px;
}
.posts-list.posts-list--grid .grid-item .entry-content p {
margin: 0 0 0.43em;
}
.posts-list.posts-list--grid.list-style-default .posts-list__item.grid-item {
margin-bottom: 60px;
}
.posts-list.posts-list--grid.list-style-v2 .posts-list__item.grid-item {
margin-bottom: 30px;
}
.posts-list.posts-list--grid.list-style-v2 .posts-list__item.grid-item .post-thumbnail {
margin-bottom: 0;
}
.posts-list.posts-list--grid.list-style-v2 .posts-list__item.grid-item .post-thumbnail__link {
display: block;
}
.posts-list.posts-list--grid.list-style-v2 .posts-list__item.grid-item .post-thumbnail img {
width: 100%;
border-radius: 4px 4px 0 0;
}
.posts-list.posts-list--grid.list-style-v2 .posts-list__item.grid-item:not(.has-post-thumbnail) .grid-item-wrap {
border-top: 1px solid #ebeced;
border-radius: 4px 4px;
}
.posts-list.posts-list--grid.list-style-v2 .posts-list__item.grid-item .grid-item-wrap {
border: 1px solid #ebeced;
border-top: none;
border-radius: 0 0 4px 4px;
padding: 25px;
}
@media (min-width: 1120px) {
.posts-list.posts-list--grid.list-style-v2 .posts-list__item.grid-item .grid-item-wrap {
padding: 36px 38px 38px;
}
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item {
margin-bottom: 1.875rem;
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item:not(.has-post-thumbnail) .grid-item-inner {
border-radius: 4px 4px;
background-color: #F2F6FB;
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-inner {
overflow: hidden;
position: relative;
}
@media (max-width: 1119px) {
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-inner {
min-height: 360px;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-inner {
min-height: 433px;
}
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item__thumbnail {
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 20px;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.9);
overflow: hidden;
padding: 18px 29px 3px;
-webkit-transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
@media (max-width: 1023px) {
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-wrap {
margin: 10px;
}
}
@media (max-width: 1023px) {
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-wrap {
padding: 18px 14px 3px;
}
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-wrap .entry-footer {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
}
@media (max-width: 1023px) {
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-wrap .entry-footer {
bottom: 15px;
left: 14px;
right: 14px;
}
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-wrap .entry-footer .btn, .posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-wrap .entry-footer .comments-link {
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 0.4s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.4s cubic-bezier(0.68, 0.125, 0, 0.995);
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-wrap .entry-footer .comments-link {
background-color: transparent;
border: 1px solid;
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
line-height: 1.34;
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-wrap .entry-footer .btn {
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item .grid-item-wrap__animated {
line-height: 0;
opacity: 0;
-webkit-transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item:hover .grid-item-wrap {
padding-bottom: 72px;
-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 1023px) {
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item:hover .grid-item-wrap {
padding-bottom: 52px;
}
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item:hover .grid-item-wrap__animated {
line-height: 1.58;
opacity: 1;
-webkit-transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .btn, .posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .comments-link {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .comments-link {
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
line-height: 1.34;
}
.posts-list.posts-list--grid.list-style-v3 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .btn {
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.posts-list.posts-list--grid.list-style-v4 {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
.posts-list.posts-list--grid.list-style-v4 .posts-list__item.grid-item {
margin-bottom: 1.875rem;
}
.posts-list.posts-list--grid.list-style-v4 .posts-list__item.grid-item .post-thumbnail {
margin-bottom: 0;
}
.posts-list.posts-list--grid.list-style-v4 .posts-list__item.grid-item .post-thumbnail__link {
display: block;
}
.posts-list.posts-list--grid.list-style-v4 .posts-list__item.grid-item .post-thumbnail img {
width: 100%;
border-radius: 4px 4px 0 0;
}
.posts-list.posts-list--grid.list-style-v4 .posts-list__item.grid-item:not(.has-post-thumbnail) .grid-item-wrap {
border-radius: 4px 4px;
}
.posts-list.posts-list--grid.list-style-v4 .posts-list__item.grid-item .grid-item-wrap {
border-radius: 0 0 4px 4px;
padding: 25px;
background-color: #F2F6FB;
}
@media (min-width: 1120px) {
.posts-list.posts-list--grid.list-style-v4 .posts-list__item.grid-item .grid-item-wrap {
padding: 36px 38px 38px;
}
}
.posts-list.posts-list--grid.list-style-v5 {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item {
margin-bottom: 1.875rem;
right: 0;
left: 0;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item:not(.has-post-thumbnail) .grid-item-inner {
border-radius: 4px 4px;
background-color: #3b3d42;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item__thumbnail {
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-inner {
position: relative;
}
@media (max-width: 1119px) {
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-inner {
min-height: 360px;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-inner {
min-height: 442px;
}
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-inner:after {
position: absolute;
content: "";
top: 40px;
right: 40px;
bottom: 40px;
left: 40px;
background-color: rgba(33, 36, 41, 0.75);
-webkit-transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
}
@media (max-width: 1119px) {
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-inner:after {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
}
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .post-thumbnail {
margin: 0;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .post-thumbnail img {
width: 100%;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-wrap {
position: absolute;
text-align: center;
bottom: 0;
top: 0;
left: 0;
right: 0;
padding: 50px;
margin: 35px 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
@media (max-width: 1119px) {
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-wrap {
padding: 25px;
margin: 20px 0;
}
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-wrap .entry-header {
-webkit-transform: translateY(25%);
transform: translateY(25%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-wrap .entry-header .entry-meta > * {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-wrap .entry-footer {
padding-top: 10px;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-wrap .entry-footer .space-between-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-wrap .entry-footer .tags-links:not(:first-child) {
margin-top: 10px;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-wrap .entry-footer .comments-link {
background-color: transparent;
font-size: 14px;
font-size: 0.875rem;
padding: 0;
margin-top: 10px;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-wrap .entry-footer .comments-link + .tags-links {
margin-top: 5px;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-wrap .entry-footer .comments-link:before {
display: none;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item .grid-item-wrap__animated {
line-height: 0px;
opacity: 0;
-webkit-transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item:hover .grid-item-inner:after {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 1119px) {
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item:hover .grid-item-inner:after {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item:hover .grid-item-wrap .entry-header {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--grid.list-style-v5 .posts-list__item.grid-item:hover .grid-item-wrap__animated {
line-height: 22px;
opacity: 1;
-webkit-transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
}
.posts-list.posts-list--grid.list-style-v7, .posts-list.posts-list--grid.list-style-v6 {
position: relative;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item {
margin-bottom: 1.875rem;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item__thumbnail, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item__thumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item:not(.has-post-thumbnail) .grid-item-inner, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item:not(.has-post-thumbnail) .grid-item-inner {
background-color: #3b3d42;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-inner, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-inner {
position: relative;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
border-radius: 4px;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-inner:after, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-inner:after {
position: absolute;
content: "";
top: 40%;
right: 0;
bottom: 0;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(122, 188, 255, 0)), color-stop(15%, rgba(104, 158, 213, 0)), color-stop(76%, rgba(33, 36, 41, 0.66)), color-stop(97%, rgba(33, 36, 41, 0.89)), color-stop(98%, rgba(33, 36, 41, 0.9)));
background: linear-gradient(to bottom, rgba(122, 188, 255, 0) 0%, rgba(104, 158, 213, 0) 15%, rgba(33, 36, 41, 0.66) 76%, rgba(33, 36, 41, 0.89) 97%, rgba(33, 36, 41, 0.9) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#007abcff", endColorstr="#e6212429",GradientType=0 );
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .post-thumbnail, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .post-thumbnail {
margin: 0;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .post-thumbnail img, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .post-thumbnail img {
width: 100%;
border-radius: 0;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap {
position: absolute;
text-align: left;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 30px 28px 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
z-index: 1;
-webkit-transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
@media (max-width: 1023px) {
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap {
padding: 15px;
}
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .cat-links, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .cat-links {
position: absolute;
top: 30px;
left: 30px;
overflow: hidden;
}
@media (max-width: 1023px) {
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .cat-links, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .cat-links {
top: 15px;
left: 15px;
}
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .cat-links li, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .cat-links li {
float: left;
margin-right: 4px;
margin-bottom: 4px;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .cat-links a, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .cat-links a {
display: inline-block;
padding: 4px 9px;
border-radius: 4px;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .entry-footer, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .entry-footer {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
}
@media (max-width: 1023px) {
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .entry-footer, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .entry-footer {
position: absolute;
right: 15px;
left: 15px;
bottom: 15px;
}
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .entry-footer .btn, .posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .entry-footer .comments-link, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .entry-footer .btn, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .entry-footer .comments-link {
-webkit-transform: translateY(160px);
transform: translateY(160px);
-webkit-transition: all 0.4s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.4s cubic-bezier(0.68, 0.125, 0, 0.995);
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .entry-footer .comments-link, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .entry-footer .comments-link {
border-radius: 4px;
padding: 8px 10px;
border: 1px solid #f1f4f6;
background-color: transparent;
line-height: 1.4;
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .entry-footer .btn, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .entry-footer .btn {
border: 1px solid #f1f4f6;
background-color: transparent;
line-height: 1;
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item .grid-item-wrap__animated, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap__animated {
width: 100%;
line-height: 0px;
opacity: 0;
-webkit-transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item:hover:not(.has-post-thumbnail) .grid-item-inner, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item:hover:not(.has-post-thumbnail) .grid-item-inner {
background-color: #000;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item:hover .grid-item-inner, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item:hover .grid-item-inner {
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item:hover .grid-item-wrap, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item:hover .grid-item-wrap {
padding-bottom: 75px;
-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 1023px) {
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item:hover .grid-item-wrap, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item:hover .grid-item-wrap {
padding-bottom: 60px;
}
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item:hover .grid-item-wrap__animated, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item:hover .grid-item-wrap__animated {
line-height: 22px;
opacity: 1;
-webkit-transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .btn, .posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .comments-link, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .btn, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .comments-link {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .comments-link, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .comments-link {
line-height: 1.4;
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
}
.posts-list.posts-list--grid.list-style-v7 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .btn, .posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item:hover .grid-item-wrap__animated .entry-footer .btn {
line-height: 1;
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.posts-list.posts-list--grid.list-style-v6 .grid-item-inner {
min-height: 380px;
}
@media (min-width: 1024px) {
.posts-list.posts-list--grid.list-style-v6 .grid-item-inner {
min-height: 500px;
}
}
.posts-list.posts-list--grid.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .entry-footer {
bottom: 32px;
}
.posts-list.posts-list--grid.list-style-v7 .grid-item-inner {
min-height: 380px;
}
@media (min-width: 1024px) {
.posts-list.posts-list--grid.list-style-v7 .grid-item-inner {
min-height: 411px;
}
}
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item {
margin-bottom: 1.875rem;
}
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .post-thumbnail {
margin-right: 0;
margin-bottom: 0;
}
@media (min-width: 1120px) {
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .post-thumbnail {
margin-right: 40px;
}
}
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .post-thumbnail__link {
display: block;
}
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .post-thumbnail img {
width: 100%;
border-radius: 0;
}
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .grid-item-wrap {
border: 1px solid #ebeced;
border-radius: 4px;
padding: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .grid-item-wrap > * {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
@media (min-width: 1120px) {
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .grid-item-wrap > * {
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
}
}
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .grid-item-wrap > *:not(:only-child) {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
@media (min-width: 1120px) {
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .grid-item-wrap > *:not(:only-child) {
-webkit-box-flex: 0;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
}
@media (max-width: 1199px) {
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .grid-item-wrap .entry-header .entry-meta .byline,
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .grid-item-wrap .entry-header .entry-meta .cat-links {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
}
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .grid-item-wrap__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
text-align: center;
}
@media (min-width: 1120px) {
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .grid-item-wrap__content {
min-height: 227px;
margin-top: 0;
text-align: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (min-width: 1120px) {
.posts-list.posts-list--grid.list-style-v8 .posts-list__item.grid-item .grid-item-wrap {
padding: 36px 38px 38px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.posts-list.posts-list--grid.list-style-v9 {
position: relative;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item {
margin: 0;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item:not(.has-post-thumbnail) .grid-item-inner {
background-color: #3b3d42;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item__thumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-inner {
position: relative;
overflow: hidden;
}
@media (max-width: 1023px) {
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-inner {
min-height: 360px;
}
}
@media (min-width: 768px) {
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-inner {
min-height: 433px;
}
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-inner:after {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-inner__top {
position: absolute;
right: 15px;
top: 15px;
z-index: 2;
}
@media (min-width: 1024px) {
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-inner__top {
right: 30px;
top: 30px;
}
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-inner__top .comments-button {
border-radius: 4px;
padding: 8px 10px;
border: 1px solid #f1f4f6;
background-color: transparent;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-inner__top .comments-button:before {
display: none;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .post-thumbnail {
margin: 0;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .post-thumbnail img {
width: 100%;
border-radius: 0;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-wrap {
position: absolute;
text-align: center;
bottom: 0;
top: 0;
left: 0;
right: 0;
padding: 20px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-wrap .entry-header {
-webkit-transform: translateY(25%);
transform: translateY(25%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-wrap .entry-header .entry-meta {
margin-bottom: 24px;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-wrap .entry-header .entry-meta > * {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-wrap .entry-header .entry-title {
margin: 0 0 20px;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-wrap .entry-footer .space-between-content:not(:empty) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
}
@media (min-width: 1024px) {
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-wrap .entry-footer .space-between-content:not(:empty) {
padding-top: 25px;
}
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-wrap__animated {
line-height: 0;
opacity: 0;
-webkit-transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
}
@media (min-width: 1024px) {
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item .grid-item-wrap__animated .entry-content p {
font-size: 18px;
font-size: 1.125rem;
}
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item:hover .grid-item-wrap .entry-header {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--grid.list-style-v9 .posts-list__item.grid-item:hover .grid-item-wrap__animated {
line-height: 1.56;
opacity: 1;
-webkit-transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
}
.posts-list.posts-list--grid.list-style-v10 .grid-item {
margin-bottom: 34px;
}
.posts-list.posts-list--grid.list-style-v10 .grid-item .post-thumbnail {
margin-bottom: 0;
}
.posts-list.posts-list--grid.list-style-v10 .grid-item:not(.has-post-thumbnail) .grid-item-inner {
margin: 0;
padding: 0;
}
.posts-list.posts-list--grid.list-style-v10 .grid-item-inner {
position: relative;
margin: -30px 20px 0 20px;
background-color: #fff;
padding: 20px;
}
@media (min-width: 768px) {
.posts-list.posts-list--grid.list-style-v10 .grid-item-inner {
margin: -40px 0 0 40px;
padding: 25px 25px 25px 30px;
}
}
@media (min-width: 1120px) {
.posts-list.posts-list--grid.list-style-v10 .grid-item-inner {
margin: -49px 0 0 62px;
padding: 35px 25px 25px 38px;
}
}
.posts-list.posts-list--grid.list-style-v10 .grid-item-inner .entry-header .entry-meta {
margin-bottom: 23px;
}
.posts-list.posts-list--grid.list-style-v10 .grid-item-inner .entry-header .entry-title {
margin: 0 0 24px;
}
.posts-list.posts-list--grid.list-style-v10 .grid-item-inner .entry-content {
margin-bottom: 27px;
}
.posts-list.posts-list--grid.list-style-v10 .grid-item-inner .space-between-content {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.posts-list.posts-list--grid.list-style-v10 .grid-item-inner .space-between-content .comments-link {
padding: 10px 5px 9px;
background-color: transparent;
}
/*--------------------------------------------------------------
### Justify Posts List
--------------------------------------------------------------*/
.posts-list {
/*-----------------------
### Justify layouts styles
------------------------*/
/* vertical-justify list */
/*------------------ layouts Styles -------------------*/
/*-------------------
### V1 Styles
---------------------*/
/*-------------------
### V2 Styles
---------------------*/
/*-------------------
### V3 Styles
---------------------*/
/*-------------------
### V4
---------------------*/
/*-------------------
### V5
---------------------*/
/*-------------------
### V6 Styles
---------------------*/
/*-------------------
### V7 Styles
---------------------*/
/*-------------------
### V8 Styles
---------------------*/
/*-------------------
### V9Styles
---------------------*/
/*-------------------
### V10Styles
---------------------*/
}
.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.list-style-default > .post, .posts-list--vertical-justify.list-style-v2 > .post, .posts-list--vertical-justify.list-style-v3 > .post, .posts-list--vertical-justify.list-style-v4 > .post, .posts-list--vertical-justify.list-style-v5 > .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.list-style-default > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-default > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v2 > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-v2 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v3 > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-v3 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v4 > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-v4 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v5 > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-v5 > .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: 767px) {
.posts-list--vertical-justify.list-style-default > .post, .posts-list--vertical-justify.list-style-v2 > .post, .posts-list--vertical-justify.list-style-v3 > .post, .posts-list--vertical-justify.list-style-v4 > .post, .posts-list--vertical-justify.list-style-v5 > .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.list-style-default > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-default > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v2 > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-v2 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v3 > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-v3 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v4 > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-v4 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v5 > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-v5 > .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--vertical-justify.list-style-v6 > .post {
-webkit-box-flex: 1;
-ms-flex: 1 0 33.3333333333%;
flex: 1 0 33.3333333333%;
max-width: 33.3333333333%;
}
.posts-list--vertical-justify.list-style-v6 > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-v6 > .post:nth-child(7n+3) {
-webkit-box-flex: 1;
-ms-flex: 1 0 66.6666666667%;
flex: 1 0 66.6666666667%;
max-width: 66.6666666667%;
}
@media (max-width: 1119px) {
.posts-list--vertical-justify.list-style-v6 > .post {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 50%;
margin-right: 0.9375rem;
margin-left: 0.9375rem;
}
.posts-list--vertical-justify.list-style-v6 > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-v6 > .post:nth-child(7n+3) {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: 50%;
}
}
@media (max-width: 767px) {
.posts-list--vertical-justify.list-style-v6 > .post {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%;
}
.posts-list--vertical-justify.list-style-v6 > .post:nth-child(7n+2), .posts-list--vertical-justify.list-style-v6 > .post:nth-child(7n+3) {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%;
}
}
.posts-list--vertical-justify.list-style-v7 > .post, .posts-list--vertical-justify.list-style-v8 > .post, .posts-list--vertical-justify.list-style-v9 > .post, .posts-list--vertical-justify.list-style-v10 > .post {
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(100%/4 - 1.875rem);
flex: 1 0 calc(100%/4 - 1.875rem);
max-width: calc(100%/4 - 1.875rem);
margin-right: 0.9375rem;
margin-left: 0.9375rem;
}
.posts-list--vertical-justify.list-style-v7 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v7 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v7 > .post:nth-child(7n+8), .posts-list--vertical-justify.list-style-v8 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v8 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v8 > .post:nth-child(7n+8), .posts-list--vertical-justify.list-style-v9 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v9 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v9 > .post:nth-child(7n+8), .posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+8) {
-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: 1119px) {
.posts-list--vertical-justify.list-style-v7 > .post, .posts-list--vertical-justify.list-style-v8 > .post, .posts-list--vertical-justify.list-style-v9 > .post, .posts-list--vertical-justify.list-style-v10 > .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);
margin-right: 0.9375rem;
margin-left: 0.9375rem;
}
.posts-list--vertical-justify.list-style-v7 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v7 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v7 > .post:nth-child(7n+8), .posts-list--vertical-justify.list-style-v8 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v8 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v8 > .post:nth-child(7n+8), .posts-list--vertical-justify.list-style-v9 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v9 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v9 > .post:nth-child(7n+8), .posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+8) {
-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: 767px) {
.posts-list--vertical-justify.list-style-v7 > .post, .posts-list--vertical-justify.list-style-v8 > .post, .posts-list--vertical-justify.list-style-v9 > .post, .posts-list--vertical-justify.list-style-v10 > .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);
margin-right: 0.9375rem;
margin-left: 0.9375rem;
}
.posts-list--vertical-justify.list-style-v7 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v7 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v7 > .post:nth-child(7n+8), .posts-list--vertical-justify.list-style-v8 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v8 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v8 > .post:nth-child(7n+8), .posts-list--vertical-justify.list-style-v9 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v9 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v9 > .post:nth-child(7n+8), .posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+3), .posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+4), .posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+8) {
-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__item.justify-item {
margin-bottom: 50px;
}
.posts-list__item.justify-item .comments-link {
padding: 10px 12px 9px;
border-radius: 4px;
font-size: 11px;
font-size: 0.6875rem;
background-color: #f1f4f6;
}
.list-style-v3 .posts-list__item.justify-item .comments-link {
background-color: transparent;
border: 1px solid;
}
.posts-list__item.justify-item .comments-link:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
font-size: 0.875rem;
content: "\f075";
margin-right: 4px;
}
.posts-list__item.justify-item .entry-header .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 2px;
}
.posts-list__item.justify-item .entry-header .entry-meta .posted-on {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.posts-list__item.justify-item .entry-title {
margin: 0 0 10px;
}
.posts-list__item.justify-item .entry-meta {
font-size: 14px;
font-size: 0.875rem;
}
.posts-list__item.justify-item .entry-content {
margin-bottom: 5px;
}
.posts-list__item.justify-item .entry-content p {
margin: 0 0 0.43em;
}
.posts-list.posts-list--vertical-justify.list-style-default .posts-list__item.justify-item .justify-item__thumbnail {
border-radius: 4px;
position: relative;
background-size: cover;
background-position: center;
margin-bottom: 19px;
min-height: 220px;
}
@media (min-width: 1024px) {
.posts-list.posts-list--vertical-justify.list-style-default .posts-list__item.justify-item .justify-item__thumbnail {
min-height: 250px;
}
}
@media (min-width: 1120px) {
.posts-list.posts-list--vertical-justify.list-style-default .posts-list__item.justify-item .justify-item__thumbnail {
min-height: 370px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v2 .posts-list__item.justify-item {
margin-bottom: 30px;
}
.posts-list.posts-list--vertical-justify.list-style-v2 .posts-list__item.justify-item .justify-item__thumbnail {
border-radius: 4px 4px 0 0;
position: relative;
background-size: cover;
background-position: center;
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v2 .posts-list__item.justify-item .justify-item__thumbnail {
min-height: 200px;
}
}
@media (min-width: 768px) {
.posts-list.posts-list--vertical-justify.list-style-v2 .posts-list__item.justify-item .justify-item__thumbnail {
min-height: 265px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v2 .posts-list__item.justify-item .entry-title {
margin: 0 0 17px;
}
.posts-list.posts-list--vertical-justify.list-style-v2 .posts-list__item.justify-item:not(.has-post-thumbnail) .justify-item-wrap {
border-top: 1px solid #ebeced;
border-radius: 4px 4px;
}
.posts-list.posts-list--vertical-justify.list-style-v2 .posts-list__item.justify-item .justify-item-wrap {
border: 1px solid #ebeced;
border-top: none;
border-radius: 0 0 4px 4px;
padding: 25px;
}
@media (min-width: 1120px) {
.posts-list.posts-list--vertical-justify.list-style-v2 .posts-list__item.justify-item .justify-item-wrap {
padding: 36px 38px 38px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item:not(.has-post-thumbnail) .justify-item-inner {
border-radius: 4px 4px;
background-color: #F2F6FB;
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-inner {
overflow: hidden;
position: relative;
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-inner {
min-height: 360px;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-inner {
min-height: 433px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item__thumbnail {
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 20px;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.9);
overflow: hidden;
padding: 18px 29px 3px;
-webkit-transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-wrap {
margin: 10px;
}
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-wrap {
padding: 18px 14px 3px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-wrap .entry-footer {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-wrap .entry-footer {
bottom: 15px;
left: 14px;
right: 14px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-wrap .entry-footer .btn, .posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-wrap .entry-footer .comments-link {
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 0.4s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.4s cubic-bezier(0.68, 0.125, 0, 0.995);
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-wrap .entry-footer .comments-link {
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
line-height: 1.34;
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-wrap .entry-footer .btn {
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item .justify-item-wrap__animated {
line-height: 0;
opacity: 0;
-webkit-transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item:hover .justify-item-wrap {
padding-bottom: 66px;
-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item:hover .justify-item-wrap {
padding-bottom: 52px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item:hover .justify-item-wrap__animated {
line-height: 1.58;
opacity: 1;
-webkit-transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item:hover .justify-item-wrap__animated .entry-footer .btn, .posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item:hover .justify-item-wrap__animated .entry-footer .comments-link {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item:hover .justify-item-wrap__animated .entry-footer .comments-link {
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
line-height: 1.34;
}
.posts-list.posts-list--vertical-justify.list-style-v3 .posts-list__item.justify-item:hover .justify-item-wrap__animated .entry-footer .btn {
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.posts-list.posts-list--vertical-justify.list-style-v4 {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
position: relative;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item {
margin-bottom: 1.875rem;
right: 0;
left: 0;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item:not(.has-post-thumbnail) .justify-item-inner {
border-radius: 4px 4px;
background-color: #3b3d42;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item__thumbnail {
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-inner {
position: relative;
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-inner {
min-height: 360px;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-inner {
min-height: 450px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-inner:after {
position: absolute;
content: "";
top: 40px;
right: 40px;
bottom: 40px;
left: 40px;
background-color: rgba(33, 36, 41, 0.75);
-webkit-transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-inner:after {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .post-thumbnail {
margin: 0;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .post-thumbnail img {
width: 100%;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-wrap {
position: absolute;
text-align: center;
bottom: 0;
top: 0;
left: 0;
right: 0;
padding: 50px 80px;
margin: 35px 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-wrap {
padding: 25px;
margin: 20px 0;
}
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-wrap .entry-header {
-webkit-transform: translateY(25%);
transform: translateY(25%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-wrap .entry-header .entry-meta > * {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-wrap .entry-footer {
padding-top: 10px;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-wrap .entry-footer .space-between-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-wrap .entry-footer .comments-link {
background-color: transparent;
font-size: 14px;
font-size: 0.875rem;
padding: 0;
margin-top: 10px;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-wrap .entry-footer .comments-link:before {
display: none;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item .justify-item-wrap__animated {
line-height: 0;
opacity: 0;
-webkit-transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item:hover .justify-item-inner:after {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item:hover .justify-item-inner:after {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item:hover .justify-item-wrap .entry-header {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--vertical-justify.list-style-v4 .posts-list__item.justify-item:hover .justify-item-wrap__animated {
line-height: 1.58;
opacity: 1;
-webkit-transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
}
.posts-list.posts-list--vertical-justify.list-style-v5 {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
position: relative;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item {
margin-bottom: 1.875rem;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item:not(.has-post-thumbnail) .justify-item-inner {
border-radius: 4px 4px;
background-color: #3b3d42;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item__thumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-inner {
position: relative;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
border-radius: 4px;
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-inner {
min-height: 440px;
}
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-inner {
min-height: 380px;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-inner {
min-height: 450px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-inner:after {
position: absolute;
content: "";
top: 40%;
right: 0;
bottom: 0;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(122, 188, 255, 0)), color-stop(15%, rgba(104, 158, 213, 0)), color-stop(76%, rgba(33, 36, 41, 0.66)), color-stop(97%, rgba(33, 36, 41, 0.89)), color-stop(98%, rgba(33, 36, 41, 0.9)));
background: linear-gradient(to bottom, rgba(122, 188, 255, 0) 0%, rgba(104, 158, 213, 0) 15%, rgba(33, 36, 41, 0.66) 76%, rgba(33, 36, 41, 0.89) 97%, rgba(33, 36, 41, 0.9) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#007abcff", endColorstr="#e6212429",GradientType=0 );
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .post-thumbnail {
margin: 0;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .post-thumbnail img {
width: 100%;
border-radius: 0;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap {
position: absolute;
text-align: left;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 30px 28px 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
z-index: 1;
-webkit-transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap {
padding: 15px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .cat-links {
position: absolute;
top: 30px;
left: 30px;
overflow: hidden;
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .cat-links {
top: 15px;
left: 15px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .cat-links li {
float: left;
margin-right: 4px;
margin-bottom: 4px;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .cat-links a {
display: inline-block;
padding: 4px 9px;
border-radius: 4px;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .entry-footer {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .entry-footer {
position: absolute;
right: 15px;
left: 15px;
bottom: 15px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .entry-footer .btn, .posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .entry-footer .comments-link {
-webkit-transform: translateY(160px);
transform: translateY(160px);
-webkit-transition: all 0.4s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.4s cubic-bezier(0.68, 0.125, 0, 0.995);
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .entry-footer .comments-link {
border-radius: 4px;
padding: 8px 10px;
border: 1px solid #f1f4f6;
background-color: transparent;
line-height: 1.4;
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .entry-footer .btn {
border: 1px solid #f1f4f6;
background-color: transparent;
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap__animated {
width: 100%;
line-height: 0;
opacity: 0;
-webkit-transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item:hover:not(.has-post-thumbnail) .justify-item-inner {
background-color: #000;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item:hover .justify-item-inner {
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item:hover .justify-item-wrap {
padding-bottom: 78px;
-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item:hover .justify-item-wrap {
padding-bottom: 60px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item:hover .justify-item-wrap__animated {
line-height: 1.58;
opacity: 1;
-webkit-transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item:hover .justify-item-wrap__animated .entry-footer .btn, .posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item:hover .justify-item-wrap__animated .entry-footer .comments-link {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item:hover .justify-item-wrap__animated .entry-footer .comments-link {
line-height: 1.4;
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item:hover .justify-item-wrap__animated .entry-footer .btn {
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s;
}
.posts-list.posts-list--vertical-justify.list-style-v6 {
position: relative;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item {
margin: 0;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item:not(.has-post-thumbnail) .justify-item-inner {
background-color: #3b3d42;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item__thumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-inner {
position: relative;
overflow: hidden;
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-inner {
min-height: 360px;
}
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-inner {
min-height: 460px;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-inner {
min-height: 480px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-inner:after {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-inner__top {
position: absolute;
right: 15px;
top: 15px;
z-index: 2;
}
@media (min-width: 1024px) {
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-inner__top {
right: 30px;
top: 30px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-inner__top .comments-button {
border-radius: 4px;
padding: 8px 10px;
border: 1px solid #f1f4f6;
background-color: transparent;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-inner__top .comments-button:before {
display: none;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .post-thumbnail {
margin: 0;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .post-thumbnail img {
width: 100%;
border-radius: 0;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-wrap {
position: absolute;
text-align: center;
bottom: 0;
top: 0;
left: 0;
right: 0;
padding: 20px;
margin: 35px 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
@media (min-width: 1120px) {
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-wrap {
padding: 40px 60px;
margin: 20px 0;
}
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-wrap .entry-header {
-webkit-transform: translateY(25%);
transform: translateY(25%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-wrap .entry-header .entry-meta {
margin-bottom: 24px;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-wrap .entry-header .entry-meta > * {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-wrap .entry-header .entry-title {
margin: 0 0 20px;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-wrap .entry-footer {
padding-top: 25px;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-wrap .entry-footer .space-between-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-wrap__animated {
line-height: 0;
opacity: 0;
-webkit-transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item .justify-item-wrap__animated .entry-content p {
font-size: 18px;
font-size: 1.125rem;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item:hover .justify-item-wrap .entry-header {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--vertical-justify.list-style-v6 .posts-list__item.justify-item:hover .justify-item-wrap__animated {
line-height: 1.56;
opacity: 1;
-webkit-transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
}
.posts-list.posts-list--vertical-justify.list-style-v7 .posts-list__item.justify-item {
margin-bottom: 37px;
}
.posts-list.posts-list--vertical-justify.list-style-v7 .posts-list__item.justify-item .justify-item__thumbnail {
border-radius: 4px;
position: relative;
background-size: cover;
background-position: center;
margin-bottom: 11px;
min-height: 220px;
}
@media (min-width: 1024px) {
.posts-list.posts-list--vertical-justify.list-style-v7 .posts-list__item.justify-item .justify-item__thumbnail {
min-height: 250px;
}
}
@media (min-width: 1120px) {
.posts-list.posts-list--vertical-justify.list-style-v7 .posts-list__item.justify-item .justify-item__thumbnail {
min-height: 270px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v7 .posts-list__item.justify-item .entry-title {
margin-bottom: 13px;
}
.posts-list.posts-list--vertical-justify.list-style-v7 .posts-list__item.justify-item .entry-footer .space-between-content:not(:empty) {
margin-top: 15px;
}
.posts-list.posts-list--vertical-justify.list-style-v8 {
position: relative;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item {
margin-bottom: 1.875rem;
right: 0;
left: 0;
overflow: hidden;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item:not(.has-post-thumbnail) .justify-item-inner {
background-color: #3b3d42;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .entry-footer .entry-meta > * {
margin-top: 0;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item__thumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-inner {
border-radius: 4px;
overflow: hidden;
position: relative;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-inner:after {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.28s ease;
transition: all 0.28s ease;
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-inner {
min-height: 360px;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-inner {
min-height: 400px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap {
position: absolute;
text-align: center;
bottom: 0;
top: 0;
left: 0;
right: 0;
padding: 60px 20px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap {
padding: 30px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-header {
-webkit-transform: translateY(25%);
transform: translateY(25%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-meta__top, .posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-footer .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-meta__top .comments-link, .posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-footer .entry-meta .comments-link {
padding: 0;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-meta__top {
position: absolute;
top: 28px;
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-meta__top {
top: 15px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-meta__top .post-categories li {
display: inline-block;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-meta__top .cat-links a {
padding: 1px 3px;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-footer {
position: absolute;
bottom: 23px;
left: 10px;
right: 10px;
}
@media (max-width: 1023px) {
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-footer {
bottom: 15px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-footer .comments-link {
background-color: transparent;
font-size: 14px;
font-size: 0.875rem;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap .entry-footer .comments-link:before {
display: none;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item .justify-item-wrap__animated {
line-height: 0;
opacity: 0;
-webkit-transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item:hover .justify-item-inner:after {
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.28s ease;
transition: all 0.28s ease;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item:hover .justify-item-wrap .entry-header {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--vertical-justify.list-style-v8 .posts-list__item.justify-item:hover .justify-item-wrap__animated {
line-height: 1.58;
opacity: 1;
-webkit-transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
}
.posts-list.posts-list--vertical-justify.list-style-v9 {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
position: relative;
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item {
margin-bottom: 1.875rem;
right: 0;
left: 0;
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item:not(.has-post-thumbnail) .justify-item-inner {
background-color: #F2F6FB;
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item__thumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-inner {
border-radius: 4px;
overflow: hidden;
position: relative;
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-inner {
min-height: 360px;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-inner {
min-height: 330px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-inner:after {
position: absolute;
content: "";
top: 40px;
right: 40px;
bottom: 40px;
left: 40px;
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.42s cubic-bezier(0.68, 0.125, 0, 0.995);
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-inner:after {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-wrap {
position: absolute;
text-align: center;
bottom: 0;
top: 0;
left: 0;
right: 0;
padding: 50px;
margin: 35px 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-wrap {
padding: 30px;
margin: 20px 0;
}
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-wrap .entry-header {
-webkit-transform: translateY(25%);
transform: translateY(25%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-wrap .entry-header .entry-meta > * {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-wrap .entry-footer {
padding-top: 10px;
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-wrap .entry-footer .space-between-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-wrap .entry-footer .comments-link {
background-color: transparent;
font-size: 14px;
font-size: 0.875rem;
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-wrap .entry-footer .comments-link:before {
display: none;
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item .justify-item-wrap__animated {
line-height: 0;
opacity: 0;
-webkit-transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
transition: all 0.32s cubic-bezier(0.68, 0.125, 0, 0.995);
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item:hover .justify-item-inner:after {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
-webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item:hover .justify-item-inner:after {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item:hover .justify-item-wrap .entry-header {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.posts-list.posts-list--vertical-justify.list-style-v9 .posts-list__item.justify-item:hover .justify-item-wrap__animated {
line-height: 1.58;
opacity: 1;
-webkit-transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
transition: all 0.35s cubic-bezier(0.265, 0.84, 0.44, 1);
}
.posts-list.posts-list--vertical-justify.list-style-v10 {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
position: relative;
}
.posts-list.posts-list--vertical-justify.list-style-v10 .justify-item__thumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
z-index: -1;
}
@media (min-width: 1024px) {
.posts-list.posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+3) .justify-item-inner .entry-title, .posts-list.posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+4) .justify-item-inner .entry-title, .posts-list.posts-list--vertical-justify.list-style-v10 > .post:nth-child(7n+8) .justify-item-inner .entry-title {
width: 70%;
}
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item {
margin-bottom: 50px;
position: relative;
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item:not(.has-post-thumbnail) .justify-item-inner {
background-color: #F2F6FB;
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .justify-item-inner {
border-radius: 4px;
overflow: hidden;
position: relative;
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .justify-item-inner {
min-height: 300px;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .justify-item-inner {
min-height: 320px;
}
}
@media (min-width: 1120px) {
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .justify-item-inner {
min-height: 330px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .justify-item-inner .entry-title {
position: absolute;
bottom: 20px;
padding: 0 30px 0 20px;
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .justify-item-inner .entry-title a {
padding: 2px 0.5em 3px;
background-color: rgba(255, 255, 255, 0.9);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .entry-title {
max-height: 272px;
overflow: hidden;
}
@media (max-width: 1119px) {
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .entry-title {
max-height: 260px;
}
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .entry-meta > * {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .entry-meta .comments-link {
border-radius: 0;
padding: 0 8px;
background-color: transparent;
font-size: 14px;
font-size: 0.875rem;
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .entry-meta .comments-link:before {
display: none;
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .entry-footer {
margin-top: 15px;
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .justify-item-wrap {
border-top: none;
border-radius: 4px;
padding-top: 15px;
}
/*--------------------------------------------------------------
### Masonry Posts List
--------------------------------------------------------------*/
.posts-list.posts-list--masonry {
/*-----------------------
### masonry layouts styles
------------------------*/
/* 4grids */
display: block;
/* 3grids */
/* 2grids */
/*------------------ layouts Styles -------------------*/
/*-------------------
### V1 Styles
---------------------*/
/*-------------------
### V2 Styles
---------------------*/
/*-------------------
### V3 Styles
---------------------*/
/*-------------------
### V4 Styles
---------------------*/
/*-------------------
### V7, V8, V9 Styles
---------------------*/
/*-------------------
### V10Styles
---------------------*/
}
.posts-list.posts-list--masonry > .post {
display: inline-block;
width: 100%;
-webkit-column-break-inside: avoid;
/* Chrome, Safari, Opera */
page-break-inside: avoid;
/* Firefox */
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.posts-list.posts-list--masonry > .post .post-thumbnail {
line-height: 0;
}
.posts-list.posts-list--masonry.list-style-v4, .posts-list.posts-list--masonry.list-style-v9 {
-webkit-column-gap: 1.875rem;
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-fill: auto;
column-fill: auto;
-moz-column-fill: balance;
}
@media (min-width: 768px) {
.posts-list.posts-list--masonry.list-style-v4, .posts-list.posts-list--masonry.list-style-v9 {
-webkit-column-count: 2;
column-count: 2;
-moz-column-count: 2;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--masonry.list-style-v4, .posts-list.posts-list--masonry.list-style-v9 {
-webkit-column-count: 3;
column-count: 3;
-moz-column-count: 3;
}
}
@media (min-width: 1120px) {
.posts-list.posts-list--masonry.list-style-v4, .posts-list.posts-list--masonry.list-style-v9 {
-webkit-column-count: 4;
column-count: 4;
-moz-column-count: 4;
}
}
.posts-list.posts-list--masonry.list-style-default, .posts-list.posts-list--masonry.list-style-V3, .posts-list.posts-list--masonry.list-style-v2 {
-webkit-column-gap: 1.875rem;
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
@media (min-width: 768px) {
.posts-list.posts-list--masonry.list-style-default, .posts-list.posts-list--masonry.list-style-V3, .posts-list.posts-list--masonry.list-style-v2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media (min-width: 1024px) {
.posts-list.posts-list--masonry.list-style-default, .posts-list.posts-list--masonry.list-style-V3, .posts-list.posts-list--masonry.list-style-v2 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
.posts-list.posts-list--masonry.list-style-v3, .posts-list.posts-list--masonry.list-style-v5, .posts-list.posts-list--masonry.list-style-v6, .posts-list.posts-list--masonry.list-style-v7, .posts-list.posts-list--masonry.list-style-v8, .posts-list.posts-list--masonry.list-style-v10 {
-webkit-column-gap: 1.875rem;
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
@media (min-width: 1024px) {
.posts-list.posts-list--masonry.list-style-v3, .posts-list.posts-list--masonry.list-style-v5, .posts-list.posts-list--masonry.list-style-v6, .posts-list.posts-list--masonry.list-style-v7, .posts-list.posts-list--masonry.list-style-v8, .posts-list.posts-list--masonry.list-style-v10 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
.posts-list.posts-list--masonry .masonry-item .comments-link {
padding: 10px 12px 9px;
border-radius: 4px;
font-size: 11px;
font-size: 0.6875rem;
background-color: #f1f4f6;
}
.list-style-v3 .posts-list.posts-list--masonry .masonry-item .comments-link {
background-color: transparent;
border: 1px solid;
}
.posts-list.posts-list--masonry .masonry-item .comments-link:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
font-size: 0.875rem;
content: "\f075";
margin-right: 4px;
}
.posts-list.posts-list--masonry .masonry-item .entry-header .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 2px;
}
.posts-list.posts-list--masonry .masonry-item .entry-header .entry-meta .posted-on {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.posts-list.posts-list--masonry .masonry-item .entry-title {
margin: 0 0 10px;
}
.posts-list.posts-list--masonry .masonry-item .entry-meta {
font-size: 14px;
font-size: 0.875rem;
}
.posts-list.posts-list--masonry .masonry-item .entry-content {
margin-bottom: 5px;
}
.posts-list.posts-list--masonry .masonry-item .entry-content p {
margin: 0 0 0.43em;
}
.posts-list.posts-list--masonry.list-style-default .posts-list__item.masonry-item {
margin-bottom: 60px;
}
.posts-list.posts-list--masonry.list-style-default .posts-list__item.masonry-item .post-thumbnail, .posts-list.posts-list--masonry.list-style-v3 .posts-list__item.masonry-item .post-thumbnail {
margin-bottom: 20px;
}
.posts-list.posts-list--masonry.list-style-v2 .posts-list__item.masonry-item, .posts-list.posts-list--masonry.list-style-v6 .posts-list__item.masonry-item {
margin-bottom: 1.875rem;
}
.posts-list.posts-list--masonry.list-style-v2 .posts-list__item.masonry-item .post-thumbnail, .posts-list.posts-list--masonry.list-style-v6 .posts-list__item.masonry-item .post-thumbnail {
margin-bottom: 0;
}
.posts-list.posts-list--masonry.list-style-v2 .posts-list__item.masonry-item .post-thumbnail__link, .posts-list.posts-list--masonry.list-style-v6 .posts-list__item.masonry-item .post-thumbnail__link {
display: block;
}
.posts-list.posts-list--masonry.list-style-v2 .posts-list__item.masonry-item .post-thumbnail img, .posts-list.posts-list--masonry.list-style-v6 .posts-list__item.masonry-item .post-thumbnail img {
width: 100%;
border-radius: 4px 4px 0 0;
}
.posts-list.posts-list--masonry.list-style-v2 .posts-list__item.masonry-item:not(.has-post-thumbnail) .masonry-item-wrap, .posts-list.posts-list--masonry.list-style-v6 .posts-list__item.masonry-item:not(.has-post-thumbnail) .masonry-item-wrap {
border-top: 1px solid #ebeced;
border-radius: 4px 4px;
}
.posts-list.posts-list--masonry.list-style-v2 .posts-list__item.masonry-item .masonry-item-wrap, .posts-list.posts-list--masonry.list-style-v6 .posts-list__item.masonry-item .masonry-item-wrap {
border: 1px solid #ebeced;
border-top: none;
border-radius: 0 0 4px 4px;
padding: 25px;
}
@media (min-width: 1120px) {
.posts-list.posts-list--masonry.list-style-v2 .posts-list__item.masonry-item .masonry-item-wrap, .posts-list.posts-list--masonry.list-style-v6 .posts-list__item.masonry-item .masonry-item-wrap {
padding: 36px 38px 38px;
}
}
.posts-list.posts-list--masonry.list-style-v3 .posts-list__item.masonry-item {
margin-bottom: 1.875rem;
}
.posts-list.posts-list--masonry.list-style-v4, .posts-list.posts-list--masonry.list-style-v5 {
margin-left: 1.875rem;
margin-right: 1.875rem;
}
.posts-list.posts-list--masonry.list-style-v4 .posts-list__item.masonry-item, .posts-list.posts-list--masonry.list-style-v5 .posts-list__item.masonry-item {
margin-bottom: 1.875rem;
}
.posts-list.posts-list--masonry.list-style-v4 .posts-list__item.masonry-item .post-thumbnail, .posts-list.posts-list--masonry.list-style-v5 .posts-list__item.masonry-item .post-thumbnail {
margin-bottom: 0;
}
.posts-list.posts-list--masonry.list-style-v4 .posts-list__item.masonry-item .post-thumbnail__link, .posts-list.posts-list--masonry.list-style-v5 .posts-list__item.masonry-item .post-thumbnail__link {
display: block;
}
.posts-list.posts-list--masonry.list-style-v4 .posts-list__item.masonry-item .post-thumbnail img, .posts-list.posts-list--masonry.list-style-v5 .posts-list__item.masonry-item .post-thumbnail img {
width: 100%;
border-radius: 4px 4px 0 0;
}
.posts-list.posts-list--masonry.list-style-v4 .posts-list__item.masonry-item:not(.has-post-thumbnail) .masonry-item-wrap, .posts-list.posts-list--masonry.list-style-v5 .posts-list__item.masonry-item:not(.has-post-thumbnail) .masonry-item-wrap {
border-radius: 4px 4px;
}
.posts-list.posts-list--masonry.list-style-v4 .posts-list__item.masonry-item .masonry-item-wrap, .posts-list.posts-list--masonry.list-style-v5 .posts-list__item.masonry-item .masonry-item-wrap {
border-radius: 0 0 4px 4px;
padding: 25px;
background-color: #F2F6FB;
}
@media (min-width: 1120px) {
.posts-list.posts-list--masonry.list-style-v4 .posts-list__item.masonry-item .masonry-item-wrap, .posts-list.posts-list--masonry.list-style-v5 .posts-list__item.masonry-item .masonry-item-wrap {
padding: 36px 38px 38px;
}
}
.posts-list.posts-list--masonry.list-style-v5 {
margin-left: auto;
margin-right: auto;
}
.posts-list.posts-list--masonry.list-style-v8 .posts-list__item.masonry-item, .posts-list.posts-list--masonry.list-style-v7 .posts-list__item.masonry-item, .posts-list.posts-list--masonry.list-style-v9 .posts-list__item.masonry-item {
margin-bottom: 1.875rem;
}
.posts-list.posts-list--masonry.list-style-v8 .posts-list__item.masonry-item .post-thumbnail, .posts-list.posts-list--masonry.list-style-v7 .posts-list__item.masonry-item .post-thumbnail, .posts-list.posts-list--masonry.list-style-v9 .posts-list__item.masonry-item .post-thumbnail {
margin-right: 0;
margin-bottom: 0;
}
.posts-list.posts-list--masonry.list-style-v8 .posts-list__item.masonry-item .post-thumbnail img, .posts-list.posts-list--masonry.list-style-v7 .posts-list__item.masonry-item .post-thumbnail img, .posts-list.posts-list--masonry.list-style-v9 .posts-list__item.masonry-item .post-thumbnail img {
border-radius: 0;
}
.posts-list.posts-list--masonry.list-style-v8 .posts-list__item.masonry-item .masonry-item-wrap, .posts-list.posts-list--masonry.list-style-v7 .posts-list__item.masonry-item .masonry-item-wrap, .posts-list.posts-list--masonry.list-style-v9 .posts-list__item.masonry-item .masonry-item-wrap {
border: 1px solid #ebeced;
border-radius: 4px;
padding: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.posts-list.posts-list--masonry.list-style-v8 .posts-list__item.masonry-item .masonry-item-wrap > *, .posts-list.posts-list--masonry.list-style-v8 .posts-list__item.masonry-item .masonry-item-wrap .entry-meta > *, .posts-list.posts-list--masonry.list-style-v7 .posts-list__item.masonry-item .masonry-item-wrap > *, .posts-list.posts-list--masonry.list-style-v7 .posts-list__item.masonry-item .masonry-item-wrap .entry-meta > *, .posts-list.posts-list--masonry.list-style-v9 .posts-list__item.masonry-item .masonry-item-wrap > *, .posts-list.posts-list--masonry.list-style-v9 .posts-list__item.masonry-item .masonry-item-wrap .entry-meta > * {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.posts-list.posts-list--masonry.list-style-v8 .posts-list__item.masonry-item .masonry-item-wrap__content, .posts-list.posts-list--masonry.list-style-v7 .posts-list__item.masonry-item .masonry-item-wrap__content, .posts-list.posts-list--masonry.list-style-v9 .posts-list__item.masonry-item .masonry-item-wrap__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
text-align: center;
}
@media (min-width: 1120px) {
.posts-list.posts-list--masonry.list-style-v8 .posts-list__item.masonry-item .masonry-item-wrap, .posts-list.posts-list--masonry.list-style-v7 .posts-list__item.masonry-item .masonry-item-wrap, .posts-list.posts-list--masonry.list-style-v9 .posts-list__item.masonry-item .masonry-item-wrap {
padding: 36px 38px 38px;
}
}
@media (max-width: 1199px) {
.posts-list.posts-list--masonry.list-style-v8 .posts-list__item.masonry-item .masonry-item-wrap .space-between-content, .posts-list.posts-list--masonry.list-style-v7 .posts-list__item.masonry-item .masonry-item-wrap .space-between-content, .posts-list.posts-list--masonry.list-style-v9 .posts-list__item.masonry-item .masonry-item-wrap .space-between-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.posts-list.posts-list--masonry.list-style-v8 .posts-list__item.masonry-item .masonry-item-wrap .space-between-content .comments-link, .posts-list.posts-list--masonry.list-style-v7 .posts-list__item.masonry-item .masonry-item-wrap .space-between-content .comments-link, .posts-list.posts-list--masonry.list-style-v9 .posts-list__item.masonry-item .masonry-item-wrap .space-between-content .comments-link {
margin-top: 10px;
}
}
.posts-list.posts-list--masonry.list-style-v9 {
margin-left: 1.875rem;
margin-right: 1.875rem;
}
@media (max-width: 1023px) {
.posts-list.posts-list--masonry.list-style-v9 {
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
}
.posts-list.posts-list--masonry.list-style-v10 .masonry-item {
margin-bottom: 34px;
}
.posts-list.posts-list--masonry.list-style-v10 .masonry-item .post-thumbnail {
margin-bottom: 0;
}
.posts-list.posts-list--masonry.list-style-v10 .masonry-item:not(.has-post-thumbnail) .masonry-item-inner {
margin: 0;
padding: 0;
}
.posts-list.posts-list--masonry.list-style-v10 .masonry-item-inner {
position: relative;
margin: -30px 20px 0 20px;
background-color: #fff;
padding: 20px;
}
@media (min-width: 768px) {
.posts-list.posts-list--masonry.list-style-v10 .masonry-item-inner {
margin: -40px 0 0 40px;
padding: 25px 25px 25px 30px;
}
}
@media (min-width: 1120px) {
.posts-list.posts-list--masonry.list-style-v10 .masonry-item-inner {
margin: -49px 0 0 62px;
padding: 35px 25px 25px 38px;
}
}
.posts-list.posts-list--masonry.list-style-v10 .masonry-item-inner .entry-header .entry-meta {
margin-bottom: 23px;
}
.posts-list.posts-list--masonry.list-style-v10 .masonry-item-inner .entry-header .entry-title {
margin: 0 0 24px;
}
.posts-list.posts-list--masonry.list-style-v10 .masonry-item-inner .entry-content {
margin-bottom: 27px;
}
.posts-list.posts-list--masonry.list-style-v10 .masonry-item-inner .space-between-content {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.posts-list.posts-list--masonry.list-style-v10 .masonry-item-inner .space-between-content .comments-link {
padding: 10px 5px 9px;
background-color: transparent;
}