.blog-category-list{border-bottom:1px solid #c7d1d6;padding-bottom:30px}@media screen and (max-width:768px){.blog-category-list{padding-bottom:15px}}.blog-post-list{display:grid}.blog-post-list .blog-post{background-color:#eff5fb;border:1px solid #c7d1d6;border-radius:4px;display:flex;flex-direction:column;width:100%}.blog-post-list .blog-post:hover{border-color:var(--primary-color)}.blog-post-list .blog-post .title-container{padding-top:30px}@media screen and (max-width:768px){.blog-post-list .blog-post .title-container{padding-top:15px}}.blog-post-list .blog-post .title-container{padding-bottom:30px}@media screen and (max-width:768px){.blog-post-list .blog-post .title-container{padding-bottom:15px}}.blog-post-list .blog-post .title-container{padding-left:30px}@media screen and (max-width:768px){.blog-post-list .blog-post .title-container{padding-left:15px}}.blog-post-list .blog-post .title-container{padding-right:30px}@media screen and (max-width:768px){.blog-post-list .blog-post .title-container{padding-right:15px}}.blog-post-list .blog-post .title-container{display:grid}.blog-post-list .blog-post .title-container .category-container{height:46px;overflow:hidden}.blog-post-list .blog-post .title-container .category-container span{border:1px solid #000;display:inline-block;font-size:.8rem;margin-bottom:1rem;margin-right:1rem;padding:5px 10px}.blog-post-list .blog-post .title-container .title{font-size:16px;font-weight:600;margin-top:15px;overflow:hidden}.blog-post-list .blog-post .title-container .excerpt-container{height:85px;margin:15px 0;overflow:hidden}.blog-post-list .blog-post .title-container .date-container{align-items:center;display:flex;justify-content:space-between}.blog-post-list .blog-post .post-image{text-align:center}.blog-post-list .blog-post .post-image img{border-radius:4px 4px 0 0}.blog-post-list .blog-post .read-post{display:none;padding-left:30px;position:absolute;text-align:center}@media screen and (max-width:768px){.blog-post-list .blog-post .read-post{padding-left:15px}}.blog-post-list .blog-post .read-post{padding-right:30px}@media screen and (max-width:768px){.blog-post-list .blog-post .read-post{padding-right:15px}}.blog-post-list .blog-post .read-post{animation:showReadPost .3s ease-out forwards;bottom:30px;left:0;transform-origin:top center;width:100%}.blog-post-list .blog-post .read-post .text{background-color:var(--primary-color);border-radius:4px;color:#fff;display:block;padding:15px;width:100%}.blog-post-list .blog-post:hover .read-post{display:block}@media screen and (max-width:1023px){.blog-post-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.blog-post-list{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:1024px){.blog-post-list{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1216px){.blog-post-list{grid-template-columns:repeat(4,1fr)}}article.blog-post{margin-top:1rem}.blog-category-description{border-bottom:1px solid #c7d1d6;padding-bottom:30px!important;text-align:center}@media screen and (min-width:1024px){.blog-category-description{padding:0 60px}}.blog-category-description h2{color:#333;font-size:24px;margin:20px 0}.blog-category-description h3{color:#555;font-size:20px;margin:15px 0}.blog-category-description h4{color:#777;font-size:18px;margin:10px 0}.blog-category-description p{font-size:16px;margin-bottom:5px}.blog-category-description ol,.blog-category-description ul{margin:0;padding-left:20px}.blog-category-description li{color:#444;margin-bottom:5px}.blog-category-description img{display:table;height:auto;margin-left:auto;margin-right:auto;max-width:100%}.blog-category-description ul.blog-post-categories{display:flex;gap:20px;margin-bottom:8px;margin-top:8px;padding:0}.blog-category-description ul.blog-post-categories li a{background-color:var(--primary-color);color:#fff;font-size:14px;font-weight:600;list-style:none;padding:5px 10px}.blog-post-cover{display:table;margin-left:auto;margin-right:auto}.blog-post-cover .published-at{margin:8px 0;text-align:center}@keyframes showReadPost{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination.blog-pagination{padding:0 15px}.pagination.blog-pagination .page-item{align-items:center;background-color:#fff;border:1px solid #c7d1d6;border-radius:.25rem;display:flex;height:40px;justify-content:center;position:relative;transition:border .3s ease-in;width:40px}.pagination.blog-pagination .page-item:hover:not(.active,.disabled){border-color:var(--primary-color)}.pagination.blog-pagination .page-item.active{background-color:var(--primary-color);border-radius:.25rem}.pagination.blog-pagination .page-item.active>*{color:#fff}.blog-pagination .pagination{gap:15px;justify-content:center}.blog-pagination nav{display:table;margin-left:auto;margin-right:auto;max-width:600px;width:100%}.blog-category-list .item img{display:none}#blog-post .blog-post.cms{margin-bottom:0}#blog-post .blog-post.cms+.snippet-container{padding-top:0}#blog-post .blog-post.cms .blog-post-html{hyphens:auto;overflow-wrap:break-word;word-break:break-word}#blog-post .blog-post.cms .blog-post-html p a{display:inline-block;overflow-wrap:normal;word-break:normal}#blog-post .snippet-container .content-block.is-text .text{hyphens:auto;overflow-wrap:break-word;word-break:break-word}#blog-post .snippet-container .content-block.is-text .text p a{display:inline-block;overflow-wrap:normal;word-break:normal}#blog-post .blog-post.cms[type=project] .blog-post-cover{display:none}.blog-post-list[type=new] .blog-post,.blog-post-list[type=project] .blog-post{background-color:transparent;border:0;border-radius:0;gap:0;outline:1px solid #c7d1d6;transition:transform .3s}.blog-post-list[type=new] .blog-post .post-image,.blog-post-list[type=project] .blog-post .post-image{display:flex}.blog-post-list[type=new] .blog-post .post-image img,.blog-post-list[type=project] .blog-post .post-image img{border-radius:0}.blog-post-list[type=new] .blog-post .title-container,.blog-post-list[type=project] .blog-post .title-container{background-color:transparent;border:none;min-height:35px;padding:20px}.blog-post-list[type=new] .blog-post .title-container .title,.blog-post-list[type=project] .blog-post .title-container .title{font-weight:400;margin:unset}.blog-post-list[type=new] .blog-post .category-container,.blog-post-list[type=new] .blog-post .excerpt-container,.blog-post-list[type=new] .blog-post .read-post,.blog-post-list[type=project] .blog-post .category-container,.blog-post-list[type=project] .blog-post .excerpt-container,.blog-post-list[type=project] .blog-post .read-post{display:none}.blog-post-list[type=new] .blog-post img,.blog-post-list[type=project] .blog-post img{transition:opacity .3s}.blog-post-list[type=new] .blog-post:hover,.blog-post-list[type=project] .blog-post:hover{transform:translate3d(0,-3px,0)}.blog-post-list[type=new] .blog-post:hover img,.blog-post-list[type=project] .blog-post:hover img{opacity:.8}@media screen and (min-width:1696px){.blog-post-list[type=project]{grid-template-columns:repeat(6,1fr)}}.blog-post-list[type=project] .blog-post .title-container{text-align:center}.blog-post-list[type=project] .blog-post .date-category-container{display:none}@media screen and (min-width:1024px){.blog-post-list[type=new]{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1024px) and (max-width:1215px){.blog-post-list[type=new]{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1696px){.blog-post-list[type=new]{grid-template-columns:repeat(4,1fr)}}.blog-post-list[type=new] .blog-post .date-category-container{-moz-column-gap:25px;column-gap:25px;display:flex;flex-flow:row wrap;margin-top:10px;row-gap:10px;text-transform:uppercase}.blog-post-list[type=new] .blog-post .category-container .text,.blog-post-list[type=new] .blog-post .date-container .text{font-size:14px}.blog-post-list[type=new] .blog-post .category-container i,.blog-post-list[type=new] .blog-post .date-container i{color:var(--secondary-color);font-size:20px;line-height:0}.blog-post-list[type=new] .blog-post .category-container{align-items:center;display:flex;gap:25px;height:unset}.blog-post-list[type=new] .blog-post .date-container{gap:25px;justify-content:flex-start}.blog-post-list[type=new] .blog-post .title-container .title{min-height:35px}
