.event-article{border-bottom:1px solid var(--border-color);position:relative;transition:all .3s ease-in-out}.event-article .event-frame{align-items:center;border-radius:8px;display:flex;gap:24px;padding:24px;transition:all .3s ease-in-out}.event-article:hover{border-color:transparent}.event-article .event-frame:hover{background:#fff;box-shadow:0 0 12px 0 #9f9f9f3b}.event-article .img-holder{flex-shrink:0;height:126px;width:179px}.event-article .img-holder img{border-radius:8px}.event-article .event-text{align-items:flex-start;display:flex;flex-flow:column nowrap;flex-grow:1;gap:8px 0;overflow:hidden}.event-article .event-text>*{margin:0!important}.event-article h4{color:var(--text-color);font-weight:600}.event-article .event-time{display:flex;flex-flow:column nowrap;flex-shrink:0;gap:8px 0;width:248px}.event-article .event-time h4{margin:0}.event-article .event-time h4 strong{font-weight:400}.event-article .event-cat{background:#c5d3ce;border-radius:4px;color:var(--primary-lighter-color);display:inline-block;font-size:12px;line-height:15px;padding:4px 8px;vertical-align:top}.event-article .btn-frame{flex-shrink:0;width:187px}.event-article .btn-block .button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1199px){.event-article .btn-frame,.event-article .event-time{width:auto}.event-article h4{font-size:17px}.event-article .event-frame{flex-flow:row wrap;justify-content:space-between}.event-article .event-text{max-width:calc(100% - 203px)}}@media (min-width:768px){.event-article .img-holder img{height:100%;object-fit:cover;width:100%}}@media (max-width:767px){.event-article .event-frame{flex-flow:column nowrap;gap:20px;padding:20px;text-align:center}.event-article .img-holder{height:auto;width:100%}.event-article .img-holder img{display:block;height:auto;margin:0 auto;max-width:100%}.event-article .event-text{align-items:center;max-width:none}}