/* Card Container */
.custom-article-card {
display: flex !important;
flex-direction: column !important;
height: 100%;
overflow: hidden;
border-radius: 6px;
background: #ffffff;
border: 1px solid #eaeaea;
}
/* Force image box to stay full width at the top */
.custom-article-image-box,
.custom-article-card .item-image {
float: none !important;
width: 100% !important;
margin: 0 !important;
display: block;
}
/* Target the image itself */
.custom-article-image-box img,
.custom-article-card .item-image img {
width: 100% !important;
height: 220px !important; /* Uniform height across all cards */
object-fit: cover !important; /* Prevents stretching */
display: block;
float: none !important;
}
/* Card Body padding and flex spacing */
.custom-article-card .jl-card-body {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
/* Keep the Read More button aligned neatly at the bottom */
.custom-readmore-wrapper {
margin-top: auto;
}
/* Card Container */
.custom-article-card {
display: flex !important;
flex-direction: column !important;
height: 100%;
overflow: hidden;
border-radius: 6px;
background: #ffffff;
border: 1px solid #eaeaea;
}
/* Force image box to stay full width at the top */
.custom-article-image-box,
.custom-article-card .item-image {
float: none !important;
width: 100% !important;
margin: 0 !important;
display: block;
}
/* Target the image itself */
.custom-article-image-box img,
.custom-article-card .item-image img {
width: 100% !important;
height: 220px !important; /* Uniform height across all cards */
object-fit: cover !important; /* Prevents stretching */
display: block;
float: none !important;
}
/* Card Body padding and flex spacing */
.custom-article-card .jl-card-body {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
/* Keep the Read More button aligned neatly at the bottom */
.custom-readmore-wrapper {
margin-top: auto;
}
/* Card Container */
.custom-article-card {
display: flex !important;
flex-direction: column !important;
height: 100%;
overflow: hidden;
border-radius: 6px;
background: #ffffff;
border: 1px solid #eaeaea;
}
/* Force image box to stay full width at the top */
.custom-article-image-box,
.custom-article-card .item-image {
float: none !important;
width: 100% !important;
margin: 0 !important;
display: block;
}
/* Target the image itself */
.custom-article-image-box img,
.custom-article-card .item-image img {
width: 100% !important;
height: 220px !important; /* Uniform height across all cards */
object-fit: cover !important; /* Prevents stretching */
display: block;
float: none !important;
}
/* Card Body padding and flex spacing */
.custom-article-card .jl-card-body {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
/* Keep the Read More button aligned neatly at the bottom */
.custom-readmore-wrapper {
margin-top: auto;
}
/* Card Container */
.custom-article-card {
display: flex !important;
flex-direction: column !important;
height: 100%;
overflow: hidden;
border-radius: 6px;
background: #ffffff;
border: 1px solid #eaeaea;
}
/* Force image box to stay full width at the top */
.custom-article-image-box,
.custom-article-card .item-image {
float: none !important;
width: 100% !important;
margin: 0 !important;
display: block;
}
/* Target the image itself */
.custom-article-image-box img,
.custom-article-card .item-image img {
width: 100% !important;
height: 220px !important; /* Uniform height across all cards */
object-fit: cover !important; /* Prevents stretching */
display: block;
float: none !important;
}
/* Card Body padding and flex spacing */
.custom-article-card .jl-card-body {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
/* Keep the Read More button aligned neatly at the bottom */
.custom-readmore-wrapper {
margin-top: auto;
}
/* Card Container */
.custom-article-card {
display: flex !important;
flex-direction: column !important;
height: 100%;
overflow: hidden;
border-radius: 6px;
background: #ffffff;
border: 1px solid #eaeaea;
}
/* Force image box to stay full width at the top */
.custom-article-image-box,
.custom-article-card .item-image {
float: none !important;
width: 100% !important;
margin: 0 !important;
display: block;
}
/* Target the image itself */
.custom-article-image-box img,
.custom-article-card .item-image img {
width: 100% !important;
height: 220px !important; /* Uniform height across all cards */
object-fit: cover !important; /* Prevents stretching */
display: block;
float: none !important;
}
/* Card Body padding and flex spacing */
.custom-article-card .jl-card-body {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
/* Keep the Read More button aligned neatly at the bottom */
.custom-readmore-wrapper {
margin-top: auto;
}