/*---------------- rating ----------------*/ 
.rating-choice							{ font-size:13px; margin-left:10px; font-weight:bold; position:relative; bottom:3px; }
.review-rating							{ float:left; margin-right:5px; margin-bottom:0; line-height:10px; }

/*---------------- review-wrapper ----------------*/ 
.review-wrapper							{ clear:both; padding-top:20px; 
	.username							{ margin-bottom:10px; 
		img								{ height:30px; margin-right:10px; }
	}
	.rating-title::after				{ display:table; clear:both; }
	.title								{ font-weight:bold; font-size:1.1em; position:relative; line-height:1.2em; }
	.date								{ color:#888; }
	.verified-tip						{ cursor:pointer; color:#888; font-size:0.8em; margin-left:10px; }
	.verified							{ color:#CC5200; }
	.review								{ margin:10px 0; }
	.helpful							{ color:#888; margin:10px 0; }
	.review-write-button 				{ margin:10px 0; }
	li									{ width:100%; margin:0; box-sizing:border-box; display:inline-block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; }
}

/*---------------- review-votes ----------------*/ 
.review-votes							{ clear:both; padding:10px 0; 
	&.no-votes	.n-votes				{ display:none; }
	&.one-vote	.n-votes::after			{ content:' person found this helpful'; }
	&.voted 							{
		&::before						{ content:'Thank you for your feedback'; color:#1c7c1f; background:url(/media/icons/tick.svg) no-repeat 0 0; padding-left:25px}
		.voted							{ display:block; }
		.helpful						{ display:none; }
	}
	.n-votes::after						{ content:' people found this helpful'; color:#888; }
 	.helpful::before					{ content:'Helpful?'; font-size:1.1em; padding:8px 15px;  border:1px solid #ddd; background-color:#f3f3f3; cursor:pointer}
 	.voted								{ display:none; }
}

/*---------------- review-histogram-wrapper ----------------*/ 
.review-histogram-wrapper				{ padding:10px; background-color:#fff; border:1px solid #ddd; 
	.review-total 						{ font-size:1.5em; font-weight:bold;
		&::after 						{ content:' reviews'; }
	}
	.review-overall 					{ position:relative; line-height:1.2em; 
		&::after						{ content:' out of 5 stars'; }
	}
}

/*---------------- review-histogram ----------------*/ 
.review-histogram						{ background-color:#fff;
	table								{ margin-top:10px; border-collapse:separate; border-spacing:5px; line-height:16px; }
	a									{ text-decoration:none; font-size:1.0em; }
	.bar								{ width:100px; background:#efefef; 
		div								{ background:#ffb945; height:20px; }
	}
	a									{ font-size:1.1em; position:relative; line-height:1.2em; margin-left:10px; }
}

/*---------------- review-pane ----------------*/ 
#review-pane							{ position:relative; margin:1em 0; cursor:pointer; 
	.review-histogram-wrapper			{ border: none; padding:0 }
	.review-total 						{ display:none; }
	.review-histogram					{ position:absolute; max-height:0px; overflow:hidden; z-index:2; transition:max-height 0.15s ease-out; 
		table							{ margin:0; border:1px solid #ddd; }
	}
	&:hover .review-histogram			{ max-height:250px; transition:max-height 0.25s ease-in; }
}