.elementor-13513 .elementor-element.elementor-element-2edd974{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13513 .elementor-element.elementor-element-2de9f4b{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13513 .elementor-element.elementor-element-d8c16dc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13513 .elementor-element.elementor-element-916933e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13513 .elementor-element.elementor-element-d96c6a1{--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;}@media(min-width:768px){.elementor-13513 .elementor-element.elementor-element-2edd974{--content-width:1000px;}.elementor-13513 .elementor-element.elementor-element-2de9f4b{--content-width:1000px;}}/* Start custom CSS for searchwp_search_results, class: .elementor-element-916933e *//* This targets the specific image you provided */
.swp-result-item--img .attachment-post-thumbnail {
    margin-bottom: 0px;
    border-radius: 15px; /* Adjust this value */
    /* If the image overflows its container, you might need: */
    /* overflow: hidden; */
}

/* If the SearchWP results widget wraps each item in a specific class,
    and the image is directly inside it, you might use something like: */
.searchwp-result-item img {
    border-radius: 15px;
}

/* Or, if all post thumbnails should have rounded corners in search results: */
.search-results .wp-post-image {
    border-radius: 15px;
}

/* Add margins to the image container */
.swp-result-item--img-container {
/*    margin: 0px 10px 0px 10px;*/ /* Example: Add 15px margin to the right of the image container */
    /* You can adjust or add other margins as needed, e.g.: */
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
    /* margin-left: 5px; */
}

/* Add margins to the info container */
.swp-result-item--info-container {
    margin: -10px 10px 0px 10px; /* Example: Add 15px margin to the left of the info container */
    /* You can adjust or add other margins as needed, e.g.: */
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
    /* margin-right: 5px; */
}

.swp-result-item {
    /* Initial styles for your item */
    transition: all 0.3s ease; /* Smooth transition for all changes */
    /* Add any other default styles like padding, margin, border, etc. */
}

/* Individual border and hover effect */

.swp-result-item {
    /* Initial styles for your item */
    background-color: #ffffff; /* Ensure background is white initially */
    border: 3px solid #e9e9e9; /* A subtle initial border (adjust color as needed) */
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05); /* A very subtle initial shadow */
    transition: all 0.3s ease; /* Smooth transition for all changes */

    /* Add any other default styles like padding, margin, etc. */
    padding: 10px 10px 10px 10px; /* Example padding */
    margin: 10px 10px 20px 10px; /* Example margin */
    border-radius: 20px; /* Example rounded corners */
}

.swp-result-item:hover {
    background-color: #ffffff; /* Keep background white on hover */
    border: 3px solid #c3c3c3; /* Change border color to a noticeable blue (adjust as desired) */
    /* Glow Effect */
/*    box-shadow: 
        0 0 0 10px #c3c3c34D;*/ /* Focused outline glow */
/*        0 0 0 20px rgba(195, 195, 195, 0.05);*/ /* Secondary, wider, more subtle glow (optional, for more depth) */

    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.8); /* Intense glow on hover */
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.3); /* Intense glow on hover */
    
/*    transform: translateY(-0px);*/ /* Optional: Slightly lift the item */
}/* End custom CSS */