
/*

Reset


*/

/* Fix for administration screen */
.wp-admin .ttshowcase_rating .value-title {
	display: none;
}

.wp-admin .ttshowcase_wrap .rating {
	margin: 0;
}

/* Single Page Styles */
.tt_single_page_testimonial_title {
	font-weight: bold;
	padding: 5px 0;
}

.tts_single_answer_title {
	font-weight: bold;
}

.ttshowcase_single_answer {
	padding-top: 20px;
}

.ttshowcase_single_page_rating .fa-star, .ttshowcase_single_page_rating .fa-star-o {
	color: gold;
}

.ttshowcase_single_readall {
	margin: 20px 0;
	font-size: .9em;
}

/*

Image Classes

*/
.tt_img_round img {
	border-radius: 10%;
	overflow: hidden;
}

.tt_img_circle img {
	border-radius: 50%;
	overflow: hidden;
}

.tt_img_square img {
	border-radius: 0%;
	overflow: hidden;
}

/*

Text Alignment Classes

*/
.tt_text_left {
	text-align: left;
}

.tt_text_center {
	text-align: center;
}

.tt_text_right {
	text-align: right;
}

/*

	Responsive Columns CSS

*/
.tt_full_column {
	width: 98%;
	padding: 0px;
	margin: 0 auto;
}

.tt_1cl, .tt_2cl, .tt_3cl, .tt_4cl, .tt_5cl, .tt_6cl {
	display: inline-block;
	vertical-align: middle;
}

.tt_1cl {
	width: 99%;
	margin: 0 0 30px 0;
}

.tt_2cl {
	width: 45%;
	margin: 2.5%;
}

.tt_3cl {
	width: 30%;
	margin: 1.5%;
}

.tt_3cl {
	width: 30%;
	margin: 1.5%;
}

.tt_4cl {
	width: 23%;
	margin: 1%;
}

.tt_5cl {
	width: 18%;
	margin: 1%;
}

.tt_6cl {
	width: 15%;
	margin: .8%;
}

/* Counter shortcode */
.tt_status_column {
	display: inline-block;
	width: 33%;
	text-align: center;
}

.tt_status_column > div {
	padding: 10px;
}

.tt_status_icon {
	margin-bottom: 10px;
}

.tt_status_counter {
	font-size: 2em;
	font-weight: bold;
}

.tt_status_description {
	font-weight: bold;
	font-size: .9em;
}

@media only screen and (max-width : 650px) {
	/* Smartphone view: 1 tile maximum */
	.tt_1cl, .tt_2cl, .tt_3cl, .tt_4cl, .tt_5cl, .tt_6cl {
		width: 99%;
		margin: 0 0 20px 0;
	}
}

@media only screen and (max-width : 1050px) and (min-width : 651px) {
	/* Small desktop / ipad view: 4 tiles */
	.tt_2cl, .tt_3cl, .tt_4cl, .tt_5cl, .tt_6cl {
		width: 45%;
		margin: 2.5%;
	}
}
