.blog-listings{margin:var(--module-outer-spacing) var(--module-outer-spacing) 0 var(--module-outer-spacing)}.blog-listings .container{border-top:1px solid var(--color-border-dark);padding-top:10px}.blog-listings h3{font-family:PPFragmentSans;font-size:20px;font-weight:300;margin-bottom:65px}.blog-post-listing{display:flex;flex-wrap:wrap;margin:0 -10px}.blog-listings .blog-listings-header{display:flex;justify-content:space-between}.blog-listings .blog-listings-header .blog-filter{background-color:var(--color-white);border:1px solid rgba(40,40,40,.4);line-height:1;margin-bottom:auto;padding:10px 0;position:relative;width:240px}.blog-listings .blog-listings-header .blog-filter button{background-color:transparent;border:none;font-size:16px;padding:0 20px;transition:none;width:100%}.blog-listings .blog-listings-header .blog-filter button:hover{color:var(--color-text)}.blog-listings .blog-listings-header .blog-filter button:after{background-image:url(https://2531535.fs1.hubspotusercontent-na1.net/hubfs/2531535/raw_assets/public/publico-theme-2023-06/images/icons/icon-chevron-up.svg);content:"";display:block;height:6px;position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(180deg);width:10px}.blog-listings .blog-listings-header .blog-filter.active button{margin-bottom:20px}.blog-listings .blog-listings-header .blog-filter.active button:after{transform:translateY(-50%) rotate(0deg)}.blog-listings .blog-listings-header .blog-filter .filter-dropdown{background-color:var(--color-white);display:none;left:-1px;max-height:200px;overflow:scroll;padding:0 20px 10px;position:absolute;width:240px;z-index:100}.blog-listings .blog-listings-header .blog-filter.active .filter-dropdown{border:1px solid rgba(40,40,40,.4);border-top:none;display:block;margin-top:0}.blog-listings .blog-listings-header .blog-filter ul{margin:0;padding:0}.blog-listings .blog-listings-header .blog-filter ul li{font-size:16px;line-height:1.4;list-style:none;margin-bottom:5px}.blog-listings .blog-listings-header .blog-filter ul li a{color:inherit;text-decoration:none}@media screen and (max-width:767px){.blog-listings .blog-listings-header{display:block}.blog-listings h3{margin-bottom:10px}.blog-listings .blog-listings-header .blog-filter{margin-bottom:40px;width:100%}.blog-listings .blog-listings-header .blog-filter .filter-dropdown{width:100%}}