@charset "UTF-8";

/*-----------------------------
    Common Styles
-------------------------------*/
.post-grid-img img {width: 100%}
.post-grid-item {margin-bottom: 25px;}

/*--------------------------
    Post Grid Style1
----------------------------*/
.tc-post-grid-style1 .post-grid-content {
	padding: 25px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #eee;
	background-color: #fff;
}
.tc-post-grid-style1 .post-grid-title {
	font-size: 18px;
	color: #D41F45;
	margin-bottom: 4px;
	margin-top: 0;
}
.tc-post-grid-style1 .post-grid-title a {
	color: #222;
	text-decoration: none;
}
.tc-post-grid-style1 .post-grid-title a:hover {
	color: #555;
}
.tc-post-grid-style1 .post-grid-meta {padding: 0;list-style-type: none;margin: 0;font-size: 10px;text-transform: uppercase;}
.tc-post-grid-style1 .post-grid-meta * {color: #999;}
.tc-post-grid-style1 .post-grid-meta li {display: inline-block;position: relative;}
.tc-post-grid-style1 .post-grid-meta li + li {padding-left: 10px;margin-left: 10px;}
.tc-post-grid-style1 .post-grid-meta li + li:after {position: absolute;content: '';background: #ddd;height: 8px;width: 1px;top: 50%;left: -2px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.tc-post-grid-style1 .post-grid-desc {margin-top: 10px;}
.tc-post-grid-style1 .post-grid-footer {margin-top: 25px;}
.tc-post-grid-style1 .post-grid-footer .readon {
	padding: 4px 17px;
	font-size: 14px;
	border: 1px solid #eee;
	color: #999;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.tc-post-grid-style1 .post-grid-footer .readon:hover {
	border-color: #2648F9;
	background-color: #DDF3FA;
	color: #444;
}

/*-----------------------
    Post Grid Style2
------------------------*/
.tc-post-grid-style2 .post-grid-content {padding: 20px 20px 12px;background-color: #ffffff;-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}
.tc-post-grid-style2 .post-grid-img {overflow: hidden;}
.tc-post-grid-style2 .post-grid-img img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.tc-post-grid-style2 .post-grid-item:hover .post-grid-img img {-webkit-transform: scale(1.3);transform: scale(1.3);opacity: 0.8;}
.tc-post-grid-style2 .post-grid-title {font-size: 18px;text-transform: uppercase;margin-bottom: 4px;margin-top: 0;}
.tc-post-grid-style2 .post-grid-title a {color: #222;text-decoration: none;}
.tc-post-grid-style2 .post-grid-title a:hover {color: #555;}
.tc-post-grid-style2 .post-grid-meta {list-style-type: none;margin: 10px 0;font-size: 10px;text-transform: uppercase;background: #f5f5f5;padding: 0px 10px;}
.tc-post-grid-style2 .post-grid-meta * {color: #666;}
.tc-post-grid-style2 .post-grid-meta li {display: inline-block;position: relative;}
.tc-post-grid-style2 .post-grid-meta li + li {padding-left: 10px;margin-left: 10px;}
.tc-post-grid-style2 .post-grid-meta li + li:after {position: absolute;content: '';background: #666;height: 1px;width: 5px;top: 50%;left: -2px;}
.tc-post-grid-style2 .post-grid-desc {margin-top: 20px;}
.tc-post-grid-style2 .post-grid-desc p {color: #888;}
.tc-post-grid-style2 .post-grid-footer {margin-top: 10px;}
.tc-post-grid-style2 .post-grid-footer .readon {font-size: 13px;color: #777;}

/*-----------------------
    Post Grid Style3
------------------------*/
.tc-post-grid-style3 .post-grid-item {margin-bottom: 25px;padding: 0 12px;}
.tc-post-grid-style3 .post-grid-img {position: relative;margin-left: -12px;margin-right: -12px;}
.tc-post-grid-style3 .post-grid-img .post-date {position: absolute;top: 15px;background: rgba(0, 0, 0, 0.7);padding: 8px 15px;left: 15px;font-size: 16px;color: #fff;}
.tc-post-grid-style3 .post-grid-meta {padding-left: 0;list-style-type: none;margin-bottom: 5px;}
.tc-post-grid-style3 .post-grid-meta li {display: inline-block;font-size: 12px;margin-right: 5px;}
.tc-post-grid-style3 .post-grid-meta li a {color: #999;}
.tc-post-grid-style3 .post-grid-content {
	background: #fff;
	border: 1px solid #f5f5f5;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 25px;
	margin-top: -25px;
	z-index: 111;
	position: relative;
}
.tc-post-grid-style3 .post-grid-title {
	margin-top: 0;
	font-size: 18px;
	color: #CE070A;
	font-weight: 400;
	margin-bottom: 10px;
}
.tc-post-grid-style3 .post-grid-title a {color: #444;}
.tc-post-grid-style3 .post-grid-title a:hover {color: #222;}
.tc-post-grid-style3 .post-grid-desc {margin-bottom: 15px;}
.tc-post-grid-style3 .post-grid-footer .readon {
	padding: 2px 14px;
	font-size: 11px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #4036F7;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.tc-post-grid-style3 .post-grid-footer .readon:hover {
	border-color: #444;
	background-color: #fff;
	color: #018AC1;
	text-decoration: none;
}