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

/*

	-- -- -- -- -- -- --
	Courses Reviews plugin CSS
	-- -- -- -- -- -- --

*/

/* Reviews */
	.reviews-summary {
		background: #ececec;
		-webkit-border-radius: 0.27em;
		-moz-border-radius: 0.27em;
		-ms-border-radius: 0.27em;
		-o-border-radius: 0.27em;
		border-radius: 0.27em;
		padding: 1em;
		margin: 1em 0 0 0;
	}
	.reviews-distribution caption {
		display: none;
	}
	.reviews-distribution,
	.reviews-distribution th, 
	.reviews-distribution td {
		border: none;
	}
	.reviews-distribution th, 
	.reviews-distribution td {
		padding: 0.2em 0;
		font-size: 90%;
	}
	.reviews-distribution th {
		width: 5em;
	}
	.review-base { 
		position: relative;
		display: block;
		background: #ddd;
		margin: 0.3em 5em 0.3em 0;
	}
	.review-base .review-bar { 
		display: block;
		font-weight: normal;
		background: #aaa; 
		text-align: center; 
		color: #333; 
		height: 1em;
	}
	.review-base .review-bar span {
		position: absolute;
		right: -5em;
		line-height: 1;
	}
	
	.reviews-summary .avgrating {
		text-align: center;
		/*color: #febe4d;*/
		background: transparent;
	}
	.com_courses .avgrating:before {
		font-family: 'Fontcons';
	}
	.com_courses .no-stars:before        { content: "\2606\2606\2606\2606\2606"; }
	.com_courses .half-stars:before      { content: "\f0f3\2606\2606\2606\2606"; }
	.com_courses .one-stars:before       { content: "\2605\2606\2606\2606\2606"; }
	.com_courses .onehalf-stars:before   { content: "\2605\f0f3\2606\2606\2606"; }
	.com_courses .two-stars:before       { content: "\2605\2605\2606\2606\2606"; }
	.com_courses .twohalf-stars:before   { content: "\2605\2605\f0f3\2606\2606"; }
	.com_courses .three-stars:before     { content: "\2605\2605\2605\2606\2606"; }
	.com_courses .threehalf-stars:before { content: "\2605\2605\2605\f0f3\2606"; }
	.com_courses .four-stars:before      { content: "\2605\2605\2605\2605\2606"; }
	.com_courses .fourhalf-stars:before  { content: "\2605\2605\2605\2605\f0f3"; }
	.com_courses .five-stars:before      { content: "\2605\2605\2605\2605\2605"; }
	.reviews-summary .avgrating:before {
		font-size: 2em;
	}
	.reviews-summary .avgrating strong {
		font-weight: normal;
	}
	.reviews-summary .avgrating span {
		display: none;
	}
/* Comments */
	ol.comments .comment-none {
		color: #ccc;
	}
	ol.comments .comment-options a.active:before {
		content: "\2716";
	}
	ol.comments .edit,
	ol.comments .delete {
		float: right;
	}
	.review-title {
		display: none;
	}
/* Instructions */
	.no-reviews {
		width: 32em;
		margin: 3em auto;
		background-color: #fff;
		-webkit-box-shadow: 0 1px 3px rgba(25, 25, 25, 0.4);
		-moz-box-shadow: 0 1px 2px rgba(25, 25, 25, 0.4);
		-ms-box-shadow: 0 1px 3px rgba(25, 25, 25, 0.4);
		-o-box-shadow: 0 1px 3px rgba(25, 25, 25, 0.4);
		box-shadow: 0 1px 3px rgba(25, 25, 25, 0.4);
		border: none;
		padding: 0;
	}
	.no-reviews .instructions {
		padding: 1em 1.4em;
	}
	.no-reviews .questions {
		padding: 1em 1.4em;
		background-color: #f0f0f0;
	}
	.no-reviews ol {
		list-style: decimal;
	}
/* Star ratings */
	#commentform .rating {
		/*float:left;*/
		position: relative;
		border: none;
		padding: 0;
	}
	#commentform .rating legend {
		float: left;
		margin: 0;
		padding: 0.5em 0;
	}
	#commentform .rating label {
		margin: 0;
		padding: 0 0.1em;
	}
	.comment-body .avgrating:before,
	.comment-body .avgrating {
		font-size: 1.2em;
	}
	.comment-body .avgrating {
		background-color: #FFF6D3;
		-webkit-border-radius: 0.25em;
		-moz-border-radius: 0.25em;
		-ms-border-radius: 0.25em;
		-o-border-radius: 0.25em;
		border-radius: 0.25em;
		text-align: center;
		padding: 0.5em 0 0.3em 0;
		background-image: none;
	}
	.comment-body .avgrating:before {
		margin-right: 1em;
	}
	.rating:after {
		content: "";
		display: table;
		clear: both;
	}
	.addcomment label span.label-text {
		display: none;
	}

	/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
	follow these rules. Every browser that supports :checked also supports :not(), so
	it doesn’t make the test unnecessarily selective */
	.rating:not(:checked) > input {
		position: absolute;
		left: -9999px;
		clip: rect(0,0,0,0);
	}
	.rating:not(:checked) > label {
		float: right;
		width: 1em;
		padding: 0 .1em;
		margin: 0;
		overflow: hidden;
		white-space: nowrap;
		cursor: pointer;
		font-size: 200%;
		line-height: 1.2;
		color: #b9b9b9;
	}
	.rating:not(:checked) > label:before {
		font-family: "Fontcons";
		content: "\2606";
	}
	.rating > input:checked ~ label {
		color: #f70;
	}
	.rating:not(:checked) > label:hover,
	.rating:not(:checked) > label:hover ~ label {
		color: #e3cf7a;
	}
	.rating > input:checked + label:hover,
	.rating > input:checked + label:hover ~ label,
	.rating > input:checked ~ label:hover,
	.rating > input:checked ~ label:hover ~ label,
	.rating > label:hover ~ input:checked ~ label {
		color: #ea0;
	}
	.rating:not(:checked) > label:hover:before,
	.rating > input:checked ~ label:before,
	.rating label:hover:before,
	.rating label:hover ~ label:before {
		content: "\2605";
	}