section.hero-blog{width:100%;padding:10vh 20px}section.hero-blog.green{background:radial-gradient(#80CB44,#224316)}section.hero-blog.blue{background:radial-gradient(#69D6FF,#1D3892)}section.hero-blog.blue .inner .content h1{color:#1f3b95}section.hero-blog.blue .inner .content p{color:#000}section.hero-blog.purple{background:radial-gradient(#935EB1,#592594)}section.hero-blog.purple .inner .content h1{color:#b187c9}section.hero-blog.yellow{background:radial-gradient(#FAF26C,#E8A701)}section.hero-blog.yellow .inner .content .overline{color:#005831}section.hero-blog.yellow .inner .content h1{color:#458d3d}section.hero-blog.yellow .inner .content p{color:#000}section.hero-blog.red{background:radial-gradient(#FD551E,#590A08)}section.hero-blog.red .inner .content .overline{color:#fbf364}section.hero-blog.red .inner .content h1,section.hero-blog.red .inner .content p{color:#fff}section.hero-blog .inner .content{border-bottom:solid 1px #80CB44}section.hero-blog .inner .content .overline{color:#fbf364;margin-bottom:0}section.hero-blog .inner .content h1{color:#cce68d}section.hero-blog .inner .filters{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:auto;max-width:100%;margin-top:25px}section.hero-blog .inner .filters .accordion-wrapper{border-bottom:none}section.hero-blog .inner .filters .accordion-wrapper.open svg:last-child{transform:rotate(180deg)}section.hero-blog .inner .filters .accordion-wrapper .accordion{width:200px;justify-content:flex-start;gap:20px}section.hero-blog .inner .filters .accordion-wrapper .accordion svg:last-child{margin-left:20px}section.hero-blog .inner .filters .accordion-wrapper .panel .categories{display:flex;align-items:auto;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:10px}section.hero-blog .inner .filters svg{color:#fff;fill:#fff;stroke:#fff;transition:all .3s}section.hero-blog .inner .filters svg:first-child{width:20px;transform:rotate(0)!important}section.hero-blog .inner .filters svg:last-child{width:15px}section.hero-blog .inner .filters p{font-family:woodford-bourne-pro;font-weight:400;font-size:1rem;color:#fff;line-height:1.3;margin-bottom:0}@media only screen and (min-width: 992px){section.hero-blog{background-size:contain;background-position:top right}}