.blog_1 article {
width: 47% !important;
margin-right: 6% !important;
float: left;
background-color: #fff;
text-align: center;
padding: 3.4vw 3.4vw 273px;
position: relative;
cursor: pointer;
}
.blog_1 article:last-child, .blog_1 article:nth-child(2n)  {
margin-right: 0 !important;
}
.blog_1 h2.entry-title:before {
content: "\f0e6" !important;
display: block;
font-family: FontAwesome;
font-size: 60px;
color: #cc0033;
line-height: 100%;
margin-bottom: 5px;
font-weight: 400;
}
.blog_1 h2.entry-title > a {
display: inline-block;
}
.blog_1 .categories {
display: block;
font-size: 16px;
color: #9fa3a7 !important;
font-weight: 400;
padding: 18px 0;
}
#page-container .blog_1 .post-meta .author.vcard a {
color: #2c2c2c !important;
}
#page-container .blog_1 .post-meta .author.vcard {
position: absolute;
bottom: 70px;
left: 0;
right: 0;
color: #2c2c2c !important;
font-weight: 700;
font-size: 18px;
}
.blog_1 .post-content {
line-height: 189%;
}
.blog_1 .categories a:hover {
color: #cc0033 !important;
}
#page-container .blog_1 .post-meta .author.vcard img {
display: block !important;
margin: 0 auto 20px;
border-radius: 50%;
} #page-container .blog_1 .et_pb_post .entry-featured-image-url {
margin-bottom: 20px !important;
} #page-container .blog_1 .pagination a {color: #fff;}
#page-container .blog_1 .pagination a:hover {opacity: 0.6;} .blog_1 article .post-content,
.blog_1 article .post-meta .published,
.blog_1 article,
.blog_1 h2.entry-title:after {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog_1 h2.entry-title:after {
content: "";
display: block;
width: 0%;
height: 1px;
background-color: #ccc;
margin: 0 auto 0;
}
.blog_1 article .post-meta .published {
display: block;
}
.blog_1 article:hover .post-content,
.blog_1 article:hover .post-meta .published {
transform: translate(0, 20px);
}
.blog_1 article:hover h2.entry-title:after {
width: 75%;
transform: translate(0, 20px);
}
.blog_1 article:hover {
border-radius: 10px;
box-shadow: 0 0 32.2px 2.8px rgba(0, 0, 0, 0.2);
}
.blog_1 article:hover .author.vcard a,
.blog_1 article:hover .post-content,
.blog_1 article:hover .post-meta .categories,
.blog_1 article:hover .post-meta .published,
.blog_1 article:hover h2.entry-title {
-webkit-animation: fadeIn 1s infinite; animation: fadeIn 1s 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: 1390px) {
.blog_1 .post-meta .categories {
top: 115px;
}
}
@media only screen and (max-width: 980px) {
.blog_1 .post-meta .categories {
top: 105px;
}
}
@media only screen and (max-width: 767px) {
.blog_1 article {
width: 100% !important;
margin-right: 0 !important;
padding: 40px 40px 200px;
}
#page-container .blog_1 .post-meta .author.vcard {
bottom: 40px;
}
}
@media only screen and (max-width: 480px) {
.blog_1 article {
padding: 20px 20px 200px;
}
#page-container .blog_1 .post-meta .author.vcard {
bottom: 30px;
}
} .blog_2 article {
border-radius: 6px;
box-shadow: 0px 0px 32.2px 2.8px rgba(204, 204, 204, 0.65);
text-align: center;
border-color: transparent !important;
padding-bottom: 207px !important;
position: relative;
cursor: pointer;
}
.blog_2 article:last-child {
margin-right: 0 !important;
}
.blog_2 .post-meta .categories {
position: absolute;
left: 0;
right: 0;
top: 328px;
}
.blog_2 h2.entry-title > a {
display: inline-block;
}
#page-container .blog_2 .post-meta .author.vcard a {
color: #2c2c2c !important;
}
#page-container .blog_2 .post-meta .author.vcard {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
color: #2c2c2c !important;
font-weight: 700;
font-size: 18px;
}
.blog_2 .post-content {
display: none !important;
}
#page-container .blog_2 .post-meta .author.vcard img {
display: block !important;
margin: 0 auto 20px;
border-radius: 50%;
}
.blog_2 .et_pb_image_container a {
height: 100% !important;
margin-bottom: 0 !important;
}
.blog_2 .et_pb_image_container a img {
height: 100% !important;
width: auto !important;
max-width: none !important;
left: 50%;
transform: translate(-50%, 0);
position: relative;
} #page-container .blog_2 .post-meta .author.vcard img,
.blog_2 article,
.blog_2 article .et_pb_image_container a img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog_2 article:hover .et_pb_image_container a img {
transform: scale(1.1) translate(-45%, 0) rotate(5deg);
}
#page-container .blog_2 article:hover .post-meta .author.vcard img {
transform: rotate(5deg) scale(1.05);
}
.blog_2 article:hover {
box-shadow: none;
border-color: #e1e1e1 !important;
}
.blog_2 article:hover .author.vcard a,
.blog_2 article:hover .post-content,
.blog_2 article:hover .post-meta .categories,
.blog_2 article:hover .post-meta .published,
.blog_2 article:hover h2.entry-title {
-webkit-animation: fadeIn 0.2s infinite; animation: fadeIn 0.2s 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: 980px) {
#page-container .blog_2 .column {
width: 100% !important;
max-width: 400px !important;
margin: 0 auto !important;
float: none !important;
}
} .blog_3 article h2.entry-title img.avatar {
display: none !important;
}
.blog_3 article {
width: 47% !important;
margin-right: 6% !important;
float: left;
margin-bottom: 45px;
cursor: pointer;
position: relative;
}
.blog_3 article:nth-child(2n+2) {
margin-right: 0 !important;
}
.blog_3 a.entry-featured-image-url {
max-width: 224px;
float: left;
height: 212px;
overflow: hidden;
margin-right: 7%;
margin-bottom: 0 !important;
}
.blog_3 a.entry-featured-image-url img {
height: 100% !important;
width: auto !important;
max-width: none !important;
left: 50%;
transform: translate(-50%, 0);
position: relative;
}
.blog_3 .post-content {
line-height: 161%;
}
.blog_3 .post-content p {
max-height: 70px;
text-overflow: ellipsis;
overflow: hidden;
} .blog_3 article {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1700px;
-moz-perspective: 1700px;
perspective: 1700px;
-webkit-perspective-origin: 0 50%;
-moz-perspective-origin: 0 50%;
perspective-origin: 0 50%;
position: relative;
}
.blog_3 article h2,
.blog_3 article .post-content,
.blog_3 article .post-meta,
.blog_3 article,
.blog_3 article .entry-featured-image-url,
.blog_3 article .entry-featured-image-url img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog_3 article:hover .entry-featured-image-url {
transform: rotate(-3deg);
}
.blog_3 article:hover .post-content,
.blog_3 article:hover .post-meta,
.blog_3 article:hover h2.entry-title {
-webkit-animation: fadeIn 1s infinite; animation: fadeIn 1s 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: 1390px) {
.blog_3 article {
width: 100% !important;
margin-right: 0% !important;
margin-bottom: 40px;
}
.blog_3 a.entry-featured-image-url {
margin-right: 4.8%;
}
}
@media only screen and (max-width: 767px) {
.blog_3 a.entry-featured-image-url {
max-width: 160px;
height: 152px;
}
}
@media only screen and (max-width: 600px) {
.blog_3 a.entry-featured-image-url {
max-width: 100%;
height: auto;
width: 100%;
}
.blog_3 a.entry-featured-image-url img {
height: auto !important;
width: 100% !important;
max-width: 100% !important;
left: 0;
transform: translate(0, 0);
position: relative;
margin-bottom: 20px;
}
} .blog_4 article {
border: none !important;
padding: 30px !important;
position: relative !important;
background-color: #fff;
cursor: pointer;
border: solid 1px #eaeaea !important;
}
.blog_4 article .et_pb_image_container {
margin: -30px -30px 10px;
}
.blog_4 .et_pb_image_container a {
height: 100% !important;
margin-bottom: 0 !important;
}
.blog_4 .et_pb_image_container a img {
height: 100% !important;
width: auto !important;
max-width: none !important;
z-index: 1000;
left: 50%;
transform: translate(-50%, 0);
position: relative;
}
#page-container .blog_4 img.avatar {
border-radius: 50%;
top: 203px;
position: absolute;
left: 30px;
max-width: 71px;
border: 4px solid #fff;
display: block !important;
z-index: 1000;
}
.blog_4 .column.size-1of3 {
border: 1px solid transparent;
} .blog_4 article:after,
.blog_4 article .et_pb_image_container a img,
.blog_4 article {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.blog_4 article:hover:after {
opacity: 1;
transform: translateY(30px);
-webkit-animation: shrink2 0.4s infinite; animation: shrink2 0.4s infinite;
animation-iteration-count: 1;
}
.blog_4 article:after {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 0;
right: 0;
height: 10px;
width: 90%;
opacity: 0;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
transition-duration: 0.4s;
transition-property: transform opacity;
visibility: visible;
margin: auto;
}
.blog_4 article:hover {
transform: translateY(-20px);
}
.blog_4 article:hover .author.vcard a,
.blog_4 article:hover .post-content,
.blog_4 article:hover .post-meta .categories,
.blog_4 article:hover .post-meta .published,
.blog_4 article:hover h2.entry-title {
-webkit-animation: fadeIn 3s infinite; animation: fadeIn 3s infinite;
animation-iteration-count: 1;
}
@keyframes shrink2 {
from, 20%, to {
width: 15%;
}
30% {
width: 25%;
}
40% {
width: 35%;
}
50% {
width: 45%;
}
60% {
width: 55%;
}
70% {
width: 65%;
}
80% {
width: 75%;
}
90% {
width: 85%;
}
100% {
width: 100%;
}
}
@-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: 980px) {
#page-container .blog_4 .column {
width: 100% !important;
max-width: 400px !important;
margin: 0 auto !important;
float: none !important;
}
} .blog_5 article h2.entry-title img.avatar {
display: none !important;
}
.blog_5 article {
position: relative;
width: 48.5% !important;
margin-right: 3% !important;
float: left;
margin-bottom: 30px;
background-color: #fff;
padding-right: 2%;
cursor: pointer;
border-color: transparent;
box-shadow: 0 0 32.2px 2.8px rgba(204, 204, 204, 0.65);
overflow: hidden;
}
.blog_5 article:nth-child(2n+2) {
margin-right: 0 !important;
}
.blog_5 .post-meta span.published {
position: absolute;
background: #cc0033;
color: #fff;
max-width: 57px;
text-align: center;
top: 0;
left: 0;
line-height: 100%;
padding: 10px;
}
.blog_5 .author.vcard:before {
content: "By ";
display: inline-block;
margin-right: 5px;
color: #969595 !important;
}
.blog_5 .author.vcard {
margin-bottom: 21px !important;
display: block;
}
.blog_5 .author.vcard a {
color: #969595 !important;
}
.blog_5 a.entry-featured-image-url {
max-width: 269px;
float: left;
height: 264px;
overflow: hidden;
margin-right: 7.5%;
margin-bottom: 0 !important;
}
.blog_5 a.entry-featured-image-url img {
height: 100% !important;
width: auto !important;
max-width: none !important;
left: 50%;
transform: translate(-50%, 0);
position: relative;
}
.blog_5 .post-content {
display: none !important;
}
.blog_5 .post-meta .categories {
display: block;
} .blog_5 article:hover {
box-shadow: none;
box-shadow: inset 0 0 0 1px #e1e1e1;
}
.blog_5 article:after,
.blog_5 article:before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
pointer-events: none;
width: calc(100% - 210px);
height: auto;
z-index: 999999999999;
visibility: visible;
}
.blog_5 article:after {
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
transform: scale(1, 0);
}
.blog_5 article:before {
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
}
.blog_5 article:hover:after,
.blog_5 article:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.blog_5 article:hover:after {
-webkit-transition-duration: 1s !important;
transition-duration: 0.6s !important;
}
.blog_5 article a.entry-featured-image-url:before,
.blog_5 article:before,
.blog_5 article,
.blog_5 article .entry-featured-image-url,
.blog_5 article .entry-featured-image-url img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog_5 article:hover a.entry-featured-image-url:before {
right: -25px;
}
.blog_5 article a.entry-featured-image-url:before {
content: "";
width: 50px;
height: 50px;
display: block;
position: absolute;
bottom: 0;
top: 0;
margin: auto;
transform: rotate(45deg);
visibility: visible !important;
z-index: 3 !important;
background-color: #fff !important;
right: -70px;
}
.blog_5 article:hover a.entry-featured-image-url {
max-width: 170px;
}
.blog_5 article:hover .author.vcard a,
.blog_5 article:hover .post-content,
.blog_5 article:hover .post-meta .categories,
.blog_5 article:hover .post-meta .published,
.blog_5 article:hover h2.entry-title {
-webkit-animation: fadeIn 1s infinite; animation: fadeIn 1s 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: 1390px) {
.blog_5 a.entry-featured-image-url {
max-width: 159px;
height: 224px;
}
.blog_5 article:after,
.blog_5 article:before {
width: calc(100% - 170px);
top: 10px;
right: 10px;
bottom: 10px;
}
.blog_5 article:hover a.entry-featured-image-url {
max-width: 150px;
}
}
@media only screen and (max-width: 980px) {
.blog_5 a.entry-featured-image-url {
max-width: 230px;
}
.blog_5 article {
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 40px;
}
.blog_5 article h2.entry-title {
margin-top: 4vw;
}
}
@media only screen and (max-width: 600px) {
.blog_5 a.entry-featured-image-url {
max-width: 100%;
height: auto;
width: 100%;
float: none;
}
.blog_5 a.entry-featured-image-url img {
height: auto !important;
width: 100% !important;
max-width: 100% !important;
left: 0;
transform: translate(0, 0);
position: relative;
margin-bottom: 20px;
}
.blog_5 article .post-meta,
.blog_5 article h2.entry-title {
margin-top: 0 !important;
padding: 0 20px 20px;
}
.blog_5 article {
padding-right: 0 !important;
}
.blog_5 article:hover a.entry-featured-image-url {
max-width: none;
}
.blog_5 article:after, .blog_5 article:before {
display: none;
}
.blog_5 article a.entry-featured-image-url:before {
bottom: -40px;
top: auto;
right: 0;
left: 0;
}
.blog_5 article:hover a.entry-featured-image-url:before {
right: 0;
bottom: -11px;
}
} .blog_6 article h2.entry-title img.avatar {
display: none !important;
}
.blog_6 article {
width: 25% !important;
float: left;
position: relative;
overflow: hidden;
padding: 3.2vw 2vw;
cursor: pointer;
margin-bottom: 0 !important;
}
.blog_6 a.entry-featured-image-url {
position: absolute;
top: 0;
height: 100% !important;
left: 50%;
transform: translate(-50%, 0);
}
@-moz-document url-prefix() { 
.blog_6 a.entry-featured-image-url {
left: 100%;
}
}
.blog_6 .et_overlay:before {
top: 47%;
}
.blog_6 .post-content p {
max-height: 57px;
overflow: hidden;
}
.blog_6 .post-content {
z-index: 1;
position: relative;
line-height: 150%;
}
.blog_6 .entry-featured-image-url img {
height: 100% !important;
width: auto !important;
max-width: none !important;
}
.blog_6 .post-content .more-link:after {
content: "\f061";
font-family: FontAwesome;
margin-left: 35px;
} .blog_6 article .post-content,
.blog_6 article h2.entry-title,
.blog_6 article:after {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog_6 article:hover:after {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}
.blog_6 article:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
visibility: visible;
}
.blog_6 article:hover .post-content {
transform: translate(0, -40%);
}
.blog_6 article:hover h2.entry-title {
transform: translate(0, 50%);
}
.blog_6 article:hover .more-link {opacity: 0.7;} @media only screen and (max-width: 1860px) {
.blog_6 article:hover .post-content {
transform: translate(0, -30%);
}
.blog_6 article:hover h2.entry-title {
transform: translate(0, 30%);
}
}
@media only screen and (max-width: 1390px) {
#page-container .blog_6 .et_pb_post h2 {
font-size: 20px !important;
}
#page-container .blog_6 .et_pb_post .more-link {
padding: 10px 21px;
}
#page-container .blog_6 .post-content p {
max-height: 43px;
font-size: 18px;
}
.blog_6 .post-content {
line-height: 120%;
}
.blog_6 article:hover h2.entry-title {
transform: translate(0, 35%);
}
.blog_6 article:hover .post-content {
transform: translate(0, -27%);
}
}
@media only screen and (max-width: 980px) {
.blog_6 article {
width: 50% !important;
padding: 40px;
margin-bottom: 0;
}
.blog_6 .post-meta {display: none;}
}
@media only screen and (max-width: 600px) {
.blog_6 article {
width: 100% !important;
padding: 40px;
}
}