/* Created 2015-10-23 Will */
/* Updated 2018-07-19 Kat */

#comments-container,
.comment-wrapper {
	clear: both;
	margin-top: 30px;
}

#comments-container .comment-container,
.comment-wrapper .comment-container {
	position: relative;
}

#comments-container .comment-thread .comment-hide,
.comment-wrapper .comment-thread .comment-hide {
	display: block;	
	position: absolute;
	right: 15px;
	top: 0;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background: url('/imstd/hide-icon.png') center center no-repeat;
	transition: all 0.5s ease;
}

#comments-container .comment-thread .comment-hide:hover,
.comment-wrapper .comment-thread .comment-hide:hover {
	opacity: 0.5;
}

#comments-container .comment-thread,
.comment-wrapper .comment-thread {
	list-style-type: none;
}

#comments-container .comment-thread li,
.comment-wrapper .comment-thread li {
    border-top: 1px solid #c6c6c6;	
    padding: 15px 0 7px 0;
    overflow: hidden;
}

#comments-container .comment-thread .avatar,
#comments-container .comment-input-container .avatar,
.comment-wrapper .comment-thread .avatar,
.comment-wrapper .comment-input-container .avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	width: 36px;
	height: 36px;
	overflow: hidden;
	margin: 2px 8px 0 0;
	float: left;
}

#comments-container .comment-thread .avatar img,
.comment-wrapper .comment-thread .avatar img {
	width: 100%;
}

#comments-container .comment-thread .author,
.comment-wrapper .comment-thread .author {
	font-size: 12px;
	font-weight: bold;
}

#comments-container .comment-thread .time-wrap,
.comment-wrapper .comment-thread .time-wrap {
	color: #acacac;
}

#comments-container .comment-thread time,
.comment-wrapper .comment-thread time {
	color: #acacac;
	position: static;
	background-color: transparent;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	padding: 0;
	margin: 0;
}

#comments-container .comment-thread .comment-content,
.comment-wrapper .comment-thread .comment-content {
	clear: both;
	margin: 10px 0 15px 0;
}

#comments-container .comment-thread .comment-content p,
#comments-container .comment-thread .comment-content,
.comment-wrapper .comment-thread .comment-content p,
.comment-wrapper .comment-thread .comment-content {
	font-size: 14px;
	line-height: normal;
}

#comments-container .comment-thread .comment-controls,
.comment-wrapper .comment-thread .comment-controls {
	list-style-type: none;
	overflow: hidden;
	margin-bottom: 15px;
}

#comments-container .comment-thread .comment-controls button:hover,
.comment-wrapper .comment-thread .comment-controls button:hover {
	opacity: 0.75;
} 

#comments-container .comment-controls .like-button,
#comments-container .comment-controls .reply-button,
#comments-container .comment-controls .reply-button-t2,
.comment-wrapper .comment-controls .like-button,
.comment-wrapper .comment-controls .reply-button,
.comment-wrapper .comment-controls .reply-button-t2 {
	height: 22px;
	color: #fff;
	font-size: 12px;
	float: left;
	padding: 1px 9px 1px 26px;
	margin: 0 3px 0 0;
	border-radius: 25px;
	width: auto;
	text-indent: 0;
	background: url('/imstd/like-button-small.png') 6px 4px no-repeat #1e1911;
	border: none;
    transition: all 0.5s ease;
}

#comments-container .comment-like.user-liked .like-button,
#comments-container .comment-like.user-liked .like-button:hover,
.comment-wrapper .comment-like.user-liked .like-button,
.comment-wrapper .comment-like.user-liked .like-button:hover {
	cursor: default;
	opacity: 0.25;
}

#comments-container .comment-controls .reply-button,
#comments-container .comment-controls .reply-button-t2,
.comment-wrapper .comment-controls .reply-button,
.comment-wrapper .comment-controls .reply-button-t2 {
	background: url('/imstd/reply-icon-white.png') 6px 5px no-repeat #1e1911;
}

#comments-container .comment-thread .comment-controls .number-likes,
.comment-wrapper .comment-thread .comment-controls .number-likes {
    font-size: 12px;
    font-weight: bold;
    height: 21px;
    width: 21px;
    padding: 1px 0 0 0;
    margin: 0 8px 0 0;
    color: #1e1911;
    border: 2px solid #1e1911;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    text-align: center;
    float: left;
}

#comments-container .view-replies,
.comment-wrapper .view-replies {
	display: block;
	color: #acacac;
	background: url('/imstd/reply-icon-grey.png') left center no-repeat transparent;
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;	
}

#comments-container .tier-2,
.comment-wrapper .tier-2 {
	margin: 15px 0 0 20px;
	display: none;
}

#comments-container li.cmt-pinned .tier-2,
.comment-wrapper li.cmt-pinned .tier-2  {
	display: block;
}

#comments-container li.cmt-pinned a.view-replies,
.comment-wrapper li.cmt-pinned a.view-replies {
	display: none;
}

#comments-container li.tier-2-reply,
.comment-wrapper li.tier-2-reply {
	background-color: #efefef;	
	padding: 15px;
	margin-bottom: 15px;
}

#comments-container label,
.comment-wrapper label {
	display: block;
	font-size: 12px;
}

#comments-container .tier-2-reply textarea,
.comment-wrapper .tier-2-reply textarea {
	border: none;
	padding: 15px 10px;
	color: #363636;
	width: 100%;
	background-color: #fff;
}

#comments-container li.add-comment-container,
.comment-wrapper li.add-comment-container {
	overflow: hidden;
	background-color: #efefef;
	padding: 15px;
	margin-bottom: 15px;
	border: none;
}

#comments-container .comment-input-content,
.comment-wrapper .comment-input-content {
	padding-top: 5px;
}

#comments-container .comment-input-container p,
.comment-wrapper .comment-input-container p {
	font-weight: bold;
}

#comments-container .comment-input-container textarea.comment-reply,
.comment-wrapper .comment-input-container textarea.comment-reply {
	width: 100%;
	background-color: #fff;
	border: none;
	padding: 15px 10px;
	color: #363636;
}

#comments-container .identify-wrap,
.comment-wrapper .identify-wrap {
	display: table;
	margin-top: 4px;
}

#comments-container .identify-wrap label,
.comment-wrapper .identify-wrap label {
	display: table-cell;
	vertical-align: middle;
	font-weight: normal;
	padding-left: 5px;
}

#comments-container .identify-wrap input[type=checkbox],
.comment-wrapper .identify-wrap input[type=checkbox] {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

#comments-container .comment-submit,
.comment-wrapper .comment-submit {
	height: 30px;
	float: right;
	margin: 5px 0 0 0;
	font-size: 12px;
	padding: 2px 15px 2px 15px;
	background-color: #1e1911;
	color: #fff;
	border: none;
	border-radius: 25px;
	overflow: hidden;
	display: block;
	transition: all 0.5s ease;
}

#comments-container .comment-submit:hover,
.comment-wrapper .comment-submit:hover {
	opacity: 0.75;
}

#comments-container .comment-admin,
.comment-wrapper .comment-admin {
	float: right;
}

#comments-container .comment-admin a,
.comment-wrapper .comment-admin a {
	margin-left: 15px;
}

#comments-container .comment-thread li.cmt-unapproved .comment-approve,
.comment-wrapper .comment-thread li.cmt-unapproved .comment-approve  {
	color: green;
}

#comments-container .comment-thread li.cmt-unapproved .comment-delete,
.comment-wrapper .comment-thread li.cmt-unapproved .comment-delete {
	color: red;
}

#comments-container li.cmt-deleted > .comment-container,
.comment-wrapper li.cmt-deleted > .comment-container {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.6;
}

#comments-container .admin-msg,
.comment-wrapper .admin-msg {
	font-style: italic;
}

#comments-container .comment-thread li.cmt-pinned > .comment-container .comment-content p,
.comment-wrapper .comment-thread li.cmt-pinned > .comment-container .comment-content p {
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #1b1b1b;
}

#comments-container a.comment-see-full,
.comment-wrapper a.comment-see-full, {
	display: block;
	margin-top: 8px;
	color: #acacac;
}

#comments-container ol.cmt-loaded,
.comment-wrapper ol.cmt-loaded {
	display:none;
	list-style-type: none;
}

.remind-container label {
	display: inline-block;
}

.remind-container input[type="text"],
.remind-container input[type="email"] {
	display: block;
}

.remind-container input[type="submit"] {
	display: block;
	transition: background-color ease 0.5s;
}

.remind-container .remind-form.locked input[type="submit"] {
	background-color: #f0f0f0;
	color: #3d3d3d;
}

.remind-container .remind-form.locked input[type="submit"]:hover {
	opacity: 1;
	cursor: default;
}

.remind-container .success-msg {
	margin-bottom: 0;
	font-weight: 600;
}
}
 

/* MEDIA QUERIES - needs moving to own file */

/* comments */
@media only screen and (min-width : 992px) {

	/* comments section */
	#comments-container .comment-thread .comment-container,
	.comment-wrapper .comment-thread .comment-container  {
		margin-left: 50px;
	}

	#comments-container .comment-thread .comment-container .avatar,
	.comment-wrapper .comment-thread .comment-container .avatar  {
		margin-left: -50px;
	}

	#comments-container .tier-2,
	.comment-wrapper .tier-2  {
		margin: 15px 0 0 50px;
	}

	#comments-container .comment-thread .comment-content p,
	#comments-container .comment-thread .comment-content,
	.comment-wrapper .comment-thread .comment-content p,
	.comment-wrapper .comment-thread .comment-content {
		font-size: 12px;
		line-height: 16px;
	}

}