#hcpbloglisting{position:relative}#hcpbloglisting.margintop{margin-top:80px}#hcpbloglisting.paddingbottom{padding-bottom:80px}.hcpbloglisting__topbar{background-color:var(--palegreenlightest)}.hcpbloglisting__container,.hcpbloglisting__title,.hcpbloglisting__topbar__inner{display:block;margin:0 auto;max-width:1400px;position:relative;width:90%;z-index:2}.hcpbloglisting__topbar__inner{align-items:center;display:flex;justify-content:space-between;padding:2rem 0}.hcpbloglisting__topbar__inner__topics{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--darkgreen);background-position:90% 28px;background-repeat:no-repeat;border-radius:999em;color:#fff;height:63px;outline:none;padding:5px 50px 5px 20px;width:20%}.hcpbloglisting__topbar__inner__searchcontainer{position:relative;width:20%}.focused .hcpbloglisting__topbar__inner__search{outline:var(--darkgreen) auto 1px}.hcpbloglisting__topbar__inner__searchcontainer__icon{background-color:var(--lightgrey);border-radius:999em;height:63px;padding:5px 20px;position:absolute;right:0;top:0;width:83px}.hcpbloglisting__topbar__inner__searchcontainer__icon .svg{left:7px;top:14px}.hcpbloglisting__topbar__inner__searchcontainer__icon svg{fill:var(--textcolor)}.focused .hcpbloglisting__topbar__inner__searchcontainer__icon{background-color:var(--darkgreen)}.focused .hcpbloglisting__topbar__inner__searchcontainer__icon svg{fill:#fff}.hcpbloglisting__title{margin:2rem auto;z-index:3}#hcpbloglisting__list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin:0;padding:0;z-index:2;grid-gap:30px;list-style:none}.hcpbloglisting__list__post__link{background-color:transparent;display:block;text-decoration:none}.hcpbloglisting__list__post__link:hover{background-color:var(--hover-color);box-shadow:0 0 0 30px var(--hover-color)}.hcpbloglisting__list__post__link__textcontainer__date{font-size:16px;margin:2rem 0 0}.hcpbloglisting__list__post__link__textcontainer__title{font-size:30px;line-height:1.2}.hcpbloglisting__list__post__link__imagecontainer{min-height:300px;position:relative;width:100%}.hcpbloglisting__list__post__link_overlay{background-color:hsla(0,0%,100%,.8);bottom:0;font-size:14px;margin:0;padding:.5rem 2rem;position:absolute;right:0}@media (max-width:767px){#hcpbloglisting__list{grid-template-columns:1fr}.hcpbloglisting__topbar__inner{flex-direction:column}.hcpbloglisting__topbar__inner__searchcontainer,.hcpbloglisting__topbar__inner__topics{width:100%}.hcpbloglisting__topbar__inner__topics{margin-bottom:1rem}}