.tile-container{background:#fff;border-radius:3rem;flex:0 24%;margin-bottom:2rem;padding:1rem 2rem}@media screen and (max-width:600px){.tile-container .tile{margin:auto}}.darkmode .tile-container{background:var(--darkmodeBG3)}.tile-container .figure{height:155px;position:relative}.tile-container .image{object-fit:cover;border-radius:1rem;width:243px;max-height:131px;margin:1.3rem 0 0 -2.8rem}.tile-container .imageBox{z-index:1;background-repeat:no-repeat;justify-content:center;width:100%;height:148px;display:flex;position:absolute;top:0;left:0}.tile-container .imageBorder{background-image:url(/img/blog-title-border.svg);background-size:250px;width:250px;height:100%;position:absolute}.tile-container .category{color:var(--txtColor2);background-color:var(--greenLight);-webkit-text-decoration-color:var(--greenLight);text-decoration-color:var(--greenLight);border-radius:.8rem;width:-moz-fit-content;width:fit-content;margin-top:.2rem;margin-left:0;padding:.2rem .7rem;font-size:1.5rem;font-weight:500;display:block;text-decoration:none!important}.darkmode .tile-container .category{background-color:var(--green)}.tile-container .link{text-decoration:none}.tile-container .box .title{color:#000;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1rem;padding:0;font-size:1.6rem;font-weight:700;display:-webkit-box;overflow:hidden}.tile-container .actions{justify-content:flex-end;align-items:center;margin-top:1rem;display:flex}.tile-container .box{margin:auto}@media screen and (max-width:600px){.tile-container .figure,.tile-container .imageBox{height:220px}.tile-container .image{width:340px;max-height:192px}.tile-container .imageBorder{background-repeat:no-repeat;background-size:100%;width:360px;height:100%;position:absolute}}@media screen and (max-width:440px){.tile-container .figure,.tile-container .imageBox{height:200px}.tile-container .image{width:100%;max-height:176px;margin-left:-1.5rem}.tile-container .imageBorder{background-position:50%;background-repeat:no-repeat;background-size:95%;width:340px;height:100%}}@media screen and (max-width:390px){.tile-container .figure,.tile-container .imageBox{height:180px}.tile-container .image{width:100%;max-height:156px;margin-left:-1.5rem}.tile-container .imageBorder{background-position:50%;background-repeat:no-repeat;background-size:95%;width:320px;height:100%}}@media screen and (max-width:370px){.tile-container .figure,.tile-container .imageBox{height:156px}.tile-container .image{width:243px;max-height:131px;margin-left:-1.5rem}.tile-container .imageBorder{background-size:250px;width:250px;height:100%;position:absolute}}
.blog{background-color:var(--greyLight1);margin-bottom:5rem;padding-bottom:5rem}.darkmode .blog{background-color:var(--darkmodeBG1)}.blog .title{color:var(--greyDark);text-transform:uppercase;font-weight:500}.darkmode .blog .title{color:var(--greyLight3)}.blog .tiles{grid-gap:1rem;grid-template-columns:repeat(4,1fr);display:grid}.blog .categoriesFilter{background:var(--menuGB);border-radius:2rem;width:100%;margin-bottom:4rem}@media screen and (max-width:1200px){.blog .tiles{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:900px){.blog .tiles{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.blog .tiles{grid-template-columns:repeat(1,1fr)}}
