/*-----------------------------------------------------------------------------------*/
/* Thumbs Ratings Styles */
/*-----------------------------------------------------------------------------------*/

.thumbs-rating-container{
	
	padding: 30px 0;
	display: block;
}

.thumbs-rating-container.thumbs-initial-container {
	display: none;
}

.thumbs-rating-container .thumbs-text {
	margin-right: 10px;
}

.thumbs-rating-container span:before{
	
	content: attr(data-text);
}

.thumbs-rating-container .thumbs-rating-up, .thumbs-rating-container .thumbs-rating-down{
	cursor: pointer;
	padding: 8px 14px;
	color: white;
}

.thumbs-rating-container .thumbs-rating-up:hover, .thumbs-rating-container .thumbs-rating-down:hover{
	color: #dddddd;
}

.thumbs-rating-container .thumbs-mod {
	padding: 6px 14px;
	border: 2px solid;
}

.thumbs-rating-container .thumbs-up-button .thumbs-mod {
	border-color: #81CFB2;
} 

.thumbs-rating-container .thumbs-down-button .thumbs-mod {
	border-color: #C8252C;
} 

.thumbs-rating-container .thumbs-rating-up{
		
	background: #81CFB2;
}

.thumbs-rating-container .thumbs-rating-down{
	
	background: #C8252C;
}

.thumbs-rating-container .thumbs-rating-already-voted{
	
	padding-top: 1em;
	font-size: 0.9em;
	display: none;
	
	-webkit-transition: (all 0.3s);
    transition: (all 0.3s);
}

.thumbs-rating-container .thumbs-rating-already-voted:before{
	
	content: attr(data-text);
}

.thumbs-rating-container .thumbs-rating-already-voted a {
	cursor: pointer;
}

.thumbs-rating-container .thumbs-hidden-field {
	display: none;
}

.thumbs-rating-container .thumbs-hidden-field textarea {
	margin: 20px 0;
}

.sidebar .thumbs-rating-container .thumbs-text {
	margin: 0 0 10px;
	display: block;
}

.sidebar .thumbs-rating-container .thumbs-up-button,
.sidebar .thumbs-rating-container .thumbs-down-button,
.sidebar .thumbs-rating-container .thumbs-up-button span,
.sidebar .thumbs-rating-container .thumbs-down-button span {
	display: inline-block;
}

.sidebar .thumbs-rating-container a {
	padding-left: 0!important;
}

.sidebar .thumbs-rating-container a.btn {
	color: #fff!important;
	text-shadow: none!important;
}

@media (max-width: 991px) {
	.thumbs-rating-container .thumbs-text {
		margin: 0 0 10px;
		display: block;
	}

	.sidebar .thumbs-rating-container .thumbs-mod {
    	padding: 3px 9px;
	}

	.sidebar .thumbs-rating-container .thumbs-rating-up, .sidebar .thumbs-rating-container .thumbs-rating-down {
		padding: 5px 9px;
	}
}

@media (max-width: 767px) {
	.sidebar .thumbs-rating-container {
		display: none;
	}
}