/**
 * @package    hubzero-cms
 * @copyright  Copyright (c) 2005-2020 The Regents of the University of California.
 * @license    http://opensource.org/licenses/MIT MIT
 */

/*

	-- -- -- -- -- -- --
	Comments CSS
	-- -- -- -- -- -- --

*/

/* Comments */

	/* Header */
	h3.comments-title {
		position: relative;
	}
	h3.post-comment-title {
		margin-top: 20px;
	}
	h3.comments-title .feed {
		display: block;
		width: 1em;
		height: 1em;
		overflow: hidden;
		text-indent: -55em;
		position: absolute;
		top: 5px;
		right: 0;
		margin: 0;
		padding: 0;
	}

	ol.comments .marked>.comment-content {
		border-color: #222;
	}
	ol.comments .marked>.comment-content:before {
		border-color: transparent #222 transparent transparent;
	}

	ol.comments li.comment span.vote-like span::after {
		top: 6px;
	}

	.order-options a:before {
		content: "\2193";
		font-family: "Fontcons";
		margin-right: 0.2em;
	}
	.order-options a.desc:before {
		content: "\2191";
	}

	.comment-content .voting .like:hover {
		background-color: #cbcbcb;
	}	
	
	.comment-content .voting .vote-like.chosen .like {
		background-color: #99ca78;
	}

	ol.comments li.comment span.vote-like.chosen:hover span::after {
		content: "\2716";
	}

	span.vote-button {
		cursor: default !important;
	}

	/* https://stackoverflow.com/questions/4086107/fixed-page-header-overlaps-in-page-anchors */
	:target::before {
		content: "";
		display: block !important;
		height: 60px; /* fixed header height*/
		margin: -60px 0 0; /* negative fixed header height */
	  }

	  p.comment-options a {
		cursor: pointer;
	  }

	  ol.comments .addcomment label {
		  padding-top: 1em;
	  }

	  div.thread ol.comments .addcomment {
		  padding-top: 0;
	  }

	  div.thread ol.comments .attachment:before {
		  top: 0.1em;
	  }

	  div.thread ol.comments .comment-options a.icon-copy:before {
		  margin-right: 0.1em;
		  content: "\f0ea";
	  }

	  div.thread ol.comments .comment-options a.icon-copy textarea {
		  opacity: 0.01;
		  height:0;
		  position:absolute;
		  z-index: -1;
	  }

	  div.file-inputs {
		  display: flex;
		  justify-content: left;
		  align-items: center;
		  padding-top: 1em;
	  }
	  div.file-inputs > button.attach-file:after {
		  content: "Attach file";
	  }
	  div.file-inputs > button.detach-file:after {
		content: "Detach file";
	  }
	  div.file-inputs > button.attach-file:before {
		  content: "\f092";
		  font-family: "Fontcons";
		  margin-right: 0.3em;
	  }
	  div.file-inputs > button.detach-file:before {
		content: "\2298";
		font-family: "Fontcons";
		margin-right: 0.3em;
	  }
	  div.file-inputs > span {
		  padding-left: 0.5em;
	  }

	  /* Report Abuse */
	  form#hubForm-ajax {
		  margin: 1em;
	  }

	  form#hubForm-ajax fieldset:not(.multiple-option) > legend {
		font-size: 1.5em;
		font-weight: 600;
	  }