.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}.topics-display{display:block;width:100%}ul.topic-listing{display:flex;flex-flow:wrap;height:0;margin:0 auto;opacity:0;padding-bottom:40px;transition:all .5s ease}ul.topic-listing.expand{height:auto;opacity:1;transition:all .5s ease}ul.topic-listing li{display:none;flex:auto;list-style-type:none;position:relative;text-align:center}ul.topic-listing.expand li{display:block}.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%)}}