.elementor-1833 .elementor-element.elementor-element-c6cfe57{--display:flex;--margin-top:90px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.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-1833 .elementor-element.elementor-element-1c64e14{--grid-row-gap:35px;--grid-column-gap:30px;--load-more-message-alignment:center;--load-more-spinner-color:var( --e-global-color-secondary );}.elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1833 .elementor-element.elementor-element-1c64e14:after{content:"0.66";}.elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__thumbnail__link{width:100%;}.elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__thumbnail{border-radius:8px 8px 8px 8px;}.elementor-1833 .elementor-element.elementor-element-1c64e14.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1833 .elementor-element.elementor-element-1c64e14.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1833 .elementor-element.elementor-element-1c64e14.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__title, .elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__title a{color:#000000;font-family:"Iranyekan", Sans-serif;font-weight:700;}.elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__read-more{color:#FFFFFF;}.elementor-1833 .elementor-element.elementor-element-1c64e14 a.elementor-post__read-more{font-family:"Iranyekan", Sans-serif;font-size:16px;font-weight:500;}@media(max-width:767px){.elementor-1833 .elementor-element.elementor-element-c6cfe57{--margin-top:30px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1833 .elementor-element.elementor-element-1c64e14:after{content:"0.5";}.elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-1c64e14 *//* --- Base Styling for Individual Post Cards --- */
/* '.elementor-1833 .elementor-element.elementor-element-1c64e14' targets the main Posts widget. We then style elements within it. */
.elementor-1833 .elementor-element.elementor-element-1c64e14 article.elementor-post {
    border: 1px solid #eaeaea; /* Light border */
    border-radius: 8px; /* Slightly rounded corners for the card */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); /* Subtle shadow for depth */
    transition: all 0.3s ease-in-out; /* Smooth animation for hover effects */
    overflow: hidden; /* Ensures content respects border-radius */
    display: flex; /* Makes the card content flexible */
    flex-direction: column; /* Stacks image, text, button vertically */
    height: 100%; /* Ensures all cards in a row have consistent height */
}

/* --- Hover Effects for the Entire Card --- */
.elementor-1833 .elementor-element.elementor-element-1c64e14 article.elementor-post:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); /* More pronounced shadow on hover */
    transform: translateY(-5px); /* Slight lift effect on hover */
}

/* --- Image Consistency & Styling --- */
/* Targets the image wrapper within each post card */
.elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__thumbnail {
    width: 100%; /* Full width of the card */
    height: 200px; /* Fixed height for consistent image display */
    overflow: hidden; /* Hides parts of the image that go beyond the fixed height */
    border-top-left-radius: 8px; /* Matches card's top border radius */
    border-top-right-radius: 8px; /* Matches card's top border radius */
}

.elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images fill the container without distortion (cropping if necessary) */
    object-position: center; /* Centers the image within its container */
}

/* --- Content Area Padding and Layout --- */
/* Targets the main text content area of the post item */
.elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__text {
    padding: 20px; /* Padding around the title, excerpt, and button */
    flex-grow: 1; /* Allows this area to expand and push the read more button to the bottom */
    display: flex; /* Makes internal content flexible */
    flex-direction: column; /* Stacks internal content (title, excerpt, button) vertically */
}

/* --- Typography - Post Title --- */
.elementor-1833 .elementor-element.elementor-element-1c64e14 h2.elementor-post__title {
    font-family: 'Vazirmatn', sans-serif; /* Example modern Persian font (ensure it's loaded on your site) */
    font-size: 24px; /* Larger title font size */
    font-weight: 700; /* Bold text */
    color: #333; /* Dark gray color */
    margin-bottom: 10px; /* Space below the title */
    line-height: 1.3; /* Line height for readability */
}

.elementor-1833 .elementor-element.elementor-element-1c64e14 h2.elementor-post__title a {
    color: inherit; /* Link color inherits from parent (title color) */
    text-decoration: none; /* No underline on the link */
    transition: color 0.3s ease; /* Smooth color change on hover */
}

.elementor-1833 .elementor-element.elementor-element-1c64e14 h2.elementor-post__title a:hover {
    color: #0073e6; /* Example blue color on title link hover */
}

/* --- Post Excerpt Styling (if displayed by the widget) --- */
.elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__excerpt {
    font-family: 'Vazirmatn', sans-serif;
    color: #444;
    line-height: 1.6;
    margin-bottom: 15px; /* Space below the excerpt */
    flex-grow: 1; /* Allows the excerpt to grow if present, helping push button down */
}

/* --- Call to Action Button Styling --- */
.elementor-1833 .elementor-element.elementor-element-1c64e14 a.elementor-post__read-more {
    display: inline-block; /* Makes the link behave like a block for styling */
    background-color: #28a745; /* NEW: A vibrant green color */
    color: #fff; /* White text color */
    padding: 12px 30px; /* Slightly more padding for a larger touch area */
    border-radius: 25px; /* More rounded, 'pill' shape */
    text-decoration: none; /* No underline */
    font-family: 'Vazirmatn', sans-serif;
    font-size: 17px; /* Slightly larger text */
    font-weight: 600; /* Semi-bold text */
    text-align: center;
    transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transitions for hover */
    margin-top: auto; /* Pushes the button to the bottom of the card content area */
    align-self: center; /* NEW: Aligns the button to the center horizontally */
    width: fit-content; /* Button only as wide as its content */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for button */
}

.elementor-1833 .elementor-element.elementor-element-1c64e14 a.elementor-post__read-more:hover {
    background-color: #218838; /* Darker green on hover */
    transform: translateY(-2px); /* Slight lift on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Slightly larger shadow on hover */
}

/* --- Responsive Adjustments for Smaller Screens --- */
@media (max-width: 767px) {
    .elementor-1833 .elementor-element.elementor-element-1c64e14 article.elementor-post {
        margin-bottom: 20px; /* Add space between cards when stacked on mobile */
    }
    .elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__thumbnail {
        height: 180px; /* Slightly adjust image height for mobile */
    }
    .elementor-1833 .elementor-element.elementor-element-1c64e14 h2.elementor-post__title {
        font-size: 20px;
    }
    .elementor-1833 .elementor-element.elementor-element-1c64e14 .elementor-post__excerpt {
        font-size: 15px;
    }
    .elementor-1833 .elementor-element.elementor-element-1c64e14 a.elementor-post__read-more {
        padding: 10px 25px; /* Adjust padding for mobile */
        font-size: 16px; /* Adjust font size for mobile */
    }
}/* End custom CSS */