ul#NewsListing{padding:0;margin:30px 0}ul#NewsListing li .text-box{display:inline-block;max-width:100%;vertical-align:top;width:100%}ul#NewsListing li .text-box span.title{display:block;font-size:30px;font-weight:700;line-height:1.3;margin:20px auto 30px;-webkit-text-decoration:none;text-decoration:none;text-transform:capitalize}@media only screen and (max-width:1450px){ul#NewsListing li .text-box span.title{font-size:25px}}ul#NewsListing li .text-box span.page-overview{display:block;display:-webkit-box;font-size:17px;overflow:hidden;-webkit-line-clamp:5;-webkit-box-orient:vertical;height:130px}ul#NewsListing li .text-box span.date{display:block;font-size:14px;font-weight:700;letter-spacing:.1em;margin:0 0 10px;padding:0;position:relative;text-transform:uppercase}ul#NewsListing li{background:none;border-bottom:1px solid #d2d2d2;box-shadow:inset 5px 0 #d2d2d2;box-sizing:border-box;float:left;height:400px;margin:0 10px 20px;overflow:hidden;transition:0.4s;width:calc(50% - 20px)}ul#NewsListing li:hover{box-shadow:inset 10px 0 #f9f9f9,inset 0 -800px #0000001a;transform:translateY(-5px);transition:0.4s}.clickable{box-sizing:border-box;display:block;height:100%;left:0;padding:30px 40px;position:absolute;top:0;width:100%}ul#NewsListing li.background-box{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;z-index:0}ul#NewsListing li.background-box:before{background:#0009;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}ul#NewsListing li.background-box:after{bottom:20px;color:#fff;content:"Read More";font-size:15px;font-weight:700;opacity:0;position:absolute;right:0;transition:0.4s;z-index:-1}ul#NewsListing li.background-box:hover:after{opacity:1;right:50px}ul#NewsListing li.background-box .text-box span.date{color:#b5f74c}ul#NewsListing li.background-box .text-box span.page-overview,ul#NewsListing li.background-box .text-box span.title{color:#fff}ul#NewsListing li.background-box2{background:url(/i/design/news-list-default.jpg) no-repeat 50%;background-size:cover;box-shadow:inset 5px 0 #000,2px 0 2px #0000004d;position:relative;transition:0.4s;z-index:0}ul#NewsListing li.background-box2:hover{box-shadow:inset 10px 0 #000,2px 0 2px #0000004d;transition:0.4s}ul#NewsListing li.background-box2:before{background:#ffffffe6;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}ul#NewsListing li.background-box2:after{bottom:20px;color:#222;content:"Read More";font-size:15px;font-weight:700;opacity:0;position:absolute;right:0;transition:0.4s;z-index:-1}ul#NewsListing li.background-box2:hover:after{opacity:1;right:50px}ul#NewsListing li.background-box2 .text-box span.date,ul#NewsListing li.background-box2 .text-box span.title{color:#222}ul#NewsListing li.background-box2 .text-box span.page-overview{color:#444}@media only screen and (max-width:1200px){ul#NewsListing li{clear:left;display:block;height:320px;margin:20px auto;width:100%}ul#NewsListing li .text-box span.page-overview{display:-webkit-box;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:100px}}@media only screen and (max-width:600px){ul#NewsListing li{border-radius:0;height:400px;margin:20px auto;padding:20px;width:100%}ul#NewsListing li .text-box span.title{font-size:18px}}