.meafe-image-card-wrap {
display: grid;
column-gap: 20px;
row-gap: 30px;
text-align: center;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.meafe-image-card-inner-wrap {
position: relative;
min-height: 500px;
}
.meafe-image-card-reviewer-thumb img {
object-fit: cover;
width: 100%;
height: 95%;
}
.meafe-image-card-title {
font-size: 20px;
line-height: 1.4;
font-weight: 500;
}
.meafe-image-card-meta-wrap {
display: none;
} .layout-one :is(.meafe-image-card-meta-wrap, .meafe-image-card-meta-wrap-hover) {
position: absolute;
display: block;
bottom: 92px;
left: 0;
width: 100%;
z-index: 2;
padding: 0 24px;
color: #fff;
}
.layout-one .meafe-image-card-image-wrap {
height: 100%;
}
.layout-one .meafe-image-card-meta-wrap-hover .meafe-image-card-title {
padding-bottom: 16px;
}
.layout-one .meafe-image-card-meta-wrap-hover {
transition: all 0.3s ease-in;
opacity: 0;
height: 0;
overflow: hidden;
}
.layout-one .meafe-image-card-inner-wrap:hover .meafe-image-card-meta-wrap-hover {
opacity: 1;
height: auto;
}
.layout-one .meafe-image-card-inner-wrap:hover .meafe-image-card-meta-wrap {
opacity: 0;
visibility: hidden;
}
.layout-one .meafe-image-card-reviewer-thumb::before {
content: '';
position: absolute;
height: 95%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
transition: all 0.3s ease;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.31%, #000000 107.17%);
}
.layout-one .meafe-image-card-reviewer-thumb::after {
content: '';
position: absolute;
height: 95%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 2.64%, #000000 70.96%)
}
.layout-one .meafe-image-card-reviewer-thumb {
position: relative;
height: 100%;
display: flex;
}
.layout-one .meafe-image-card-inner-wrap:hover .meafe-image-card-reviewer-thumb::after {
visibility: visible;
opacity: 1;
}
.layout-one .meafe-image-card-inner-wrap:hover .meafe-image-card-reviewer-thumb::before {
visibility: hidden;
opacity: 0;
} .layout-one .meafe-image-card-learn-more {
color: #121212;
display: inline-block;
border-bottom: 1px solid;
font-size: 16px;
line-height: 1.625;
}
.layout-one .meafe-image-card-learn-more:hover {
opacity: 0.7;
}
.layout-one .meafe-image-card-learn-more-wrap {
padding: 20px 0;
background-color: #fff;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 85%;
z-index: 3;
} .meafe-image-card-main.layout-two .meafe-image-card-learn-more {
background: #5081F5;
padding: 12px 16px;
color: #fff;
display: inline-block;
border: 1px solid #5081F5;
}
.meafe-image-card-main.layout-two .meafe-image-card-learn-more:hover {
background: transparent;
color: #5081F5;
}
.layout-two .meafe-image-card-content-wrapper {
background-color: #fff;
padding: 24px 16px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 1;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
width: 80%;
}
.layout-two .meafe-image-card-meta-wrap-hover .meafe-image-card-title {
padding-bottom: 6px;
}
.layout-two .meafe-image-card-meta-wrap-hover {
padding-bottom: 24px;
}
.layout-two .meafe-image-card-image-wrap {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.layout-two .meafe-image-card-reviewer-thumb {
height: 100%;
width: 100%;
}
.layout-two .meafe-image-card-reviewer-thumb img {
height: 80%;
}
.layout-two .meafe-image-card-inner-wrap {
min-height: 500px;
}
.meafe-image-card-main .meafe-image-card-content {
overflow-y: auto;
max-height: 140px;
mask-image: linear-gradient(to top, transparent, black),
linear-gradient(to left, transparent 10px, black 10px);
mask-size: 100% 20000px;
mask-position: left bottom;
-webkit-mask-image: linear-gradient(to top, transparent, black),
linear-gradient(to left, transparent 10px, black 10px);
-webkit-mask-size: 100% 20000px;
-webkit-mask-position: left bottom;
transition: mask-position 0.3s, -webkit-mask-position 0.3s;
scrollbar-width: thin;
scrollbar-color: #555 #F5F5F5;
scrollbar-gutter: auto;
}
.meafe-image-card-main .meafe-image-card-content:hover {
-webkit-mask-position: left top;
}
.meafe-image-card-main .meafe-image-card-content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.meafe-image-card-main .meafe-image-card-content::-webkit-scrollbar {
width: 5px;
border-radius: 10px;
background-color: #F5F5F5;
}
.meafe-image-card-main .meafe-image-card-content::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #555;
}.elementor-shape{direction:ltr;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.elementor-shape-top{top:-1px}.elementor-shape-top:not([data-negative=false]) svg{z-index:-1}.elementor-shape-bottom{bottom:-1px}.elementor-shape-bottom:not([data-negative=true]) svg{z-index:-1}.elementor-shape[data-negative=false].elementor-shape-bottom,.elementor-shape[data-negative=true].elementor-shape-top{transform:rotate(180deg)}.elementor-shape svg{display:block;left:50%;position:relative;transform:translateX(-50%);width:calc(100% + 1.3px)}.elementor-shape .elementor-shape-fill{fill:#fff;transform:rotateY(0deg);transform-origin:center}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
svg,
iframe,
img {
vertical-align: middle;
}
.meafe-blog-wrapper .meafe-blog-button.read-more a {
color: #5081f5;
}
.meafe-blog-wrapper .details a {
color: #a5a5a5;
transition: ease 0.3s;
}
.meafe-blog-wrapper .meafe-blog-innerwrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px;
grid-row-gap: 50px;
}
.meafe-blog-wrapper .meafe-entry-wrapper.category--main .category--wrapper a {
font-size: 14px;
line-height: 1.5;
margin-top: 10px;
margin-right: 20px;
color: #5081f5;
font-weight: 300;
position: relative;
}
.meafe-blog-wrapper .meafe-entry-wrapper.category--main .category--wrapper a:not(:last-child)::after {
content: "";
background-color: #F3F3F3;
border-radius: 50%;
position: absolute;
width: 5px;
height: 5px;
right: -16px;
top: 50%;
transform: translate(-50%, -50%);
}
.meafe-blog-wrapper img {
width: 100%;
}
.meafe-blog-wrapper .image-wrapper {
margin-bottom: 16px;
}
.meafe-blog-wrapper .category--wrapper {
margin-bottom: 16px;
font-size: 14px;
line-height: 1.5;
font-weight: 300;
position: relative;
}
.meafe-blog-wrapper .category--wrapper a {
color: #5081f5;
}
.meafe-blog-wrapper .category--wrapper span {
font-size: 14px;
line-height: 1.5;
color: #5081f5;
font-weight: 300;
position: relative;
}
.meafe-blog-wrapper .meafe-entry-title {
color: #161616;
font-size: 20px;
line-height: 1.35em;
font-weight: 500;
margin-bottom: 9px;
}
.meafe-blog-wrapper .meafe-entry-title a {
color: #161616;
transition: 0.3s ease all;
}
.meafe-blog-wrapper .details {
display: flex;
color: #a5a5a5;
font-weight: 300;
font-size: 14px;
align-items: center;
}
.meafe-blog-wrapper .details .meafe-posted-by {
display: flex;
position: relative;
max-width: 100%;
align-items: center;
}
.meafe-blog-wrapper .details .meafe-posted-by>a {
position: relative;
padding-right: 14px;
margin-right: 10px;
}
.meafe-blog-wrapper .details .meafe-posted-by>a::after {
content: "";
background-color: #F3F3F3;
border-radius: 50%;
position: absolute;
width: 5px;
height: 5px;
right: 0;
top: 10px;
}
.meafe-blog-wrapper .meafe-content {
font-size: 16px;
line-height: 1.6875;
color: #161616;
margin-top: 9px;
margin-bottom: 24px;
}
.meafe-blog-wrapper .meafe-blog-button.read-more a {
font-weight: 500;
font-size: 14px;
padding-right: 10px;
line-height: 1.1667;
}
.meafe-blog-wrapper .meafe-blog-button.read-more a:hover svg {
margin-left: 15px;
}
.meafe-blog-wrapper .meafe-blog-button.read-more a svg {
margin-left: 5px;
transition: 0.3s ease all;
}
.meafe-blog-wrapper .meafe-author-avatar img {
width: 30px;
height: 30px;
} .meafe-blog-wrapper.layout-2 .image-wrapper {
margin-bottom: 0px;
}
.meafe-blog-wrapper.layout-2 .meafe-blog-innerwrapper .category--main {
padding: 15px 20px 20px 20px;
}
.meafe-blog-wrapper.layout-2 .meafe-blog-innerwrapper .meafe-blog-card-inner {
box-shadow: 0 3px 40px rgba(55, 55, 55, 0.05);
} .meafe-blog-wrapper.layout-3 {
margin-top: 26px;
}
.meafe-blog-wrapper.layout-3 .meafe-blog-innerwrapper .category--main {
padding: 15px 20px 20px 20px;
position: relative;
margin-top: -69px;
background-color: #fff;
box-shadow: 0 3px 40px rgba(55, 55, 55, 0.05);
}
.meafe-blog-wrapper.layout-3 .meafe-blog-innerwrapper .category--main {
margin: 15px;
position: relative;
margin-top: -69px;
}  .meafe-blog-wrapper.layout-4 {
display: block;
}
.meafe-blog-wrapper.layout-4 .meafe-blog-innerwrapper {
display: grid;
grid-gap: 50px;
grid-template-columns: repeat(2, 1fr);
}
.meafe-blog-wrapper.layout-4 .meafe-blog-innerwrapper .meafe-blog-card .meafe-blog-card-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
grid-gap: 20px;
}
.meafe-blog-wrapper.layout-4 .meafe-blog-innerwrapper .meafe-blog-card .meafe-blog-card-inner figure {
flex: 0 0 35.8%;
}
.meafe-load-more-button-wrap {
margin-top: 55px;
}
.meafe-blog-wrapper.layout-4 .meafe-blog-innerwrapper .category--wrapper {
margin-top: -6px;
}
.meafe-blog-wrapper.layout-4 .meafe-blog-innerwrapper .category--main {
padding-left: 13px;
}
@media only screen and (max-width: 1024px) {
.meafe-blog-wrapper.layout-4 .meafe-blog-innerwrapper .meafe-blog-card .meafe-blog-card-inner {
display: block;
}
.meafe-blog-wrapper .meafe-blog-innerwrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 767px) {
.meafe-blog-wrapper .meafe-blog-innerwrapper .meafe-blog-card:not(:last-child) {
margin-right: 0px;
}
.meafe-blog-wrapper.layout-4 .meafe-blog-innerwrapper {
grid-gap: 30px;
}
.meafe-blog-wrapper.layout-4 .meafe-blog-innerwrapper {
grid-template-columns: 1fr;
}
.meafe-blog-wrapper.layout-4 .meafe-blog-innerwrapper {
margin: 0;
}
.meafe-blog-wrapper .meafe-blog-innerwrapper {
grid-template-columns: 1fr;
}
}
.meafe-blog-wrapper.wrapper-alignment-center .meafe-blog-innerwrapper {
justify-content: center;
}
.meafe-blog-wrapper .meafe-blog-button.read-more a {
display: inline-flex;
align-items: center;
} .meafe-blog-alignment-right .meafe-entry-wrapper {
text-align: right;
}
.meafe-blog-alignment-right .meafe-entry-wrapper .details {
justify-content: flex-end;
-webkit-justify-content: flex-end;
}
.meafe-blog-alignment-center .meafe-entry-wrapper {
text-align: center;
}
.meafe-blog-alignment-center .meafe-entry-wrapper .details {
justify-content: center;
-webkit-justify-content: center;
} .meafe-load-more-button-wrap .meafe-load-more-button { background-color: #5081f5;
color: #fff;
padding: 10px 12px;
border-radius: 8px;
line-height: 1;
} .meafe-author-avatar {
max-width: 100px !important;
width: 100%;
}
.meafe-blog-wrapper .meafe-blog-card-inner .meafe-author-avatar img {
width: 100%;
max-width: 100px;
border-radius: 50%;
object-fit: cover;
vertical-align: top;
}
.meafe-blog-wrapper .meafe-blog-card-inner .meafe-author-avatar {
margin-right: 11px;
} @media only screen and (min-width: 1024px) {
.meafe-blog-wrapper.layout-5 .meafe-blog-innerwrapper {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
}
.meafe-blog-wrapper.layout-5 .meafe-blog-card-inner {
display: grid;
align-items: center;
gap: 1.66em;
}
@media only screen and (min-width: 576px) {
.meafe-blog-wrapper.layout-5 .meafe-blog-card-inner {
grid-template-columns: 1fr 1.5fr;
}
}
.meafe-blog-wrapper.layout-5 .meafe-entry-media {
position: relative;
}
.meafe-blog-wrapper.layout-5 .meafe-posted-on-wrapper {
position: absolute;
bottom: 0;
right: 0;
padding: 0.27em 0.56em;
}
.meafe-blog-wrapper.layout-5 :is(.meafe-entry-title, .meafe-entry-meta.details) {
margin-top: 0;
}
.meafe-blog-wrapper.layout-5 :is(.meafe-entry-title, .category--wrapper) {
margin-bottom: 8px;
display: inline-block;
}
.meafe-blog-wrapper.layout-5 .meafe-posted-on-wrapper :is(.meafe-day, .meafe-time) {
text-align: center;
}
.meafe-blog-wrapper.layout-5 .details .meafe-posted-by>a::after {
content: none;
}
.meafe-blog-wrapper.layout-5 .meafe-entry-wrapper .category--wrapper a:last-child::before {
content: none;
}
.meafe-blog-wrapper.layout-5 .meafe-posted-on-wrapper {
background-color: #5081F5;
color: #fff;
font-size: 12px;
line-height: 1.75;
}
.meafe-blog-wrapper.layout-5 .meafe-posted-on-wrapper .meafe-day {
font-size: 16px;
line-height: 1.31
}
.meafe-blog-wrapper.layout-5 .meafe-entry-wrapper .category--wrapper a,
.layout-5 .meafe-posted-by a {
font-size: 14px;
line-height: 1.14;
color: rgba(18, 18, 18, 0.8);
}