.elementor-128 .elementor-element.elementor-element-738b29a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-128 .elementor-element.elementor-element-a956da6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-128 .elementor-element.elementor-element-67dfe7e{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.03 * 100% );}.elementor-128 .elementor-element.elementor-element-67dfe7e:after{content:"1.03";}.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__thumbnail__link{width:100%;}.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__meta-data span + span:before{content:"•";}.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__card{border-width:0px;border-radius:15px;}.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__text{margin-top:20px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-128 .elementor-element.elementor-element-67dfe7e:after{content:"0.5";}.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__thumbnail__link{width:100%;}.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__title, .elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__title a{font-size:15px;}}/* Start custom CSS for posts, class: .elementor-element-67dfe7e */make this design look better

/* =========================================
PREMIUM ELEMENTOR POSTS WIDGET STYLING
========================================= */
/* --- 1. CARD CONTAINER & LAYOUT --- /
/ Add breathing room between grid items */
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-posts-container {
gap: 30px !important;
}
/* The Individual Post Card /
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-element .elementor-post {
background-color: #ffffff;
border: 1px solid rgba(0,0,0,0.05);
border-radius: 8px; / Soft corners /
padding: 0 !important; / Remove default padding /
box-shadow: 0 10px 40px -10px rgba(94, 0, 0, 0.08); / Soft Premium Shadow /
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
overflow: hidden; / CRITICAL: Keeps everything inside the rounded corners */
position: relative;
display: flex;
flex-direction: column;
}
/* Top Gradient Line /
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-element .elementor-post::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #800000, #b08d26); / Maroon to Gold */
z-index: 2;
}
/* Card Hover Effect: Lift Up /
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-element .elementor-post:hover {
transform: translateY(-10px);
box-shadow: 0 20px 50px -10px rgba(176, 141, 38, 0.25); / Gold Glow */
}
/* --- 2. THUMBNAIL IMAGE (THE FIX) --- /
/ Frame that cuts off the overflowing image /
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post_thumbnail_link,
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__thumbnail {
overflow: hidden !important; / Clips the image edges */
position: relative;
display: block;
border-radius: 8px 8px 0 0;
margin-bottom: 0 !important;
}
/* The Image Itself /
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__thumbnail img {
width: 100%;
/ Smooth Zoom Animation /
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
transform-origin: center center !important; / Zooms from the exact center */
object-fit: cover;
display: block;
}
/* Hover Zoom: Scale up by 5% */
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-element .elementor-post:hover .elementor-post__thumbnail img {
transform: scale(1.05) !important;
}
/* --- 3. TEXT CONTENT --- /
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__text {
padding: 2rem !important; / Space inside the card */
display: flex;
flex-direction: column;
flex-grow: 1;
}
/* Post Title */
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__title {
font-family: 'Roboto', sans-serif;
font-size: 1.4rem !important;
font-weight: 700;
line-height: 1.3;
margin-bottom: 15px !important;
}
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__title a {
color: #5e0000; /* Deep Maroon */
transition: color 0.3s ease;
}
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__title a:hover {
color: #b08d26; /* Gold */
}
/* Date / Meta Data /
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__meta-data {
font-family: 'Roboto', sans-serif;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #b08d26; / Gold */
margin-bottom: 10px !important;
}
/* Excerpt Text /
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__excerpt p {
font-family: 'Roboto', sans-serif;
color: #666666; / Grey */
font-size: 0.95rem;
line-height: 1.6;
margin-bottom: 20px;
}
/* --- 4. READ MORE BUTTON --- /
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__read-more {
display: inline-block;
width: fit-content;
padding: 10px 25px;
background: transparent;
color: #800000; / Maroon /
border: 1px solid #800000;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
border-radius: 2px;
margin-top: auto; / Pushes button to bottom if cards are uneven */
}
/* Button Hover */
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-post__read-more:hover {
background-color: #800000;
color: #ffffff;
box-shadow: 0 5px 15px rgba(128, 0, 0, 0.2);
}
/* Pagination (if used) */
.elementor-128 .elementor-element.elementor-element-67dfe7e .elementor-pagination .page-numbers.current {
background-color: #b08d26 !important;
color: #fff;
border-color: #b08d26;
}/* End custom CSS */