.blog-posts article{background-color:var(--surface-color);box-shadow:0 4px 16px #0000001a;padding:30px;height:100%;border-radius:10px;overflow:hidden}.blog-posts .post-img{max-height:240px;margin:-30px -30px 15px;overflow:hidden}.blog-posts .post-category{font-size:16px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:10px;text-align:justify}.blog-posts .title{font-size:20px;font-weight:700;padding:0;margin:0 0 20px}.blog-posts .title a{color:var(--heading-color);transition:.3s}.blog-posts .title a:hover{color:var(--accent-color)}.blog-posts .post-author-img{width:50px;border-radius:50%;margin-right:15px}.blog-posts .post-author{font-weight:600;margin-bottom:5px}.blog-posts .post-date{font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:0}.blog-pagination{padding-top:0;color:color-mix(in srgb,var(--default-color),transparent 40%)}.blog-pagination ul{display:flex;padding:0;margin:0;list-style:none}.blog-pagination li{margin:0 5px;transition:.3s}.blog-pagination li a{color:color-mix(in srgb,var(--default-color),transparent 40%);padding:7px 16px;display:flex;align-items:center;justify-content:center}.blog-pagination li a.active,.blog-pagination li a:hover{background:var(--accent-color);color:var(--contrast-color)}.blog-pagination li a.active a,.blog-pagination li a:hover a{color:var(--contrast-color)}.blog-details{padding-bottom:30px}.blog-details .article{background-color:var(--surface-color);padding:30px;box-shadow:0 4px 16px #0000001a}.blog-details .post-img{margin:-30px -30px 20px;overflow:hidden}.blog-details .title{color:var(--heading-color);font-size:28px;font-weight:700;padding:0;margin:30px 0}.blog-details .content{margin-top:20px}.blog-details .content h3{font-size:22px;margin-top:30px;font-weight:700}.blog-details .content blockquote{overflow:hidden;background-color:color-mix(in srgb,var(--default-color),transparent 95%);padding:60px;position:relative;text-align:center;margin:20px 0}.blog-details .content blockquote p{color:var(--default-color);line-height:1.6;margin-bottom:0;font-style:italic;font-weight:500;font-size:22px}.blog-details .content blockquote:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--accent-color);margin-top:20px;margin-bottom:20px}.blog-details .meta-top{margin-top:20px;color:color-mix(in srgb,var(--default-color),transparent 40%)}.blog-details .meta-top ul{display:flex;flex-wrap:wrap;list-style:none;align-items:center;padding:0;margin:0}.blog-details .meta-top ul li+li{padding-left:20px}.blog-details .meta-top i{font-size:16px;margin-right:8px;line-height:0;color:color-mix(in srgb,var(--default-color),transparent 40%)}.blog-details .meta-top a{color:color-mix(in srgb,var(--default-color),transparent 40%);font-size:14px;display:inline-block;line-height:1}.blog-details .meta-bottom{padding-top:10px;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%)}.blog-details .meta-bottom i{color:color-mix(in srgb,var(--default-color),transparent 40%);display:inline}.blog-details .meta-bottom a{color:color-mix(in srgb,var(--default-color),transparent 40%);transition:.3s}.blog-details .meta-bottom a:hover{color:var(--accent-color)}.blog-details .meta-bottom .cats{list-style:none;display:inline;padding:0 20px 0 0;font-size:14px}.blog-details .meta-bottom .cats li{display:inline-block}.blog-details .meta-bottom .tags{list-style:none;display:inline;padding:0;font-size:14px}.blog-details .meta-bottom .tags li{display:inline-block}.blog-details .meta-bottom .tags li+li:before{padding-right:6px;color:var(--default-color);content:","}.blog-details .meta-bottom .share{font-size:16px}.blog-details .meta-bottom .share i{padding-left:5px}.blog-author{padding:10px 0 40px}.blog-author .author-container{background-color:var(--surface-color);padding:20px;box-shadow:0 4px 16px #0000001a}.blog-author img{max-width:120px;margin-right:20px}.blog-author h4{font-weight:600;font-size:20px;margin-bottom:0;padding:0;color:color-mix(in srgb,var(--default-color),transparent 20%)}.blog-author .social-links{margin:0 10px 10px 0}.blog-author .social-links a{color:color-mix(in srgb,var(--default-color),transparent 60%);margin-right:5px}.blog-author p{font-style:italic;color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:0}.blog-comments{padding:10px 0}.blog-comments .comments-count{font-weight:700}.blog-comments .comment{margin-top:30px;position:relative}.blog-comments .comment .comment-img{margin-right:14px}.blog-comments .comment .comment-img img{width:60px}.blog-comments .comment h5{font-size:16px;margin-bottom:2px}.blog-comments .comment h5 a{font-weight:700;color:var(--default-color);transition:.3s}.blog-comments .comment h5 a:hover{color:var(--accent-color)}.blog-comments .comment h5 .reply{padding-left:10px;color:color-mix(in srgb,var(--default-color),transparent 20%)}.blog-comments .comment h5 .reply i{font-size:20px}.blog-comments .comment time{display:block;font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:5px}.blog-comments .comment.comment-reply{padding-left:40px}.comment-form{padding-top:10px}.comment-form form{background-color:var(--surface-color);margin-top:30px;padding:30px;box-shadow:0 4px 16px #0000001a}.comment-form form h4{font-weight:700;font-size:22px}.comment-form form p{font-size:14px}.comment-form form input{background-color:var(--surface-color);color:var(--default-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 70%);font-size:14px;border-radius:4px;padding:10px}.comment-form form input:focus{color:var(--default-color);background-color:var(--surface-color);box-shadow:none;border-color:var(--accent-color)}.comment-form form input::placeholder{color:color-mix(in srgb,var(--default-color),transparent 50%)}.comment-form form textarea{background-color:var(--surface-color);color:var(--default-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 70%);border-radius:4px;padding:10px;font-size:14px;height:120px}.comment-form form textarea:focus{color:var(--default-color);box-shadow:none;border-color:var(--accent-color);background-color:var(--surface-color)}.comment-form form textarea::placeholder{color:color-mix(in srgb,var(--default-color),transparent 50%)}.comment-form form .form-group{margin-bottom:25px}.comment-form form .btn-primary{border-radius:4px;padding:10px 20px;border:0;background-color:var(--accent-color);color:var(--contrast-color)}.comment-form form .btn-primary:hover{color:var(--contrast-color);background-color:color-mix(in srgb,var(--accent-color),transparent 20%)}