.eventcard picture { height: 0; /*padding-bottom: 50%;*/ padding-bottom: 32%;
    /*  width: 100%;display:block;  position: relative; overflow: hidden;*/ }

.eventcard picture img { /*object-fit: cover; width:var(--overflow);  height:var(--overflow); left: 50%; top: 50%; transform: translate(-50%,-50%);
    position: absolute; */}

.eventcard   {  border-radius: 12px; overflow:hidden;   margin:0 0 var(--gutter) 0; }

.eventcard div {  color: black; padding: 40px;
    position: relative;/* max-width: 480px; border-radius: 12px;*/
  /*  margin:-105px 32px var(--gutter) 32px;*/
    margin:0;
    display: flex; flex-direction: column;
    transition: all 0.2s ease;
    background:white;
}




.eventcard p.cta a:link,
.eventcard p.cta a:visited { background-color: var(--yellow); }


@media all and (min-width: 900px) {

    .eventcard div h2 { font-size: 24px; line-height: 1.1; margin-bottom: 8px; font-weight: 700;  font-family: var(--headingfont); }
    .eventcard dl.eventinfo :is(dt,dd)
    { font-size: 16px; margin:1em 0; }


}

@media all and (max-width: 899px) {

    .eventcard div {
        padding: 32px;
        /*margin:-64px 16px var(--gutter) 16px;*/
    }

}

@media all and (max-width: 599px) {

    .eventcard div {
        padding: 24px;
        /*margin:-48px 16px 16px 16px;*/
    }

}

/*
body.single-events dl.eventinfo dt {float: left;}*/