:root{--radius-filter:0}.entry-header{display:none}.filter-container{display:block;padding:1rem 1.2rem;& .filter-header-title{display:block;text-align:center;color:var(--primary2);padding:2.5rem 0;& h2{font-size:1.5rem;font-weight:500}}& .filter-categories{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:baseline;margin:auto;max-width:100%;gap:1rem;& .category{display:block;width:calc(50% - 1rem);& h5{margin-bottom:10px;color:#000;font-weight:700;font-size:1.25rem}& .line{border-top:1px solid var(--contrast-4);margin-bottom:.6rem;margin-top:0;width:100%}& input{cursor:pointer;margin:.2rem}& label{cursor:pointer;margin:.2rem;display:inline-block;width:calc(100% - 2.5rem);vertical-align:text-top;position:relative;top:-.5rem}}}&.alignfull{border-top:1px solid var(--contrast-4);padding:0}.filter-val{border:1px solid var(--contrast-4);margin-right:0.6rem;margin-bottom:0.6rem;padding:0.313rem 0.625rem 0.313rem 0.625rem;display:inline-block;cursor:pointer;& i{padding-left:.2rem}}}.filter-content-container{display:flex;justify-content:space-between;padding-top:0.5rem;padding-bottom:0.5rem;& .filter-option{display:flex;align-items:center;align-content:center;flex-wrap:nowrap;gap:1rem;margin-left:auto;margin-right:0;& .clear-filter{width:10rem;& a{padding-right:.5rem;color:var(--secondary3)}}& .sort-option{border-color:#e0e4e6;padding:.2rem .625rem;border-radius:.25rem;background-color:unset}}}.card-container.alignfull{display:block;& .row{max-width:calc(var(--max-width-content) - 2.5rem * 2);margin-left:auto;margin-right:auto}& .load-more-container{display:flex;flex-direction:row;justify-content:center;padding:20px 0 0 0;align-items:center;& .loader{margin:auto;border:5px solid #f3f3f3;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-top:5px solid #555;border-radius:50%;width:50px;height:50px}}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.entry-content .card-container{background-color:#f5f5f5;padding:2.5rem}.archive-hero{background-size:cover;background-position:center;max-width:var(--max-width-site);margin:auto;& .inside-hero{width:100%;padding-left:2.5rem;margin:auto;height:32.5rem;position:relative;& .archive-hero-content{width:39.688rem;background-color:var(--primary1);color:var(--base-3);padding:2.5rem;position:absolute;bottom:-2.25rem;display:flex;flex-direction:column;margin:0 auto;& p{flex:1;margin-bottom:0 !important}}}}.archive-hero .inside-hero .archive-hero-content h1{text-transform:uppercase}@media only screen and (min-width:768px){.filter-container{display:block;& .filter-categories{gap:1.5rem;& .category{width:calc(50% - 1.5rem)}}&.alignfull{padding:.625rem 7.5rem}}}@media only screen and (min-width:1024px){.filter-container{display:block;& .filter-categories{gap:2rem;& .category{width:calc(25% - 2rem)}}}}@media only screen and (min-width:1440px){.filter-container{display:block;& .filter-categories{max-width:80%}}}@media only screen and (min-width:1600px){.archive-hero{background-size:cover;& .inside-hero{max-width:calc(100% - 30rem)}}}@media only screen and (min-width:700px){.card-row-container .card-row-grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:700px){.filter-content-container{flex-wrap:wrap;justify-content:center}.no-sidebar .entry-content .filter-container{.filter-option{margin:0}}}@media only screen and (max-width:500px){.filter-content-container{display:grid}.no-sidebar .entry-content .filter-container{padding-top:1rem;padding-bottom:3rem;& .filter-content{margin-left:auto;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}& .filter-option{margin:0;justify-content:center;& .clear-filter{width:10rem}}}.filter-categories{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:baseline;& .category{margin-bottom:3rem;margin-right:auto}}.archive-hero{background-size:cover;background-position:center;.inside-hero{max-width:var(--page-max-width);width:100%;padding:1.25rem 2.5rem;margin:0 auto;height:32.5rem;position:relative;.archive-hero-content{width:21.688rem;background-color:var(--primary1);color:var(--base-3);padding:2.5rem;position:absolute;bottom:-2.25rem;display:flex;flex-direction:column;margin-left:auto;h1{font-size:2.2rem}p{flex:1}}}}}