article.blog-tile{background-color:var(--c-light);background-image:var(--4e8265c9);background-position:top;background-repeat:no-repeat;background-size:100% 200px;gap:var(--spacer-sm);overflow:hidden}article.blog-tile,article.blog-tile .content-wrapper{border-radius:var(--border-radius-primary);display:flex;flex-direction:column}article.blog-tile .content-wrapper{justify-content:space-between}article.blog-tile .content-wrapper .pc-heading{-webkit-backdrop-filter:blur(2px) brightness(.9);backdrop-filter:blur(2px) brightness(.9);display:flex;margin-bottom:0;padding:var(--spacer-md)}article.blog-tile .content-wrapper .pc-heading h1{align-items:center;color:#fff;display:flex;flex:1 1 100%;font-size:1.5rem;font-weight:600;line-height:1.2;text-shadow:var(--text-shadow)}article.blog-tile .content-wrapper .html-content{background-color:var(--c-light);padding:var(--spacer-sm)}article.blog-tile .content-wrapper .html-content>p{margin:0}article.blog-tile .content-wrapper a.v-btn{margin:var(--spacer-sm);transition:background-color .5s,color .5s}article.blog-tile .content-wrapper a.v-btn:hover{background-color:var(--c-primary);color:#fff}article.blog-tile.featured{background-position:50%;background-size:cover;height:350px;padding:var(--spacer-lg)}article.blog-tile.featured .content-wrapper{align-items:flex-end;-webkit-backdrop-filter:blur(2px) brightness(.9);backdrop-filter:blur(2px) brightness(.9);color:#fff;height:100%;padding:var(--spacer-lg);position:relative}article.blog-tile.featured .content-wrapper:after{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);border-radius:var(--border-radius-primary);content:"";inset:0;position:absolute;z-index:-1}article.blog-tile.featured .content-wrapper .pc-heading{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-white);height:unset;padding:0;width:100%}article.blog-tile.featured .content-wrapper .pc-heading h1{font-size:2rem;line-clamp:2;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}article.blog-tile.featured .content-wrapper .html-content{background-color:transparent;font-size:1.2rem}article.blog-tile.featured .content-wrapper .html-content p{line-clamp:4;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}article.blog-tile.featured .content-wrapper a.v-btn:hover{background-color:#ffffff4d}.blog-categories{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.blog-categories a{align-items:center;background-color:var(--c-light);border-radius:var(--border-radius-primary);color:#475c44;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:center;text-decoration:none;transition:background-color .5s}.blog-categories a:hover{background-color:#3c7333;color:#fff}.blog-categories a:hover svg{transform:rotate(10deg)}.blog-categories a svg{height:65px;transition:all .5s;width:65px}.blog-categories a p{font-size:1rem;font-weight:500;line-height:1.2;margin-bottom:0;margin-top:.5rem;text-align:center}:root{--spacer-xs:8px;--spacer-sm:16px;--spacer-md:24px;--spacer-lg:32px;--spacer-xl:40px}#canvas{background-color:transparent;height:580px;margin:0 auto;position:absolute;width:1000px;z-index:-1}.blog .title{line-height:unset;margin:-1em 0 3em}@media (max-width:475px){.blog .title{display:none}}.blog .title h1{display:block;font-size:2em;font-weight:600;margin-bottom:0;margin-top:.5em;text-align:center}@media (min-width:1024px){.blog .title h1{font-size:2.5em}}.blog .title .subtitle{color:#3c7333;display:block;font-size:1.2em;font-weight:500;text-align:center}@media (min-width:1024px){.blog .title .subtitle{font-size:1.5em}}.blog .blog-tiles{-moz-column-count:2;column-count:2;-moz-column-fill:balance;column-fill:balance;-moz-column-gap:var(--spacer-sm);column-gap:var(--spacer-sm)}@media (min-width:477px){.blog .blog-tiles{-moz-column-count:3;column-count:3}}@media (min-width:769px){.blog .blog-tiles{-moz-column-count:4;column-count:4}}@media (min-width:1024px){.blog .blog-tiles{-moz-column-count:5;column-count:5}}.blog .blog-tiles>*{margin-bottom:var(--spacer-sm);page-break-inside:avoid}.blog .blogposts,.blog .categories{margin-top:var(--spacer-lg)}.blog .banner.swiper{padding-bottom:0;padding-top:0}.blog .banner.swiper .swiper-button-next,.blog .banner.swiper .swiper-button-prev{margin-top:calc(var(--spacer-md)*-1)}.blog .banner.swiper .swiper-slide:hover{scale:1!important}
