/* @group Events List View
------------------------------------ */
.events-container .listView .event:not(:last-of-type) { border-bottom: .1rem solid rgba(151, 151, 151, 1);  }
.events-container .listView .event { color: var(--navy-blue); position: relative; width: 100%; padding: 0 0 3em; margin: 0 0 3em; }
.events-container .listView .event-box { display: flex; align-items: flex-start; flex-wrap: wrap; }
.events-container .listView .event-box .category { width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: .5em; column-gap: 1.5em; }
.events-container .listView .event-box .category span { font-size: 1.2em; line-height: 1.5em; letter-spacing: .07em; font-weight: 700; text-transform: uppercase; display: inline-block; width: fit-content; padding: .5rem 2rem; background-color: var(--yellow); color: var(--navy-blue); border-radius: 10em; }
.events-container .listView .event-box .category span.daily { background-color: var(--secondary-lightblue); }
.events-container .listView .event-box .category span.weekly { background-color: var(--secondary-pink); }
.events-container .listView .event-box .category span.monthly { background-color: var(--secondary-orange); }
.events-container .listView .event-box .time-box { flex: 0 1 35%; padding-right: 2em; }
.events-container .listView .event-box .time-box span { font-size: 2.5em; line-height: 1.1em; letter-spacing: .057em; display: block; margin: 0 0 .33em; font-weight: 600; color: var(--darker-blue); text-transform: uppercase; }
.events-container .listView .event-box .time-box time { text-transform: uppercase; font-weight: 600; font-size: 1.5em; line-height: 1.1em; letter-spacing: .1em; }
.events-container .listView .event-box h3 { flex: 0 1 65%; text-transform: uppercase; font-weight: 700; font-size: 3em; line-height: 1em; letter-spacing: .06em; }
.events-container .listView .event-box .bttn-outlined { text-align: center; }
@media only screen
and (min-width : 961px) {
    .events-container .listView .event { padding: 0 0 3rem; margin: 0 0 3rem; }
    .events-container .listView .event-box { justify-content: space-between; }
    .events-container .listView .event-box .category { flex: 0 1 15%; padding-right: 1rem; row-gap: 1rem; flex-direction: column; align-items: flex-start; }
    .events-container .listView .event-box .time-box { flex: 0 1 23%; padding-right: 2.5rem; }
    .events-container .listView .event-box .time-box span { font-size: 3.5rem; margin: 0 0 1rem; }
    .events-container .listView .event-box .time-box time { font-size: 2rem; }
    .events-container .listView .event-box h3 { flex: 0 1 40%; padding-right: 2.5rem; font-size: 3rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .events-container .listView .event-box { row-gap: 2em; }
    .events-container .listView .event-box .category,
    .events-container .listView .event-box .bttn-outlined { flex: 0 1 100%; }
}


/* @end */