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

/*

	-- -- -- -- -- -- --
	com_answers CSS
	-- -- -- -- -- -- --

*/

/* Entries */
	.entry-state {
		text-transform: uppercase;
	}

	.entries .reward {
		text-align: right;
	}

	.entry-date-at,
	.entry-date-on {
		visibility: visible;
		display: inline;
	}

	.entries .entry-id,
	.entries .entry-identifier {
		font-weight: normal;
		display: inline-block;
		width: 1em;
		height: 1em;
		overflow: hidden;
		line-height: 1;
		font-size: 1.2em;
		color: #999;
	}
	.entries .answered .entry-identifier:before {
		color: #a284db;
	}
	.entries .answered .entry-state {
		color: #a284db;
	}

	p.voting {
		float: right;
		min-width: 10em;
		margin: 0.7em 0 0.7em 0;
		padding: 0;
	}
	.container-block .entry-details {
		padding: 0.7em 0 0.7em 0;
	}
	.entry-popularity {
		display: none;
	}

	.question .entry-content {
		background-color: #fff;
	}

/* Submenu styling */
	.container .user-options li {
		float: left;
	}

/* Rewards */
	.entry-reward {
		white-space: nowrap;
		color: #999;
	}
	.entry-reward a {
		font-size: 1.2em;
		width: 1em;
		height: 1em;
		display: inline-block;
		overflow: hidden;
		white-space: nowrap;
	}
	.entry-reward a:before {
		margin-right: 1em;
	}

/* Answer form */
	#answerform fieldset {
		padding: 0 1em 1em 1em;
		border: none;
		float: left;
		background: #FFFDEF;
		border: 1px solid #EFEAC2;
		color: #906C59;
		width:80%;
	}
	#answerform label {
		display: block;
		padding-top: 1.5em;
	}
	#answerform input, 
	#answerform select, 
	#answerform textarea {
		margin-top: 0.25em;
		width: 100%;
	}
	#answerform .option {
		display: inline;
		margin: 0 0.25em 0 0 !important;
		margin: 0;
		width: auto;
	}
	#commentform .submit {
		padding-top: 1em;
	}
	#answerform .submit input {
		width: auto;
		margin: 0;
	}

/* Introduction columns */
	.pointvalue a,
	.questions .rewardset a {
		margin: 0 0.2em 0 0;
		padding: 0;
		border: none;
		display: inline-block;
		width: 1em;
		height: 1em;
		overflow: hidden;
		white-space: nowrap;
		font-size: 1.2em;
	}
	.pointvalue a:before {
		margin-right: 1em;
	}
	.pointvalue a:hover {
		border: none;
	}
	.pointvalue {
		color: #000;
		font-weight:bold;
		text-transform: lowercase;
		font-size: inherit;
		padding: 0;
	}

/* Accept the answer */
	.aside .entry-status {
		padding: 1em;
		color: #ffffc0;
		margin: 0 0 1.61803399em 0;
		position: relative;
		overflow: hidden;
		zoom: 1;
		font-family: #cea638;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,
											color-stop(.25, rgba(255, 255, 255, .075)), color-stop(.25, transparent),
											color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .075)),
											color-stop(.75, rgba(255, 255, 255, .075)), color-stop(.75, transparent),
					 						to(transparent));
		background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .075) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .075) 50%, rgba(255, 255, 255, .075) 75%,
										transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .075) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .075) 50%, rgba(255, 255, 255, .075) 75%,
										transparent 75%, transparent);
		background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .075) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .075) 50%, rgba(255, 255, 255, .075) 75%,
										transparent 75%, transparent);
		background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .075) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .075) 50%, rgba(255, 255, 255, .075) 75%,
										transparent 75%, transparent);
		background-image: linear-gradient(-45deg, rgba(255, 255, 255, .075) 25%, transparent 25%,
										transparent 50%, rgba(255, 255, 255, .075) 50%, rgba(255, 255, 255, .075) 75%,
										transparent 75%, transparent);
		-webkit-background-size: 30px 30px;
		   -moz-background-size: 30px 30px;
		        background-size: 30px 30px;
		border: .27em solid #eee;
		-webkit-border-radius: 0.27em;
		   -moz-border-radius: 0.27em;
		        border-radius: 0.27em;
		-webkit-transition: all ease-in-out 0.2s;
		   -moz-transition: all ease-in-out 0.2s;
		     -o-transition: all ease-in-out 0.2s;
		        transition: all ease-in-out 0.2s;
		-webkit-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
		   -moz-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
		        box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
	}
	.aside .entry-status:hover {
		-webkit-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2), inset 0 0 3.97em rgba(0, 0, 0, 0.3);
		   -moz-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2), inset 0 0 3.97em rgba(0, 0, 0, 0.3);
		        box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2), inset 0 0 3.97em rgba(0, 0, 0, 0.3);
	}
	.aside .entry-status.closed {
		background-color: #949494;
		color: #f1f1f1;
		border-color: #777;
	}
	.aside .entry-status.open {
		background-color: #619926;
		color: #e9ffae;
		border-color: #3f7704;
	}
	.aside .entry-status.underreview {
		background-color: #ba4a3b;
		color: #ffd2c3;
		border-color: #982819;
	}
	.aside .entry-status strong {
		display: none;
	}

	.sidenote {
		margin-top: 4em;
		padding: 0 0 0 2em;
	}
/* Abuse button */
	.abuseitem {
		padding: 10px 10px 10px 30px;
		margin: 0 0 3em 0;
		text-align: left;
		border: 1px solid #EFCCC2;
		background: #FFF2EF;
	}
	.abuseitem h4 {
		margin: 0;
		font-style: italic;
	}
	.abuseitem p {
		margin: 0.5em 0 0.5em 0;
	}

/* Misc. */
	.supplemental {
		line-height: 2em;
		padding: 0;
		margin: 0;
	}
	.filters {
		background: #f3f3f3;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 0.5em;
		margin-top: 0.5em;
	}
	.questions .tags { 
		margin-top: -2.5em;
	}

/* Question */
	.entry .entry-subject {
		font-weight: bold;
	}

/* Misc. */
	.youcanearn {
		display: block;
		margin-top: 1em;
		margin-right: 2em;
		font-size: x-small;
		font-style: italic;
		font-weight: 600;
		line-height: 1.2em;
	}
	.myquestions {
		padding-bottom: 0.2em; 
		margin-left: -1.5em;
		margin-right: -0.5em;
	}
	.note_total {
		font-size: x-small;
		color: #666;
		float: right;
		text-align: right;
		margin-top: -8px;
		margin-bottom: -2em;
	}
	.subject-wrap {
		margin: 0 0 0 70px;
		padding: 0;
	}

	ol.comments .comment-options:hover a,
	ol.comments .comment-options a.accept {
		visibility: visible;
	}
	ol.comments .comment-options a.accept {
		display: inline-block;
		float: right;
	}
	ol.comments .comment-options a.accept:before {
		margin-right: 0.3em;
	}

/* Point breakdown */
	#pointbreakdown {
		font-size: 85%;
		border-bottom: none;
		margin-bottom: 4em;
	}
	#pointbreakdown caption {
		font-weight: bold;
	}
	#pointbreakdown tbody td,
	#pointbreakdown tbody th {
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
	}
	#pointbreakdown tfoot td {
		border-top: 2px solid #efefef;
		color: #aaa;
	}

/* Delete button */
	.submit input + a {
		margin-left: 2em;
	}

/* Responsive */
	.subject .js li {
		display: none;
	}
	.subject .js li.option-select {
		display: block;
	}

@media (min-width: 50em) {
	.subject .js li {
		display: block;
	}
	.subject .user-options.js li {
		display: inline;
	}
	.subject .js li.option-select {
		display: none;
	}
}