/* Blog comments 1.0.0 */
/* Split out of blog-single.css: only loaded when a post actually accepts or
   already has comments. */

.lvd-blog-comments .comments-title                      {color:var(--lvd-color-black);}
.lvd-blog-comments ol                                   {margin:0; padding:0;}
.lvd-blog-comments li                                   {list-style:none; position:relative; margin-bottom:20px; padding:20px; background:var(--lvd-color-gray-200); border-radius:8px;}
.lvd-blog-comments li .avatar                           {border-radius:30px;}
.lvd-blog-comments li.depth-2                           {background:var(--lvd-color-white);}
.lvd-blog-comments li.depth-2:first-child               {margin-top:20px;}
.lvd-blog-comments p                                    {margin-bottom:var(--lvd-mb-txt);}

.lvd-blog-comments .comment-author                      {display:flex; flex-direction:row; flex-wrap:wrap; align-self:center; margin-bottom:20px;}
.lvd-blog-comments .comment-author .avatar              {margin-right:20px;}
.lvd-blog-comments .comment-author cite                 {display:flex; align-self:center; margin-right:8px;}
.lvd-blog-comments .comment-author span                 {display:flex; align-self:center;}
.lvd-blog-comments .comment-meta                        {position:absolute; top:10px; right:20px; font-size:12px; color:var(--lvd-color-gray-400);}
.lvd-blog-comments .comment-meta a                      {color:var(--lvd-color-gray-400);}

.lvd-blog-comments .comment-reply-title                 {color:var(--lvd-color-black); margin-top:20px;}
.lvd-blog-comments .comment-reply-title a               {margin-left:20px; border:1px solid var(--lvd-color-black); color:var(--lvd-color-black); vertical-align:middle; display:inline-block; height:32px; line-height:32px; font-weight:700; font-size:var(--lvd-text-body); padding:0 16px; border-radius:16px;}
.lvd-blog-comments .comment-form label                  {display:block;}
.lvd-blog-comments .comment-form input[type=text]       {width:60%;}
.lvd-blog-comments .comment-form textarea               {width:100%;}
.lvd-blog-comments .comment-form input[type=submit]     {background:var(--lvd-color-primary); color:var(--lvd-color-white); border:1px solid var(--lvd-color-primary); display:inline-block; height:48px; line-height:48px; font-weight:700; font-size:var(--lvd-text-body); padding:0 24px; border-radius:25px;}
.lvd-blog-comments .comment-form-cookies-consent label  {display:inline-block;}


/* Bm */
@media (min-width:1px) and (max-width:767px)
{
.lvd-blog-comments                                      {padding:0 20px;}
.lvd-blog-comments .comment-form input[type=text]       {width:100%;}
.lvd-blog-comments .comment-reply-title a               {margin-left:0; clear:both; margin-top:12px;}
}


/* Bt */
@media (min-width:768px) and (max-width:1023px)
{
.lvd-blog-comments                  {padding-left:40px; padding-right:40px;}
}