/* ecolise-site-css v1.7.0 */
/* EDSC event page — equal-height post cards with equal-sized images (EAEL Post Grid) */
.elementor-element-6259d81 .eael-post-grid {
    position: static !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: stretch;
}

.elementor-element-6259d81 .eael-post-grid > .eael-grid-post {
    position: static !important;
    float: none !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    height: 100%;
}

.elementor-element-6259d81 .eael-grid-post-holder,
.elementor-element-6259d81 .eael-grid-post-holder-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.elementor-element-6259d81 .eael-entry-media,
.elementor-element-6259d81 .eael-entry-thumbnail {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.elementor-element-6259d81 .eael-entry-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.elementor-element-6259d81 .eael-entry-wrapper {
    flex: 1 1 auto;
}

@media (max-width: 1024px) {
    .elementor-element-6259d81 .eael-post-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Phones: one card per row in plain block flow, with no grid tracks at all.
   Safari resolved the grid rows to (almost) nothing in this auto-height container,
   so the cards overlapped each other and spilled over the section below. */
@media (max-width: 767px) {
    .elementor-element-6259d81 .eael-post-grid {
        display: block !important;
    }

    .elementor-element-6259d81 .eael-post-grid > .eael-grid-post {
        float: none !important; /* the widget floats the columns; without this the container collapses */
        height: auto;
        margin-bottom: 30px !important;
    }

    .elementor-element-6259d81 .eael-post-grid > .eael-grid-post:last-child {
        margin-bottom: 0 !important;
    }
}

/* Hover/overlay effect removed altogether: no dark layer, no arrow, no fade —
   on any device the image is simply a link to the story. The overlay element is
   what carries that link, so it stays in place, just with nothing to show. */
.elementor-element-6259d81 .eael-grid-post .eael-entry-overlay {
    visibility: visible !important;
    opacity: 1 !important;
    background-color: transparent !important;
    transition: none !important;
    transform: none !important;
    animation: none !important;
}

.elementor-element-6259d81 .eael-grid-post .eael-entry-overlay > i,
.elementor-element-6259d81 .eael-grid-post .eael-entry-overlay > img {
    display: none !important;
}

/* Posts built with Elementor (the EDSC stories, among others) were rendering in
   Elementor's own defaults — Roboto, grey — while the rest of the site's posts use
   the theme's body font. Inheriting instead of hard-coding keeps them aligned with
   whatever the theme's typography is set to. */
body.single-post .elementor-widget-text-editor,
body.single-post .elementor-widget-text-editor p,
body.single-post .elementor-widget-text-editor li,
body.single-post .elementor-widget-text-editor span,
body.single-post .elementor-widget-text-editor strong,
body.single-post .elementor-widget-text-editor em,
body.single-post .elementor-widget-text-editor a {
    font-family: inherit !important;
}

body.single-post .elementor-widget-text-editor,
body.single-post .elementor-widget-text-editor p,
body.single-post .elementor-widget-text-editor li,
body.single-post .elementor-widget-text-editor span,
body.single-post .elementor-widget-text-editor strong,
body.single-post .elementor-widget-text-editor em {
    color: inherit !important;
}

/* Same text column as a normal post: Elementor's top-level container adds 10px of
   side padding, which left the story text 20px narrower than the rest of the site. */
body.single-post .elementor > .e-con.e-parent,
body.single-post .elementor > .e-con.e-parent > .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* EDSC 2026 event page: the copy was pasted from Google Docs and carries its own
   inline styling (Arial, 11pt, black, line-height 1.38). Bring it back to the
   site's normal body typography, the same way the story posts now read.
   The headings themselves are left alone — only the spans inside them, so that
   they inherit the theme's heading font and size instead of the pasted ones. */
body.postid-7577 .elementor-widget-text-editor,
body.postid-7577 .elementor-widget-text-editor p,
body.postid-7577 .elementor-widget-text-editor li,
body.postid-7577 .elementor-widget-text-editor span {
    font-family: inherit !important;
}

body.postid-7577 .elementor-widget-text-editor p,
body.postid-7577 .elementor-widget-text-editor li,
body.postid-7577 .elementor-widget-text-editor p > span,
body.postid-7577 .elementor-widget-text-editor li > span {
    color: var(--global-palette3, #263241) !important;
}

body.postid-7577 .elementor-widget-text-editor p {
    line-height: 1.6 !important;
}

body.postid-7577 .elementor-widget-text-editor p [style*="font-size: 11pt"],
body.postid-7577 .elementor-widget-text-editor p [style*="font-size:11pt"],
body.postid-7577 .elementor-widget-text-editor p [style*="font-size: 12pt"],
body.postid-7577 .elementor-widget-text-editor p [style*="font-size:12pt"],
body.postid-7577 .elementor-widget-text-editor li [style*="font-size: 11pt"],
body.postid-7577 .elementor-widget-text-editor li [style*="font-size:11pt"] {
    font-size: 18px !important;
}

/* headings keep the theme's font and size rather than the pasted 13pt/14pt Arial */
body.postid-7577 .elementor-widget-text-editor h2 span,
body.postid-7577 .elementor-widget-text-editor h3 span,
body.postid-7577 .elementor-widget-text-editor h4 span {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}