/*
	Plugin Name: Taqyeem
	Plugin URI: http://codecanyon.net/item/taqyeem-wordpress-review-plugin/4558799?ref=mo3aser
	Description: WordPress Review Plugin
	Author: Mo3aser
	Author URI: http://tielabs.com/
	Version: 1.1.3
*/

/* Reviews Styles */
.review-box { margin: 20px 0; background-color: #eee; padding: 10px; color: #FFF; font-size: 12px; }
#review-box h1, #review-box h2, #review-box h3, #review-box h4, #review-box h5, #review-box h6, #review-box p, #review-box strong { margin: 0; color: #FFF; }
#review-box br { display: none }
.review-bottom { clear: both }
.taq-clear { clear: both }
#review-box h2.review-box-header { font-size: 20px; color: #FFF; margin-bottom: 2px; background: #2b2b2b; font-size: 22px; padding: 10px 8px; margin-bottom: 2px; font-weight: bold; }
.review-item { margin-bottom: 2px; opacity: 1; -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; }
#review-box .review-item h5 { font-size: 12px; color: #FFF; position: relative; z-index: 2; line-height: 20px; }
#review-box.review-percentage .review-item h5, #review-box.review-percentage .review-item h5 { line-height: 34px; padding: 0 8px; }
.review-percentage .review-item span { position: relative; background: #3a3a3a; display: block; height: 34px; }
.review-percentage .review-item span span { top: 0; position: absolute; background-color: #00a9b0; background-image: url(images/stripes.png); display: block; height: 34px; -webkit-animation: wentrance 2s; animation: wentrance 2s; }
@-webkit-keyframes wentrance { 
	0% { opacity: 0 }
	100% { opacity: 1 }
}
@keyframes wentrance { 
	0% { opacity: 0 }
	100% { opacity: 1 }
}
.review-stars .review-item { background: #3a3a3a; margin-bottom: 2px; overflow: hidden; padding: 6px 8px; }
#review-box.review-stars .review-item h5 { float: left }
.review-stars .stars-large, .review-stars .hearts-large, .review-stars .thumbs-large { float: right }
.review-final-score .stars-large, .review-final-score .hearts-large, .review-final-score .thumbs-large { float: none !important; margin: 0 auto 10px; }
.review-summary { background-color: #3a3a3a; overflow: hidden; position: relative; min-height: 85px; }
.review-short-summary { padding: 10px; display: table-cell; vertical-align: top; padding-right: 122px; }
.review-short-summary a { color: #ccc; text-decoration: underline; }
.review-short-summary a:hover { color: #fff }
.review-final-score { background-color: #00a9b0; width: 100px; height: 500px; position: absolute; right: 0; top: 0; text-align: center; color: #fff; padding: 10px 5px; border-color: #eee; border-style: solid; border-width: 0 0 0 2px; }
.review-final-score .post-large-rate { margin-top: 5px }
#review-box .review-final-score h3 { font-size: 44px; color: #FFF; font-weight: bold; }
#review-box .review-final-score h3 span { font-size: 24px }
#review-box .review-final-score h4 { margin-bottom: 0; font-size: 20px; color: #FFF; }
.review-top { float: left; width: 60%; margin-right: 20px; }
span.post-small-rate, span.post-small-rate span, span.post-large-rate, span.post-large-rate span { -webkit-transition: 0 none; -moz-transition: 0 none; -ms-transition: 0 none; -o-transition: 0 none; transition: 0 none; }
span.post-small-rate { width: 54px; display: block; height: 15px; background-position: left bottom; background-repeat: no-repeat; }
span.post-small-rate span { width: 100%; display: block; height: 15px; background-position: left top; background-repeat: no-repeat; float: left; }
span.stars-small, span.stars-small span { background-image: url(images/stars-small.png) }
span.hearts-small, span.hearts-small span { background-image: url(images/hearts-small.png) }
span.thumbs-small, span.thumbs-small span { background-image: url(images/thumbs-small.png) }
span.post-large-rate { width: 98px; display: block; height: 22px; background-position: left bottom; background-repeat: no-repeat; }
span.post-large-rate span { width: 100%; display: block; height: 22px; background-position: left top; background-repeat: no-repeat; float: left; }
span.stars-large, span.stars-large span { background-image: url(images/stars-large.png) }
span.hearts-large, span.hearts-large span { background-image: url(images/hearts-large.png) }
span.thumbs-large, span.thumbs-large span { background-image: url(images/thumbs-large.png) }
.post-single-rate { float: left; margin-right: 5px; }
.user-rate-wrap { background: #2b2b2b; margin-top: 2px; padding: 7px 8px; }
.user-rate { float: right; width: 98px; }
.user-rate-wrap .user-rating-text { float: left }
ul.reviews-posts { list-style: none }
ul.reviews-posts li { overflow: hidden }
ul.reviews-posts .review-thumbnail { float: left; margin-right: 10px; }
ul.reviews-posts h3 { margin-bottom: 5px }
.user-rate-active span.post-large-rate span { cursor: pointer }
.taq-load { background: url(images/ajax-loader.gif) no-repeat center; width: 98px; height: 22px; display: block; }
/* RTL */
body.rtl .review-top { float: right; margin-right: 0; margin-left: 20px; }
body.rtl .review-stars .stars-large, body.rtl .review-stars .hearts-large, body.rtl .review-stars .thumbs-large, body.rtl .user-rate, body.rtl .stars-large span, body.rtl .hearts-large span, body.rtl .thumbs-large span { float: left }
body.rtl #review-box.review-stars .review-item h5, body.rtl .user-rate-wrap .user-rating-text { float: right }
body.rtl .review-final-score { border-width: 0 2px 0 0; right: auto; left: 0; }
body.rtl .post-single-rate { float: right; margin-left: 5px; margin-right: 0; }
body.rtl ul.reviews-posts .review-thumbnail { float: right; margin-left: 10px; margin-right: 0; }
body.rtl .review-short-summary { padding-right: 10px; padding-left: 122px; }
@media only screen and (max-width: 768px) { 
	.review-top, body.rtl .review-top { float: none; width: auto; margin-right: 0; margin-left: 0; }
}
@media only screen and (max-width: 480px) { 
	.review-final-score, body.rtl .review-final-score { width: auto; display: block; border-width: 0 0 2px 0; height: auto; position: relative; }
	.review-short-summary, body.rtl .review-short-summary { padding: 10px }
	.user-rate-wrap, body.rtl .user-rate-wrap { text-align: center }
	.user-rate, body.rtl .user-rate { float: none; margin: 5px auto 0; }
	.user-rate-wrap .user-rating-text, body.rtl .user-rate-wrap .user-rating-text { float: none }
}