/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child é um tema filho do Hello Elementor criado para personalizações do site TVT News
Author: Sergio Lima
Author URI: https://github.com/sergiosdlima
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images
*/

/* Add your custom styles here */

*, html {

	scroll-behavior: smooth !important;
}

body{
	margin: 0px;
	padding: 0px;
	font-family: "FT Base", Sans-Serif;
	scrool-behavior: smooth;
}
.page-content{
	padding: 0 !important;
}

/*
 * WhatsChat
 */

@import url("https://blob.contato.io/machine-files/all-css/form-ll.css");
@import url("https://paginas.rocks/content/capture/forms/async-form-capture.css");



/* search font */
#elementor-search-form-9191086{
	font-family: "FT Base", Sans-Serif;
}


/* Nos Posts, no caption das imagens, remove os itálicos e define a fonte como FTBase*/
figure .wp-element-caption,
figure em{
	font-style: normal!important;
  font-family: var(--e-global-typography-ad39cd7-font-family), Open-Sans !important;
	font-weight: var( --e-global-typography-ad39cd7-font-weight ) !important;
	letter-spacing: var( --e-global-typography-ad39cd7-letter-spacing ) !important;
	word-spacing: var( --e-global-typography-ad39cd7-word-spacing ) !important;

}
/* nos posts arredonda as imagens para o padrão TVT*/
.wp-embed-featured-image img{
	border-radius: 12px;
}

.wp-embed-excerpt>p{
	font-family: var(--e-global-typography-ad39cd7-font-family), Open-Sans !important; 
}


.audio-player{
	display: flex;
			align-items: center;
			justify-content: center;
			background: #fb946d;
			margin: 0;
}


/* cor vermelha nos links do corpo do conteúdo */
.elementor-kit-7 .elementor-widget-theme-post-content a { color: var( --e-global-color-51e06f8) }



/* add rounded border */
.rounded, .wid-posts div, .rounded-card .elementor-post__card{
	border-radius: 12px;
	overflow: hidden;
}



/*
 * nos 3 destaques, remove a margem de 10 px que o elementor adicionou automaticamente nos mobiles */
.elementor-posts-container>article{
	margin: 0 !important;
}


/*
 * Utilizado no Hero e o footer 
 */
.multicolor-background {  
	background: linear-gradient(to right, 
								#F00000 70%, 
								#0d4910 0 85%, 
								#19196D 0 100%);
}



/* truncate text*/
.truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
		   line-clamp: 2;
   -webkit-box-orient: vertical;
}


/* adiciona padding nos posts*/
div[data-elementor-type="single-post"]{
	margin: 12px;
}


/* zoomming on hover */
.img-hover{
	transition: all 0.3s ease-in-out;
}
.img-hover:hover{
	transform: scale(1.3);
}
.cont-hover{
	overflow:hidden;
}



/* espaços padrões */
.divider{
	margin: 30px 0 10px 0;
}


.default-space{
	margin: 25px;
}




/* red button
 * corrigindo a cor do botão vermelho */

.elementor-button{
	/* background-color:var(--e-global-color-51e06f8);*/ 
	border-radius: 12px;
	width: 228px;
	height: 48px;
	align-content: center;
}
/* Fonte e cor dos botões "Leia Mais" */
.elementor-button-text {
	font-family: var( --e-global-typography-accent-font-family ), Open-Sans !important;
	font-size: var( --e-global-typography-accent-font-size );
	font-weight: var( --e-global-typography-accent-font-weight );
	line-height: var( --e-global-typography-accent-line-height );
	letter-spacing: var( --e-global-typography-accent-letter-spacing );
}



/* adiciona borda arredondada em todos os cards do archive */
.elementor-post__card {
  border-radius: 12px !important;  
}



/* Na home em últimas notícias - deixar somente com duas linhas de excerpt */
.post-excerpt .elementor-widget-container{
overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* número de linhas */
		   line-clamp: 2;
   -webkit-box-orient: vertical;
}


/* adiciona a borda vermelha embaixo
 do container (p/ container quadrado) */
.cont-session-title{
	display: flex;
	flex-direction: row;
  	align-items: center;
	border-bottom-style: solid;
  	border-bottom: 2px;
  	border-bottom-color: #F00000;
  	width: 100%;
}

/* adiciona a borda vermelha em baixo do container respeitando a curvatura dele (p/ container arredondado) */
.cont-round-session-title{
	border-bottom: 2px;
	border-color: #F00000;
	border-bottom-style: solid;
	width: 99%;
}



/* título da sessão */
.session-title{
	background-color: #F00000;
	padding: 10px;
	border-radius: 10px 10px 0 0;
	width: 480px;
}


/* Todas as imagens em 16:9 */
.elementor-post__thumbnail__link {
	aspect-ratio: 16/9;
}



/* 3 destaques título oculto, só aparece quando passa o mouse em cima */
/*
.destaques3-title {
	opacity: 0;
	transition: 0.8s;
}
.destaques3-title:hover {
	opacity: 1;
	transition: 0.8s; 
} */

.destaques3-title {
	opacity: 0;
}


/* centraliza verticalmente o botão de pesquisa na home */

.elementor-search-form{
  margin-top: 10px;
}

/* centraliza verticalmente o menu na HOME */
#menu-1-035e073{
  margin-top: 4px;
}





/* 
 * 
 * Caption Overlay
 * 
 */

.cont-caption-overlay figure:hover figcaption {
  visibility: visible;
  display: block;
  text-align: center;
  opacity: 1;
}

.cont-caption-overlay figcaption {
  visibility: hidden;
  position: absolute;
  text-align: center;
  opacity: 0;
  bottom: 10%;
  left: 10%;
  right: 10%;
  font: 1.2rem "FT Base", sans-serif !important;
  background-color: #121416c5;
  color: #FFF !important;
  padding: 10px 30px;
  border-radius: 10px;
  transition: .6s ease-in-out; 
}

.cont-caption-overlay{
  display: flex;
  align-items: center; 
}






/* Agora - breaking news */
div[data-id="b7e5c7b"] {
  background-color: var( --e-global-color-51e06f8) !important;
	min-height: 42px;
}



/* Padding na página para poder ficar um espaço */
.page-content{
  padding-left: 8px !important;
	padding-right: 8px !important;
}




/**************************
 * Na busca, não dá para ver o texto que está escrevendo no campo de busca 
 */
#elementor-search-form-9191086{
  font-family: var(--e-global-typography-primary-font-family);
	font-size: var( --e-global-typography-primary-font-size );
	font-weight: var( --e-global-typography-primary-font-family );
	line-height: var( --e-global-typography-primary-font-family );
	letter-spacing: var( --e-global-typography-primary-font-family );
	color: var(--e-global-color-c2a6b80);
	
}

/* principalmente no mobile, o campo de pesquisa fica tão para baixo, que o teclado virtual fica em cima do campo de pesquisa. */

/*input[id=elementor-search-form-9191086] {
  margin-bottom: 100% !important;
}
*/

.elementor-search-form__input{
	font-family: "FT Base";
	font-size: 30px;
	color: white;
	
}



/* Nos box do "O que é notícia", no texto, adiciona espaço nas laterais conforme solicitado pelo Maurício Jr. */
.elementor-grid-item .elementor-post__text {
  padding: 0 12px;
}


/*
 * NO MOBILE
 * 
 * /

/* tirar scroll horizontal no mobile */
body, html {
overflow-x: hidden !important;
}

/*Corrigir escrollamento no Mobile*/
@media (max-width: 786px){
		body, html {
			overflow-x: hidden !important;
	}
}