ul.articles{padding:0}ul.articles li{margin-bottom:1.5rem;list-style-type:none}ul.articles li picture{min-width:30px;min-height:120px;padding:10px;background:var(--bg);border-radius:8px;position:relative}ul.articles li picture a{position:absolute;left:0;top:0;width:100%;height:100%}ul.articles li picture img{display:none;position:absolute;left:10px;bottom:0;width:calc(100% - 20px);transition:.1s linear}ul.articles li picture:hover img{width:100%;left:0}ul.articles li div.info h5{font-size:.9rem;font-weight:700;padding-left:3px;padding-right:3px;float:left;position:relative}ul.articles li div.info h5 span{z-index:1}ul.articles li div.info h5:before{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:6px;background:var(--bg);z-index:0}ul.articles li div.info a.heading{font-size:1.3rem;margin-bottom:10px;font-weight:700;color:#333}ul.articles li div.info a.heading:hover{color:var(--primary)}ul.articles li div.info span.date{font-size:.8rem;color:#919191}ul.articles li div.info p{font-size:.9rem;font-weight:400;color:#333}ul.categories{margin-top:1rem;padding:0}ul.categories li{padding-left:20px;padding-right:20px;margin-bottom:10px;list-style-type:none;height:50px;background:#f1f1f1;text-transform:uppercase;font-weight:900;font-size:.8rem;border-radius:5px}ul.categories li span.counter{width:30px;height:30px;background:var(--bg);border-radius:30px;text-align:center;line-height:30px}ul.categories li a{color:#333}ul.categories li.active{margin-left:12px;position:relative}ul.categories li.active:before{position:absolute;left:-12px;top:0;height:50px;width:8px;background:#919191;z-index:2;content:"";border-radius:5px}ul.trending{margin-top:1rem;padding:0}ul.trending li{list-style-type:none}ul.trending li div.picture{min-width:100px!important;min-height:100px;border-radius:100px;position:relative;background:var(--bg)}ul.trending li div.picture .bLabel{position:absolute;left:5px;top:5px;width:25px;height:25px;line-height:25px;background:#333;color:#fff;text-align:center;font-size:.7rem;font-weight:700;border-radius:100px;z-index:2}ul.trending li div.picture a{left:0;top:0;position:absolute;width:100%;height:100%;z-index:3}ul.trending li div.picture picture{position:absolute;text-align:center;width:100px}ul.trending li div.picture picture img{width:80px}ul.trending li a.title{font-weight:700;color:#333}ul.trending li a.title,ul.trending li span.date{font-size:.8rem!important}