.blog{& .grid{display:grid;&.onecolumn{background-image:url(../../assets/images/media-swim.jpg);background-position:50%;background-size:cover;height:30em;display:grid;& .text-column{text-align:center;grid-area:text;display:contents;& h1{color:#fff;align-content:center;align-items:center}}}}}.blog{& main#primary{padding-top:2em}& box1{grid-area:box1}& .box2{grid-area:box2}& .blog-post-item{border:1px solid #e0e0e0;border-radius:8px;align-items:stretch;gap:0;margin-bottom:40px;display:grid;overflow:hidden}@media screen and (width<=37.5em){& .blog-post-item:nth-child(odd),& .blog-post-item:nth-child(2n){grid-template-columns:1fr;grid-template-areas:"box1""box2"}}@media screen and (width>=37.5em){& .blog-post-item:nth-child(odd){grid-template-columns:3fr 1fr;grid-template-areas:"box2 box1"}& .blog-post-item:nth-child(2n){grid-template-columns:1fr 3fr;grid-template-areas:"box1 box2"}}& .blog-post-item>header.box1{flex-direction:column;grid-area:box1;justify-content:center;min-height:250px;padding:2.5rem;display:flex;position:relative}& .blog-post-item header.box1 .post-thumbnail{width:100%;height:100%;position:absolute;top:0;left:0}& .blog-post-item .header.box1 .post-thumbnail a,& .blog-post-item .header.box1 .post-thumbnail img{object-position:center;width:100%;height:100%;display:block;object-fit:cover!important}& .blog-post-item .entry-header.post-title-no-image{background-color:#f5f5f5;place-items:center;padding:2rem;display:grid}@media (width<=768px){& .blog-post-item,& .blog-post-item:nth-child(2n){grid-template-columns:1fr;grid-template-areas:"box1""box2"}}& .post-thumbnail img{object-fit:cover;object-position:center;width:100%;height:100%;margin:0 auto}& .entry-footer{margin:0;padding:1em 0}& article{padding:1em}}