.tooltip {
	position: relative;
	border-bottom: 1px dotted black;
	opacity: 1;
	color: white;
	/* object-fit: cover; */
	pointer-events: none !important;
	border-radius: 8px !important;

}

/* Tooltip box */
.tooltip:before {
	content: attr(data-tooltip);
	position: absolute;
	width: 100px;
	background-color: #062B45;
	color: #fff;
	text-align: center;
	padding: 10px;
	line-height: 1.2;
	border-radius: 6px;
	z-index: 1;
	opacity: 0;
	transition: opacity .6s;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	font-size: 0.75em;
	visibility: hidden;
}

/* Tooltip arrow */
.tooltip:after {
	content: "";
	position: absolute;
	bottom: 75%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	opacity: 0;
	transition: opacity .6s;
	border-color: #062B45 transparent transparent transparent;
	visibility: hidden;
}

.tooltip:hover:before,
.tooltip:hover:after {
	opacity: 1;
	visibility: visible;
}

.main-preview-div{
   padding:  5px; 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   line-height: 18px;
}

.main-thumbnail img {
   height: 100%;
   width: 100% !important; 
   object-fit: fill;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 0px 10px; 
}
.main-thumbnail {
   height: 145px;
   width: 100%;
   display: flex;
   margin: 0px 0px 7px 0px !important;
   align-items: center;
    background: #e7e7e7;
   padding: 0px 20px;
}
p.description{
   margin: 0px !important;
   font-size: 12px !important;
   font-family: inherit;
   padding: 0px 5px;
   line-height: 16px;
   /*width: 286px;*/
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box; 
   -webkit-line-clamp: 3;
}
.preview-by {
   display: flex;
   justify-content: center;
   align-items: center;
}
.preview-by p {
   margin: 0;
   padding-top: 10px;
   font-size: 10px !important;
   font-family: inherit;
   font-weight: 200;
   color: #616060;
}
.preview-by p a{
   font-weight: 600;
}
.icon-div{
   width: 50px;
}
.icon-div img{  
   margin-top: -8px;
   width: 40px !important;
   height: auto; !important;
}

p.link-title {
   margin: 0px !important;
   padding: 0px;
   font-size: 14px;
   line-height: 17px;
}
.main-title{
   display: inline-flex;
}
.right-content p {
   margin: 0px !important;
   font-size: 14px;
   text-transform: capitalize;
   font-family: inherit;
   font-weight: 600;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   /* number of lines to show */
   line-clamp: 2;
   -webkit-box-orient: vertical;
}
.link-hostname{
   margin: 0px;
   text-transform: lowercase;
   color: #818181;
   /*padding-top: 5px;*/
   font-size: 14px;
   text-transform: capitalize;
   font-family: inherit;
   font-weight: 600;
}