.elementor-widget-eael-post-grid .eael-meta-posted-on{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-meta > span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-title, .elementor-widget-eael-post-grid .eael-entry-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-post-grid .eael-grid-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-eael-post-grid .post-meta-categories li, .elementor-widget-eael-post-grid .post-meta-categories li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2735 .elementor-element.elementor-element-1c215ff .eael-grid-post-holder{background-color:#fff;}.elementor-2735 .elementor-element.elementor-element-1c215ff .eael-entry-title a{color:#303133;}.elementor-2735 .elementor-element.elementor-element-1c215ff .eael-entry-title:hover, .elementor-2735 .elementor-element.elementor-element-1c215ff .eael-entry-title a:hover{color:#23527c;}.elementor-2735 .elementor-element.elementor-element-1c215ff .eael-grid-post .eael-entry-overlay{background-color:#000000BF;}.elementor-2735 .elementor-element.elementor-element-1c215ff .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:18px;}.elementor-2735 .elementor-element.elementor-element-1c215ff .eael-grid-post .eael-entry-overlay > img{height:18px;width:18px;}/* Start custom CSS for eael-post-grid, class: .elementor-element-1c215ff *//* Container for the grid post holder */
.eael-grid-post-holder {
    background-color: #fffff8; /* Clean, white background */
    padding: 25px;
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Softer shadow */
    border: 1px solid #ddd; /* Light border */
    overflow: hidden; /* Prevent overflow outside the box */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
}

/* Hover effect for the entire card */
.eael-grid-post-holder:hover {
    transform: scale(1.03); /* Slight scale on hover */
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); /* Add shadow on hover */
}

/* Inner content container */
.eael-grid-post-holder-inner {
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Entry media (image container) */
.eael-entry-media {
    width: 100%;
    overflow: hidden; /* Ensure the image stays inside the container */
    transition: transform 0.3s ease; /* Smooth transition for the image */
    height: 225px; /* Fixed height for all images */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; /* Added for positioning the overlay correctly */
}

/* Thumbnail image styling */
.eael-entry-thumbnail img {
    width: 100%;
    height: 100%; /* Ensures all images fill the container */
    object-fit: cover; /* Ensures the image scales and crops appropriately */
    border-radius: 10px; /* Rounded corners for the image */
    transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth hover effect */
}

/* Overlay icon */
.eael-entry-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Dark overlay */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1; /* Ensures overlay stays above the image */
    border-radius: 10px; /* Match the image's rounded corners */
    overflow: hidden; /* Prevents overlay from going outside the container */
}

/* Icon inside the overlay */
.eael-entry-overlay i {
    font-size: 24px;
    color: #fff;
}

/* Show overlay on hover */
.eael-grid-post-holder:hover .eael-entry-overlay {
    opacity: 1;
}

/* Entry content wrapper */
.eael-entry-wrapper {
    padding-top: 20px;
}

/* Entry title */
.eael-entry-title {
    font-size: 1.5em;
    font-weight: 600;
    color: #222; /* Darker text color for the title */
    margin-bottom: 10px;
}

/* Post excerpt */
.eael-grid-post-excerpt p {
    color: #666;
    font-size: 0.95em;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Read more button */
.eael-post-elements-readmore-btn {
    display: inline-block;
    color: #0073e6; /* Accent color */
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
}

.eael-post-elements-readmore-btn:hover {
    color: #005bb5; /* Darken the link on hover */
}

/* Entry footer */
.eael-entry-footer {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

/* Author avatar */
.eael-author-avatar img {
    border-radius: 50%;
    margin-right: 10px;
}

/* Posted date */
.eael-posted-on {
    font-size: 0.9em;
    color: #888;
}/* End custom CSS */