.blog-listing{align-items:stretch;display:grid;gap:30px}.blog-listing--2-col{grid-template-columns:repeat(2,1fr)}.blog-listing--3-col{grid-template-columns:repeat(3,1fr)}.blog-listing--4-col{grid-template-columns:repeat(4,1fr)}.post-tile{margin:0;min-width:0;padding:0}.post-card,.post-tile{cursor:pointer;display:flex;flex-direction:column;position:relative;transition:all .25s}.post-card{background-color:#fff;border:0 solid #69727d;border-radius:3px;box-shadow:0 0 10px 0 rgba(0,0,0,.15);min-height:100%;overflow:hidden;width:100%}.post-card-thumbnail-link{display:block;margin-bottom:20px;position:relative;transition:none;width:100%}.post-card-thumbnail-link:after{background-image:linear-gradient(0deg,rgba(0,0,0,.35),transparent 75%);background-repeat:no-repeat;bottom:0;content:"";display:block;height:100%;opacity:1;position:absolute;transition:all .3s ease-out;width:100%}.post-card .thumbnail{inset:0;overflow:hidden;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.post-card .thumbnail img{aspect-ratio:3/2;display:block;height:auto;max-width:100%;object-fit:cover;position:relative;width:100%}.post-text{display:var(--item-display,block);flex-direction:column;flex-grow:1;margin-bottom:0;margin-top:20px;padding:0 30px;width:100%}.post-title{font-size:21px;line-height:1.2;margin:0 0 25px}.post-title a{color:#d47a03;font-family:Patua One,Sans-serif;font-weight:400;text-decoration:none}.post-excerpt{line-height:1.7;margin:0 0 25px}.post-excerpt p{color:#777;font-size:14px;line-height:1.5em;margin:0}.post-read-more,.post-read-more:hover{align-self:flex-start;color:#d47a03;display:inline-block;font-size:12px;font-weight:700;margin-bottom:20px;text-decoration:none;text-transform:uppercase}.post-meta-data{border-top:1px solid #eaeaea;color:#adadad;font-size:12px;line-height:1.3em;margin-bottom:0;margin-top:auto;padding:15px 30px}.post-tile:hover .post-card{box-shadow:0 0 30px 0 rgba(0,0,0,.15)}.post-tile a{transition:color .25s}.post-tile:hover a{color:#555}.post-tile:hover .post-card-thumbnail-link:after{opacity:.5}@media (max-width:1199px){.blog-listing--4-col{grid-template-columns:repeat(3,1fr)}}@media (max-width:991px){.blog-listing--3-col,.blog-listing--4-col{grid-template-columns:repeat(2,1fr)}}@media (max-width:599px){.blog-listing--2-col,.blog-listing--3-col,.blog-listing--4-col{grid-template-columns:repeat(1,1fr)}}