/* ==========================================================================
   News Reaction style - begin
   ========================================================================== */

.qode-news-reactions-holder{
	margin-bottom: 50px;
	padding-left: 10%;
	box-sizing: border-box;
}

.qode-news-reactions{
	padding-bottom: 15px;
	border-bottom: 1px dashed $default-border-color;
	box-sizing: border-box;

	.qode-news-reaction-term{
		display: inline-block;
		vertical-align: middle;
		width: 80px;
		text-align: center;
		margin-bottom: 20px;


		&:last-child{
			margin-right: 0;
		}

		.qode-reaction{
			display: block;
			padding: 0px 5px;
			border-right: 1px solid $default-border-color;
			box-sizing: border-box;
			@include qodeTransition(background-color .2s ease-out);


		}

		&:last-child .qode-reaction{
			border: 0;
		}

		.qode-rt-image-holder{
			filter: url('data:image/svg;+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
			-webkit-filter: grayscale(1);
			filter: grayscale(1);
			opacity: 0.5;
			@include qodeTransition(all .2s ease-out);
		}

		.qode-rt-content{
			font-size: 12px;
			letter-spacing: 1px;
			line-height: 15px;
			text-transform: uppercase;
			margin-top: 9px;

			.qode-rt-name{
				color: #292929;
			}

			.qode-rt-value{
				color: #b5b5b5;
			}
		}

		.reacted{
			cursor: default;
			pointer-events: none;

			.qode-rt-name{
				color: $first-main-color;
			}

			.qode-rt-image-holder{
				-webkit-filter: grayscale(0);
				filter: grayscale(0);
				opacity: 1;
			}
		}

		&:hover{

			.qode-rt-image-holder{
				-webkit-filter: grayscale(0);
				filter: grayscale(0);
				opacity: 1;
			}
		}
	}
}


/* ==========================================================================
	News Reaction style - end
	========================================================================== */