/**
 * SimpleEventsLegacy.css
 * This file contains the styles for the Simple Events block.
 * It is used to display a list of events in a simple format.
 */

.block.simple-events .eventslist{margin-bottom:var(--us-gap);}
.block.simple-events .eventslist::after{width:100%!important;content:'';display:block;clear:both;border-top:1px solid var(--us-stroke-weak);border-bottom:1px solid rgba(255,255,255,.3);}
.block.simple-events .eventslist .item{display:grid;grid-template-columns:180px 1fr 150px;align-items:center;gap:var(--us-gap);padding:16px 0;text-decoration:none;color:inherit;position:relative;}
body:not(.home) .block.simple-events .eventslist .item{transition:var(--us-transition);}
.block.simple-events .eventslist .item:before{content:'';position:absolute;top:0;left:0;width:100%;height:0;border-top:1px solid var(--us-stroke-weak);border-bottom:1px solid rgba(255,255,255,.3);z-index:10;}
.block.simple-events .eventslist .item:nth-child(even):after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%);}
.block.simple-events .eventslist .date{color:var(--us-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.block.simple-events .eventslist .title{font-weight:400;color:var(--drg-blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.block.simple-events .eventslist .city{color:var(--us-text-weak);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media only screen and (min-width:1280px) {
.block.simple-events .eventslist .item{display:grid;grid-template-columns:200px 1fr 150px;padding:20px 0;}
}

@media only screen and (max-width:833px) {
.block.simple-events .eventslist .item{display:flex;flex-direction:column;align-items:flex-start;padding:16px 0;gap:2px;}
.block.simple-events .eventslist .title{order:1;font-size:1rem;font-weight:500;color:var(--drg-blue);line-height:1.4;white-space:normal;margin-bottom:4px;
    text-wrap:balance!important;hyphens:auto!important;overflow-wrap:break-word;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical;}
.block.simple-events .eventslist .date{order:2;font-size:0.9rem;}
.block.simple-events .eventslist .city{order:3;font-size:0.85rem;}
}