div#no-items{display:none;grid-column:1/-1;padding:50px;text-align:center}div#no-items h2{font-size:40px}div#no-items h2,div#no-items p{margin-bottom:20px}main{padding-bottom:7.5rem}div#blog-wrapper{grid-gap:5rem;display:flex}div#blog-wrapper h3{font-size:3rem;margin-bottom:1rem}div#posts-column{flex:5}.post-filter-title-row{display:flex}ul.post-filter{grid-gap:1rem}.post-filter li{border:1px solid var(--primary-color);border-radius:15px;display:inline-block;margin-bottom:10px;padding:.5rem 1.5rem;transition:all .5s ease-in-out}.post-filter li.selected,.post-filter li:hover{background-color:var(--primary-color);color:#fff;cursor:pointer}.posts-wrapper{grid-gap:5rem;display:grid;grid-template-columns:repeat(2,1fr);padding:5rem 0}a.post-item{background-color:#fff;border-radius:15px;box-shadow:0 0 20px 0 rgb(0,0,0,.2);color:var(--secondary-blue);position:relative;transition:all .5s ease-in-out}a.post-item:hover{box-shadow:0 0 20px 0 rgb(0,0,0,.4)}span.post-author{align-items:flex-start;display:flex!important;left:-5%;position:absolute;top:-20px;width:105%}img.post-author{border:2px solid var(--primary-color);border-radius:100%;height:auto;width:75px;z-index:1}span.post-author-name{background-color:var(--primary-color);color:#fff;font-size:1.4rem;margin-left:-35px;padding:.5rem 2rem .7rem;text-align:right;width:100%}span.post-featured-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:2px solid var(--primary-color);height:250px;width:100%}.post-item span{display:block}span.post-item-text{padding:1.5rem 2rem}.post-item-date,.post-item-desc,.taglist{font-size:1.4rem}span.taglist{padding:1.5rem 2rem}span.post-item-title{font-family:Soin Sans Neue;font-size:2rem;font-weight:700;margin-bottom:1rem}span.post-item-date{margin-bottom:1rem}.more-or-less{grid-gap:2rem;align-items:center;display:flex;justify-content:center;padding-bottom:5rem}@media screen and (max-width:1240px){span.post-author-name{padding:.5rem 1rem .7rem}}@media screen and (max-width:1100px){.posts-wrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1000px){.posts-wrapper{grid-template-columns:repeat(1,1fr)}a.post-item{display:flex}span.post-author{top:-25px}span.post-item-text-wrapper{flex:3;padding-top:1.5rem}span.post-featured-image{flex:2}}@media screen and (max-width:780px){a.post-item{display:block}}@media screen and (max-width:700px){div#blog-wrapper{grid-gap:0;flex-direction:column-reverse}#posts-column h1,#posts-column h2{text-align:center}#posts-column h2{margin:3rem 0 2rem}span.post-featured-image{height:175px}}