.blog-listing-wrap{background:#000;background:linear-gradient(180deg,#000,#fff 25%)}section.blog-listing{margin:0 auto;max-width:1200px;padding:0 20px}.blog-listing__post{margin-bottom:3.4rem}ul.topic-listing{display:flex;flex-flow:wrap;height:0;margin:0 auto;opacity:0;padding-bottom:40px;transition:all .3s}ul.topic-listing.expand{height:auto;opacity:1}ul.topic-listing li{flex:auto;list-style-type:none;max-width:250px;position:relative;text-align:center}.topics-display p{margin-bottom:40px;position:relative}.topics-display p:after,ul.topic-listing li.active-tag:after,ul.topic-listing li:hover:after{bottom:-6px;content:url(https://www.avidlyagency.com/hubfs/down-arrow-white.svg);height:7px;left:0;margin:0 auto;position:absolute;right:0;width:8px}ul.topic-listing li:hover a{color:#0fc}ul.topic-listing li:last-of-type{border-right:none}.topics-display p,ul.topic-listing li a{color:#fff;cursor:pointer;font-family:Krona One;font-size:12px;text-align:center;text-decoration:none;text-transform:uppercase}@media only screen and (max-width:767px){.blog-listing-wrap{background:linear-gradient(180deg,#000,#fff 15%)}}