.POSTS-GRID__grid{display:flex;flex-wrap:wrap;gap:48px 12px}.POSTS-GRID__grid.events{font-family:"Mulish"}.POSTS-GRID__grid.events .grid-item__info{display:flex;flex-direction:column;align-items:start}.POSTS-GRID__grid.events .date-time{display:flex;flex-direction:row;line-height:18px}.POSTS-GRID__grid.events .date-time .gray-dot{margin:auto 8px}.POSTS-GRID__grid.events .labels{display:flex;flex-direction:row;margin-top:8px}.POSTS-GRID__grid.events .labels .label-blue{padding:4px 8px;margin-right:8px;border-radius:40px;color:#0253b6;background-color:#e8f6ff;font-size:.75rem;font-style:normal;font-weight:700;line-height:1rem}.POSTS-GRID__grid.events .labels .label-red{padding:4px 8px;margin-right:8px;border-radius:40px;color:#d35127;background-color:#ffede3;font-size:.75rem;font-style:normal;font-weight:700;line-height:1rem}.POSTS-GRID__grid .grid-item{display:block;flex:0 0 100%;color:unset}.POSTS-GRID__grid .grid-item:hover h3,.POSTS-GRID__grid .grid-item:focus h3{text-decoration:underline}.POSTS-GRID__grid .grid-item.not-clickable{cursor:default}.POSTS-GRID__grid .grid-item.not-clickable:hover h3,.POSTS-GRID__grid .grid-item.not-clickable:focus h3{text-decoration:none}.POSTS-GRID__grid .grid-item h3{margin:0;font-size:1.25rem;line-height:1.625rem;font-weight:400;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.POSTS-GRID__grid .grid-item__info{margin:24px 0 16px;display:flex;flex-direction:column-reverse;align-items:center;gap:8px;color:#485e75;font-size:.875rem;line-height:.875rem;text-align:start}.POSTS-GRID__grid .grid-item__info p{margin:0}.POSTS-GRID__grid .grid-item__thumbnail{position:relative;background-color:#d9d9d9;height:0;padding-top:56.25%;overflow:hidden;border-radius:10px}.POSTS-GRID__grid .grid-item__thumbnail img{position:absolute;top:0;left:0;object-fit:fill;width:100%;height:100%;aspect-ratio:16/9}.POSTS-GRID__grid .grid-item .post-info{display:flex;margin-right:auto}.POSTS-GRID__grid .grid-item .gray-dot{background-color:#d9d9d9;display:block;height:4px;width:4px;border-radius:100%;margin:auto 8px}.POSTS-GRID__pagination{margin-top:48px;text-align:center;font-weight:700;font-size:.875rem;line-height:1rem;display:block}.POSTS-GRID__pagination .page-numbers{display:inline-flex;justify-content:center;align-items:center;height:32px;width:32px;margin:0 4px;cursor:pointer;background-color:#f2f5f7;border-radius:4px;color:#485e75;transition:all ease-in-out .3s}.POSTS-GRID__pagination .page-numbers:hover:not(:is(.dots)){background-color:#0a6fe8;color:#fff}.POSTS-GRID__pagination .page-numbers.dots{background-color:rgba(0,0,0,0);cursor:default;width:10px}.POSTS-GRID__pagination .page-numbers.current{background-color:#0a6fe8;color:#fff}.POSTS-GRID__pagination .page-numbers.next{padding-bottom:4px}.POSTS-GRID__pagination .page-numbers.prev{padding-bottom:4px}.POSTS-GRID__pagination .arrow{cursor:pointer;font-weight:700;font-size:1rem;line-height:1rem;color:#485e75;padding:10px 4px;margin:0 8px}.POSTS-GRID__search{display:block;align-items:center;padding:16px;border-radius:6px;border:1px solid #6784a2;color:#485e75;margin-bottom:32px;width:100%;max-height:56px}.POSTS-GRID__search label{display:flex;width:100%}.POSTS-GRID__search input.search-field{flex:1;color:#485e75;border:none;font-size:1rem;line-height:1.5rem}.POSTS-GRID__search input.search-field:focus{outline:none;border:none}.POSTS-GRID__search input.search-field:not(:placeholder-shown){background-color:#fff}.POSTS-GRID__search .search-form{display:flex;justify-content:space-between;width:100%}.POSTS-GRID__search .search-submit{background-color:#fff;border:0}.POSTS-GRID__search i{cursor:pointer;margin-left:16px;color:#485e75}.POSTS-GRID .result-spinner{display:flex;justify-content:center;align-items:center}.POSTS-GRID .result-spinner i{color:#6784a2}@media(min-width: 768px){.POSTS-GRID__grid{gap:64px 16px}.POSTS-GRID__grid .grid-item{flex:0 0 calc(33.33333% - 10.66667px);color:unset}.POSTS-GRID__pagination{margin-top:64px}.POSTS-GRID__search{margin-bottom:40px}}@media(min-width: 1024px){.POSTS-GRID__grid{gap:64px 24px}.POSTS-GRID__grid .grid-item{flex:0 0 calc(25% - 18px);color:unset}.POSTS-GRID__grid .grid-item.blog{flex:0 0 calc(33.33333% - 16px)}}
