.tf-facebook-post-slider {
	.slick-list{ overflow:visible;
	
		@media screen and (max-width:768px){
			overflow:hidden;
		}
	}
	
	.post-message{ 
		display:none;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		
		@media screen and (max-width:768px){
            display: -webkit-box; 
			-webkit-line-clamp: 4;
			height:6em;
		}
		overflow: hidden;
		
		font-size:0.75em;		
		font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
		color: rgb(5,5,5);
	}
	
	.post-header{
		display:none;
		@media screen and (max-width:768px){
			display:block;
			height:8em;
		}
		padding: 5px 10px 10px;
		
		.post-logo{
			float:left;
			width:50px;
			height:50px;
			
			margin: 0px 10px 10px 0px;
			img{
				
				border:3px solid white;
			}
		}
		h4{ font-weight:bold; margin-top:0px; }
		.post-date{ color: rgb(30,30,30);
		font-size:0.5em;}
	}
	.post-img{
		min-height: 30vh;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.post-item{
		cursor:pointer;
		
		@media screen and (max-width:768px){
			background: white;
		}
		&:hover{
			transform: scale(1.1);
			
			z-index: 200; 
			background: white;
			border: 1px solid var(--global-palette1);
	  
			.post-message{ 
				display: -webkit-box;
			}
			.post-date,.post-header{ display: block;}
			.fb-icon{display:none;}
		}
	}
	
	a{ position:relative;}
	
	.fb-icon{
		margin:10px;
		position: absolute;
		top:0px;
		right:0px;
		
	}
}