.blog-listing__hero{align-items:center;background-color:var(--color-primary);display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}@media(min-width:992px){.blog-listing__hero{background-image:url()}}.blog-listing__title{font-weight:600;padding-top:2rem}.blog-listing__description,.blog-listing__title{color:var(--color-white);padding-bottom:4rem;text-align:center}.blog-listing__description{max-width:475px}.blog-listing__blue{background-color:var(--color-primary-light);padding-top:8rem}.blog-listing__search-content{align-items:center;border-bottom:1px solid gray;display:flex;gap:2rem;padding-bottom:1rem}.blog-listing__search{background-color:var(--color-primary-light);border-width:0;outline:none;padding:5px 10px 5px 0;width:100%}.blog-listing__filter-list{display:flex;flex-wrap:wrap;gap:1rem}.blog-listing__filter-button,.blog-listing__filter-button:visited{align-items:center;border:1px solid var(--color-primary);border-radius:2.5rem;cursor:pointer;font-weight:500;padding:1.2rem 3rem;transition:transform .2s ease}.blog-listing__filter-button.active,.blog-listing__filter-button:hover,.blog-listing__filter-button:visited.active,.blog-listing__filter-button:visited:hover{background-color:var(--color-secondary);border-color:var(--color-primary);color:var(--color-white);transform:scale(.98)}.blog-listing__content{padding-bottom:5rem}@media(min-width:992px){.blog-listing__content{padding-bottom:7rem}}.blog-listing__grid{display:grid;gap:4rem;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));padding-bottom:4rem;padding-top:4rem}@media(min-width:576px){.blog-listing__grid{grid-template-columns:repeat(auto-fit,minmax(33rem,1fr))}}@media(min-width:1200px){.blog-listing__grid{grid-template-columns:repeat(3,minmax(33rem,1fr))}}.blog-listing__post-item{background-color:var(--color-primary);border-radius:1.5rem;box-shadow:0 0 10px 8px rgba(0,0,0,.16);color:var(--color-white);display:flex;flex-direction:column;overflow:hidden;row-gap:1rem}.blog-listing__post-image-wrapper{position:relative}.blog-listing__post-image{height:25rem;object-fit:cover;width:100%}.blog-listing__post-tags{bottom:15px;color:var(--color-black);display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;gap:1rem;list-style-type:none;padding-left:3rem;padding-right:3rem;position:absolute;width:100%}.blog-listing__post-tag{background-color:#fff;border-radius:2rem;box-shadow:-2px 2px 10px 3px rgba(0,0,0,.16);font-size:1.4rem;font-weight:500;min-width:4.8rem;padding:.75rem 1.5rem}@media(min-width:992px){.blog-listing__post-tag{padding:1rem 2rem}}.blog-listing__post-info{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding-top:3rem;row-gap:4rem}.blog-listing__post-text{display:flex;flex-direction:column;gap:2rem;padding-left:3rem;padding-right:3rem}.blog-listing__post-title{font-size:2.6rem;font-weight:500;line-height:1.25}.blog-listing__post-meta{border-top:1px solid #f5f5f7;display:flex;font-weight:300;padding:3rem}.blog-listing__pagination{column-gap:.4rem;display:flex;justify-content:center;margin-top:40px}.blog-listing__pagination-anchor{align-items:center;background-color:#fff;border:1.5px solid var(--color-gray);color:#000;column-gap:.5rem;cursor:pointer;display:flex;font-weight:400;justify-content:center;min-height:4.8rem;min-width:4.8rem;padding-left:2rem;padding-right:2rem}.blog-listing__pagination-anchor-first{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.blog-listing__pagination-anchor-last{border-bottom-right-radius:1rem;border-top-right-radius:1rem}.blog-listing__pagination-anchor:hover{transform:scale(.95)}.blog-listing__pagination-anchor.active{background-color:var(--color-primary);color:#fff}.blog-listing__pagination-anchor:disabled{cursor:not-allowed}.blog-listing__pagination-number-box{column-gap:.4rem;display:flex}.blog-listing__post-item:focus,.blog-listing__post-item:hover,.blog-listing__post-item:visited{color:var(--color-white);transform:scale(1.02)}.blog-listing__post-item:focus .blog-listing__post-title,.blog-listing__post-item:hover .blog-listing__post-title,.blog-listing__post-item:visited .blog-listing__post-title{color:var(--color-white);text-decoration:underline}