.widget-event{grid-template-columns:1fr; grid-gap:var(--size-5);}
.widget-event-poster:hover{opacity:55%;}

.wel-top{padding-bottom:var(--size-2); margin-bottom:var(--size-2); border-bottom:1px solid rgb(var(--color-border-dark) / 8%); display:flex; align-items:center;}
.wel-top .svgicon{width:auto; height:var(--size-4); fill:var(--color-text-5);}
.wel-label{font-weight:bold; margin-left:var(--size-3);}

.wel-content{position:relative; display: grid; gap: var(--size-2);}
.wel-link{font-weight:normal; font-size:10px; color:var(--color-text-2); display:grid; grid-gap:3px; padding:var(--size-2); border-radius:var(--rounded-1);}
.wel-link-curr{background-color:var(--bg-3);}
.wel-catedate, .wel-loc{display:flex; align-items:center; color:var(--color-text-1);}
.wel-cate{text-transform:capitalize; margin-right:var(--size-1); font-weight:bold;}
.wel-title{font-size:14px; font-weight:bold;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.wel-loc .svgicon{fill:var(--color-text-4); margin-right:var(--size-1);}

.wel-link-offline .wel-cate{color:var(--color-text-3);}
.wel-link-online .wel-cate{color:var(--color-text-5);}

.wel-more{width:100%; padding:0 var(--size-2);
background:linear-gradient(to bottom,rgb(var(--color-border-light) / 0%) 0%,rgb(var(--color-border-light) / 100%) 100%);}



@media screen and (min-width:768px){
  .widget-event{grid-template-columns:303px 1fr; align-items:flex-start;}
}