.article-card{position:relative}.article-card__container{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:calc(10/var(--design-reference)*var(--screen-width)) 0px;grid-auto-flow:row}.article-card__container:hover .article-card__post-title{text-decoration:underline}.article-card__container:hover .article-card__post-image-overlay{opacity:.5}.article-card__post-tag{font-family:var(--primary-font-family),sans-serif;position:absolute;padding:calc(10/var(--design-reference)*var(--screen-width));background-color:var(--scottish-white);border:solid calc(2/var(--design-reference)*var(--screen-width)) var(--core-teal);left:calc(10/var(--design-reference)*var(--screen-width));top:calc(10/var(--design-reference)*var(--screen-width));text-transform:uppercase;font-size:calc(14/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));z-index:2;line-height:1}.article-card__post-image-wrapper{grid-area:1/1/2/2;overflow:hidden}.article-card__post-image{aspect-ratio:478/370;-o-object-fit:cover;object-fit:cover}.article-card__post-image-overlay{grid-area:1/1/2/2;background:#000;opacity:0;z-index:1;transition:all .3s}.article-card__post-content-container{margin-left:calc(30/var(--design-reference)*var(--screen-width));margin-right:calc(30/var(--design-reference)*var(--screen-width))}.article-card__post-category{font-family:var(--primary-font-family),sans-serif;color:var(--link-colour);margin-bottom:calc(12/var(--design-reference)*var(--screen-width));font-weight:700;font-size:calc(12/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));line-height:calc(18/var(--design-reference)*var(--screen-width));letter-spacing:.04em;text-transform:uppercase}.article-card__post-title{font-family:var(--primary-font-family),sans-serif;color:var(--link-colour);font-weight:400;font-size:calc(24/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));line-height:calc(28/var(--design-reference)*var(--screen-width));text-transform:capitalize;transition:all .3s}.article-card .cmpl-post-tag-span{font-family:var(--primary-font-family),sans-serif;display:block}@keyframes article-filter-grid-card-fade-in{to{opacity:1;transform:translateY(0)}}.article-filter-grid .article-filter-grid-display-module__grid-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:calc(20/var(--design-reference)*var(--screen-width))}.article-filter-grid .article-filter-grid-display-module__post-image{-o-object-fit:cover;object-fit:cover}.article-filter-grid .article-filter-grid-display-module__post-container{opacity:0;transform:translateY(10px);animation:article-filter-grid-card-fade-in .45s ease forwards}@media(prefers-reduced-motion: reduce){.article-filter-grid .article-filter-grid-display-module__post-container{opacity:1;transform:none;animation:none}}.article-filter-grid{display:grid;padding-top:calc(20/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.article-filter-grid{padding-top:calc(55/var(--design-reference)*var(--screen-width))}}.article-filter-grid layout-container{display:grid}.article-filter-grid .article-filter-module-no-group{display:flex;justify-content:center}.article-filter-grid .article-filter-grid-display-module{margin-top:calc(20/var(--design-reference)*var(--screen-width));margin-bottom:calc(75/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.article-filter-grid .article-filter-grid-display-module{margin-top:calc(75/var(--design-reference)*var(--screen-width));margin-bottom:calc(70/var(--design-reference)*var(--screen-width))}}.article-filter-grid .article-filter-grid-display-module.hidden{display:none}.article-filter-grid .article-filter-grid-display-module__post-image{-o-object-fit:cover;object-fit:cover}.article-filter-grid .article-filter-grid-display-module__grid-container{display:grid;grid-template-columns:1fr;row-gap:calc(20/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.article-filter-grid .article-filter-grid-display-module__grid-container{grid-template-columns:repeat(3, 1fr);-moz-column-gap:calc(1/var(--design-reference)*var(--screen-width));column-gap:calc(1/var(--design-reference)*var(--screen-width));row-gap:calc(50/var(--design-reference)*var(--screen-width))}}.article-filter-grid .article-filter-ui-module{margin-bottom:calc(20/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.article-filter-grid .article-filter-ui-module{margin-bottom:calc(12/var(--design-reference)*var(--screen-width))}}.article-filter-grid .article-filter-ui-module__titles-wrapper{display:grid;text-align:center;color:var(--theme-tertiary-text-colour);text-transform:uppercase;margin-bottom:calc(20/var(--design-reference)*var(--screen-width));gap:var(--title-gap)}@media screen and (min-width: 768px){.article-filter-grid .article-filter-ui-module__titles-wrapper{margin-bottom:calc(40/var(--design-reference)*var(--screen-width))}}.article-filter-grid .article-filter-ui-module__filter-categories-display{display:grid;grid-template-columns:repeat(2, minmax(0, calc(150 / var(--design-reference) * var(--screen-width))));justify-content:center;justify-items:center;gap:calc(15/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.article-filter-grid .article-filter-ui-module__filter-categories-display{display:flex;align-items:flex-start;gap:calc(20/var(--design-reference)*var(--screen-width))}}.article-filter-grid .article-filter-ui-module__filter-categories-display:has(.active-cat) .article-filter-ui-module__filter-category-button img{opacity:.4}.article-filter-grid .article-filter-ui-module__filter-categories-display:has(.active-cat) .article-filter-ui-module__filter-category-button.active-cat img{opacity:1}.article-filter-grid .article-filter-ui-module__filter-category-button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;margin:0;font-size:calc(16/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));font-weight:400;display:flex;flex-direction:column;align-items:center;gap:calc(10/var(--design-reference)*var(--screen-width));text-transform:capitalize;text-align:center;font-family:var(--primary-font-family);font-size:calc(16/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));color:var(--black)}.article-filter-grid .article-filter-ui-module__filter-category-button img,.article-filter-grid .article-filter-ui-module__filter-category-button p::after{transition:.3s ease-in-out}.article-filter-grid .article-filter-ui-module__filter-category-button p{position:relative;width:-moz-fit-content;width:fit-content;font-family:var(--primary-font-family)}.article-filter-grid .article-filter-ui-module__filter-category-button p::after{content:"";position:absolute;width:100%;background:rgba(0,0,0,0);height:calc(2/var(--design-reference)*var(--screen-width));bottom:calc(-7/var(--design-reference)*var(--screen-width));left:0}.article-filter-grid .article-filter-ui-module__filter-category-button:hover img{transform:scale(1.1)}.article-filter-grid .article-filter-ui-module__filter-category-button:hover p::after{background:var(--core-teal)}.article-filter-grid .article-filter-ui-module__filter-category-image-wrapper{overflow:hidden}.article-filter-grid .article-filter-ui-module__filter-category-image{width:calc(150/var(--design-reference)*var(--screen-width));aspect-ratio:1;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 768px){.article-filter-grid .article-filter-ui-module__filter-category-image{width:calc(200/var(--design-reference)*var(--screen-width))}}.article-filter-grid loadmore-trigger{margin-bottom:calc(90/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.article-filter-grid loadmore-trigger{margin-bottom:calc(120/var(--design-reference)*var(--screen-width))}}.article-filter-grid .loadmore-trigger__button{justify-self:center;margin:auto;text-box-edge:cap alphabetic;text-box-trim:trim-both}.firefox .article-filter-grid .loadmore-trigger__button .cmpl-cta-span{transform:translateY(0.08em)}

/*# sourceMappingURL=article-filter-grid.css.map*/