@import "base.less";
@import "view.less";
@import "list.less";
@import "loading.less";
@import "special.less";

.special-summary{
	color: @contentTextColor;
	padding: 10px 10px 15px;
	.grayLineBottom();

	span{
		font-size: 5em;
		float: left;
		height: 24px;
		line-height: 0.95em;
		color: @infoTextColor;
	}

	p{
		padding-top: 10px;
		padding-left: 5px;
		font-size: 1em;
		line-height: 1.3em;
		// max-height: 75px;
		overflow: hidden;
	}
}

@media screen and (min-width: 768px) {

	.special-summary{
		padding: 15px 15px 20px;

		span{
			font-size: 6em;
			float: left;
			max-height: 80px;
			height: 28px;
		}

		p{
			padding-top: 10px;
			padding-left: 10px;
			font-size: 1.3em;
			line-height: 1.3em;
			max-height: 95px;
		}
	}

}

.specialView .touch-link:active {
	width: 100%;
	background: none;
}

.touch-visible .touch-link:active{
    background: rgba(0, 0, 0, 0.2);
}