/*
	--- Versionamento ---
	13/09/2021 - César - Resumo com limite de texto em duas linhas para não poluir a exibição das publicações
	17/03/2023 - César - Suavização do CSS
	--- Fim Versionamento ---

*/
@media print{
	#noticias_relacionadas{
		display: none;
	}

}


#noticia_relacionada_datahora{
	color: #777;
	font-size: 10px;
}


@media (max-width: 999px){


	#noticia_relacionada > img{
		    width: 100%;
			float: left;
			margin: 5px;
			height: 18vw;
			max-height: 100px;
			max-width: 100px;
			object-fit: cover;
	}


	#noticias_relacionadas{
		width: 100%;
		background-color: #FFF;
		border: 0px solid #000;
		float: left;
	}

	#noticias_relacionadas:fist-child{
		background-color: red;
	}


	#noticia_relacionada{
		border-bottom: 1px solid #DDD;
		width: 100%;
		float: left;
		margin-bottom: 10px;
		cursor: pointer;
	}



	#noticia_relacionada_titulo{
		font-size: 13px;
	}

	#noticia_relacionada_resumo{
		font-size: 15px;
		overflow: hidden; /*Removendo barra de rolagem*/
		text-overflow: ellipsis; /*Adicionando "..." ao final*/
		display: -webkit-box;
		-webkit-line-clamp: 2; /*Quantidade de linhas*/
		-webkit-box-orient: vertical;
	}

}




@media (min-width: 1000px){

	#noticia_relacionada > img{
		width: 11vw;
		float: left;
		margin-right: 10px;
		height: 7vw;
        object-fit: cover;
	}


	#todas_noticias_relacionadas{
		width: 70%;
		float: left;
	}

	#noticias_relacionadas{
		width: 68.5%;
		border: 0px solid #000;
		float: left;
		padding-top: 30px;
	}

	#noticias_relacionadas:fist-child{
		background-color: red;
	}


	#noticia_relacionada{
		border-bottom: 1px solid #DDD;
		width: 96%;
		float: left;
		margin-bottom: 10px;
		cursor: pointer;
		background: #ffffff;
		padding: 20px;
    } 
	
	#noticia_relacionada:hover{
		opacity : 0.8;
	}

	#noticia_relacionada_titulo{
		font-size: 15px;
	}

	#noticia_relacionada_resumo{
		font-size: 14px;
		color: #6B6B6B;
		overflow: hidden; /*Removendo barra de rolagem*/
		text-overflow: ellipsis; /*Adicionando "..." ao final*/
		display: -webkit-box;
		-webkit-line-clamp: 2; /*Quantidade de linhas*/
		-webkit-box-orient: vertical;
	}


}