@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

#mini-events {margin-bottom: 47px; font-family: "Open Sans", sans-serif;}
.mini-list-loaded {display: flex!important;}
#mini-events .tns-outer {margin: 0;}
.cal-content {background: rgba(255, 255, 255, 0.92); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12); backdrop-filter: blur(4px); border-radius: 16px; transition: 0.3s; cursor: pointer; min-height: 245px;}
.cal-content:hover {background: #D1E8F8;}
.cal-date {height: 48px; border-radius: 16px 16px 0 0; background: #0087CE; color: #fff; line-height: 48px; letter-spacing: -0.02em; text-transform: capitalize; font-size: 20px; font-weight: 700; padding: 0 0 0 25px;}

.eveInfo {padding: 25px 25px 10px;}
.cal-time {background: url('../../../images/access_time_filled.png') no-repeat left; padding: 0 0 0 20px; letter-spacing: -0.02em; color: #0087CE; font-weight: 700; font-size: 18px; margin: 0 0 15px;}

.cal-title {color: var(--darkgray); font-size: 24px; text-transform: capitalize; font-weight: 700; margin: 0 0 40px; font-family: "Open Sans", sans-serif; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; line-height: 34px;}
.cal-more {display: inline-block; font-size: 18px; font-weight: 700; transition: all 0.5s; line-height: 24px; letter-spacing: -0.02em; color: #7030A0;}
.cal-more .dot {background: #7030A0; width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin: 0 5px 0 0;}
.cal-more.kids .dot {background: #1B9CA5;}
.cal-more.kids {color: #1B9CA5;}

@media only screen and (max-width:576px){}
