/*******************************************
* Event items
*******************************************/
.br-event-item__date {width:100px; padding-right:16px;}
.br-event-item__day {line-height:1; font-size:48px; letter-spacing:.01em; color:var(--br-color-heading);}
.br-event-item__month {--br-color-heading:var(--br-color-primary);}
.br-event-item__thumbnail {width:28%; border:1px solid rgba(29, 29, 31, .08); border-radius:2px;}
.br-event-item__info {width:calc(72% - 100px); padding-left:16px; padding-right:10px;}
.br-event-item__info ul.br-event-info {margin-bottom:8px;}
.br-event-item__title {--br-spacing-heading:8px;}
a.br-event-item__inner:hover .br-event-item__title {--br-color-heading:var(--br-color-primary);}


/* even info */
.br-event-info__value i {width:30px;line-height:1; font-weight:400; color:var(--br-color-heading);}
.br-event-info__value i.icon-clock:before {display:block; transform:translateX(-.1em);}

/* responsive */
@media only screen and (max-width:1024px) {
    .br-event-item__date {width:80px; padding-right:10px;}
    .br-event-item__day {font-size:var(--br-size-40);}
    .br-event-item__thumbnail {width:25%;}
    .br-event-item__info {width:calc(75% - 80px); padding-left:10px; padding-right:0;}
}
@media only screen and (max-width:480px) {
    .br-event-item__inner {
        flex-direction:column;position:relative; overflow:hidden;
        border-radius:4px; box-shadow:0 8px 24px rgba(39, 28, 28, .12), 0 2px 4px rgba(39, 28, 28, .08);
        background:#fff;
    }
    .br-event-item__date {
        border-radius:2px; background:#fff; padding-right:0;
        position:absolute; top:16px; left:16px;
        width:48px; aspect-ratio:48 / 52;
    }
    .br-event-item__day {font-size:20px;}
    .br-event-item__month {--br-size-h3:16px;}
    .br-event-item__thumbnail {width:100%; aspect-ratio:573/335;}
    .br-event-item__info {padding:24px var(--br-gap-container); width:100%;}
}


/*******************************************
* Featured Event items
*******************************************/
.br-featured-event__inner {
    border-radius:4px; background:#fff;
    box-shadow:0 8px 24px rgba(39, 28, 28, .12), 0 2px 4px rgba(39, 28, 28, .08);
}
.br-featured-event__date {border-radius:2px; top:16px; left:16px; width:48px; aspect-ratio:48/52;}
.br-featured-event__day {font-size:20px; color:rgba(12, 12, 12, 87);}
.br-featured-event__thumbnail {aspect-ratio:573/335;}
.br-featured-event__info {padding:24px;}
.br-featured-event__title {--br-spacing-heading:12px;}
.br-featured-event__info ul.br-event-info {margin-bottom:12px;}
a.br-featured-event__inner:hover .br-featured-event__title {--br-color-heading:var(--br-color-primary);}

@media only screen and (max-width:1024px) {
    .br-featured-event__info {padding:24px var(--br-gap-container);}
}