.blog-listing{column-gap:40px;display:grid;grid-template-columns:1fr 1fr;row-gap:35px}.blog-listing.featured{grid-template-columns:1fr 1fr 1fr;margin-bottom:70px}.blog-listing.featured>.post{grid-column:span 2}.blog-listing.featured .search form{position:relative}.blog-listing.featured .search form input{color:#fff}.blog-listing.featured .featured-post-wrapper{display:flex;flex-direction:column;gap:40px;justify-content:space-between}.blog-listing.featured .search form button{background:transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.blog-listing .post{background:#fff;border-radius:20px;overflow:hidden}.blog-listing .featured-image{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:385px;width:100%}.blog-listing .featured-posts{background:#fff;border-radius:20px;padding:40px 25px}.blog-listing .featured-posts .post{align-items:center;border-bottom:.75px solid #d0d0d0;border-radius:0;display:flex;padding:30px 0}.blog-listing .featured-posts .post:first-child{padding-top:0}.blog-listing .featured-posts .post:last-child{border:none;padding-bottom:0}.blog-listing .featured-posts .featured-image{border-radius:8px;flex-shrink:0;height:91px;width:102px}.blog-listing.featured>.post .featured-image{height:506px}.blog-listing .featured-posts .post .post-details{margin-left:22px;padding:0}.blog-listing .featured-posts .post .post-title{border:none;padding:0}.blog-listing .featured-posts .post .post-title h3{font-size:16px}.blog-listing .featured-posts .post .post-meta{margin:0}.blog-listing .featured-posts .post .post-meta *{font-size:14px}.blog-listing .post-details{padding:25px}.blog-listing .post-meta{margin-bottom:20px}.blog-listing .post-meta a{display:inline-block;padding-right:12px;position:relative}.blog-listing .post-meta a:after{background:var(--clr-primary);border-radius:50%;content:"";height:4px;position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:4px}.blog-listing .post-meta span{padding-left:12px}.blog-listing .post-title{border-top:.75px solid #d0d0d0;padding-top:20px}@media (max-width:767px){.blog-listing{column-gap:0;grid-template-columns:1fr!important}.blog-listing.featured>.post{order:1}.blog-listing.featured .featured-post-wrapper{order:0}.blog-listing>.post .featured-image{height:250px;width:100%!important}.blog-listing.featured{margin-bottom:35px}}