.elementor-3218 .elementor-element.elementor-element-d520c86{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-3218 .elementor-element.elementor-element-2fdda6f > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-3218 .elementor-element.elementor-element-2fdda6f{text-align:center;}.elementor-3218 .elementor-element.elementor-element-2fdda6f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:800;line-height:56px;color:var( --e-global-color-0da99ff );}.elementor-3218 .elementor-element.elementor-element-9b45c9b{--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;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-3218 .elementor-element.elementor-element-2fdda6f .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-3218 .elementor-element.elementor-element-2fdda6f .elementor-heading-title{font-size:35px;line-height:40px;}.elementor-3218 .elementor-element.elementor-element-77e291d > .elementor-widget-container{padding:0px 20px 0px 0px;}}/* Start custom CSS for feedzy-rss-feeds, class: .elementor-element-77e291d *//* ---------------------------------------------------------------- */
/* CORE FIX: FORCE POST ITEMS TO STAY IN THEIR HALF-COLUMN */
/* --------------------------------------EBEBEB-------------------------- */

/* Assuming the main two-column container for all posts is a 'ul' or 'div' with the class 'rss_items_container' or similar.
   We tell the individual post items (rss_item) to take up exactly 50% of the available width. */
.elementor-3218 .elementor-element.elementor-element-77e291d .rss_item {
    /* Set the width and use 'float' or 'display: inline-block' to put them side-by-side */
    width: 50%; 
    float: left; /* Use float for maximum compatibility with older grid methods */
    box-sizing: border-box; 
    
    /* Vertical Spacing */
    margin-bottom: 30px; 
    padding-bottom: 15px;
    border-bottom: 1px solid #C0C0C0;
}

/* Clear the float after every two items (or after the main container)
   to ensure the next row starts correctly below the longest item in the row above. */
.elementor-3218 .elementor-element.elementor-element-77e291d .rss_item:nth-child(even) {
    /* No clearing needed on the right item */
}

.elementor-3218 .elementor-element.elementor-element-77e291d .rss_item:nth-child(odd) {
    /* No clearing needed on the left item when floating left. */
}

/* Optional: Clear the container that holds all the posts to prevent layout issues below the widget */
.elementor-3218 .elementor-element.elementor-element-77e291d ul.rss_items:after,
.elementor-3218 .elementor-element.elementor-element-77e291d .rss_items_container:after {
    content: "";
    display: table;
    clear: both;
}

/* ---------------------------------------------------------------- */
/* HORIZONTAL GUTTER (from previous response, adjusted) */
/* ---------------------------------------------------------------- */

/* Add internal padding to create the horizontal gap (gutter) */
.elementor-3218 .elementor-element.elementor-element-77e291d .rss_item {
    padding-left: 15px;
    padding-right: 15px;
}

/* Adjust the container margin to keep content aligned with the rest of the page */
.elementor-3218 .elementor-element.elementor-element-77e291d ul.rss_items,
.elementor-3218 .elementor-element.elementor-element-77e291d .rss_items_container {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

/* Remove the margin and border from the very last post */
.elementor-3218 .elementor-element.elementor-element-77e291d .rss_item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}




/* ---------------------------------------------------------------- */
/* MOBILE OPTIMIZATION: One post per line below 768px */
/* ---------------------------------------------------------------- */
@media (max-width: 767px) {
    
    /* 1. Force each post item to take 100% width, overriding the 50% rule */
    .elementor-3218 .elementor-element.elementor-element-77e291d .rss_item {
        width: 100% !important; 
        float: none !important; 
        
        /* Remove horizontal padding added for the gap */
        padding-left: 0 !important;
        padding-right: 0 !important;
        
        /* Restore vertical separation */
        border-bottom: 1px solid #C0C0C0 !important; 
        padding-bottom: 15px !important;
    }
    
    /* 2. Reset the negative margin on the container */
    .elementor-3218 .elementor-element.elementor-element-77e291d ul.rss_items,
    .elementor-3218 .elementor-element.elementor-element-77e291d .rss_items_container {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 3. Re-add margin to the last item on mobile */
    .elementor-3218 .elementor-element.elementor-element-77e291d .rss_item:last-child {
        margin-bottom: 30px !important; 
        border-bottom: none !important;
    }

    /* 4. FIX: Ensure image is centered, stacked, and has proper vertical spacing */
    .elementor-3218 .elementor-element.elementor-element-77e291d .rss_item .rss_image {
        display: block !important;
        float: none !important; 
        
        /* Centering the block element */
        margin-left: auto !important;
        margin-right: auto !important;
        
        /* REDUCED Vertical spacing: Changed from 20px to 10px */
        margin-bottom: 10px !important; 
    }
    
    /* 5. OPTIONAL: Center the text elements for a unified mobile look */
    .elementor-3218 .elementor-element.elementor-element-77e291d .rss_item .title,
    .elementor-3218 .elementor-element.elementor-element-77e291d .rss_item .date,
    .elementor-3218 .elementor-element.elementor-element-77e291d .rss_item .description {
        text-align: center !important;
    }
}



/* ---------------------------------------------------------------- */
/* FIX: PREVENT RSS FEED IMAGES FROM STRETCHING */
/* ---------------------------------------------------------------- */

/* Target the actual image element inside the image container */
.elementor-3218 .elementor-element.elementor-element-77e291d .rss_item img {
    /* Prevents the image from stretching to fill the container */
    object-fit: contain !important; 
    
    /* Ensures the image retains its height integrity */
    height: auto !important; 
}

/* Optional: If the images are still too tall/short, force the container 
   to have a specific maximum height and center the image inside it. */
.elementor-3218 .elementor-element.elementor-element-77e291d .rss_item .rss_image {
    max-height: 180px; /* Adjust this value (e.g., 180px) to control image size */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}/* End custom CSS */