/** Comment CSS **/


/*** Comment ***/

.comment-wrapper h2.title {
	margin-top:0px
	}
.comment-content {
	display: inline-block;
	width: 100%;
	}
h2.icon {
    font-size: 18px;
    padding: 10px 20px;
	display:inline-block;
	margin-bottom: -5px;
	margin-top:0;
	}
.node-type-on-this-day h2.icon ,
.node-type-quote h2.icon {
	margin-top:25px;
	margin-bottom: 0;
	}
h2.icon span {
	font-size:18px;
	}
.comment-wrap {
  	display: flex;
	flex-direction: row;
	}
.comment-left {
	display:inline-block;
	float:left;
	width:48px;
	}
.comment-left .user-picture img {
	width: 32px;
	height:32px;
	}
.comment-submitted-desc {
	line-height: 1.2;
	vertical-align:top;
	margin-top: -4px;
	}
.comment-submitted-desc .comment-description {
	font-size:14px;
	}
.comment .submitted {
    margin-bottom: 1.5rem;
	}
.comment-right {
	width:100%
	}
.comments-links {
	padding-top:0;
	margin-left: -.2rem;
	}
.comments-links .btn {
	padding:.2rem;
	line-height: 0;
	}
.comments-links .btn-default {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
.comments-links .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    float: left;
    min-width: 80px;
    padding: 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    border-radius: 0;
	width:120px;
	background:initial
	}
.comments-links .dropdown-menu ul.links.list-inline {
	margin:0;
	padding-top: 0;
	border:initial;
	}
.dropdown-menu .list-inline > li {
    display: block;
    padding:0;
	}
.comments-links .dropdown-menu ul.links.list-inline {
	display:flex;
	flex-direction:column;
	}
.comments-links .dropdown-menu ul.links.list-inline li {
	border-left:initial;
	padding:0;
	width:100%
	}
.comments-links .dropdown-menu ul.links.list-inline li a{
	font-size:13px;
	display:block;
	padding:4px 8px;
	text-align:left;
	margin-bottom:0;
	}
.content-comments .indented .indented .indented{
	margin-left:0;
	padding-left:0;
	}
.comment-form-wrapper {
	margin-top:2rem;
	padding:20px;
	}
.node-type-quote .comment-form-wrapper {
	margin-top:10px;
	}
.comment.odd {
	padding:15px 15px 0 15px;
	}
.comment.even {
	padding:15px 15px 0 15px;
	}
.comment {
	margin-bottom:10px;
	}
.comment-thread-expand {
	padding: .2rem 1rem;
	margin: 1.5rem 0 -5rem 4.5rem;
	bottom: 0;
	display: inline-block;
	font-size:1.3rem;
	}
.comments-count,
.comments-count-text {
	font-weight:500
	}


/*** Indendted ***/
.content-comments .indented {
	margin-bottom:10px; 
	margin-top:-10px;
	}
.content-comments .indented .indented {
	margin-top:10px;
	margin-bottom:0px;
	}
.content-comments .indented .comment {
	padding:0;
	}
.content-comments .indented .indented .comment {
	}
.content-comments .indented .comment-wrap {
  	position: relative;
	padding:10px;
	margin-left:4.5rem;
	}
.content-comments .indented .comment-wrap:before {
	content: "";
  	position: absolute;
  	bottom: 0;
  	left: 0;
	}
.content-comments .indented .comment.odd,
.content-comments .indented .comment.even {
	position:relative;
	margin:10px 0;
	}
.content-comments .indented .indented .comment-wrap {
	margin-left:68px;
	margin-top:0;
	}
.indented .comment-thread-expand {
	margin: 1rem 0 0 4.5rem;
	}
.indented .indented .comment-thread-expand {
	margin: 1rem 0 0 6.8rem;
	}
.comment-devide-box {
	display:flex;
	height:0;
	font-size:10px;
	line-height:1
	}
.indented .comment-devide-box {
	margin-top:0px;
	}
.indented .indented .comment-devide-box {
	display:none
	}
.comment-devide-box-bottom {
	display:flex;
	height:0;
	}
.indented .comment-devide-box-bottom {
	display:flex;
	height:5px;
	}
.content-comments .indented .comment.submitted {
    padding: 0;
	}