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

/*

	-- -- -- -- -- -- --
	group forum CSS
	-- -- -- -- -- -- --

*/

	.group_forum .section {
		padding: 0;
	}

	.group_forum .entry-date-at {
		visibility: hidden;
	}
	.group_forum .entry-date-on {
		visibility: hidden;
	}
	.group_forum .aside .entry-date-at {
		display: none;
	}

	.group_forum .aside .entry-comment {
		display: block;
		background: #f1f1f1;
		background: rgba(0, 0, 0, 0.05);
		padding: 1em;
		position: relative;
		border: none;
		color: inherit;
	}
	.group_forum .aside .entry-comment:after {
		content: "";
		width: 0;
		height: 0;
		border: 8px solid #222;
		border-color: #222 transparent transparent transparent;
		border-color: rgba(0, 0, 0, 0.05) transparent transparent transparent;
		position: absolute;
		top: 100%;
		left: 1em;
	}
	.group_forum .aside .entry-comment:hover {
		background: #e9e9e9;
		background: rgba(0, 0, 0, 0.1);
	}
	.group_forum .aside .entry-comment:hover:after {
		border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent;
	}
	.group_forum .aside .entry-author {
		display: block;
		margin: 1em 0 0 1em;
	}
	.group_forum .aside .entry-date {
		font-size: 0.9em;
		display: block;
		margin: 0 0 0 1em;
	}

	.group_forum .entries .edit,
	.group_forum .entries .delete {
		display: inline-block;
		width: 1em;
		height: 1em;
		overflow: hidden;
		font-size: 1em;
		line-height: 1;
		border: none;
		margin: 0 .2em 0 0;
		padding: 0;
	}
	.group_forum .entries tfoot {
		text-align: right;
	}
	.group_forum .entries thead {
		text-align: right;
	}
	.group_forum .entry-details {
		display: block;
	}
	.group_forum .section-name,
	.group_forum .category-name {
		max-width: 10em;
		-ms-word-break: normal;
		word-wrap: normal;
		word-break: normal;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.group_forum .entry-description {
		-ms-word-break: normal;
		word-wrap: normal;
		word-break: normal;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.group_forum .entries caption a {
		float: right;
	}

	.group_forum .pagination:before,
	.group_forum .pagination:after {
		content: "";
		display: table;
		line-height: 0;
	}
	.group_forum .pagination:after {
		clear: both;
	}

	.group_forum .entries .entry-id:before {
		content: "\f086";
	}
	.group_forum h3.closed:before {
		font-family: "Fontcons";
		margin-right: 0.2em;
		color: #999;
	}
	.group_forum h3.closed:before,
	.group_forum .entries .closed .entry-id:before {
		content: "\f023";
	}
	.group_forum .entries .sticky .entry-id:before {
		content: "\273D";
	}
	.group_forum .categories .entry-id:before {
		content: "\f07b";
	}
	.group_forum .categories .closed .entry-id:before {
		content: "\f023";
	}

	.group_forum .container .order-options a:before {
		content: "\2193";
		font-family: "Fontcons";
	}
	.group_forum .container .order-options a.asc:before {
		content: "\2191";
		font-family: "Fontcons";
	}
	.group_forum .relative-container {
		position: relative;
	}

	.group_forum .entry-details a {
		color: #666;
		border-bottom: 1px dotted #999;
	}
	.group_forum .entries .entry-options {
		text-align: right;
		white-space: nowrap;
	}
	/* tbody */
	.group_forum .entries .topic {
		font-weight: bold;
		margin: 0;
	}
	#page_options .comments:before {
		font-family: "Fontcons";
		content: "\f086";
	}
	#page_options .categories:before {
		font-family: "Fontcons";
		content: "\f07b";
	}
	#forum-options {
		margin-top: 2em;
	}
	#forum-options fieldset {
		border: 1px solid #ddd;
		padding: 1em;
	}
	#forum-options fieldset legend {
		margin: 0 1em;
		padding: 0 1em;
	}

	ol.comments .attachment:before {
		content: "\f092";
		font-family: "Fontcons";
		margin-right: 0.2em;
	}
	ol.comments .comment-options a.active:before {
		content: "\2716";
	}
	ol.comments li .edit,
	ol.comments li .delete {
		float: right;
	}
	/* Add comment */
	.comment-add {
		margin: 0 -1.61803399em -0.61803399em -1.61803399em;
		padding: 1.61803399em;
		border: 1px solid #ddd;
		background-color: #f1f1f1;
		border: none;
		border-top: 1px solid #ddd;
	}
	.comment-add legend {
		display: none;
	}
	.comment-add label {
		display: block;
	}
	.comment-add label span {
		display: none;
	}
	.comment-add .cancelreply {
		margin-left: 2em;
	}
	.comment-add .submit {
		clear: both;
		margin: -1.5em 0 0 0;
		padding: 0;
		text-align: right;
	}
	.comment-add input, 
	.comment-add select, 
	.comment-add textarea {
		margin: 0.25em 0 0.5em 0;
		width: 100%;
	}	
	.comment-add .submit input,
	.comment-add .option {
		width: auto;
	}
	.comment-add .upload-label {
		margin-bottom: 0.5em;
	}
	.comment-add .reply-anonymous-label {
		width: 50%;
	}

	.instructions {
		width: 30em;
		margin: 90px auto;
		padding: 5em 0 0 0;
		text-align: center;
		position: relative;
	}
	.instructions p {
		font-size: 1.5em;
		line-height: 1.8em;
		font-weight: 300;
		margin: 0 0 2em 0;
	}
	.instructions:before {
		position: absolute;
		top: 0px;
		left: 50%;
		font-size: 5em;
		margin-left: -0.5em;
		content: "\f086";
		font-family: "Fontcons";
	}
	.instructions legend,
	.instructions label {
		display: none;
	}
	.instructions .input-wrap {
		display: table;
		width: 100%;
	}
	.instructions .input-cell {
		display: table-cell;
	}
	.instructions .input-cell input[type=text] {
		width: 100%;
	}
	.instructions .input-cell:last-child {
		width: 5.75em;
		text-align: right;
	}

/* Forum settings dialog */
	.edit-forum-options-panel {
		display: none;
		position: absolute;
		z-index: 1;
		background: #FFFFFF;
		border: 2px solid #CCCCCC;
		padding: 20px;
		top: 53px;
		right: 274px;
		width: 300px;
		border-radius: 5px;
	}
	.edit-forum-options-panel label {
		display: inline;
	}
	.edit-forum-options-panel:before,
	.edit-forum-options-panel:after {
		content: "";
		position: absolute;
		border-style: solid;
	}
	.edit-forum-options-panel:before {
		top: 14px;
		right: -30px;
		bottom: auto;
		border-color: transparent transparent transparent #CCC;
		border-width: 15px;
	}
	.edit-forum-options-panel:after {
		top: 17px;
		right: -24px;
		bottom: auto;
		border-color: transparent transparent transparent #FFF;
		border-width: 12px;
	}
	.edit-forum-options-as {
		margin-left: 15px;
		font-style: italic;
	}
	.edit-forum-options-actions {
		margin-top: 10px;
	}
	.edit-forum-options-cancel {
		float: right;
	}

	.ordering-controls {
		display: block;
		margin: 0 0 0.2em 0;
	}
	.ordering-controls .reorder {
		display: inline-block;
		width: 1em;
		height: 1em;
		overflow: hidden;
		line-height: 1;
		font-size: 1.2em;
	}
	.ordering-controls a.reorder {
		color: #999;
		border: none;
	}
	.ordering-controls a.reorder:hover {
		color: #333;
		border: none;
	}
	.ordering-controls span.reorder {
		color: #ddd;
	}
	.ordering-controls small.order-up-before,
	.ordering-controls .order-up:before {
		content: "\2191";
		font-family: "Fontcons";
		margin-right: 5em;
	}
	.ordering-controls .order-down {
		float: right;
	}
	.ordering-controls small.order-down-before,
	.ordering-controls .order-down:before {
		content: "\2193";
		font-family: "Fontcons";
		margin-right: 5em;
	}

@media only screen and (max-width: 1064px) {
	.group_forum .aside,
	.group_forum .subject {
		float: none;
	}
	.group_forum .aside {
		display: none !important;
	}
	.group_forum .subject {
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
	}
}
/* Aside */
.group-forum-container {
	display: flex;
	flex-direction: row;
	gap: 20px;
}
.group-forum-container #commentform {
	flex-grow: 1;
}
.group_forum .aside {
	background: #f1f1f1 !important;
	background: rgba(0, 0, 0, 0.05) !important;
	padding: 1em !important;
	border: none !important;
	color: inherit !important;
	max-width: 300px;
}