.c-sjr-post{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:20px;padding:20px;position:relative;-webkit-transition:background-color .3s;transition:background-color .3s}.c-sjr-post:last-child{margin:0}.c-sjr-post:hover{background-color:var(--blue)}.c-sjr-post:hover .c-sjr-post-meta span{opacity:1}.c-sjr-post-image{-webkit-box-flex:0;-ms-flex:0 0 405px;flex:0 0 405px;height:auto}.c-sjr-post-tags{left:25px;position:absolute;right:25px;top:25px}.c-sjr-post-tags>span{background-color:rgba(var(--white-rgb,.7));color:var(--black);display:inline-block;margin-right:10px;padding:5px}.c-sjr-post-meta span{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}@media(max-width:1199px){.c-sjr-post{gap:15px;margin-bottom:15px;padding:15px}.c-sjr-post-image{-webkit-box-flex:0;-ms-flex:0 0 290px;flex:0 0 290px}.c-sjr-post-tags{left:20px;right:20px;top:20px}}@media(max-width:979px){.c-sjr-post{background-color:var(--blue);gap:20px}.c-sjr-post-image{-webkit-box-flex:1;-ms-flex:1;flex:1;height:auto}.c-sjr-post-tags{right:unset;width:calc(50% - 35px)}.c-sjr-post-tags>span{margin-right:0}.c-sjr-post-meta{-webkit-box-flex:1;-ms-flex:1;flex:1}.c-sjr-post-meta span{opacity:1}}