.blog-category-list{border-bottom:1px solid #c7d1d6;margin-bottom:3rem;padding-bottom:3rem}.blog-post-list{display:grid;gap:33px}.blog-post-list .blog-post{border:1px solid var(--primary-color);border-radius:35px;display:flex;flex-direction:column;overflow:hidden;width:100%}.blog-post-list .blog-post:hover{border:1px solid #000}.blog-post-list .blog-post .title-container{display:grid;padding:2rem}.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:1rem;font-weight:600;height:38px;margin-bottom:1rem;margin-top:0;overflow:hidden}.blog-post-list .blog-post .title-container .excerpt-container{height:95px;overflow:hidden}.blog-post-list .blog-post .title-container .excerpt-container .excerpt{margin-bottom:1rem}.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{line-height:0px;text-align:center}.blog-post-list .blog-post .read-post{animation:showReadPost .3s ease-out forwards;bottom:2rem;display:none;left:0;padding-left:2rem;padding-right:2rem;position:absolute;text-align:center;transform-origin:top center;width:100%}.blog-post-list .blog-post .read-post .text{background-color:var(--primary-color);border-radius:50px;color:#000;display:block;font-weight:600;padding:15px;width:100%}.blog-post-list .blog-post:hover .read-post{display:block}@media print,screen and (min-width:769px){.blog-post-list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.blog-post-list{grid-template-columns:repeat(3,1fr)}}.blog-category-description,article.blog-post{margin-top:1rem}.blog-category-description ol,.blog-category-description ul,article.blog-post ol,article.blog-post ul{padding-left:20px}.blog-category-description ol,article.blog-post ol{list-style-type:decimal}.blog-category-description ul,article.blog-post ul{list-style-type:disc}.blog-category-description img,article.blog-post img{display:table;height:auto;margin-left:auto;margin-right:auto;max-width:100%}.blog-category-description ul.blog-post-categories,article.blog-post ul.blog-post-categories{display:flex;gap:20px;list-style-type:none;margin-bottom:8px;margin-top:8px;padding:0}.blog-category-description ul.blog-post-categories li a,article.blog-post ul.blog-post-categories li a{background-color:var(--primary-color);color:#000;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:30px 0}@keyframes showReadPost{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination.blog-pagination{margin-top:20px;padding:0 10px}.pagination.blog-pagination .page-item{align-items:center;background-color:#000;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:#000}.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 .breadcrumbs,#blog-category .breadcrumbs,#blog-post .breadcrumbs{display:none}@media (min-width:768px){.display-blog-rows .blog-post-list{grid-template-columns:repeat(1,1fr);position:relative}.display-blog-rows .blog-post-list .blog-post{flex-direction:row}.display-blog-rows .blog-post-list .post-image{flex:40%}.display-blog-rows .blog-post-list .title-container{flex:60%}.display-blog-rows .blog-post-list .title-container .excerpt-container,.display-blog-rows .blog-post-list .title-container .title{height:auto}.display-blog-rows .blog-post-list .read-post{left:auto;right:0;width:60%}}@media screen and (min-width:768px) and (max-width:1023px){.display-blog-rows .blog-post-list .post-image,.display-blog-rows .blog-post-list .title-container{flex:50%}.display-blog-rows .blog-post-list .read-post{width:5%}}