.ls-event-listing{background-color:#f3f3f7}.ls-event-listing .event-filter{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:110px;text-align:center}.ls-event-listing .event-filter .filter-nav{border:1px solid transparent;border-radius:50px;cursor:pointer;padding:16px 28px}.ls-event-listing .event-filter .filter-nav.active{background:var(--ls-primary);border-color:var(--ls-accent);color:var(--ls-neutral-white)}.ls-event-listing .ls-event-listing-inner{background-color:#f3f3f7;bottom:36px;padding:36px 0;position:relative}.ls-event-listing .event-listing-box{background:#fff;border-radius:16px;display:flex;flex-wrap:wrap;margin-bottom:72px}.ls-event-listing .event-listing-wrapper .event-listing-box:last-child{margin-bottom:48px}.ls-event-listing .event-listing-box .image{align-items:center;border-right:1px solid rgba(0,0,0,.1);display:flex;justify-content:center;padding:36px;position:relative;width:25%}.ls-event-listing .event-listing-box .image .month{background:var(--ls-neutral-white);border-top-left-radius:8px;border-top-right-radius:8px;bottom:100%;color:var(--ls-primary);font-family:var(--ls-heading-font);font-size:16px;font-weight:700;left:50%;min-width:115px;padding:4px 16px;position:absolute;text-align:center;text-transform:uppercase;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.ls-event-listing .event-listing-box .content{padding:48px 36px 48px 72px;position:relative;width:75%}.ls-event-listing .event-listing-box .content h3{margin:0}.ls-event-listing .event-listing-box .event-detail{align-items:center;display:flex;flex-wrap:wrap;gap:36px;padding:24px 0}.ls-event-listing .event-listing-box .event-detail .event-detail-box{align-items:center;color:var(--ls-primary);display:flex}.ls-event-listing .event-listing-box .event-detail .event-detail-box svg{margin-right:8px}.ls-event-listing .event-listing-box .content .button-box{align-items:center;display:flex;flex-wrap:wrap;gap:36px;padding-top:36px}.ls-event-listing .event-listing-box .content .button-box a.btn.link svg{background:transparent;border-radius:0}.ls-event-listing .invite-box{background:#e7e7ee;border-radius:24px;padding:80px;text-align:center}.ls-event-listing .invite-box a.btn{justify-self:center}.ls-event-listing .event-listing-box .content .add-to-calender{color:var(--ls-primary);cursor:pointer;font-family:var(--ls-heading-font);font-size:14px;font-weight:600;letter-spacing:0;opacity:.5;text-transform:uppercase}.ls-event-listing .event-listing-box .content .calendar-dropdown{position:absolute;right:20px;top:20px}.ls-event-listing .event-listing-box .content .calendar-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:none;position:absolute;right:0;top:100%;width:240px;z-index:100}.ls-event-listing .event-listing-box .content .calendar-menu a{border-bottom:1px solid #eee;color:#222;display:block;padding:12px 16px;text-decoration:none}.ls-event-listing .event-listing-box .content .calendar-menu a:last-child{border-bottom:none}.ls-event-listing .event-listing-box .content .calendar-menu a:hover{background:#f5f5f5}.ls-event-listing .event-listing-box .content .calendar-dropdown.active .calendar-menu{display:block}@media (max-width:767px){.ls-event-listing .event-filter{padding-bottom:72px}.ls-event-listing .event-listing-box .image{border-right:none;padding:36px 24px;position:relative;width:100%}.ls-event-listing .event-listing-box .content{border-top:1px solid rgba(0,0,0,.1);padding:48px 24px;width:100%}.ls-event-listing .event-listing-box .event-detail{gap:24px}.ls-event-listing .invite-box{padding:36px 24px}}@media (min-width:768px) and (max-width:1023px){.ls-event-listing .event-filter{padding-bottom:90px}.ls-event-listing .event-listing-box .image{padding:24px}.ls-event-listing .event-listing-box .content{padding:36px 24px}.ls-event-listing .event-listing-box .event-detail{gap:24px}}@media (min-width:1023px) and (max-width:1440px){.ls-event-listing .event-listing-box .image{padding:36px}.ls-event-listing .event-listing-box .event-detail{gap:24px}.ls-event-listing .event-listing-box .content{padding:36px}}