.qf-events{margin:0 auto;max-width:100rem;padding:5rem 2.5rem}.qf-events__heading{margin-bottom:.875em}.qf-events__tabs{display:flex;gap:1.25rem;margin-bottom:3.75rem}.qf-events__tab{background:transparent;border:2px solid var(--frankly-darkblue);border-radius:12px;color:var(--frankly-darkblue);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-btn);font-weight:var(--fw-btn);letter-spacing:var(--ls-btn);padding:1.25rem;transition:background .2s,color .2s}.qf-events__tab:hover{color:var(--frankly-blue,#2103ed)}.qf-events__tab--active{background:var(--frankly-darkblue)}.qf-events__tab--active,.qf-events__tab--active:hover{color:var(--frankly-white)}.qf-events__panel{display:none}.qf-events__panel--active{display:block}.qf-events__list{display:grid;list-style:none;margin:0;padding:0;position:relative;grid-gap:2.5rem}.qf-events__item{border-bottom:1px solid var(--frankly-darkblue);display:flex;gap:2.5rem 5rem;justify-content:flex-start;padding-bottom:2.5rem;position:relative}.qf-events__item:last-child{border-bottom:none;padding-bottom:0}.qf-events__meta{display:flex;flex:0 20%;flex-direction:column}.qf-events__date{display:block;font-family:var(--ff-text);font-size:var(--fs-base);letter-spacing:var(--ls-base);margin-bottom:.4rem}.qf-events__location{font-family:var(--ff-text);font-size:.9375rem;margin:0}.qf-events__body{display:flex;flex:1;flex-direction:column}.qf-events__image{height:9rem;overflow:hidden;width:9rem}.qf-events__image img{display:block;height:100%;object-fit:cover;width:100%}.qf-events__title{font-family:var(--ff-base);font-size:var(--fs-h4);line-height:var(--lh-h4);margin:0 0 .4rem}.qf-events__description{font-family:var(--font-body);font-size:var(--fs-post-body);line-height:var(--lh-paragraph);margin:0 0 .75rem;>*{font:inherit}p{margin-top:0}p:last-child{margin-bottom:0}}.qf-events .qf-events__link.frankly-btn{align-self:center;margin-left:24px;transition:padding-right .3s ease,margin-left .3s ease,background-color .4s ease,border-color .4s ease,color .4s ease}.qf-events .qf-events__link.frankly-btn:hover{margin-left:0}.qf-events__empty{color:var(--frankly-raven);font-family:var(--font-body)}@media (max-width:767px){.qf-events__tabs{flex-direction:column;margin-bottom:3.75rem}.qf-events__tab{padding:.75rem}.qf-events__item{flex-direction:column;gap:1.5rem}.qf-events__meta{width:100%}.qf-events .qf-events__link.frankly-btn{align-self:baseline;margin-left:0}}