@charset "UTF-8";
@charset "UTF-8";
/* 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: calc(100%);
width: calc(100%);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%);
flex: 0 0 calc(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: calc(100% / 2);
width: calc(100% / 2);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 2);
flex: 0 0 calc(100% / 2);
}
}
@media (min-width: 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: calc(100% / 3);
width: calc(100% / 3);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 3);
flex: 0 0 calc(100% / 3);
}
}
@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: calc(100% / 4);
width: calc(100% / 4);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 4);
flex: 0 0 calc(100% / 4);
}
}
.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: calc(100%);
width: calc(100% );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%);
flex: 0 0 calc(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: calc(100% / 2);
width: calc(100% / 2);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 2);
flex: 0 0 calc(100% / 2);
}
}
@media (min-width: 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: calc(100% / 3);
width: calc(100% / 3);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 3);
flex: 0 0 calc(100% / 3);
}
}
.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: calc(100%);
width: calc(100% );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%);
flex: 0 0 calc(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: calc(100% / 2);
width: calc(100% / 2);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 2);
flex: 0 0 calc(100% / 2);
}
}
.posts-list.posts-list--grid.list-style-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: calc(100%);
width: calc(100% );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%);
flex: 0 0 calc(100%);
}
@media (min-width: 1024px) {
.posts-list.posts-list--grid.list-style-v9 .grid-item {
max-width: calc(100% / 2);
width: calc(100% / 2);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 2);
flex: 0 0 calc(100% / 2);
}
}
.posts-list.posts-list--grid.list-style-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: calc(100%);
width: calc(100% );
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%);
flex: 0 0 calc(100%);
}
@media (min-width: 768px) {
.posts-list.posts-list--grid.list-style-v10 .grid-item {
max-width: calc(100% / 2);
width: calc(100% / 2);
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 2);
flex: 0 0 calc(100% / 2);
}
}
.posts-list.posts-list--grid .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: "";
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 calc(100%/3);
flex: 1 0 calc(100%/3);
max-width: calc(100%/3);
}
.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 calc(100%/1.5);
flex: 1 0 calc(100%/1.5);
max-width: calc(100%/1.5);
}
@media (max-width: 1119px) {
.posts-list--vertical-justify.list-style-v6 > .post {
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(100%/2);
flex: 1 0 calc(100%/2);
max-width: calc(100%/2);
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 calc(100%/2);
flex: 1 0 calc(100%/2);
max-width: calc(100%/2);
}
}
@media (max-width: 767px) {
.posts-list--vertical-justify.list-style-v6 > .post {
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(100%);
flex: 1 0 calc(100%);
max-width: calc(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 calc(100%);
flex: 1 0 calc(100%);
max-width: calc(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: "";
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: balance;
column-fill: balance;
-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: "";
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;
}
/*
Theme Name: monstroid2
WooCommerce styles override
*/
/* Variables */
/* Button */
.header-cart__link-icon:before, .elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):before,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):before,
.widget_shopping_cart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):before, .elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons .checkout:before,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__buttons .checkout:before,
.widget_shopping_cart .woocommerce-mini-cart__buttons .checkout:before, .elementor-widget-wp-widget-woocommerce_product_categories .product-categories li.current-cat a:after,
.widget_product_categories .product-categories li.current-cat a:after, .elementor-widget-wp-widget-woocommerce_layered_nav_filters ul li.chosen a:after,
.widget_layered_nav_filters ul li.chosen a:after, .elementor-widget-wp-widget-woocommerce_layered_nav ul li.chosen:after,
.widget_layered_nav ul li.chosen:after, .elementor-widget-wp-widget-woocommerce_rating_filter ul li.chosen:after,
.widget_rating_filter ul li.chosen:after, .elementor-widget-wp-widget-woocommerce_price_filter .button:before,
.widget_price_filter .button:before, .woocommerce-product-gallery__trigger::before, .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a::before, .woocommerce-checkout .place-order .button::before, .woocommerce-cart .cart-collaterals table tr .shipping-calculator-form .button::before, .woocommerce-cart .cart-collaterals table tr.shipping td .shipping-calculator-button::before, .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button::before, .woocommerce-cart table.cart tr td.product-remove a::before, .woocommerce-cart table.cart tr td.actions > .button::before, label.checkbox input[type=checkbox] + span::after,
label.inline input[type=checkbox] + span::after, .stars a::before, .star-rating span::before, .star-rating::before, .woocommerce-pagination ul.page-numbers li .page-numbers .nav-icon::before, .woocommerce-pagination a.page-numbers .nav-icon::before,
.woocommerce-pagination span.page-numbers .nav-icon::before, .woocommerce-message:before,
.woocommerce-info:before,
.woocommerce-error:before, .button.single_add_to_cart_button:after, .button.single_add_to_cart_button:before, .button.add_to_cart_button:after, .button.add_to_cart_button:before, .button.product_type_variable:after, .button.product_type_variable:before {
display: inline-block;
font: normal normal normal 14px/1 "FontAwesome";
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@-webkit-keyframes icon-spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes icon-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Components */
/**
* Product badges styles
*/
.products .woocommerce-loop-product__link {
position: relative;
display: block;
}
.onsale {
display: inline-block;
font-size: 11px;
line-height: 11px;
color: #ffffff;
background-color: #fd6d75;
padding: 2px 5px;
border-radius: 0;
}
.products .onsale {
position: absolute;
top: 0;
left: 0;
}
.single-product .summary .onsale {
margin-bottom: 8px;
}
/**
* Buttons
*/
.button {
display: inline-block;
max-width: 100%;
padding: 12px 20px;
cursor: pointer;
text-align: center;
text-transform: uppercase;
text-decoration: none;
border: none;
border-radius: 3px;
}
.button.product_type_grouped, .button.product_type_external, .button.product_type_simple, .button.product_type_variable {
padding-top: 10px;
padding-bottom: 10px;
}
.button.product_type_grouped .button-text, .button.product_type_external .button-text, .button.product_type_simple .button-text, .button.product_type_variable .button-text {
line-height: 1.6;
}
.button.single_add_to_cart_button, .button.add_to_cart_button, .button.product_type_variable {
position: relative;
}
.button.single_add_to_cart_button:after, .button.single_add_to_cart_button:before, .button.add_to_cart_button:after, .button.add_to_cart_button:before, .button.product_type_variable:after, .button.product_type_variable:before {
display: inline-block;
font-size: 12px;
line-height: 12px;
}
.button.single_add_to_cart_button:after, .button.add_to_cart_button:after, .button.product_type_variable:after {
position: absolute;
left: 50%;
top: 50%;
margin-top: -7px;
margin-left: -5px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
-webkit-animation: icon-spin 2s infinite linear;
animation: icon-spin 2s infinite linear;
}
.button.single_add_to_cart_button:before, .button.add_to_cart_button:before, .button.product_type_variable:before {
margin-right: 7px;
}
.button.add_to_cart_button:before, .button.single_add_to_cart_button:before {
content: "";
}
.button.product_type_variable:before {
content: "";
}
.button.ajax_add_to_cart.loading .button-text, .button.ajax_add_to_cart.loading:before {
opacity: 0;
}
.button.ajax_add_to_cart.loading:after {
content: "";
}
.button.ajax_add_to_cart.added {
background-color: #27d18b;
}
.button.ajax_add_to_cart.added:before {
content: "";
}
.added_to_cart {
display: inline-block;
text-align: center;
text-transform: uppercase;
margin-top: 10px;
padding: 12px 20px;
border-radius: 3px;
}
/**
* Description
*/
/**
* Archive panel
*/
.woocommerce-products-header__title.page-title {
font-size: 40px;
text-align: center;
line-height: 54px;
margin: 10px 0 35px;
}
.woocommerce-products-header .page-description,
.woocommerce-products-header .term-description {
text-align: center;
margin-bottom: 35px;
}
.archive.woocommerce.position-one-left-sidebar .site-content__wrap, .archive.woocommerce.position-one-right-sidebar .site-content__wrap {
padding-top: 0;
}
.woocommerce-products__panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 0 30px 0;
margin: 0 0 30px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #ebeced;
}
.woocommerce-products__panel:empty {
display: none !important;
}
.woocommerce-result-count {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 0;
}
select.orderby {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
width: 170px;
}
/**
* Messages
*/
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
position: relative;
list-style: none;
margin: 0 0 50px 0;
border: 1px solid #ebeced;
border-radius: 3px;
width: 100%;
padding: 20px 30px 20px 90px;
overflow: hidden;
}
@media (max-width: 767px) {
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
margin-bottom: 20px;
}
}
.woocommerce-message:before,
.woocommerce-info:before,
.woocommerce-error:before {
position: absolute;
left: -1px;
top: -1px;
bottom: -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
width: 72px;
height: calc(100% + 2px);
line-height: 1;
margin: 0 20px 0 0;
text-align: center;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.woocommerce-message > *,
.woocommerce-info > *,
.woocommerce-error > * {
display: inline-block;
vertical-align: middle;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
float: right;
}
.woocommerce-message .button.wc-forward,
.woocommerce-info .button.wc-forward,
.woocommerce-error .button.wc-forward {
margin-left: 20px;
}
.woocommerce-message:before {
content: "";
color: #ffffff;
background-color: #398ffc;
}
.woocommerce-error:before {
content: "";
color: #ffffff;
background-color: #fd6d75;
}
.woocommerce-info:before {
content: "";
color: #ffffff;
background-color: #fdbc32;
}
/**
* WooCommerce pagination
*/
.woocommerce-pagination {
margin: 0 0 35px;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-pagination > span + *,
.woocommerce-pagination > a + * {
margin-left: 10px;
}
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers {
display: inline-block;
font-size: 14px;
line-height: 33px;
padding: 0;
text-align: center;
}
.woocommerce-pagination a.page-numbers:not(.prev):not(.next),
.woocommerce-pagination span.page-numbers:not(.prev):not(.next) {
height: 33px;
width: 33px;
border-radius: 3px;
border: 1px solid #ebeced;
}
.woocommerce-pagination a.page-numbers:not(.prev):not(.next):hover, .woocommerce-pagination a.page-numbers:not(.prev):not(.next).current,
.woocommerce-pagination span.page-numbers:not(.prev):not(.next):hover,
.woocommerce-pagination span.page-numbers:not(.prev):not(.next).current {
background-color: #ebeced;
}
.woocommerce-pagination a.page-numbers.next,
.woocommerce-pagination span.page-numbers.next {
margin-left: 10px;
}
.woocommerce-pagination a.page-numbers.prev,
.woocommerce-pagination span.page-numbers.prev {
margin-right: 10px;
}
.woocommerce-pagination a.page-numbers:hover,
.woocommerce-pagination span.page-numbers:hover {
outline: none;
}
.woocommerce-pagination a.page-numbers .nav-icon,
.woocommerce-pagination span.page-numbers .nav-icon {
font-size: 12px;
}
.woocommerce-pagination a.page-numbers .nav-icon.icon-next,
.woocommerce-pagination span.page-numbers .nav-icon.icon-next {
margin-left: 4px;
}
.woocommerce-pagination a.page-numbers .nav-icon.icon-next::before,
.woocommerce-pagination span.page-numbers .nav-icon.icon-next::before {
content: "";
}
.woocommerce-pagination a.page-numbers .nav-icon.icon-prev,
.woocommerce-pagination span.page-numbers .nav-icon.icon-prev {
margin-right: 4px;
}
.woocommerce-pagination a.page-numbers .nav-icon.icon-prev::before,
.woocommerce-pagination span.page-numbers .nav-icon.icon-prev::before {
content: "";
}
.woocommerce-pagination {
margin: 0 0 35px;
}
.woocommerce-pagination ul.page-numbers {
list-style: none;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-pagination ul.page-numbers li .page-numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 33px;
padding: 0;
text-align: center;
}
.woocommerce-pagination ul.page-numbers li .page-numbers:not(.prev, .next) {
height: 33px;
width: 33px;
border-radius: 3px;
border: 1px solid #ebeced;
}
.woocommerce-pagination ul.page-numbers li .page-numbers:not(.prev, .next):hover, .woocommerce-pagination ul.page-numbers li .page-numbers:not(.prev, .next).current {
background-color: #ebeced;
}
.woocommerce-pagination ul.page-numbers li .page-numbers.next {
margin-left: 10px;
}
.woocommerce-pagination ul.page-numbers li .page-numbers.prev {
margin-right: 10px;
}
.woocommerce-pagination ul.page-numbers li .page-numbers:hover {
outline: none;
}
.woocommerce-pagination ul.page-numbers li .page-numbers .nav-icon {
font-size: 12px;
}
.woocommerce-pagination ul.page-numbers li .page-numbers .nav-icon.icon-next::before {
content: "";
}
.woocommerce-pagination ul.page-numbers li .page-numbers .nav-icon.icon-prev::before {
content: "";
}
.woocommerce-pagination ul.page-numbers li + li {
margin-left: 10px;
}
/**
* Prices
*/
.price {
font-size: 20px;
line-height: 1;
margin: 6px 0 16px 0;
display: block;
}
.price ins, .price del {
line-height: 1;
}
.price ins {
font-style: normal;
border: none;
margin-right: 5px;
}
.price del {
color: #fd6d75;
}
.product-list .price {
margin: 10px 0;
}
.single-product .summary .price {
margin: 6px 0 25px 0;
font-size: 28px;
line-height: 1;
}
/**
* Rating
*/
.star-rating {
width: 6.5em;
height: 12px;
font-size: 12px;
color: #fdbc32;
margin: 10px 0;
position: relative;
display: block;
overflow: hidden;
}
.star-rating::before {
content: "";
letter-spacing: 4px;
color: #e7e8e8;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
padding-top: 1.5em;
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span::before {
letter-spacing: 4px;
content: "";
top: 0;
position: absolute;
left: 0;
}
.single-product .summary .star-rating {
display: inline-block;
margin: 0;
}
.stars {
display: inline-block;
width: calc(6.5em + 1em);
height: 12px;
font-size: 12px;
overflow: hidden;
margin-bottom: 0;
padding-left: 15px;
}
.stars span {
line-height: 2;
}
.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
color: #e7e8e8;
}
.stars a:hover, .stars a.active {
color: #fdbc32;
}
.stars a + a {
margin-left: 3px;
}
.stars a::before {
letter-spacing: 4px;
content: "";
top: 0;
position: absolute;
left: 0;
display: block;
width: 1em;
height: 1em;
line-height: 1;
text-indent: 0;
}
.stars:hover a {
color: #fdbc32;
}
.stars:hover a:hover ~ a {
color: #e7e8e8;
}
.stars.selected a:not(.active) {
color: #fdbc32;
}
.stars.selected a.active ~ a {
color: #e7e8e8;
}
.single-product .stars {
width: calc(7.5em + 1em);
}
.single-product .woocommerce-product-rating {
margin-bottom: 20px;
}
.single-product .woocommerce-product-rating .product-rating__content {
overflow: hidden;
}
.woocommerce-review-link {
margin-left: 15px;
}
/**
* Select
*/
select {
font-size: inherit;
line-height: inherit;
padding: 8px 12px;
border-radius: 3px;
border: 1px solid #ebeced;
}
select:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
/**
* Tables
*/
.woocommerce table {
border-radius: 3px;
}
.woocommerce table th, .woocommerce table td {
font-size: 18px;
line-height: 24px;
padding: 5px 0;
}
.woocommerce table th p, .woocommerce table td p {
margin-bottom: 0;
}
/**
* Product meta
*/
.product_meta {
font-size: 14px;
margin: 40px 0 10px 0;
}
.product_meta > span {
display: block;
}
.product_meta > span + span {
margin-top: 5px;
}
/**
* Titles
*/
.woocommerce-loop-product__title {
font-size: 14px;
line-height: 22px;
text-align: left;
margin: 8px 0 5px 0;
text-transform: none;
}
.single-product .product_title {
font-size: 28px;
line-height: 40px;
text-align: left;
margin: 0;
text-transform: none;
}
.product-list .woocommerce-loop-product__title {
font-size: 14px;
line-height: 22px;
text-align: left;
margin: left;
text-transform: none;
}
.panel h2 {
font-size: 24px;
line-height: 32px;
text-align: left;
margin: 0;
text-transform: none;
}
.related > h2,
.upsells > h2 {
font-size: 20px;
line-height: 32px;
text-align: left;
margin: 52px 0 25px;
text-transform: none;
}
/* Shopping cart title */
.woocommerce-cart .entry-header > .entry-title {
font-size: 40px;
line-height: 58px;
text-align: center;
margin: 8px 0 52px 0;
text-transform: none;
}
.woocommerce-checkout .entry-header > .entry-title {
font-size: 40px;
line-height: 58px;
text-align: center;
margin: 8px 0 52px 0;
text-transform: none;
}
.woocommerce-account .entry-header > .entry-title {
font-size: 40px;
line-height: 58px;
text-align: center;
margin: 0 0 30px;
text-transform: none;
}
/**
* Checkbox
*/
label.checkbox,
label.inline {
position: relative;
}
label.checkbox.woocommerce-form__label,
label.inline.woocommerce-form__label {
padding-left: 30px;
}
label.checkbox input[type=checkbox],
label.inline input[type=checkbox] {
display: none;
}
label.checkbox input[type=checkbox] + span::before,
label.inline input[type=checkbox] + span::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: transparent;
border: 1px solid #ebeced;
border-radius: 3px;
position: absolute;
top: 0;
left: 0;
}
label.checkbox input[type=checkbox] + span::after,
label.inline input[type=checkbox] + span::after {
content: "";
opacity: 0;
font-size: 14px;
position: absolute;
top: 4px;
left: 4px;
}
label.checkbox input[type=checkbox]:checked + span::after,
label.inline input[type=checkbox]:checked + span::after {
opacity: 1;
}
/**
* Store Notice
*/
.woocommerce-store-notice {
position: fixed;
top: 0;
right: 0;
left: 0;
padding: 30px 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 99;
}
.admin-bar .woocommerce-store-notice {
top: 30px;
}
.woocommerce-store-notice .woocommerce-store-notice__dismiss-link:hover {
text-decoration: underline;
}
/* Layouts */
/**
* Shop layout
*/
ul.products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
list-style: none;
}
ul.products li.product {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
ul.products.columns-1 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns--1 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns-2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns--2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns-3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns--3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns--4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
ul.products.columns--5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
ul.products.columns-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
ul.products.columns--6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
@media (min-width: 768px) {
ul.products.columns-1 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns-sm-1 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns-2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns-sm-2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns-3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns-sm-3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns-sm-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
ul.products.columns-sm-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
ul.products.columns-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
ul.products.columns-sm-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media (min-width: 1024px) {
ul.products.columns-1 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns-md-1 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns-2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns-md-2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns-3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns-md-3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns-md-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
ul.products.columns-md-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
ul.products.columns-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
ul.products.columns-md-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media (min-width: 1120px) {
ul.products.columns-1 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns-lg-1 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns-2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns-lg-2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns-3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns-lg-3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns-lg-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
ul.products.columns-lg-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
ul.products.columns-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
ul.products.columns-lg-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media (min-width: 1200px) {
ul.products.columns-1 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns-xl-1 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.products.columns-2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns-xl-2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
ul.products.columns-3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns-xl-3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
ul.products.columns-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns-xl-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
ul.products.columns-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
ul.products.columns-xl-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
ul.products.columns-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
ul.products.columns-xl-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
/* Pages */
/**
* WooComerce cart page
*/
.woocommerce .cart-empty {
display: block;
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form {
border: 1px solid #ebeced;
border-radius: 4px;
overflow: hidden;
}
.woocommerce-cart .woocommerce {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce-cart .woocommerce .woocommerce-notices-wrapper {
width: 100%;
}
.woocommerce-cart .woocommerce .woocommerce-message,
.woocommerce-cart .woocommerce .woocommerce-error,
.woocommerce-cart .woocommerce .woocommerce-info {
width: 100%;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form {
width: 100%;
}
@media (min-width: 1024px) {
.woocommerce-cart .woocommerce .woocommerce-cart-form {
width: 65%;
}
}
.woocommerce-cart .woocommerce .cart-collaterals {
width: 100%;
margin-top: 30px;
margin-left: 0;
}
@media (min-width: 1024px) {
.woocommerce-cart .woocommerce .cart-collaterals {
width: calc(35% - 30px);
margin-top: 0;
margin-left: 30px;
}
}
.woocommerce-cart table.cart {
width: 100%;
}
@media (max-width: 767px) {
.woocommerce-cart table.cart thead {
display: none;
}
}
.woocommerce-cart table.cart tr td, .woocommerce-cart table.cart tr th {
border-bottom: 1px solid #ebeced;
}
.woocommerce-cart table.cart tr:last-child td {
border-bottom: none;
}
.woocommerce-cart table.cart tr th {
padding: 10px;
font-size: 14px;
}
@media (max-width: 767px) {
.woocommerce-cart table.cart tr {
border-bottom: 1px solid #ebeced;
}
.woocommerce-cart table.cart tr:last-child {
border-bottom: none;
}
}
.woocommerce-cart table.cart tr td {
padding: 30px 10px;
}
@media (max-width: 767px) {
.woocommerce-cart table.cart tr td {
display: block;
width: 100% !important;
padding: 10px;
text-align: center;
border: none;
}
}
.woocommerce-cart table.cart tr td.product-price, .woocommerce-cart table.cart tr td.product-subtotal {
font-size: 20px;
line-height: 1;
margin: 6px 0 16px 0;
}
@media (max-width: 767px) {
.woocommerce-cart table.cart tr td.product-price, .woocommerce-cart table.cart tr td.product-subtotal {
margin: 0;
}
}
@media (max-width: 767px) {
.woocommerce-cart table.cart tr td.product-price {
display: none;
}
}
.woocommerce-cart table.cart tr td.actions {
padding: 20px;
text-align: right;
}
.woocommerce-cart table.cart tr td.actions .coupon {
float: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 768px) {
.woocommerce-cart table.cart tr td.actions .coupon {
float: left;
}
}
.woocommerce-cart table.cart tr td.actions .coupon * + * {
margin-left: 5px;
}
@media (max-width: 767px) {
.woocommerce-cart table.cart tr td.actions .coupon * + * {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-top: 5px;
margin-left: 0;
}
}
.woocommerce-cart table.cart tr td.actions .input-text {
font-size: 14px;
width: 168px;
padding: 7px 10px;
}
.woocommerce-cart table.cart tr td.actions label {
font-size: 14px;
}
.woocommerce-cart table.cart tr td.actions > .button {
float: none;
background: transparent;
font-size: 14px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
margin-top: 10px;
}
@media (min-width: 768px) {
.woocommerce-cart table.cart tr td.actions > .button {
float: right;
margin-top: 0;
}
}
.woocommerce-cart table.cart tr td.actions > .button::before {
content: "";
font-size: 12px;
padding-right: 5px;
}
.woocommerce-cart table.cart tr td.actions > .button:hover {
cursor: pointer;
}
.woocommerce-cart table.cart tr td.product-quantity input {
width: 70px;
text-align: center;
}
@media (max-width: 767px) {
.woocommerce-cart table.cart tr td.product-quantity input {
width: auto;
}
}
.woocommerce-cart table.cart tr td.product-quantity input[type=number]::-webkit-inner-spin-button, .woocommerce-cart table.cart tr td.product-quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce-cart table.cart tr td.product-thumbnail {
width: 120px;
}
.woocommerce-cart table.cart tr td.product-name {
font-size: 14px;
line-height: 14px;
}
.woocommerce-cart table.cart tr td.product-remove {
padding: 10px 0 0;
width: 50px;
}
@media (min-width: 768px) {
.woocommerce-cart table.cart tr td.product-remove {
padding: 23px 20px 17px;
}
}
.woocommerce-cart table.cart tr td.product-remove a {
font-size: 0;
}
.woocommerce-cart table.cart tr td.product-remove a::before {
content: "";
line-height: 18px;
font-size: 12px;
}
.woocommerce-cart .cart-collaterals {
border: 1px solid #ebeced;
border-radius: 4px;
padding: 5px 30px 30px;
margin-top: 30px;
}
.woocommerce-cart .cart-collaterals h2 {
font-size: calc(40px / 2);
text-transform: uppercase;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button {
font-size: 15px;
padding: 15px 5px 21px;
margin-top: 18px;
background-color: #27d18b;
width: 100%;
color: #ffffff;
}
@media (max-width: 1199px) {
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button {
font-size: 12px;
}
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button::before {
content: "";
font-size: calc(15px + 5px);
padding-right: 5px;
}
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover {
background-color: rgba(39, 209, 139, 0.8);
}
.woocommerce-cart .cart-collaterals table {
border: none;
}
.woocommerce-cart .cart-collaterals table tr {
vertical-align: baseline;
}
.woocommerce-cart .cart-collaterals table tr th {
font-size: 14px;
padding-right: 25px;
}
.woocommerce-cart .cart-collaterals table tr.shipping td {
font-size: 14px;
}
.woocommerce-cart .cart-collaterals table tr.shipping td .shipping-calculator-button::before {
content: "";
font-size: 12px;
padding-right: 5px;
}
.woocommerce-cart .cart-collaterals table tr.cart-subtotal .amount {
font-size: 20px;
line-height: 1;
}
.woocommerce-cart .cart-collaterals table tr .shipping-calculator-form {
padding: 20px 0;
}
.woocommerce-cart .cart-collaterals table tr .shipping-calculator-form input {
width: 220px;
}
@media (min-width: 1024px) and (max-width: 1119px) {
.woocommerce-cart .cart-collaterals table tr .shipping-calculator-form input {
width: 150px;
}
}
.woocommerce-cart .cart-collaterals table tr .shipping-calculator-form .button {
display: block;
width: 100%;
}
.woocommerce-cart .cart-collaterals table tr .shipping-calculator-form .button::before {
content: "";
font-size: 12px;
padding-right: 5px;
}
.woocommerce-cart .cart-collaterals table tr .shipping-calculator-form p + p {
margin-top: 20px;
}
.woocommerce-cart .cart-collaterals table tr.order-total .amount {
font-size: calc(20px * 1.4);
line-height: 1;
}
.woocommerce-cart .cart-collaterals table tr td, .woocommerce-cart .cart-collaterals table tr th {
border: none;
}
#page .select2-selection {
height: 35px;
border-color: #ebeced;
}
#page .select2-selection b {
margin-top: 0;
}
#page .select2-selection .select2-selection__rendered {
padding: 3px 12px;
}
.select2-dropdown {
border-color: #ebeced;
}
body .select2-container--default .select2-selection--single {
padding: 3.5px 12px;
height: auto;
margin: 0;
background-color: #ffffff;
border: 1px solid #ebeced;
}
body .select2-container--default .select2-selection--single:focus {
-webkit-box-shadow: 0 5px 32px rgba(103, 122, 141, 0.17);
box-shadow: 0 5px 32px rgba(103, 122, 141, 0.17);
}
body .select2-container .select2-selection--single .select2-selection__rendered {
padding: 0;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
}
/**
* Checkout page
*/
.woocommerce-checkout .woocommerce {
max-width: 570px;
margin: 0 auto;
}
.woocommerce-checkout .woocommerce-error {
margin-left: 0;
}
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-checkout h3 {
font-size: 20px;
line-height: 32px;
margin: 0 0 10px;
}
.woocommerce-checkout .woocommerce-info {
border: none;
border-radius: 0;
padding: 0;
}
.woocommerce-checkout .woocommerce-info::before {
content: "";
display: none;
}
.woocommerce-checkout .woocommerce-form-login p:not(.form-row) {
margin-bottom: 26px;
}
.woocommerce-checkout form.woocommerce-checkout,
.woocommerce-checkout .woocommerce-form-login + .woocommerce-info {
border-top: 1px solid #ebeced;
padding-top: 30px;
margin-top: 30px;
}
.woocommerce-checkout .woocommerce-info a {
font-size: 14px;
}
.woocommerce-checkout .woocommerce-billing-fields h3 {
margin-bottom: 25px;
}
.woocommerce-checkout #order_review_heading {
margin: 45px 0 30px;
}
.woocommerce-checkout label {
display: block;
font-size: 14px;
line-height: inherit;
margin: 0 0 4px;
}
.woocommerce-checkout input.input-text {
width: 100%;
}
.woocommerce-checkout .clear + .form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
}
.woocommerce-checkout .clear + .form-row label.inline {
margin: 0 0 0 30px;
}
.woocommerce-checkout .woocommerce-checkout-review-order table {
border: 1px solid #ebeced;
width: 100%;
}
.woocommerce-checkout .woocommerce-checkout-review-order table thead {
border-bottom: 1px solid #ebeced;
}
.woocommerce-checkout .woocommerce-checkout-review-order table .amount {
font-size: 20px;
line-height: 1;
}
.woocommerce-checkout .woocommerce-checkout-review-order table tr.order-total .amount {
font-size: calc(20px * 1.4);
}
.woocommerce-checkout .woocommerce-checkout-review-order table tr th {
padding: 7px 20px;
}
.woocommerce-checkout .woocommerce-checkout-review-order table tr th:last-child, .woocommerce-checkout .woocommerce-checkout-review-order table tr td:last-child {
width: 140px;
}
.woocommerce-checkout .woocommerce-checkout-review-order table tr th, .woocommerce-checkout .woocommerce-checkout-review-order table tr td {
font-size: 14px;
}
.woocommerce-checkout .woocommerce-checkout-review-order table tbody tr td {
padding: 17px 20px;
border-bottom: 1px solid #ebeced;
}
.woocommerce-checkout .woocommerce-checkout-review-order table tfoot tr:first-child th, .woocommerce-checkout .woocommerce-checkout-review-order table tfoot tr:first-child td {
padding-top: 20px;
}
.woocommerce-checkout .woocommerce-checkout-review-order table tfoot tr:last-child th, .woocommerce-checkout .woocommerce-checkout-review-order table tfoot tr:last-child td {
padding-bottom: 20px;
}
.woocommerce-checkout .woocommerce-checkout-review-order table tfoot tr th {
text-align: right;
padding-right: 0;
}
.woocommerce-checkout .woocommerce-checkout-review-order table tfoot tr td {
padding: 7px 20px;
}
.woocommerce-checkout .woocommerce-checkout-review-order #payment ul.payment_methods .stripe-card-group {
width: 100%;
}
.woocommerce-checkout .woocommerce-checkout-review-order #payment ul.payment_methods li .stripe-credit-card-brand {
margin-top: -13px;
}
.woocommerce-checkout .woocommerce-checkout-review-order .wc-stripe-elements-field {
width: 100%;
}
.woocommerce-checkout .woocommerce-checkout-review-order #wc-stripe-cc-form {
display: block;
}
.woocommerce-checkout .woocommerce-checkout-review-order #wc-stripe-cc-form .form-row {
width: 100%;
}
.woocommerce-checkout .wc_payment_methods {
margin: 15px 0;
list-style: none;
}
.woocommerce-checkout .place-order .button {
font-size: 15px;
padding: 15px 5px 21px;
margin-top: 18px;
background-color: #27d18b;
width: 100%;
}
.woocommerce-checkout .place-order .button::before {
content: "";
font-size: calc(15px + 5px);
padding-right: 5px;
}
#shipping_method {
list-style: none;
margin: 0;
}
#shipping_method li * {
display: inline-block;
}
.wc_payment_methods li * {
display: inline-block;
}
.wc_payment_methods li .payment_box {
padding: 20px;
border-radius: 4px;
margin: 10px 0 15px;
display: block;
}
.wc_payment_methods li .payment_box p {
margin-bottom: 0;
}
.wc_payment_methods li.payment_method_paypal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wc_payment_methods li.payment_method_paypal label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 96%;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: 5px;
margin-bottom: 0;
}
.wc_payment_methods li.payment_method_paypal .payment_box.payment_method_paypal {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
margin-top: 20px;
}
.wc_payment_methods li.payment_method_paypal img {
margin: 0 10px;
max-width: 160px;
position: absolute;
top: 45%;
left: 50px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.wc_payment_methods li + li {
margin-top: 10px;
}
/**
* Compare
*/
/**
* My account page
*/
.logged-in.woocommerce-account .woocommerce {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.woocommerce-account .woocommerce {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.woocommerce-account .woocommerce .woocommerce-error {
width: 100%;
}
.woocommerce-account .woocommerce .u-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce-account .woocommerce .u-columns > * {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
@media (min-width: 768px) {
.woocommerce-account .woocommerce .u-columns > * {
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(50% - 15px);
flex: 1 1 calc(50% - 15px);
}
}
.woocommerce-account .woocommerce .u-columns .u-column2 {
padding-left: 0;
}
@media (min-width: 768px) {
.woocommerce-account .woocommerce .u-columns .u-column2 {
padding-left: 30px;
}
}
.woocommerce-account .woocommerce .u-columns .form-row .woocommerce-form-login__submit {
display: block;
margin-top: 15px;
}
.woocommerce-account .woocommerce > h2,
.woocommerce-account .woocommerce > .woocommerce-form-login {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
}
.woocommerce-account .woocommerce label:not(.woocommerce-form__label-for-checkbox) {
display: block;
font-size: 14px;
line-height: inherit;
margin: 0 0 4px;
}
.woocommerce-account .woocommerce > .woocommerce-form-login .woocommerce-form__label-for-checkbox {
margin-left: 10px;
}
.woocommerce-account .woocommerce > .woocommerce-form-login .woocommerce-form-login__submit {
display: block;
margin-top: 15px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
width: 100%;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
width: auto;
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
width: 270px;
}
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
content: "";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
content: "";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
content: "";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
content: "";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
content: "";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
content: "";
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
padding: 13px 20px;
border-radius: 4px;
border: 1px solid #ebeced;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a::before {
font-size: 18px;
margin-right: 8px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li + li {
margin-top: 10px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
padding-left: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
}
@media (min-width: 768px) {
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
padding-left: 30px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: calc(100% - 300px);
}
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination {
margin-bottom: 0;
margin-top: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content mark {
background-color: transparent;
font-style: normal;
text-decoration: none;
border: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-info > .button {
margin-bottom: 10px;
display: block;
width: 90px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
font-size: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content label {
font-size: 14px;
line-height: inherit;
margin: 0 0 4px;
display: block;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content legend {
font-size: 20px;
margin-bottom: 30px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-column__title,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details__title {
font-size: 20px;
margin: 20px 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset {
border: none;
padding: 0;
margin-top: 40px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm input {
width: 100%;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details {
width: 100%;
border-top: 1px solid #ebeced;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table tr th.woocommerce-orders-table__header-order-actions .nobr,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table tr th.download-file .nobr,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tr th.woocommerce-orders-table__header-order-actions .nobr,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tr th.download-file .nobr {
font-size: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table tr td.woocommerce-table__product-name .product-quantity,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tr td.woocommerce-table__product-name .product-quantity {
font-weight: 300;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-actions,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table tr td.download-file,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tr td.woocommerce-orders-table__cell-order-actions,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tr td.download-file {
text-align: right;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table tr td.download-file .button,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tr td.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tr td.download-file .button {
padding: 0;
background-color: transparent;
text-transform: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table tr td, .woocommerce-account .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table tr th,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tr td,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table.order_details tr th {
border-bottom: 1px solid #ebeced;
font-size: 14px;
padding: 3px 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content address {
font-style: normal;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content > p:first-child {
font-size: 20px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content > p {
font-size: 18px;
}
.woocommerce-order-received .woocommerce-order .woocommerce-notice,
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview + p {
font-size: 20px;
}
.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview {
list-style: none;
margin-left: 0;
}
.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li + li {
margin-top: 3px;
}
.woocommerce-order-received .woocommerce-order table.woocommerce-orders-table,
.woocommerce-order-received .woocommerce-order table.shop_table.order_details {
width: 100%;
border-top: 1px solid #ebeced;
}
.woocommerce-order-received .woocommerce-order table.woocommerce-orders-table tr th.woocommerce-orders-table__header-order-actions .nobr,
.woocommerce-order-received .woocommerce-order table.shop_table.order_details tr th.woocommerce-orders-table__header-order-actions .nobr {
font-size: 0;
}
.woocommerce-order-received .woocommerce-order table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-actions,
.woocommerce-order-received .woocommerce-order table.shop_table.order_details tr td.woocommerce-orders-table__cell-order-actions {
text-align: right;
}
.woocommerce-order-received .woocommerce-order table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-order-received .woocommerce-order table.shop_table.order_details tr td.woocommerce-orders-table__cell-order-actions .button {
padding: 0;
background-color: transparent;
text-transform: none;
}
.woocommerce-order-received .woocommerce-order table.woocommerce-orders-table tr td, .woocommerce-order-received .woocommerce-order table.woocommerce-orders-table tr th,
.woocommerce-order-received .woocommerce-order table.shop_table.order_details tr td,
.woocommerce-order-received .woocommerce-order table.shop_table.order_details tr th {
border-bottom: 1px solid #ebeced;
font-size: 14px;
padding: 3px 0;
}
.woocommerce-order-received .woocommerce-order address {
font-style: normal;
}
.woocommerce-order-received .woocommerce-order .woocommerce-column__title,
.woocommerce-order-received .woocommerce-order .woocommerce-order-details__title {
font-size: 20px;
margin: 20px 0;
}
p.order-again {
margin-top: 20px;
}
table.woocommerce-table--order-downloads.shop_table tr th.download-file .nobr {
font-size: 0;
}
table.woocommerce-table--order-downloads.shop_table tbody tr td.download-file {
text-align: right;
}
table.woocommerce-table--order-downloads.shop_table tbody tr td.download-file .button {
display: inline-block;
background-color: transparent;
text-transform: none;
padding: 0;
}
/**
* Order page
*/
/**
* Wishlist
*/
/* Product */
/**
* Product main styles
*/
.products a:focus {
outline: none;
}
.products .product {
margin: 0 0 30px 0;
}
.products .product .product-content {
padding: 30px;
border: 1px solid #ebeced;
border-radius: 3px;
}
/**
* Product list styles
*/
/**
* Product grid styles
*/
.products.products-grid .added_to_cart,
.products.products-grid .button {
width: 100%;
}
.products.products-grid .product img {
width: 100%;
}
.products.products-grid .star-rating {
margin: 30px 0 0 auto;
}
/* Product */
/**
* Category main styles
*/
.products .product-category {
margin: 0 0 30px 0;
}
.products .product-category .category-content {
padding: 30px;
border: 1px solid #ebeced;
border-radius: 3px;
}
.woocommerce-loop-category__title {
text-align: left;
font-size: 14px;
line-height: 1.6;
margin: 8px 0;
}
.woocommerce-loop-category__title .count {
font-style: normal;
background: transparent;
text-decoration: none;
border: none;
}
/**
* Category list styles
*/
/**
* Category grid styles
*/
/* Single Product */
/**
* Variations form
*/
.woocommerce table.variations {
width: 100%;
}
.woocommerce table.variations tr, .woocommerce table.variations td {
display: block;
}
.woocommerce table.variations tr td {
font-size: 14px;
padding: 0;
}
.woocommerce table.variations .label {
font-size: 14px;
line-height: inherit;
margin: 0 0 4px;
text-transform: capitalize;
}
.woocommerce table.variations tr + tr {
padding-top: 10px;
}
.woocommerce table.variations tr:last-child select {
margin-bottom: 5px;
}
.woocommerce table.variations select {
width: 100%;
}
.woocommerce table.variations .reset_variations {
font-size: inherit;
line-height: inherit;
padding: 0;
display: inline-block !important;
margin-bottom: 10px;
}
.single-product .summary .woocommerce-variation-price .price {
margin: 6px 0 25px 0;
}
.single-product .quantity label:not(.screen-reader-text) {
clip: auto;
position: relative !important;
top: 0;
height: auto;
width: auto;
overflow: visible;
display: inline-block;
margin-bottom: 5px;
}
.single-product .quantity input {
width: 100%;
text-align: center;
}
.single-product .single_add_to_cart_button {
display: block;
width: 100%;
padding: 15px;
margin: 10px 0 0;
}
.single-product .single_add_to_cart_button.disabled {
opacity: 0.3;
}
.woocommerce-product-details__short-description {
margin-bottom: 30px;
}
table.woocommerce-grouped-product-list tr {
padding: 10px 0;
display: block;
}
table.woocommerce-grouped-product-list tr + tr {
border-top: 1px solid #ebeced;
}
table.woocommerce-grouped-product-list tr td {
padding: 5px;
display: block;
width: 100%;
}
table.woocommerce-grouped-product-list tr td .quantity {
margin-bottom: 0;
}
table.woocommerce-grouped-product-list tr td.woocommerce-grouped-product-list-item__quantity input[type=number]::-webkit-inner-spin-button,
table.woocommerce-grouped-product-list tr td.woocommerce-grouped-product-list-item__quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
table.woocommerce-grouped-product-list tr td.woocommerce-grouped-product-list-item__price ins {
font-style: normal;
border: none;
color: #fd6d75;
}
/**
* Single product reviews
*/
ol.commentlist {
list-style: none;
margin: 0;
}
ol.commentlist img {
float: left;
margin: 0 15px 5px 0;
}
ol.commentlist li .star-rating {
margin-bottom: 12px;
}
ol.commentlist li .meta {
margin-bottom: 0;
font-size: inherit;
line-height: inherit;
}
ol.commentlist li + li {
margin-top: 50px;
}
.comment-respond .comment-reply-title {
display: block;
}
/* single product comment form */
.comment-form .comment-form-rating {
margin-bottom: 18px;
}
.comment-form .comment-form-rating label {
display: inline-block;
}
.comment-form label {
display: block;
font-size: 14px;
line-height: inherit;
margin: 0 0 4px;
}
.comment-form-rating .stars a::before {
content: "";
}
/**
* WooCommerce tabs
*/
.woocommerce-tabs {
padding: 40px 0;
border-bottom: 1px solid #ebeced;
}
.woocommerce-tabs .panel h2 {
margin: 20px 0;
}
.woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information table tr th {
width: 180px;
max-width: 180px;
padding-right: 15px;
}
.woocommerce-tabs .panel.woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title {
margin: 20px 0;
}
.woocommerce-tabs .tabs {
list-style: none;
margin: 75px 0 30px 0;
}
.woocommerce-tabs .tabs.wc-tabs {
border-top: 1px solid #ebeced;
border-bottom: 1px solid #ebeced;
}
.woocommerce-tabs .tabs li {
position: relative;
font-size: 20px;
line-height: 30px;
}
.woocommerce-tabs .tabs li a {
display: inline-block;
padding: 10px 0;
}
@media (min-width: 768px) {
.woocommerce-tabs .tabs li {
display: inline-block;
}
.woocommerce-tabs .tabs li:first-child {
padding-right: 20px;
}
.woocommerce-tabs .tabs li + li {
padding-left: 20px;
padding-right: 20px;
}
.woocommerce-tabs .tabs li a {
padding: 40px 0;
}
}
.woocommerce-tabs .tabs li::before {
display: none;
}
.woocommerce-tabs .tabs li.active::before {
content: "";
}
.woocommerce-Tabs-panel--description.panel {
padding: 10px 0;
}
.woocommerce-Tabs-panel--description.panel p {
font-size: 18px;
line-height: inherit;
}
.site-content__wrap:not(.container) .woocommerce-tabs .woocommerce-Tabs-panel:not(:nth-child(2)) {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
/**
* Single Product Thumbnails
*/
.woocommerce-product-gallery {
position: relative;
}
.woocommerce-product-gallery__trigger {
display: inline-block;
height: 50px;
width: 50px;
border-radius: 50%;
border: none;
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
text-align: center;
font-size: 0;
}
.woocommerce-product-gallery__trigger::before {
content: "";
font-size: 16px;
line-height: 50px;
}
.woocommerce-product-gallery__trigger img {
display: none !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image > a {
display: block;
font-size: 0;
}
.woocommerce-product-gallery .flex-control-thumbs {
list-style: none;
margin-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 10px;
}
.woocommerce-product-gallery .flex-control-thumbs li img {
border: none;
border-radius: 0;
}
.woocommerce-product-gallery .flex-control-thumbs li:hover {
cursor: pointer;
}
.woocommerce-product-gallery .flex-control-thumbs li + li {
margin-left: 10px;
}
.woocommerce-product-gallery .zoomImg {
background: #ffffff;
}
.woocommerce-product-gallery--columns-6 li {
display: block;
width: calc( (100%/6) - (50px/6));
}
/* Plugins */
/**
* Elementor widgets
*/
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li:before {
width: 10px;
height: 10px;
left: 6px;
top: 6px;
border-radius: 50%;
}
.elementor-widget-wc-categories li.product {
max-width: none !important;
}
.elementor-widget-wc-categories li.product img {
width: 100%;
}
/**
* Jet elements widgets
*/
.elementor-woo-featured-products .star-rating,
.elementor-woo-sale-products .star-rating,
.elementor-woo-best-selling-products .star-rating,
.elementor-woo-top-rated-products .star-rating,
.elementor-woo-recent-products .star-rating {
margin: 30px 0 0 auto;
}
.elementor-woo-featured-products .product_type_grouped,
.elementor-woo-featured-products .add_to_cart_button,
.elementor-woo-featured-products .product_type_variable,
.elementor-woo-sale-products .product_type_grouped,
.elementor-woo-sale-products .add_to_cart_button,
.elementor-woo-sale-products .product_type_variable,
.elementor-woo-best-selling-products .product_type_grouped,
.elementor-woo-best-selling-products .add_to_cart_button,
.elementor-woo-best-selling-products .product_type_variable,
.elementor-woo-top-rated-products .product_type_grouped,
.elementor-woo-top-rated-products .add_to_cart_button,
.elementor-woo-top-rated-products .product_type_variable,
.elementor-woo-recent-products .product_type_grouped,
.elementor-woo-recent-products .add_to_cart_button,
.elementor-woo-recent-products .product_type_variable {
display: block;
}
@media (max-width: 1119px) {
.elementor-woo-featured-products ul.products.columns-2 li.product,
.elementor-woo-sale-products ul.products.columns-2 li.product,
.elementor-woo-best-selling-products ul.products.columns-2 li.product,
.elementor-woo-top-rated-products ul.products.columns-2 li.product,
.elementor-woo-recent-products ul.products.columns-2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 480px) {
.elementor-woo-featured-products ul.products.columns-2 li.product,
.elementor-woo-sale-products ul.products.columns-2 li.product,
.elementor-woo-best-selling-products ul.products.columns-2 li.product,
.elementor-woo-top-rated-products ul.products.columns-2 li.product,
.elementor-woo-recent-products ul.products.columns-2 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 1119px) {
.elementor-woo-featured-products ul.products.columns-3 li.product,
.elementor-woo-sale-products ul.products.columns-3 li.product,
.elementor-woo-best-selling-products ul.products.columns-3 li.product,
.elementor-woo-top-rated-products ul.products.columns-3 li.product,
.elementor-woo-recent-products ul.products.columns-3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 480px) {
.elementor-woo-featured-products ul.products.columns-3 li.product,
.elementor-woo-sale-products ul.products.columns-3 li.product,
.elementor-woo-best-selling-products ul.products.columns-3 li.product,
.elementor-woo-top-rated-products ul.products.columns-3 li.product,
.elementor-woo-recent-products ul.products.columns-3 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 1199px) {
.elementor-woo-featured-products ul.products.columns-4 li.product,
.elementor-woo-sale-products ul.products.columns-4 li.product,
.elementor-woo-best-selling-products ul.products.columns-4 li.product,
.elementor-woo-top-rated-products ul.products.columns-4 li.product,
.elementor-woo-recent-products ul.products.columns-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
@media (max-width: 1119px) {
.elementor-woo-featured-products ul.products.columns-4 li.product,
.elementor-woo-sale-products ul.products.columns-4 li.product,
.elementor-woo-best-selling-products ul.products.columns-4 li.product,
.elementor-woo-top-rated-products ul.products.columns-4 li.product,
.elementor-woo-recent-products ul.products.columns-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
@media (max-width: 1023px) {
.elementor-woo-featured-products ul.products.columns-4 li.product,
.elementor-woo-sale-products ul.products.columns-4 li.product,
.elementor-woo-best-selling-products ul.products.columns-4 li.product,
.elementor-woo-top-rated-products ul.products.columns-4 li.product,
.elementor-woo-recent-products ul.products.columns-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 480px) {
.elementor-woo-featured-products ul.products.columns-4 li.product,
.elementor-woo-sale-products ul.products.columns-4 li.product,
.elementor-woo-best-selling-products ul.products.columns-4 li.product,
.elementor-woo-top-rated-products ul.products.columns-4 li.product,
.elementor-woo-recent-products ul.products.columns-4 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 1199px) {
.elementor-woo-featured-products ul.products.columns-5 li.product,
.elementor-woo-sale-products ul.products.columns-5 li.product,
.elementor-woo-best-selling-products ul.products.columns-5 li.product,
.elementor-woo-top-rated-products ul.products.columns-5 li.product,
.elementor-woo-recent-products ul.products.columns-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
@media (max-width: 1119px) {
.elementor-woo-featured-products ul.products.columns-5 li.product,
.elementor-woo-sale-products ul.products.columns-5 li.product,
.elementor-woo-best-selling-products ul.products.columns-5 li.product,
.elementor-woo-top-rated-products ul.products.columns-5 li.product,
.elementor-woo-recent-products ul.products.columns-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
@media (max-width: 1023px) {
.elementor-woo-featured-products ul.products.columns-5 li.product,
.elementor-woo-sale-products ul.products.columns-5 li.product,
.elementor-woo-best-selling-products ul.products.columns-5 li.product,
.elementor-woo-top-rated-products ul.products.columns-5 li.product,
.elementor-woo-recent-products ul.products.columns-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 480px) {
.elementor-woo-featured-products ul.products.columns-5 li.product,
.elementor-woo-sale-products ul.products.columns-5 li.product,
.elementor-woo-best-selling-products ul.products.columns-5 li.product,
.elementor-woo-top-rated-products ul.products.columns-5 li.product,
.elementor-woo-recent-products ul.products.columns-5 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width: 1199px) {
.elementor-woo-featured-products ul.products.columns-6 li.product,
.elementor-woo-sale-products ul.products.columns-6 li.product,
.elementor-woo-best-selling-products ul.products.columns-6 li.product,
.elementor-woo-top-rated-products ul.products.columns-6 li.product,
.elementor-woo-recent-products ul.products.columns-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
@media (max-width: 1119px) {
.elementor-woo-featured-products ul.products.columns-6 li.product,
.elementor-woo-sale-products ul.products.columns-6 li.product,
.elementor-woo-best-selling-products ul.products.columns-6 li.product,
.elementor-woo-top-rated-products ul.products.columns-6 li.product,
.elementor-woo-recent-products ul.products.columns-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
@media (max-width: 1023px) {
.elementor-woo-featured-products ul.products.columns-6 li.product,
.elementor-woo-sale-products ul.products.columns-6 li.product,
.elementor-woo-best-selling-products ul.products.columns-6 li.product,
.elementor-woo-top-rated-products ul.products.columns-6 li.product,
.elementor-woo-recent-products ul.products.columns-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 480px) {
.elementor-woo-featured-products ul.products.columns-6 li.product,
.elementor-woo-sale-products ul.products.columns-6 li.product,
.elementor-woo-best-selling-products ul.products.columns-6 li.product,
.elementor-woo-top-rated-products ul.products.columns-6 li.product,
.elementor-woo-recent-products ul.products.columns-6 li.product {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
/* Widgets */
/**
* WooCommerce Widgets
*/
/**
* Price filter widget
*/
.elementor-widget-wp-widget-woocommerce_price_filter .price_slider_wrapper,
.widget_price_filter .price_slider_wrapper {
position: relative;
padding-top: 25px;
}
.elementor-widget-wp-widget-woocommerce_price_filter .price_slider_wrapper .price_label,
.widget_price_filter .price_slider_wrapper .price_label {
position: absolute;
top: 0;
left: 0;
}
.elementor-widget-wp-widget-woocommerce_price_filter .price_slider,
.widget_price_filter .price_slider {
position: relative;
display: block;
width: 100%;
height: 8px;
border-radius: 50px;
background-color: #ebeced;
}
.elementor-widget-wp-widget-woocommerce_price_filter .ui-slider-range,
.widget_price_filter .ui-slider-range {
position: absolute;
height: 8px;
border-radius: 50px;
}
.elementor-widget-wp-widget-woocommerce_price_filter .ui-slider-handle,
.widget_price_filter .ui-slider-handle {
position: absolute;
top: 50%;
display: block;
margin-top: -4px;
width: 8px;
height: 8px;
border-radius: 50%;
outline: none;
}
.elementor-widget-wp-widget-woocommerce_price_filter .ui-slider-handle:last-child,
.widget_price_filter .ui-slider-handle:last-child {
margin-left: -8px;
}
.elementor-widget-wp-widget-woocommerce_price_filter .button,
.widget_price_filter .button {
width: 100%;
margin-top: 20px;
}
.elementor-widget-wp-widget-woocommerce_price_filter .button:before,
.widget_price_filter .button:before {
content: "";
font-size: 12px;
margin-right: 4px;
}
/**
* Rating filter widget
*/
.elementor-widget-wp-widget-woocommerce_rating_filter ul,
.widget_rating_filter ul {
list-style: none;
margin: 0;
}
.elementor-widget-wp-widget-woocommerce_rating_filter ul li,
.widget_rating_filter ul li {
position: relative;
padding-left: 25px;
}
.elementor-widget-wp-widget-woocommerce_rating_filter ul li:before,
.widget_rating_filter ul li:before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 16px;
height: 16px;
display: block;
border: 1px solid #ebeced;
border-radius: 4px;
}
.elementor-widget-wp-widget-woocommerce_rating_filter ul li.chosen:after,
.widget_rating_filter ul li.chosen:after {
content: "";
position: absolute;
display: block;
font-size: 10px;
left: 4px;
top: 6px;
}
.elementor-widget-wp-widget-woocommerce_rating_filter ul li + li,
.widget_rating_filter ul li + li {
margin-top: 4px;
}
.elementor-widget-wp-widget-woocommerce_rating_filter ul li .star-rating,
.widget_rating_filter ul li .star-rating {
display: inline-block;
margin: 0;
vertical-align: middle;
}
/**
* Rating filter widget
*/
.elementor-widget-wp-widget-woocommerce_layered_nav .select2 .select2-selection--single,
.widget_layered_nav .select2 .select2-selection--single {
height: 37px;
border: 1px solid #ebeced;
border-radius: 4px;
}
.elementor-widget-wp-widget-woocommerce_layered_nav .select2 .select2-selection--single .select2-selection__arrow,
.widget_layered_nav .select2 .select2-selection--single .select2-selection__arrow {
height: 37px;
}
.elementor-widget-wp-widget-woocommerce_layered_nav .select2 .select2-selection--single .select2-selection__rendered,
.widget_layered_nav .select2 .select2-selection--single .select2-selection__rendered {
line-height: 37px;
}
.elementor-widget-wp-widget-woocommerce_layered_nav ul,
.widget_layered_nav ul {
list-style: none;
margin: 0;
}
.elementor-widget-wp-widget-woocommerce_layered_nav ul li,
.widget_layered_nav ul li {
position: relative;
padding-left: 25px;
}
.elementor-widget-wp-widget-woocommerce_layered_nav ul li:before,
.widget_layered_nav ul li:before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 16px;
height: 16px;
display: block;
border: 1px solid #ebeced;
border-radius: 4px;
}
.elementor-widget-wp-widget-woocommerce_layered_nav ul li.chosen:after,
.widget_layered_nav ul li.chosen:after {
content: "";
position: absolute;
display: block;
font-size: 10px;
left: 4px;
top: 6px;
}
.elementor-widget-wp-widget-woocommerce_layered_nav ul li + li,
.widget_layered_nav ul li + li {
margin-top: 4px;
}
.select2-dropdown {
border-color: #ebeced !important;
}
/**
* Active filters widget
*/
.elementor-widget-wp-widget-woocommerce_layered_nav_filters ul,
.widget_layered_nav_filters ul {
list-style: none;
margin: 0;
}
.elementor-widget-wp-widget-woocommerce_layered_nav_filters ul li.chosen a,
.widget_layered_nav_filters ul li.chosen a {
position: relative;
padding-left: 25px;
}
.elementor-widget-wp-widget-woocommerce_layered_nav_filters ul li.chosen a:after,
.widget_layered_nav_filters ul li.chosen a:after {
content: "";
position: absolute;
display: block;
font-size: 10px;
left: 7px;
top: 4px;
color: #fd6d75;
}
.elementor-widget-wp-widget-woocommerce_layered_nav_filters ul li + li,
.widget_layered_nav_filters ul li + li {
margin-top: 4px;
}
/**
* Top rated products widget
*/
/**
* Top rated products widget
*/
/**
* Product categories widget
*/
.elementor-widget-wp-widget-woocommerce_product_categories select,
.widget_product_categories select {
width: 100%;
}
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories,
.widget_product_categories .product-categories {
list-style: none;
margin: 0;
}
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories ul,
.widget_product_categories .product-categories ul {
list-style: none;
margin-left: 0;
}
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li > ul,
.widget_product_categories .product-categories li > ul {
padding-left: 25px;
}
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li,
.widget_product_categories .product-categories li {
position: relative;
}
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li > a,
.widget_product_categories .product-categories li > a {
padding-left: 25px;
position: relative;
}
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li > a:before,
.widget_product_categories .product-categories li > a:before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 16px;
height: 16px;
display: block;
border: 1px solid #ebeced;
border-radius: 4px;
}
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li.current-cat a:after,
.widget_product_categories .product-categories li.current-cat a:after {
content: "";
position: absolute;
display: block;
font-size: 10px;
left: 3px;
top: 6px;
}
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li + li,
.widget_product_categories .product-categories li + li,
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li + li {
margin-top: 4px;
}
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li .children,
.widget_product_categories .product-categories li .children,
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li .children {
margin-top: 4px;
}
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li .count,
.widget_product_categories .product-categories li .count,
.elementor-widget-wp-widget-woocommerce_product_categories .product-categories li .count {
float: right;
}
/**
* Products widget
*/
/**
* Recently viewed products widget
*/
/**
* Top rated products widget
*/
.elementor-widget-wp-widget-woocommerce_product_search form,
.widget_product_search form {
width: 100%;
}
.elementor-widget-wp-widget-woocommerce_product_search .search-field,
.widget_product_search .search-field {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.elementor-widget-wp-widget-woocommerce_product_search button,
.widget_product_search button {
font-size: 11px;
padding: 12px 20px;
margin-top: 10px;
text-align: center;
width: 100%;
}
/**
* Tag cloud widget
*/
.elementor-widget-wp-widget-woocommerce_product_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
display: inline-block;
font-size: 14px !important;
padding: 5px 12px;
margin-bottom: 5px;
border: 1px solid #ebeced;
border-radius: 4px;
}
.elementor-widget-wp-widget-woocommerce_product_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:hover {
background-color: #ebeced;
}
/**
* Cart widget
*/
.elementor-widget-wp-widget-woocommerce_widget_cart ul,
.elementor-widget-wp-widget-woocommerce_shopping_cart ul,
.widget_shopping_cart ul {
margin: 0;
}
.elementor-widget-wp-widget-woocommerce_widget_cart ul li,
.elementor-widget-wp-widget-woocommerce_shopping_cart ul li,
.widget_shopping_cart ul li {
position: relative;
display: block;
/* Remove item overlay */
}
.elementor-widget-wp-widget-woocommerce_widget_cart ul li a:not(.remove),
.elementor-widget-wp-widget-woocommerce_shopping_cart ul li a:not(.remove),
.widget_shopping_cart ul li a:not(.remove) {
padding-right: 10px;
}
.elementor-widget-wp-widget-woocommerce_widget_cart ul li .quantity,
.elementor-widget-wp-widget-woocommerce_shopping_cart ul li .quantity,
.widget_shopping_cart ul li .quantity {
display: block;
}
.elementor-widget-wp-widget-woocommerce_widget_cart ul li .blockOverlay,
.elementor-widget-wp-widget-woocommerce_shopping_cart ul li .blockOverlay,
.widget_shopping_cart ul li .blockOverlay {
margin: 0 0 10px 0 !important;
background-color: rgba(255, 255, 255, 0.5) !important;
opacity: 0.6 !important;
}
.elementor-widget-wp-widget-woocommerce_widget_cart a.remove,
.elementor-widget-wp-widget-woocommerce_shopping_cart a.remove,
.widget_shopping_cart a.remove {
position: absolute;
right: 3px;
top: -4px;
left: auto;
font-size: 18px;
line-height: 1;
opacity: 1;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .button,
.elementor-widget-wp-widget-woocommerce_shopping_cart .button,
.widget_shopping_cart .button {
width: 100%;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .wcppec-cart-widget-button,
.elementor-widget-wp-widget-woocommerce_shopping_cart .wcppec-cart-widget-button,
.widget_shopping_cart .wcppec-cart-widget-button {
margin-top: 10px;
width: 100%;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .wcppec-cart-widget-button img,
.elementor-widget-wp-widget-woocommerce_shopping_cart .wcppec-cart-widget-button img,
.widget_shopping_cart .wcppec-cart-widget-button img {
margin-left: auto;
margin-right: auto;
display: block;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__buttons,
.widget_shopping_cart .woocommerce-mini-cart__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons a,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__buttons a,
.widget_shopping_cart .woocommerce-mini-cart__buttons a {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons a.checkout,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__buttons a.checkout,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.checkout {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons .checkout,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__buttons .checkout,
.widget_shopping_cart .woocommerce-mini-cart__buttons .checkout {
color: #ffffff;
background: #27d18b;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons .checkout:hover,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__buttons .checkout:hover,
.widget_shopping_cart .woocommerce-mini-cart__buttons .checkout:hover {
background: #78e6b9;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons .checkout:before,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__buttons .checkout:before,
.widget_shopping_cart .woocommerce-mini-cart__buttons .checkout:before {
content: "";
display: inline-block;
margin-right: 6px;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout),
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout),
.widget_shopping_cart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout) {
font-size: 14px;
text-transform: none;
background: transparent;
border: none;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):before,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):before,
.widget_shopping_cart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):before {
content: "";
display: inline-block;
margin-right: 6px;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__total,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__total,
.widget_shopping_cart .woocommerce-mini-cart__total {
position: relative;
padding-top: 15px;
margin-top: 15px;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__total:after,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__total:after,
.widget_shopping_cart .woocommerce-mini-cart__total:after {
content: "";
width: calc(100% + 60px);
position: absolute;
top: 0;
left: -30px;
height: 1px;
border-top: 1px solid #ebeced;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__total > strong,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__total > strong,
.widget_shopping_cart .woocommerce-mini-cart__total > strong {
margin-right: 27px;
}
.elementor-widget-wp-widget-woocommerce_widget_cart .woocommerce-mini-cart__total .amount,
.elementor-widget-wp-widget-woocommerce_shopping_cart .woocommerce-mini-cart__total .amount,
.widget_shopping_cart .woocommerce-mini-cart__total .amount {
font-size: 20px;
}
.header-cart {
position: relative;
display: inline-block;
}
.header-cart__content {
position: absolute;
top: 100%;
right: 0;
font-size: 14px;
z-index: 999;
margin-top: 15px;
opacity: 0;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
visibility: hidden;
}
.header-cart__content.show {
opacity: 1;
visibility: visible;
}
.header-cart .woocommerce.widget_shopping_cart {
min-width: 275px;
border: none;
background-color: #ffffff;
-webkit-box-shadow: 0 7px 18px 0 rgba(48, 63, 100, 0.13);
box-shadow: 0 7px 18px 0 rgba(48, 63, 100, 0.13);
}
.header-cart .woocommerce.widget_shopping_cart li + li {
margin-top: 5px;
}
.header-cart .product_list_widget {
max-height: 150px;
min-height: 150px;
overflow-x: hidden;
overflow-y: auto;
text-align: left;
/* Custom scroll bar styles */
/* Track */
/* Handle */
}
.header-cart .product_list_widget::-webkit-scrollbar {
width: 6px;
}
.header-cart .product_list_widget::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.13);
border-radius: 10px;
}
.header-cart .product_list_widget::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(161, 162, 164, 0.5);
}
.header-cart .product_list_widget::-webkit-scrollbar-thumb:window-inactive {
background: rgba(161, 162, 164, 0.4);
}
.header-cart .woocommerce-mini-cart__total {
text-align: left;
}
.header-cart .widgettitle {
font-size: 20px;
line-height: 1.5;
margin-top: 0;
}
.header-cart__link {
font-size: 11px;
}
.header-cart__link-icon {
font-size: 12px;
}
.header-cart__link-icon:before {
content: "";
}
.woocommerce.widget {
padding: 25px 30px 30px 30px;
border: 1px solid #ebeced;
border-radius: 3px;
}
.woocommerce.widget .widget-title {
font-size: 20px;
line-height: 1.2;
margin: 0 0 23px 0;
}
.woocommerce.widget + .widget {
margin-top: 30px;
}
.elementor-widget-wp-widget-woocommerce_rating_filter .product_list_widget,
.widget_top_rated_products .product_list_widget,
.elementor-widget-wp-widget-woocommerce_top_rated_products .product_list_widget, .elementor-widget-wp-widget-woocommerce_recent_reviews .product_list_widget,
.widget_recent_reviews .product_list_widget, .elementor-widget-wp-widget-woocommerce_products .product_list_widget,
.widget_products .product_list_widget, .elementor-widget-wp-widget-woocommerce_recently_viewed_products .product_list_widget,
.widget_recently_viewed_products .product_list_widget, .elementor-widget-wp-widget-woocommerce_widget_cart,
.elementor-widget-wp-widget-woocommerce_shopping_cart,
.widget_shopping_cart {
list-style: none;
margin: 0;
}
.elementor-widget-wp-widget-woocommerce_rating_filter .product_list_widget li,
.widget_top_rated_products .product_list_widget li,
.elementor-widget-wp-widget-woocommerce_top_rated_products .product_list_widget li, .elementor-widget-wp-widget-woocommerce_recent_reviews .product_list_widget li,
.widget_recent_reviews .product_list_widget li, .elementor-widget-wp-widget-woocommerce_products .product_list_widget li,
.widget_products .product_list_widget li, .elementor-widget-wp-widget-woocommerce_recently_viewed_products .product_list_widget li,
.widget_recently_viewed_products .product_list_widget li, .elementor-widget-wp-widget-woocommerce_widget_cart li,
.elementor-widget-wp-widget-woocommerce_shopping_cart li,
.widget_shopping_cart li {
overflow: hidden;
}
.elementor-widget-wp-widget-woocommerce_rating_filter .product_list_widget li a,
.widget_top_rated_products .product_list_widget li a,
.elementor-widget-wp-widget-woocommerce_top_rated_products .product_list_widget li a, .elementor-widget-wp-widget-woocommerce_recent_reviews .product_list_widget li a,
.widget_recent_reviews .product_list_widget li a, .elementor-widget-wp-widget-woocommerce_products .product_list_widget li a,
.widget_products .product_list_widget li a, .elementor-widget-wp-widget-woocommerce_recently_viewed_products .product_list_widget li a,
.widget_recently_viewed_products .product_list_widget li a, .elementor-widget-wp-widget-woocommerce_widget_cart li a,
.elementor-widget-wp-widget-woocommerce_shopping_cart li a,
.widget_shopping_cart li a {
display: block;
}
.elementor-widget-wp-widget-woocommerce_rating_filter .product_list_widget li img,
.widget_top_rated_products .product_list_widget li img,
.elementor-widget-wp-widget-woocommerce_top_rated_products .product_list_widget li img, .elementor-widget-wp-widget-woocommerce_recent_reviews .product_list_widget li img,
.widget_recent_reviews .product_list_widget li img, .elementor-widget-wp-widget-woocommerce_products .product_list_widget li img,
.widget_products .product_list_widget li img, .elementor-widget-wp-widget-woocommerce_recently_viewed_products .product_list_widget li img,
.widget_recently_viewed_products .product_list_widget li img, .elementor-widget-wp-widget-woocommerce_widget_cart li img,
.elementor-widget-wp-widget-woocommerce_shopping_cart li img,
.widget_shopping_cart li img {
float: left;
max-width: 60px;
margin: 0 20px 10px 0;
}
.elementor-widget-wp-widget-woocommerce_rating_filter .product_list_widget li .amount,
.widget_top_rated_products .product_list_widget li .amount,
.elementor-widget-wp-widget-woocommerce_top_rated_products .product_list_widget li .amount, .elementor-widget-wp-widget-woocommerce_recent_reviews .product_list_widget li .amount,
.widget_recent_reviews .product_list_widget li .amount, .elementor-widget-wp-widget-woocommerce_products .product_list_widget li .amount,
.widget_products .product_list_widget li .amount, .elementor-widget-wp-widget-woocommerce_recently_viewed_products .product_list_widget li .amount,
.widget_recently_viewed_products .product_list_widget li .amount, .elementor-widget-wp-widget-woocommerce_widget_cart li .amount,
.elementor-widget-wp-widget-woocommerce_shopping_cart li .amount,
.widget_shopping_cart li .amount {
font-size: 20px;
}
.elementor-widget-wp-widget-woocommerce_rating_filter .product_list_widget li ins,
.widget_top_rated_products .product_list_widget li ins,
.elementor-widget-wp-widget-woocommerce_top_rated_products .product_list_widget li ins, .elementor-widget-wp-widget-woocommerce_recent_reviews .product_list_widget li ins,
.widget_recent_reviews .product_list_widget li ins, .elementor-widget-wp-widget-woocommerce_products .product_list_widget li ins,
.widget_products .product_list_widget li ins, .elementor-widget-wp-widget-woocommerce_recently_viewed_products .product_list_widget li ins,
.widget_recently_viewed_products .product_list_widget li ins, .elementor-widget-wp-widget-woocommerce_widget_cart li ins,
.elementor-widget-wp-widget-woocommerce_shopping_cart li ins,
.widget_shopping_cart li ins {
font-style: normal;
border: none;
}
.elementor-widget-wp-widget-woocommerce_rating_filter .product_list_widget li del,
.widget_top_rated_products .product_list_widget li del,
.elementor-widget-wp-widget-woocommerce_top_rated_products .product_list_widget li del, .elementor-widget-wp-widget-woocommerce_recent_reviews .product_list_widget li del,
.widget_recent_reviews .product_list_widget li del, .elementor-widget-wp-widget-woocommerce_products .product_list_widget li del,
.widget_products .product_list_widget li del, .elementor-widget-wp-widget-woocommerce_recently_viewed_products .product_list_widget li del,
.widget_recently_viewed_products .product_list_widget li del, .elementor-widget-wp-widget-woocommerce_widget_cart li del,
.elementor-widget-wp-widget-woocommerce_shopping_cart li del,
.widget_shopping_cart li del {
color: #fd6d75;
}
.elementor-widget-wp-widget-woocommerce_rating_filter .product_list_widget li + li,
.widget_top_rated_products .product_list_widget li + li,
.elementor-widget-wp-widget-woocommerce_top_rated_products .product_list_widget li + li, .elementor-widget-wp-widget-woocommerce_recent_reviews .product_list_widget li + li,
.widget_recent_reviews .product_list_widget li + li, .elementor-widget-wp-widget-woocommerce_products .product_list_widget li + li,
.widget_products .product_list_widget li + li, .elementor-widget-wp-widget-woocommerce_recently_viewed_products .product_list_widget li + li,
.widget_recently_viewed_products .product_list_widget li + li, .elementor-widget-wp-widget-woocommerce_widget_cart li + li,
.elementor-widget-wp-widget-woocommerce_shopping_cart li + li,
.widget_shopping_cart li + li {
margin-top: 15px;
}
.woocommerce .widget.widget_calendar td, .woocommerce .widget.widget_calendar th {
font-size: 14px;
line-height: 44px;
padding: 0;
}
.woocommerce .widget.widget_calendar tfoot td {
line-height: 24px;
}
.woocommerce .widget.widget_calendar th {
padding-bottom: 40px;
}
.woocommerce aside.widget-area .widget + .widget:not(.woocommerce) {
border-top: none;
padding-top: 0;
}