



/*

==============================================================

   General

==============================================================

*/









.tm-categories-style-1 .cat-box .cat-meta{

	position: absolute;

	bottom: 10px;

	width: 100%;

	left: 0;

}

.tm-categories-style-1 .cat-box h1{

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

}

.tm-categories-style-1 .cat-box .cat-meta ul li{

	list-style-type: none;

	display: inline-block;

	border-right: 1px solid #fff;

	padding: 0 10px;

	font-size: 13px;

}

.tm-categories-style-1 .cat-box .cat-meta ul li:nth-last-child(1){

	border:0;

}

.tm-categories-style-1 .cat-box .overlay{

	position: absolute;

	top: 0;

	height: 100%;

	width: 100%;

	left: 0;

	background-color: rgba(0, 0, 0, 0.7);

}





/*** Categories Style 2 ***/



.tm-categories-style-2 .cat-box{

	position: relative;

}



.tm-categories-style-2 .cat-box .content{

	position: absolute;

	top: 30%;

	padding: 10px 20px;

	text-transform: capitalize;

	left: -15px;

}

.tm-categories-style-2 .cat-box .content a{

	color: #fff;

}

.tm-categories-style-2 .cat-box .overlay{

	position: absolute;

	top: 0;

	height: 100%;

	width: 100%;

	left: 0;

}



/*** Category Style 3 ***/



.tm-categories-style-3{

	background: #fff;

	box-shadow: 0 0px 16px 3px rgba(0, 0, 0, 0.08);

	padding: 15px 0;



}

.tm-categories-style-3 .cat-box{



	position: relative;

}



.tm-categories-style-3:after{

	clear: both;

	content: '';

	display: block;

}

.tm-categories-style-3 .content{

	position: absolute;

	top: 26%;

	padding: 15px 20px;

	left: 10%;

}

.tm-categories-style-3 .content *{

	color: #fff;

}

.tm-categories-style-3 .cat-box .overlay{

	position: absolute;

	top: 0;

	height: 100%;

	width: 100%;

	left: 0;

}



/*** Blog Grid Styling ***/



.tm-blog-grid .blog-post .post-content{

	text-align: center;

	padding: 0 15px;

}

.tm-blog-grid .share-post ul{

	right: 0;

	left: unset;

}

.tm-blog-grid .blog-post .post-content .btn{

	margin-bottom: -25px;

}

.tm-blog-grid .blog-post .post-content .post-title{

	margin:30px 0 10px;

}

.tm-blog-grid .blog-post{

	background: #fff;

	margin-bottom: 0px;

	box-shadow: 0 0px 16px 3px rgba(0, 0, 0, 0.08);

	    float: left;

		height:auto;

}

.blog-post-meta{

	margin-bottom: 30px;

	border-top: 1px dashed #1f1f1f;

	border-bottom: 1px dashed #1f1f1f;

	padding: 10px 0;

}

.blog-post-meta ul li{

	list-style-type: none;

	display: inline-block;

	padding: 0 10px;

	border-right: 1px solid #282828;

	font-size: 13px;

}

.blog-post-meta ul li:nth-last-child(1){

	border:0;

}

.post-tag{

	color: #fff;

	position: absolute;

	top: 30%;

	left: -20px;

	padding: 8px 20px;

	text-transform: capitalize;

	font-size: 14px;

	font-weight: 700;

}

.post-thumbnail{

	position: relative;

}

.post-thumbnail .share-post{

	position: absolute;

	bottom: 10px;

	color: #fff;

	right: 15px;

	z-index: 9999;

}



/*** Blog List Style ***/



.tm-blog-list .post-title{

	margin:30px 0;

}

.tm-blog-list .blog-post{

	float: left;

	width: 100%;

	background: #fff;

	margin-bottom: 50px;

	position: relative;

}

.tm-blog-list .blog-post-meta{

	margin-bottom: 0;

	border-bottom: 0;

}



.tm-blog-list.full .blog-post-meta{

	float: left;

	border:0;

}

.tm-blog-list.full .btn{

	font-size: 12px;

	padding: 10px;

}

.tm-blog-list.full .con .share-post{

	margin: 14px;

	float: left;

}



/*** Slider Posts ***/



.tm-slider-posts .slide{

	position: relative;

}

.tm-slider-posts .slide-content{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,0.7);

	color: #fff;

	text-align: center;

}

.tm-slider-posts .slide-content .post-title a, .tm-slider-posts .slide-content .slide-info, .tm-slider-posts .slide-content a{

	color: #fff;

}

.tm-slider-posts .slide-content .post-title{

	margin-bottom: 30px;

}

.tm-slider-posts .slide-content .info-wrap{

	padding:0 60px;

}

.tm-slider-posts .blog-post-meta{

	float: right;

	border:0;

}

.tm-slider-posts .info-wrap{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

}

.tm-slider-posts .blog-post-meta ul li{

	border-color: #fff;

}

.tm-slider-posts .owl-nav{

	position: absolute;

	margin: 0;

	top: 0;

	left: 0;

}

.tm-blog-list.full .blog-post-meta ul li{

	padding: 0 6px 0 2px;

}



/*** Sidebar ***/



.widget.tags .blog-tags{

	padding-top: 0;

}

.widget.about-author{

	text-align: center;

}

.widget-heading{

	margin-bottom: 30px;

	text-transform: uppercase;

}

.tm-sidebar .widget{

	padding: 30px;

	background: #fff;

	box-shadow: 0 0px 16px 3px rgba(0, 0, 0, 0.08);

	margin-bottom: 30px;

}

.tm-sidebar .widget:after{

	clear: both;

	content: '';

	display: block;

}

.about-author .author-name{

	font-weight: 600;

	text-transform: uppercase;

	margin:10px 0;

}

.about-author .author-skills{

	font-weight: 400;

	color: #959494;

}

.about-author .author-description{

	margin-top: 10px;

}

.about-author .social-icons ul li{

	list-style-type: none;

	display: inline-block;

	margin:5px;

}






.img-caption{

	color: #fff;

	padding: 10px;

	color: #fff;

	float: left;

	width: 100%;

	text-align: center;

}

.inner-img.pull-left{

	margin-right: 15px;

}

.inner-img.pull-right{

	margin-left: 15px;

}


















@media (max-width: 800px) {



.tm-blog-grid .blog-post{

	background: #fff;

	margin-bottom: 20px;

	box-shadow: 0 0px 16px 3px rgba(0, 0, 0, 0.08);

	    float: left;

		height:auto;

}



}

