.event-index{background-color:var(--primary-background);padding:60px 0}.event-index h2{margin-bottom:30px;text-align:center}.event-index__filters{align-items:center;display:flex;justify-content:center;margin-bottom:40px}.event-index__filters .filter{position:relative;z-index:2}.event-index__filters .filter.filter--all{margin-right:14px}.event-index__filters .filter .btn-secondary{background:#ffefc9;border-color:#ffefc9;padding:14px 38px 14px 20px;position:relative;text-align:left;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;z-index:2}.event-index__filters .filter .btn-secondary:hover,.event-index__filters .filter.filter-open .btn-secondary{background:#fff;border-color:#fff}.event-index__filters .filter.filter-open .btn-secondary{padding:14px 140px 14px 20px}.event-index__filters .filter .btn-secondary:after{border-color:#000 transparent transparent;border-style:solid;border-width:5px 5px 0;content:"";height:0;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:0}.event-index__filters .filter ul{background-color:#fff;border-radius:6px;-webkit-box-shadow:0 5px 15px 5px rgba(0,0,0,.09);box-shadow:0 5px 15px 5px rgba(0,0,0,.09);display:none;left:0;list-style:none;margin:0;max-height:388px;overflow:auto!important;padding:46px 0 0;position:absolute;top:0;width:100%;z-index:1}.event-index__filters .filter ul>li>a{display:block;padding:6px 20px;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.event-index__filters .filter ul>li>a:focus,.event-index__filters .filter ul>li>a:hover{background-color:var(--primary-background);text-decoration:none}.event-index .event-index__grid{display:grid;grid-template-columns:1fr;padding-top:20px;row-gap:20px}.event-index .event-index__grid .post{background-color:#fff;border-radius:10px;overflow:hidden;position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.event-index .event-index__grid .post .post-inner{display:grid;grid-template-rows:200px 1fr;height:100%}.event-index .event-index__grid .post .post-inner .post-image{border-radius:10px;height:100%;overflow:hidden;position:relative;width:100%}.event-index .event-index__grid .post .post-inner .post-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.event-index .event-index__grid .post .post-inner .post-content{display:flex;flex-direction:column;justify-content:space-between;padding:30px}.event-index .event-index__grid .post .post-inner .post-content h3{font-size:1.5rem}.event-index .event-index__grid .post .post-inner .post-content h3 a:focus,.event-index .event-index__grid .post .post-inner .post-content h3 a:hover{text-decoration:none}.event-index .event-index__grid .post .post-inner .post-content h3 a:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.event-index .event-index__grid .post .post-inner .post-content .post-content__body .btn{margin:0;padding:0}@media (min-width:768px){.event-index .event-index__grid{column-gap:20px;grid-template-columns:repeat(2,1fr)}.event-index .event-index__grid .post:focus,.event-index .event-index__grid .post:hover{-webkit-box-shadow:0 0 15px 5px rgba(0,0,0,.15);box-shadow:0 0 15px 5px rgba(0,0,0,.15)}}@media (min-width:1024px){.event-index .event-index__grid{column-gap:30px;grid-template-columns:repeat(3,1fr);row-gap:30px}}.blog__pagination{align-items:center;display:flex;justify-content:center;margin:30px 0}.blog__pagination .btn{margin:4px}.blog__pagination .btn.btn-arrow{color:#f3c862;pointer-events:none;-webkit-transition:all .35s ease-out;transition:all .35s ease-out}.blog__pagination .btn.btn-arrow.btn-active{color:var(--body);cursor:pointer;pointer-events:all}.blog__pagination .btn.btn-arrow.btn-prev:focus,.blog__pagination .btn.btn-arrow.btn-prev:hover{transform:translateX(-8px)}.blog__pagination .btn.btn-arrow.btn-next:focus,.blog__pagination .btn.btn-arrow.btn-next:hover{transform:translateX(8px)}.blog__pagination .btn.btn-numbered{background:#ffefc9;border-color:#ffefc9}.blog__pagination .btn.btn-numbered:focus,.blog__pagination .btn.btn-numbered:hover,.blog__pagination .btn.btn-primary.btn-numbered{background:var(--primary);border-color:var(--primary)}