/* COMMENTS */
/* ******** */
#Blog_Comments .coms > article {margin-top: 1rem; margin-bottom: 1rem;}
#Blog_Comments .indented { margin-left: 3rem; padding-left: 2rem; border-left: solid 2px #ddd; padding-bottom: .1rem }
#Blog_Comments footer {display: none;}
#Blog_Comments li.comment-edit, #Blog_Comments li.comment-delete {display: none;}

#Blog_Comments div.field-comment--field-name-comment, #Blog_Comments div.field-comment--field-name-comment div {display: inline;}
#Blog_Comments div.field-comment--field-date-comment, #Blog_Comments div.field-comment--field-date-comment div {display: inline;}


#CommentsTitle {background-color: #333; color: white; font-size: 2.5rem; font-weight: bold; padding: 1rem 2rem;}
#CommentsTitle h2 {color: white;}
#CommentsTitle #CommentsTitleArrow {display: inline; float: right;}
#Blog_Comments {  background-color: #444}
#CommentsTitleArrow img {display: none;}
#CommentCounter {}
#CommentsTitleArrow {}
#CommentsTitleArrow img {
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#CommentsTitleArrow.Rotate180 img {
    transform: rotate(180deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#BlogComments {background-color: white; margin-bottom: 3rem;}
#Blog_Comments  {}
#Blog_Comments .row {margin: 0rem;}
#Blog_Comments .column {  width: calc(100% - 4rem); margin: 0 2rem 2rem 2rem;}

#Blog_Comments .field-comment--field-name-comment { font-weight: 600;  color: white;}
#Blog_Comments time { font-size: 1rem; color: #858585; text-transform: uppercase; }
#Blog_Comments .field-comment--comment-body { margin:0; }
#Blog_Comments mark {display: none;}


/*#Blog_Comments form label {  font-size: 1.2rem; text-transform: uppercase; }*/
#Blog_Comments form input:not(.btn) { font-size: 1rem; height: 1.8rem;}
#Blog_Comments form textarea { font-size: 1rem; height: auto;}
#Blog_Comments #edit-preview {display: none;}
#Blog_Comments .field-comment--field-name-comment {color: #333;}
#Blog_Comments .js-form-item {  margin-bottom: 15px;}


#Blog_Comments form .btn.white {color: white; border: solid 1px white; width: 100%}
#Blog_Comments form .btn.white:hover { background-color:black; }



#Blog_Comments, #CommentsTitle {background-color: white; color: #333; margin-bottom: 0;     padding-bottom: 0;}
#Blog_Comments, #CommentsTitle h2 {color: #333;}
#Blog_Comments form input, #Blog_Comments form textarea {border: solid 1px #666;}



.OneComment {}
.field-comment--field-body-comment {border-top: solid 2px #ddd;}
.OneComment_Header { }
.OneComment_Content {}
.field-comment--field-name-comment .field-item::after {content: ", ";}