.blog_posts .et_pb_posts article:nth-child(3n + 3),
.blog_posts .et_pb_posts article:last-child {
margin-right: 0 !important;
}
.blog_posts .et_pb_posts article {
width: 31.7% !important;
margin-right: 2.4% !important;
float: left;
clear: none;
}
.blog_posts .et_pb_posts article .entry-featured-image-url img {
display: block !important;
width: 100% !important;
}
.blog_posts .et_pb_posts article a.more-link,
.blog_posts .et_pb_posts article .bottom_box a,
.blog_posts .et_pb_posts article a[rel="category tag"] {
transition: 0.3s;
}
.blog_posts .et_pb_posts article a.more-link:hover,
.blog_posts .et_pb_posts article .bottom_box a:hover,
.blog_posts .et_pb_posts article .categories a:hover {
opacity: 0.5;
} .blog_2_pixie .et_pb_posts article .post-content,
.blog_1_pixie .et_pb_posts article .post-content {
display: none !important;
}
.blog_1_pixie .et_pb_posts article .bottom_box {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
margin-top: 24px;
padding: 5px 0;
}
.blog_2_pixie .et_pb_posts article .bottom_box .author.vcard,
.blog_1_pixie .et_pb_posts article .bottom_box .author.vcard {
margin-right: 1vw;
}
.blog_2_pixie .et_pb_posts article .bottom_box span.comment,
.blog_1_pixie .et_pb_posts article .bottom_box span.comment{
float: right;
}
.blog_2_pixie .et_pb_posts article .bottom_box .author.vcard a,
.blog_2_pixie .et_pb_posts article .bottom_box span.comment,
.blog_1_pixie .et_pb_posts article .bottom_box .author.vcard a,
.blog_1_pixie .et_pb_posts article .bottom_box span.comment {
text-transform: capitalize !important;
}
.blog_2_pixie .et_pb_posts article .bottom_box span.comment:before,
.blog_1_pixie .et_pb_posts article .bottom_box span.comment:before,
.blog_2_pixie .et_pb_posts article .bottom_box .author.vcard:before,
.blog_1_pixie .et_pb_posts article .bottom_box .author.vcard:before {
font-family: ETmodules;
text-transform: lowercase;
margin-right: 6px;
color: #000;
font-weight: 700;
}
.blog_2_pixie .et_pb_posts article .bottom_box span.comment:before,
.blog_2_pixie .et_pb_posts article .bottom_box .author.vcard:before {
color: #fff !important;
}
.blog_2_pixie .et_pb_posts article .bottom_box .author.vcard:before,
.blog_1_pixie .et_pb_posts article .bottom_box .author.vcard:before {
content: "l";
}
.blog_2_pixie .et_pb_posts article .bottom_box span.comment:before,
.blog_1_pixie .et_pb_posts article .bottom_box span.comment:before {
content: "v";
}
.blog_2_pixie .et_pb_posts article .post-meta,
.blog_1_pixie .et_pb_posts article .post-meta {
margin-bottom: 0 !important;
}
.blog_posts .et_pb_posts article:hover a.more-link{
-webkit-animation: blogArrow 0.3s infinite;
animation: blogArrow 0.3s infinite;
animation-iteration-count: 1;
}
@keyframes blogArrow {
0% {
opacity: 0;
transform: translate(-110px, 0);
}
100% {
opacity: 1;
transform: translate(0, 0%);
}
} .blog_1_pixie .et_pb_posts article .entry-title a,
.blog_2_pixie .et_pb_posts article .entry-title a{
display: block !important;
}
.blog_2_pixie .et_pb_posts article {
background-color: #070404;
padding: 1.8vw 1.8vw 0;
}
.blog_2_pixie .et_pb_posts article a.entry-featured-image-url {
margin: -1.8vw -1.8vw 0;
}
.blog_2_pixie .et_pb_posts article .bottom_box {
margin-top: 26px;
padding: 12px 0;
position: relative;
}
.blog_2_pixie .et_pb_posts article .bottom_box:before {
content: "";
display: block;
background-color: #292626 !important;
height: 1px;
position: absolute;
top: 0;
left: -1.8vw;
right: -1.8vw;
} .blog_3_pixie .et_pb_posts article h2.entry-title  a{
display: block !important;
}
.blog_3_pixie .et_pb_posts article {
padding: 1.8vw 1.8vw 0;
border: 1px solid #ebebeb;
}
.blog_3_pixie .et_pb_posts article a.entry-featured-image-url {
margin: -1.8vw -1.8vw 0;
}
.blog_3_pixie .et_pb_posts article .post-meta {
border-top: 1px solid #ebebeb;
margin-top: 22px;
padding: 14px 34px 10px 0;
}
.blog_3_pixie .et_pb_posts article .more-link:before {
content: "$";
display: block;
font-family: ETmodules;
font-size: 36px;
color: #000;
position: absolute;
right: 0;
}
.blog_3_pixie .et_pb_posts article .more-link {
position: absolute;
bottom: 13px;
right: 1.5vw;
font-size: 0;
} .blog_1_pixie .et_pb_posts article .entry-featured-image-url:after,
.blog_1_pixie .et_pb_posts article .entry-featured-image-url:before,
.blog_posts .et_pb_posts article .entry-featured-image-url img {
transition: 0.3s;
}
.blog_posts .et_pb_posts article {
cursor: pointer;
}
.blog_posts .et_pb_posts article .entry-featured-image-url {
overflow: hidden;
}
.blog_2_pixie .et_pb_posts article:hover .entry-featured-image-url img {
transform: scale(1.15);
}
.blog_3_pixie .et_pb_posts article:hover .entry-featured-image-url img {
transform: rotate(5deg) scale(1.15);
}
.blog_1_pixie .et_pb_posts article .entry-featured-image-url:after,
.blog_1_pixie .et_pb_posts article .entry-featured-image-url:before {
transition: 0.3s;
}
.blog_1_pixie .et_pb_posts article {
cursor: pointer;
}
.blog_1_pixie .et_pb_posts article .entry-featured-image-url {
overflow: hidden;
margin-bottom: 0 !important;
background-color: #000 !important;
}
.blog_1_pixie .et_pb_posts article:hover:before {
width: 27%;
opacity: 1;
}
.blog_1_pixie .et_pb_posts article:before {
content: '';
display: block;
opacity: 0;
position: absolute;
width: 0%;
border-top: 1px solid #fff;
z-index: 1;
top: 121px;
height: 0;
left: 2.5vw;
transition: 0.3s;
}
.blog_1_pixie .et_pb_posts article .entry-featured-image-url:before {
content: '';
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: 1px solid #fff;
z-index: 1;
}
.blog_1_pixie .et_pb_posts article .entry-featured-image-url:after {
content: 'Read More';
display: block;
opacity: 0;
position: absolute;
top: 50%;
color: #fff;
transform: translate(80%, -50%);
width: 80%;
font-size: 24px;
text-align: right;
font-family: 'Playfair Display', Georgia, "Times New Roman", serif !important;
}
.blog_1_pixie .et_pb_posts article:hover .entry-featured-image-url:after {
opacity: 1;
transform: translate(0, -50%);
}
.blog_1_pixie .et_pb_posts article:hover .entry-featured-image-url:before {
transition-delay: 0.3s;
opacity: 1;
top: 20px;
left: 20px;
bottom: 20px;
right: 20px;
}
.blog_1_pixie .et_pb_posts article:hover .entry-featured-image-url img {
opacity: 0.5;
}
.blog_posts article:hover .post-content,
.blog_posts article:hover .post-meta,
.blog_posts article:hover h2.entry-title {
-webkit-animation: fadeIn 0.8s infinite; animation: fadeIn 0.8s infinite;
animation-iteration-count: 1;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0.5;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0.5;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
} @media only screen and (max-width: 1450px) {
.blog_1_pixie .et_pb_posts article:before{
top: 8.2vw;
left: 30px;
}
.blog_1_pixie .et_pb_posts article:hover:before {
width: 20%;
}
}
@media only screen and (max-width: 1390px) {
.blog_2_pixie .et_pb_posts article .bottom_box .author.vcard a,
.blog_2_pixie .et_pb_posts article .bottom_box span.comment,
.blog_1_pixie .et_pb_posts article .bottom_box .author.vcard a,
.blog_1_pixie .et_pb_posts article .bottom_box span.comment {
text-transform: capitalize !important;
display: inline-block;
}
.blog_1_pixie .et_pb_row,
.blog_2_pixie .et_pb_row,
.blog_3_pixie .et_pb_row{
width: 90% !important;
}
.blog_2_pixie .et_pb_row .categories{
display: block;
}
}
@media only screen and (max-width: 980px) {
.blog_1_pixie .et_pb_posts article .entry-featured-image-url:after{
width: 100%;
text-align: center !important;
}
.blog_1_pixie .et_pb_posts article:before{
display: none !important;
}
.blog_1_pixie .et_pb_row .categories{
display: block;
}
}
@media only screen and (max-width: 980px) and (min-width: 768px) {
.blog_2_pixie .et_pb_posts article .bottom_box span.comment,
.blog_1_pixie .et_pb_posts article .bottom_box span.comment {
float: none;
margin-top: 3px;
}
}
@media only screen and (max-width: 767px) {
.blog_posts .et_pb_posts article h2.entry-title a,
.blog_posts .et_pb_posts article h2.entry-title {
height: auto !important;
}
.blog_posts .et_pb_posts article {
width: 100% !important;
margin-right: 0 !important;
float: none;
}
.blog_3_pixie .et_pb_posts article .post-meta{
height: auto !important;
}
}