.recent-posts article{background-color:var(--light-color);padding:0;height:100%}.recent-posts{padding:80px 20px;color:#fff}.recent-posts .section-header{margin-bottom:1.5rem}.recent-posts .section-header h2{margin-bottom:20px}.recent-posts .section-header p{font-size:1rem;margin-bottom:40px}body.dark .recent-posts .section-header p{color:#ccc}@media(min-width:1280px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1140px}}@media(max-width:768px){.recent-posts .section-header h2{font-size:2rem}.recent-posts .post-card{margin-bottom:20px}}.blog-sidbar{background-color:var(--light-color);padding:30px 20px;border-radius:8px}.blog-sidbar ul li a:hover{color:#4a4a4a}.blog .posts-list article{box-shadow:0 1px 6px #0000001a;padding:30px;height:100%;border-radius:10px;overflow:hidden}.blog .posts-list .title{font-size:22px;padding:0;margin:0 0 20px}.blog .posts-list .title a{color:var(--color-default);transition:.3s}.blog .posts-list .title a:hover{color:var(--color-primary)}.blog .posts-list .post-author-list{font-weight:500;margin-bottom:5px}.blog .blog-details{box-shadow:0 1px 6px #0000001a;padding:30px;border-radius:10px}.blog .blog-details .post-img{margin:-30px -30px 20px;overflow:hidden;border-radius:10px 10px 0 0}.blog .blog-details .title{font-size:28px;font-weight:700;padding:0;margin:20px 0 0;color:var(--color-default)}.blog .blog-details .content{margin-top:20px;max-width:72ch;margin-left:auto;margin-right:auto}.blog .blog-details .content h2{font-size:22px;font-weight:700;line-height:1.25;margin-top:30px;margin-bottom:.6em}.blog .blog-details .content h3{font-size:22px;font-weight:700;line-height:1.25;margin:1.6em 0 .6em}.blog .blog-details .content p{line-height:1.8;margin:0 0 1rem}.blog .blog-details .content ul,.blog .blog-details .content ol{line-height:1.7;margin:0 0 1em;padding-left:1.2em}.blog .blog-details .content blockquote{overflow:hidden;background-color:#2222220f;position:relative;text-align:center;margin:1.2em 0;padding:.6em 1em}.blog .blog-details .content blockquote p{color:var(--color-default);font-style:italic;font-weight:500;font-size:22px}.blog .blog-details .content blockquote:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--color-secondary);margin-top:20px;margin-bottom:20px}.blog .blog-details .post-category{font-size:14px;color:#2f69a7;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:25px;margin-bottom:4px;margin-left:-10px}.blog .blog-details .meta-top{margin-top:15px;margin-bottom:30px;color:#6c757d}.blog .blog-details .meta-top ul{display:flex;flex-wrap:wrap;list-style:none;align-items:center;padding:0;margin:0}.blog .blog-details .meta-top ul li+li{padding-left:20px}.blog .blog-details .meta-top i{font-size:16px;margin-right:8px;line-height:0;color:var(--color-primary)}.blog .blog-details .meta-top a{color:#6c757d;font-size:14px;display:inline-block;line-height:1}.blog .blog-details .meta-bottom{padding-top:10px;border-top:1px solid rgba(34,34,34,.15)}.blog .blog-details .meta-bottom i{color:#555;display:inline}.blog .blog-details .meta-bottom a{color:#222c;transition:.3s}.blog .blog-details .meta-bottom a:hover{color:var(--color-primary)}.blog .blog-details .meta-bottom .cats{list-style:none;display:inline;padding:0 20px 0 0;font-size:14px}.blog .blog-details .meta-bottom .cats li{display:inline-block}.blog .blog-details .meta-bottom .tags{list-style:none;display:inline;padding:0;font-size:14px}.blog .blog-details .meta-bottom .tags li{display:inline-block}.blog .blog-details .meta-bottom .tags li+li:before{padding-right:6px;color:var(--color-default);content:","}.blog .blog-details .meta-bottom .share{font-size:16px}.blog .blog-details .meta-bottom .share i{padding-left:5px}.blog .post-author{padding:20px;margin-top:30px;box-shadow:0 1px 6px #0000001a;border-radius:10px}.blog .post-author img{max-width:120px;margin-right:20px}.blog .post-author h4{font-weight:500;font-size:22px;margin-bottom:0;padding:0;color:var(--color-default)}.blog .post-author .social-links{margin:0 10px 10px 0}.blog .post-author .social-links a{color:#22222280;margin-right:5px}.blog .post-author p{font-style:italic;color:#6c757dcc;margin-bottom:0}.blog .sidebar{padding:30px;box-shadow:0 1px 6px #0000001a;border-radius:10px}.blog .sidebar .sidebar-title{font-size:20px;padding:0;margin:0;color:var(--color-default)}.blog .sidebar .sidebar-item+.sidebar-item{margin-top:40px}.blog .sidebar .search-form form{background:#fff;border:1px solid rgba(34,34,34,.3);padding:5px 10px;position:relative;border-radius:10px 30px 10px 10px}.blog .sidebar .search-form form input[type=text]{border:0;padding:4px;border-radius:10px 30px 10px 10px;width:calc(100% - 60px)}.blog .sidebar .search-form form input[type=text]:focus{outline:none}.blog .sidebar .search-form form button{position:absolute;top:0;right:0;bottom:0;border:0;background:none;font-size:16px;padding:0 25px;margin:-1px;background:var(--color-primary);color:#fff;transition:.3s;border-radius:10px 30px 10px 10px;line-height:0}.blog .sidebar .search-form form button i{line-height:0}.blog .sidebar .search-form form button:hover{background:#008374cc}.blog .sidebar .categories ul{list-style:none;padding:0}.blog .sidebar .categories ul li+li{padding-top:10px}.blog .sidebar .categories ul a{color:var(--color-default);transition:.3s}.blog .sidebar .categories ul a:hover{color:var(--color-primary)}.blog .sidebar .categories ul a span{padding-left:5px;color:#2226;font-size:14px}.blog .sidebar .recent-posts .post-item+.post-item{margin-top:15px}.blog .sidebar .recent-posts img{width:80px;float:left}.blog .sidebar .recent-posts h4{font-size:15px;margin-left:95px;font-weight:700}.blog .sidebar .recent-posts h4 a{color:var(--color-default);transition:.3s}.blog .sidebar .recent-posts h4 a:hover{color:var(--color-primary)}.blog .sidebar .recent-posts time{display:block;margin-left:95px;font-style:italic;font-size:14px;color:#2226}.blog .sidebar .tags{margin-bottom:-10px}.blog .sidebar .tags ul{list-style:none;padding:0}.blog .sidebar .tags ul li{display:inline-block}.blog .sidebar .tags ul a{color:#555;font-size:14px;padding:6px 20px;margin:0 6px 8px 0;border:1px solid #d5d5d5;display:inline-block;transition:.3s;border-radius:10px 30px 10px 10px}.blog .sidebar .tags ul a:hover{color:#fff;border:1px solid var(--color-primary);background:var(--color-primary)}.blog .sidebar .tags ul a span{padding-left:5px;color:#555c;font-size:14px}.blog .sidebar .sidebar-thumb{width:100%;height:140px;object-fit:cover;border-radius:6px;margin-bottom:8px}.blog .container{max-width:1080px}.post-card{background:#fff;border-radius:10px;box-shadow:0 1px 6px #0000001a;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:box-shadow .3s ease}.post-card:hover{box-shadow:0 4px 20px #00000026}.post-card .post-img{overflow:hidden;max-height:220px}.post-card .post-img img{width:100%;height:220px;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-img img{transform:scale(1.03)}.post-card .post-body{padding:20px 24px 24px;flex:1;display:flex;flex-direction:column}.post-card .post-category{font-size:13px;font-weight:600;color:#2f69a7;text-transform:uppercase;letter-spacing:.05em;margin-bottom:25px;display:block;margin-left:-5px}.post-card .post-title{font-size:20px;font-weight:700;margin:0 0 10px;line-height:1.3}.post-card .post-title a{color:var(--color-default);text-decoration:none;transition:color .2s}.post-card .post-title a:hover{color:var(--color-primary)}.post-card .post-meta{margin-bottom:10px}.post-card .post-date{font-size:13px;color:#6c757d;margin:0}.post-card .post-description{font-size:15px;color:#555;line-height:1.6;flex:1;margin-bottom:16px;margin-top:15px}.post-card .read-more-link{font-size:14px;font-weight:600;color:var(--color-primary);text-decoration:none;transition:color .2s}.post-card .read-more-link:hover{color:var(--color-secondary, #0056b3)}.post-author-img{width:50px;border-radius:50%;margin-right:15px}@media(max-width:576px){.recent-posts{padding-top:40px;padding-bottom:40px}.recent-posts .section-header{padding-bottom:24px}.recent-posts .section-header p{margin-bottom:16px}}body.dark .post-card .post-title a,body.dark .post-card .post-date,body.dark .post-card .post-description,body.dark .post-card .read-more-link,body.dark .blog .blog-details .title{color:var(--text-color)}.post-meta-info{font-size:.85rem;color:#777;margin-top:10px}.post-meta-info .post-author-name,.post-meta-info .post-publish-date{display:block}.post-meta-info .post-author-name strong{font-weight:600}body.dark .post-meta-info{color:#aaa}
