/*
|--------------------------------------------------------------------------
| TechInfo365 Core Plugin CSS
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Live Search
|--------------------------------------------------------------------------
*/


.ti365-search-box {

	position: relative;

	max-width: 600px;

	margin: 20px auto;

}


#ti365-search-input {

	width:100%;

	padding:15px 20px;

	border:1px solid #ddd;

	border-radius:30px;

	font-size:16px;

}



.ti365-search-results {

	position:absolute;

	top:60px;

	left:0;

	right:0;

	background:#ffffff;

	border-radius:12px;

	box-shadow:0 10px 30px rgba(0,0,0,.12);

	z-index:999;

	overflow:hidden;

}



.ti365-search-item {

	display:flex;

	gap:15px;

	padding:15px;

	border-bottom:1px solid #eee;

	text-decoration:none;

	color:#222;

}



.ti365-search-item:hover {

	background:#f8fafc;

}



.ti365-search-item img {

	width:70px;

	height:70px;

	object-fit:cover;

	border-radius:8px;

}



.ti365-search-content h4 {

	margin:0 0 5px;

	font-size:16px;

}



.ti365-search-content small {

	color:#777;

}



.ti365-search-content p {

	font-size:14px;

	margin:5px 0 0;

}



/*
|--------------------------------------------------------------------------
| Ads
|--------------------------------------------------------------------------
*/


.ti365-ad {

	margin:30px 0;

	padding:20px;

	background:#f8fafc;

	text-align:center;

	border-radius:12px;

}



.ti365-ad-label {

	font-size:12px;

	color:#777;

	margin-bottom:10px;

	text-transform:uppercase;

}



.ti365-ad-content {

	min-height:90px;

}



/*
|--------------------------------------------------------------------------
| Reading Time
|--------------------------------------------------------------------------
*/


.ti365-reading-time {

	display:inline-block;

	color:#666;

	font-size:14px;

	margin:10px 0;

}



/*
|--------------------------------------------------------------------------
| Social Share
|--------------------------------------------------------------------------
*/


.ti365-share-buttons {

	display:flex;

	gap:10px;

	flex-wrap:wrap;

	margin:25px 0;

}



.ti365-share-buttons a {

	padding:10px 18px;

	background:#2563eb;

	color:#fff;

	border-radius:25px;

	text-decoration:none;

	font-size:14px;

}



.ti365-share-buttons a:hover {

	opacity:.85;

}



/*
|--------------------------------------------------------------------------
| Related Posts
|--------------------------------------------------------------------------
*/


.ti365-related-posts {

	margin:40px 0;

	padding:25px;

	background:#f8fafc;

	border-radius:12px;

}



.ti365-related-posts h3 {

	margin-bottom:15px;

}



.ti365-related-posts a {

	display:block;

	padding:8px 0;

	color:#2563eb;

}



/*
|--------------------------------------------------------------------------
| Breadcrumb
|--------------------------------------------------------------------------
*/


.ti365-breadcrumb {

	margin:20px 0;

	font-size:14px;

	color:#666;

}



.ti365-breadcrumb a {

	color:#2563eb;

}



/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/


@media(max-width:600px){


	.ti365-search-item {

		flex-direction:column;

	}


	.ti365-share-buttons a {

		width:100%;

		text-align:center;

	}


}