.blog-category-list{border-bottom:1px solid #ced2d3;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:#8ecae6;border:1px solid #ced2d3;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{display:grid;padding:30px}@media screen and (max-width:768px){.blog-post-list .blog-post .title-container{padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px}}.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{animation:showReadPost .3s ease-out forwards;bottom:30px;display:none;left:0;padding-left:30px;padding-right:30px;position:absolute;text-align:center;transform-origin:top center;width:100%}@media screen and (max-width:768px){.blog-post-list .blog-post .read-post{padding-left:15px;padding-right:15px}}.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 #ced2d3;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 #ced2d3;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%}