.template-blog{background-color:var(--brand-color-2)}.blog__header{display:flow-root;max-width:45rem;margin-inline:auto;text-align:center}.blog__grid{padding-block:var(--spacing-md);display:grid;row-gap:var(--spacing-lg);-moz-column-gap:var(--spacing-md);column-gap:var(--spacing-md);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.blog__grid{padding-block:var(--spacing-xl);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 992px){.blog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog__filters ul{padding:0;list-style:none;display:flex;gap:1.6rem;overflow:auto}.blog__filters a{white-space:nowrap}.blog__active-filter{display:flex;justify-content:flex-start;gap:var(--spacing-xs)}.blog__active-filter .filter-remove{display:inline-flex;cursor:pointer;padding:var(--spacing-xs);justify-content:center;align-items:center;gap:var(--button-small-space-between);border-radius:var(--border-radius-label);border:solid 1px var(--color-off-light);background:var(--brand-color-2);color:var(--brand-color-1);font-family:var(--font-body);font-size:1.4rem;font-weight:400;line-height:80%;text-decoration:none}.blog__active-filter .filter-remove:hover{opacity:.8}.blog__active-filter .filter-remove svg{width:1.2rem;height:1.2rem}.blog__pagination{display:flex;gap:var(--spacing-md);max-width:100%;justify-content:center}@media (min-width: 768px){.blog__pagination--filters{justify-content:flex-end}.blog__pagination--filters .pagination-wrapper{flex-basis:75%}}.blog__pagination nav{padding-block:var(--spacing-md) var(--spacing-xl)}.blog__pagination nav ul{display:flex;justify-content:center;align-items:center;gap:calc(var(--spacing-md) - var(--spacing-xs));padding-left:0}.blog__pagination nav ul li a,.blog__pagination nav ul li span{padding-block:1rem;padding-inline:var(--spacing-xs);text-decoration:none;font-size:var(--font-size-h4);font-weight:500;color:var(--color-text)}.blog__pagination nav ul li a.active,.blog__pagination nav ul li span.active{color:var(--color-mid-light)}.blog__pagination nav ul li a.arrow,.blog__pagination nav ul li span.arrow{display:block;padding-inline:var(--spacing-xxs)}.blog__pagination nav ul li a.arrow.disabled,.blog__pagination nav ul li span.arrow.disabled{color:#00000040;--icon-fill: rgba(0, 0, 0, .25);--icon-fill-hover: rgba(0, 0, 0, .25)}
