.elementor-4786 .elementor-element.elementor-element-b110725{--display:flex;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4786 .elementor-element.elementor-element-50d481f{--grid-row-gap:35px;--grid-column-gap:30px;}@media(max-width:767px){.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-4786 .elementor-element.elementor-element-50d481f:after{content:"0.5";}.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-50d481f *//* --- 1. CARD CONTAINER (Forces Equal Heights) --- */
.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post {
    background-color: #111418 !important; 
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important; 
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* --- 2. CARD HOVER STATE --- */
.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(241, 163, 17, 0.4) !important; 
    box-shadow: 0 20px 40px rgba(0,0,0,0.6) !important;
}

/* --- 3. IMAGE CINEMATIC ZOOM (Forces All Images to Match) --- */
.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__thumbnail {
    position: relative !important;
    overflow: hidden !important;
    padding-bottom: 0 !important; /* Kills Elementor's native spacing */
    height: 240px !important; /* LOCKS EVERY IMAGE TO THIS HEIGHT */
}

.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__thumbnail a,
.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__thumbnail img {
    display: block !important; 
    width: 100% !important;
    height: 100% !important; /* Forces the image to fill the 240px box */
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__thumbnail img {
    object-fit: cover !important; /* Crops cleanly without squishing the image */
    transform: scale(1) !important; 
    transform-origin: center center !important; 
    transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important; 
}

.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.06) !important; 
}

/* --- 4. TEXT CONTAINER (Fills empty space) --- */
.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__text {
    padding: 30px 25px !important;
    flex-grow: 1 !important; 
    display: flex !important;
    flex-direction: column !important;
}

/* --- 5. POST TITLE --- */
.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__title {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}
.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__title a {
    color: #ffffff !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    transition: color 0.3s ease !important;
}
.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__title a:hover {
    color: #f1a311 !important;
}

/* --- 6. THE PREMIUM BUTTON (Bottom Aligned) --- */
.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__read-more {
    margin-top: auto !important; /* MAGIC TRICK: Pushes button to the bottom edge */
    align-self: flex-start !important; 
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 28px !important;
    background-color: transparent !important;
    color: #f1a311 !important; 
    border: 1px solid #f1a311 !important; 
    border-radius: 6px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    transition: all 0.3s ease !important;
}
.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__read-more:hover {
    background-color: #f1a311 !important; 
    color: #091116 !important; 
    box-shadow: 0 5px 15px rgba(241, 163, 17, 0.3) !important;
}

/* --- 7. CATEGORY BADGE (If you decide to turn it on later) --- */
.elementor-4786 .elementor-element.elementor-element-50d481f .elementor-post__badge {
    background-color: #091116 !important;
    color: #f1a311 !important;
    border: 1px solid #f1a311 !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    top: 15px !important;
    right: 15px !important;
}/* End custom CSS */