.blog-listing{--blog-listing-transition-timing:150ms;--blog-listing-transition-easing:linear;align-items:center;display:flex;flex-direction:column;gap:20px;position:relative}.blog-listing button{background-color:transparent;border:none;outline:none}.blog-listing p{margin:0;padding:0}.blog-listing a{color:#000;text-decoration:none}.blog-listing .filters{display:flex;flex-wrap:wrap;justify-content:center}.blog-listing .filters__button{background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:700;outline:none;padding:8px;transition:color .15s linear}.blog-listing .filters__button.active,.blog-listing .filters__button:hover{color:#01a438}.blog-listing .paginationjs-pages{color:#000;display:flex;font-size:14px;justify-content:center}.blog-listing .posts-pagination{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none}.blog-listing .posts-pagination .pagination-btn,.pagination-ellipsis{align-items:center;border:1px solid #e6e6e6;cursor:pointer;display:flex;font-size:14px;justify-content:center;line-height:1.45;min-width:35px;padding:10px;transition:background-color .15s linear}.blog-listing .posts-pagination .pagination-btn.active{background-color:#eee;cursor:not-allowed;pointer-events:none}.blog-listing .posts-pagination .pagination-btn.disabled{display:none}.blog-listing .posts-pagination .pagination-btn:hover{background-color:#eee}.blog-listing .articles{display:grid;gap:20px;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.blog-listing .articles{grid-template-columns:repeat(3,1fr)}}.blog-listing .articles__item{padding:10px}.blog-listing .articles__content{display:flex;flex-direction:column;gap:15px;opacity:var(--opacity);padding:10px;transition:opacity var(--blog-listing-transition-timing) var(--blog-listing-transition-easing)}.blog-listing .articles__heading{display:-webkit-box;font-size:20px;font-weight:700;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.blog-listing .articles__separator{background-color:#00ae41;height:3px;width:100px}.articles__date{font-size:14px;font-weight:400}.blog-listing .articles__banner{align-items:center;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.blog-listing .articles__banner-image{height:100%;object-fit:cover;transition:transform var(--blog-listing-transition-timing) var(--blog-listing-transition-easing);width:100%;will-change:transform}.blog-listing .articles__item:hover .articles__banner-image{transform:scale(1.1)}.blog-listing .articles__item:hover .articles__content{--opacity:0.6}.overlay-parent{display:flex;flex-direction:column;gap:20px;min-height:200px;position:relative}.overlay,.overlay-parent{align-items:center;width:100%}.overlay{background-color:hsla(0,0%,100%,.5);font-size:18px;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0}.blog-listing .search{display:flex;flex-direction:column;gap:15px;padding:10px;width:100%}.blog-listing .search-button{background-color:#00ae41;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 22px;text-transform:uppercase;transition:background-color .15s linear}.blog-listing .search-button:hover{background-color:#036c2a}.blog-listing .search-input{align-items:center;background-color:#fcfcfc;border:1px solid #e6e6e6;border-radius:6px;cursor:text;display:flex;width:100%}.blog-listing .search-input input{background-color:transparent;border:none;border:none!important;font-size:14px;outline:none!important;padding:6px 30px 6px 12px;width:100%}.blog-listing .search-input .icon{align-items:center;cursor:pointer;display:flex;height:34px;justify-content:center;padding:0 6px;transition:color .15s linear;width:34px}.blog-listing .search-input .icon svg{height:100%;width:100%}.blog-listing .search-input .search-icon{color:#7f7f7f;display:none}.blog-listing .search-input .loader-icon{color:#7f7f7f;padding:5px}.blog-listing .search-input .clear-icon{display:block}.blog-listing .search-input input:focus~.search-icon{color:#000}.blog-listing .search-input input:placeholder-shown~.clear-icon{display:none}.blog-listing .search-input input:placeholder-shown~.search-icon{display:block}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotate{animation:rotate .75s linear infinite}@media (min-width:500px){.blog-listing .search{flex-direction:row;gap:20px;padding:20px 0}}@media (min-width:768px){.blog-listing .search{flex-direction:row;gap:30px;padding:20px calc(20px + 10%)}}