/* Hidden comments / collapsed replies */
.ugc-hidden,
.ugc-collapsed {
	display: none !important;
}

/* Never trap scrolling inside the comment list */
.activity-comments,
.activity-comments > ul {
	max-height: none !important;
	overflow: visible !important;
}

/* Facebook-style link buttons */
.ugc-btn {
	display: block;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 8px 4px;
	margin: 2px 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: #65676b;
	text-align: left;
	cursor: pointer;
}

.ugc-btn:hover,
.ugc-btn:focus {
	text-decoration: underline;
	color: #1c1e21;
}

.ugc-more {
	width: 100%;
	padding-left: 12px;
}

.ugc-replies-toggle {
	padding-left: 16px;
	font-size: 13px;
}

/* "View more" is hidden while the comment list is closed */
.ugc-off {
	display: none !important;
}

/* Close / re-open comments */
.ugc-closed > ul,
.ugc-closed > .ugc-more,
.ugc-closed > .ugc-close {
	display: none !important;
}

.ugc-reopen {
	display: none !important;
}

.ugc-closed > .ugc-reopen {
	display: block !important;
	width: 100%;
	text-align: center;
	background: #939bb5 !important;
	color: #fff;
	border-radius: 4px;
	padding: 14px 8px;
}

.ugc-close {
	padding-left: 12px;
	font-size: 13px;
}

/* Our buttons are hidden until the comments are open */
.ugc-wrap:not(.ugc-open) > .ugc-more,
.ugc-wrap:not(.ugc-open) > .ugc-close {
	display: none !important;
}

/* Debug badge (only with ?ugc_debug=1 in the page address) */
.ugc-debug {
	font: 11px/1.3 monospace;
	background: #ffec99;
	color: #000;
	padding: 4px 6px;
	margin: 2px 0;
	word-break: break-all;
}