/* ============================================================================ *
	Post Styles
    ---------------------------------------------------------------------------
	These are the styles which build all the various post types and their templates.
*/

.tmf-post.small img.thumbnail {
	max-width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #777985;
}

.tmf-post.medium img.thumbnail {
	max-width: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 7px;
	border: 1px solid #777985;
}

.tmf-post.medium img.thumbnail.mobile {
	margin-top: 7px;
}

.tmf-post img.primary {
	float: left;
	margin-top: 5px;
	max-width: 250px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 3px solid #fff;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
}

.children .tmf-post.medium img.thumbnail {
	max-width: 150px;
}

.tmf-post.practice-area.small .title {
	background-color: #727170;
	background-image: url(../ie-gradient.php?from=727170&to=484848);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#727170), to(#484848));
	background-image: -webkit-linear-gradient(#727170, #484848);
	background-image: -moz-linear-gradient(#727170, #484848);
	background-image: -ms-linear-gradient(#727170, #484848);
	background-image: -o-linear-gradient(#727170, #484848);
	background-image: linear-gradient(#727170, #484848);
	cursor: pointer;
	border: 1px solid #575757;
	border-bottom-color: #303030;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	display: inline-block;
	margin-top: 10px;
	padding: 20px 0;
	width: 100%;
	max-width: 350px;
	text-align: center;
	font-size: 1.25em;
	color: #fff;
}

.tmf-post.practice-area.small .title a {
	color: #fff;
	text-decoration: none;
}

.tmf-post.practice-area.small .title:hover {
	background-color: #8c8b8a;
	background-image: url(../ie-gradient.php?from=8c8b8a&to=636362);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8c8b8a), to(#636362));
	background-image: -webkit-linear-gradient(#8c8b8a, #636362);
	background-image: -moz-linear-gradient(#8c8b8a, #636362);
	background-image: -ms-linear-gradient(#8c8b8a, #636362);
	background-image: -o-linear-gradient(#8c8b8a, #636362);
	background-image: linear-gradient(#8c8b8a, #636362);
}

.tmf-post.practice-area.small .title:active {
	background-color: #484848;
	background-image: url(../ie-gradient.php?from=484848&to=727170);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#484848), to(#727170));
	background-image: -webkit-linear-gradient(#484848, #727170);
	background-image: -moz-linear-gradient(#484848, #727170);
	background-image: -ms-linear-gradient(#484848, #727170);
	background-image: -o-linear-gradient(#484848, #727170);
	background-image: linear-gradient(#484848, #727170);
	border: 1px solid #575757;
	border-top-color: #303030;
}

.tmf-post.small .title a {
	color: #a21d21;
	font-weight: 700;
	text-decoration: none;
}

.tmf-post.small .excerpt {
	line-height: 1.35em;
}

.tmf-post.location.small .static-map img {
	border: 3px solid #fff;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
}

.tmf-post.location.small {
	font-size: .95em;
}

.tmf-post.location.small .business-name {
	font-weight: 700;
}

.tmf-post.location.small .phone .label {
	background: url(../images/icon-phone.png) no-repeat left center;
	font-size: 0;
	position: relative;
	display: inline-block;
	height: 19px;
	width: 21px;
	top: -3px;
	left: 3px;
}

.tmf-post.location.small .fax .label {
	background: url(../images/icon-fax.png) no-repeat left center;
	font-size: 0;
	position: relative;
	display: inline-block;
	height: 18px;
	width: 21px;
	top: -3px;
}

.tmf-post.location.small .email .label {
	background: url(../images/icon-email.png) no-repeat left center;
	font-size: 0;
	position: relative;
	display: inline-block;
	height: 11px;
	width: 21px;
	left: 1px;
}



/* ======================================== *
	Responsive Posts
 * ======================================== */
@media screen and (min-width: 850px) and (max-width: 1000px), screen and (max-width: 600px) {
	.tmf-post.medium.post .taxonomy-container {
		clear: both;
	}

	.tmf-post.medium.post .read-more-button {
		margin-bottom: 25px;
	}

	.tmf-post.medium.event .taxonomy-container {
		clear: both;
	}

	.tmf-post.medium.event .read-more-button {
		margin-bottom: 25px;
	}


	.tmf-post.medium.post img.primary {
		max-width: 150px;
	}

	.tmf-post.medium img.thumbnail {
		max-width: 175px;
	}

	.children .tmf-post.medium img.thumbnail {
		max-width: 125px;
	}

	.tmf-post.medium.attorney .read-more-button.top,
	.tmf-post.medium.staff .read-more-button.top {
		display: none;
	}

	.tmf-post.medium.attorney .read-more-button.bottom,
	.tmf-post.medium.staff .read-more-button.bottom {
		display: block;
		text-align: center;
	}

	.tmf-post img.primary {
		max-width: 200px;
	}
}



@media screen and (max-width: 400px) {
	.tmf-post.small img.thumbnail {
		max-width: 75px;
	}

	.tmf-post.attorney.small img.thumbnail, 
	.tmf-post.staff.small img.thumbnail {
		max-width: 75px;
	}

	.tmf-post.medium img.thumbnail {
		max-width: 125px;
	}

	.children .tmf-post.medium img.thumbnail {
		max-width: 100px;
	}

	.tmf-post.medium.post img.primary {
		max-width: 100px;
	}

	.tmf-post.attorney.medium img.thumbnail, 
	.tmf-post.staff.medium img.thumbnail {
		max-width: 75px;
	}

	.tmf-post img.primary {
		max-width: 150px;
	}
}