body.single-events #postmeta {   display: flex; flex-wrap: wrap; align-items: center;     margin-bottom: var(--bodytext_size); column-gap:var(--gutter);}

body.single-events #postmeta p.date { margin: 0 1em 0 0; line-height: 1.5;   }
body.single-events #postmeta p.date span {  font-weight: 400 !important; }

.eventmeta p.date i.icon::after,
.event_cards p.date i.icon::after,
body.single-events #postmeta p.date i.icon::after {
    font-family: "esero";
    content: "\E850";
}

.event_cards dl.taxonomies { margin:12px 0; }
body.single-events #postmeta dl.taxonomies {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1px; /*margin-left: var(--gutter);*/ }

.eventmeta dl.taxonomies dt:before,
body.single-events #postmeta dl.taxonomies dt:before {display: none;}
.eventmeta dl.taxonomies dt,
body.single-events #postmeta dl.taxonomies dt {margin-right: 0;}

.eventmeta dl.taxonomies :is(dt,dd),
body.single-events #postmeta dl.taxonomies :is(dt,dd) { margin-top:0; margin-bottom: 0;  }

body.single-events #pageheader .section { background-color: rgba(0, 0, 0, 0.70); }



.event_cards{   display: flex; flex-wrap: wrap; gap: var(--gutter); position: relative; z-index: 1;  --card-padding:32px; --icon:32px; }
.event_cards>article { background: white; color: black; padding:var(--card-padding); border-radius: var(--radius);
width:calc(50% - (var(--gutter) / 2)); display: flex; align-items: flex-start;

}
.event_cards h3 { margin-bottom: 16px; }

/*.event_cards>article:has(a[href*="//"]:not([href*="//esero.newgraphic.ie"]):not([href*="//esero.ie"]):not([href*="//www.esero.ie"]))::after {*/

.icon.ext_icon { order:10; align-self:flex-start;  font-style: normal !important; width:calc((var(--icon) * 2) + 8px); height: calc((var(--icon) * 2) + 8px); min-width: calc((var(--icon) * 2) + 8px); background: var(--black); color:white; border-radius: 50%; margin-left: 16px;
    display: flex; justify-content: center; align-items: center; float: right;  }
.icon.ext_icon::after { font-family: "esero";  font-size: var(--icon);   content:"\E805";  }

@media all and (max-width: 899.98px) {
    .event_cards {
        --card-padding: 24px;  --icon:24px;

    }
    .event_cards > article {
        width: calc(50% - (var(--gutter) * 0.5)) !important;
    }
}
@media all and (max-width: 599.98px) {
    .event_cards {
        --card-padding:16px;  --icon:16px;

    }
    body.single-events #postmeta p.date { margin: 0 0 1em 0;}
    .event_cards > article {
        width: 100% !important;
    }
}