/* ====================================================================================
* Textos e cabeçalhos
*/
main h1,
main #content h2,
main #content h3,
main #content h4,
main #content h5,
main #content h6,
h1.wp-block,
h2.wp-block,
h3.wp-block,
h4.wp-block,
h5.wp-block,
h6.wp-block {
	margin-top: 60px;
}

/* Tratamento específico para h3 precedido por h2 */
main #content h2 + h3 {
	margin-top: 2.8rem;
}


h3,
h3.wp-block {
	font-size: 24px;
}


main #post-title {
	margin: 0 0 2rem 0;
	font-size: 4rem;
	line-height: 4.8rem;
	font-weight: 700;
	letter-spacing: -1.8px;
}

@media (max-width: 960px) {
	main #post-title {
		font-size: 2.8rem;
		line-height: 3.2rem;
		margin: 0 0 1rem 0;
	}
}

/* ====================================================================================
* Listas
*/
main #content ul:not(.left-sidebar ul),
ul.wp-block-list {
	padding-left: 30px;
	list-style-type: disc;
}

/* ====================================================================================
* Breadcrumb
*/
.container-breadcrumb {
	padding-top: 25px;
	padding-bottom: 0px;
}

.container-breadcrumb ol {
	padding-bottom: 0;
	margin-bottom: 0;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	list-style-type: none;
}

.breadcrumbs .breadcrumb-item {
	display: inline-block;
}

.breadcrumbs .breadcrumb-item a {
	color: #0057FF;
	padding: 0 5px;
	text-decoration: underline;
}

.breadcrumbs .breadcrumb-item:nth-child(2) a {
	padding: 0 5px 0 0;
}

span.breadcrumb_last {
	display: inline-block;
	font-weight: 600;
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
	white-space: nowrap;
}

/* ====================================================================================
* Post - Detalhe Notícias
*/
/* .custom-excerpt p {
	font-size: 18px;
	line-height: 26px;
} */

#post-header-image {
	background-color: #FAFBFC;
}


.subtitulo-detalhe-noticias {
	color: #5E6C84;
	font-size: 2rem;
	font-weight: 400;
	line-height: 2.4rem;
	letter-spacing: -0.15px;
}
@media (max-width: 960px) {
	.subtitulo-detalhe-noticias {
		font-size: 1.8rem;
		line-height: 2.4rem;
		letter-spacing: -0.015em;
	}
}

.imagem-destacada {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	min-width: 250px;
	max-width: 1192px;
}

#detalhe-noticias {
	overflow-wrap: break-word;
}

#detalhe-noticias img.alignleft,
#detalhe-noticias figure.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

#detalhe-noticias img.alignright,
#detalhe-noticias figure.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

#detalhe-noticias img.aligncenter,
#detalhe-noticias figure.aligncenter {
	display: block;
	text-align: center;
	clear: both;
	margin: 0 auto;
}

#detalhe-noticias blockquote {
	max-width: 540px;
	border-left: 5px solid;
	border-color: #99C2FF;
	margin: 0 auto;
	padding: 20px 0px 20px 20px;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #97A0AF;
}

#detalhe-noticias blockquote p {
	margin: 0;
}

/*Ajusta para que o primeiro parágrafo não fique abaixo do container do audima player*/

/* Cor do texto: #1F2123
Tamanho: 18px
Peso: Regular
Espaçamento entre letras: −0.015em (≈ −0.27px)
Altura da linha: 28px
Espaço inferior do bloco: 28px */
#detalhe-noticias #content,
.wp-block {
	padding-top: 10px;
	color: #000000;
	font-family: "OpenSans";
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 2.8rem;
	letter-spacing: -0.015em;
	margin-bottom: 2.8rem;
}

#detalhe-noticias #content a,
.wp-block-paragraph a {
	color: #0057FF;
	text-decoration: underline;
}

/* Ajusta cores do botão de assinatura ilimitada*/
#detalhe-noticias #content .wp-block-buttons {
	text-align: center;
}

#detalhe-noticias #content .wp-block-button .wp-block-button__link {
	color: #fff;
	background-color: #d80a2b;
	text-decoration: none;
	font-weight: 600;
}

/* Corrige a margem da tabela*/
figure.wp-block-table {
	margin: 0px;
}

/*Corrige a largura das imagens, vídeos e códigos dentro dos posts*/
#detalhe-noticias .wp-caption,
#detalhe-noticias img {
	height: auto;
	max-width: 100%;
}

#detalhe-noticias .wp-video,
#detalhe-noticias .wp-video video,
#detalhe-noticias iframe[title^="YouTube"] {
	max-width: 100%;
}

#content pre {
	overflow: scroll;
}

/*Centraliza e ajusta o container que tem o auto e os links de compartilhamento no rodapé em dispositivos menores*/
.autor-corpo-noticia {
	text-align: center;
}

.autor-corpo-noticia p.autor-chamada {
	margin-bottom: 1rem;
}

.autor-corpo-noticia p.autor-chamada span.data-publicacao,
.autor-corpo-noticia p.autor-chamada span.data-atualizacao {
	color: #5E6C84;
}

.autor-avatar img {
	border-radius: 50px;
	float: none;
	margin-right: 0;
	margin-bottom: 0;
	width: 60px;
}

/* ====================================================================================
* Transições da sidebar
*/
.left-sidebar {
	align-items: center;
	justify-content: center;
	/* margin-top: 100px; */
	padding-top: 0;
	/* opacity: 0; */
	/* transition: opacity .4s; */
	/* display: none; */
	/* height: 0; */
}

/* ====================================================================================
* Like box
*/
.container-likebox {
	border-top: 1px solid #E2E2E3;
	border-bottom: 1px solid #E2E2E3;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.container-likebox .autor-corpo-noticia p.autor-chamada {
	margin-bottom: 0;
	color: #000000;
}

.container-likebox .autor-corpo-noticia p.autor-chamada span.separador-datas {
	color: #0057FF;
	display: inline-block;
}

.container-likebox .autor-avatar img {
	border-radius: 50px;
	float: none;
	margin-right: 0;
	margin-bottom: 0;
	width: 36px;
}

.container-likebox .container-like-content .wpulike button {
	border: none;
	font-size: 12px;
	font-weight: bold;
	padding-left: 0;
}

.container-likebox .wpulike button svg {
	stroke: #B3BAC5;
	fill: #B3BAC5;
}

.container-likebox .comentarios {
	margin-bottom: 0;
	text-align: center;
}

.container-likebox .comentarios svg {
	stroke: #B3BAC5;
	fill: #B3BAC5;
}

.container-likebox .ativa-box-comentarios,
.container-likebox .ativa-box-comentarios .comentarios {
	display: inline-block;
}

.container-likebox .ativa-box-comentarios .comentarios a {
	padding: 0;
}

.container-likebox .comentarios .button {
	border: none;
}

.container-likebox .comentarios .numero-conta-likes {
	color: #494B4C;
	font-size: 16px;
	font-weight: normal;
	margin-left: 5px;
}

.container-likebox .titulo-compartilhe-like {
	display: block;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
}

.container-likebox .conta-likes {
	color: #494B4C;
	font-size: 16px;
	font-weight: normal;
	margin-left: 5px;
}

.container-likebox .container-links-compartilhamento-redes-sociais {
	margin-top: 18px;
}

.wpulike {
	font-size: 1.5rem;
	line-height: 2.4rem;
	display: inline-block;
}

.container-like-content {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
}

.container-like-content .wpulike button {
	font-size: 12px;
	font-weight: bold;
}

.container-like-content .wpulike .wp_ulike_is_liked button,
.container-likebox .wpulike .wp_ulike_is_liked button {
	border: none;
}

.post-info-sidebar .wpulike button {
	border: none;
	padding-right: 8px;
}

.wpulike button svg {
	width: 18px;
	height: 18px;
	stroke: #42526E;
	fill: #42526E;
}

.wpulike .count-box,
.left-sidebar .comments-button {
	color: #494B4C;
}

.wpulike+a {
	display: inline-block;
	margin-left: 30px;
	margin-bottom: 0;
	padding: 0 8px 0 0;
	text-decoration: none;
}

.wpulike+a svg {
	width: 20px;
	height: 20px;
}

.wpulike .wp_ulike_is_liked button svg {
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: bounce;
	animation-timing-function: ease;
}

@keyframes bounce {
	0% {
		transform: scale(1, 1) translateY(0);
	}

	10% {
		transform: scale(1.1, .9) translateY(0);
	}

	30% {
		transform: scale(.9, 1.1) translateY(-10px);
	}

	50% {
		transform: scale(1, 1) translateY(0);
	}

	57% {
		transform: scale(1, 1) translateY(-3px);
	}

	64% {
		transform: scale(1, 1) translateY(0);
	}

	100% {
		transform: scale(1, 1) translateY(0);
	}
}

/* ====================================================================================
* Botões de compartilhamento em redes sociais
*/
.container-links-compartilhamento-redes-sociais {
	text-align: center;
	margin-top: 10px;
}

.titulo-compartilhe-like {
	text-align: center;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 0;
}

.container-links-compartilhamento-redes-sociais span,
.container-links-compartilhamento-redes-sociais a {
	display: inline-block;
	font-size: 1.6rem;
	cursor: pointer;
	padding-left: 6px;
	text-decoration: none;
}

html[amp] .container-links-compartilhamento-redes-sociais span {
	display: none;
}

/* Cores dos ícones de compartilhamento em redes sociais */
.container-likebox .container-links-compartilhamento-redes-sociais .facebook-icon .icon {
	fill: #B3BAC5;
}

.container-likebox .container-links-compartilhamento-redes-sociais .twitter-icon .icon {
	fill: #B3BAC5;
}

.container-likebox .container-links-compartilhamento-redes-sociais .linkedin-icon .icon {
	fill: #B3BAC5;
}

.container-likebox .container-links-compartilhamento-redes-sociais .whatsapp-icon .icon {
	fill: #B3BAC5;
}

.container-likebox .container-links-compartilhamento-redes-sociais .clipboard .icon {
	fill: #B3BAC5;
}

/* ====================================================================================
* Ajustes no player da Audima
*/

#audimaWidget {
	padding-top: 10px;
	width: 100%;
	height: 72px;
}

#audimaWidget #audima-iframe {
	height: 32px;
}

/* ====================================================================================
* Comentários
*/

/* Âncora #comments: evita que a seção fique atrás do menu fixo (~115px) */
#comments {
	scroll-margin-top: 120px;
}

.container-disqus .comment.depth-2 {
	margin-left: 50px;
}

.container-disqus .comment.depth-3 {
	margin-left: 100px;
}

.container-disqus .comment.depth-4 {
	margin-left: 150px;
}

.container-disqus .comment.depth-5 {
	margin-left: 200px;
}

/*Acrescenta uma seta indicando quando o comentário for uma resposta a outro comentário*/
.container-disqus .comment.depth-2::before,
.container-disqus .comment.depth-3::before,
.container-disqus .comment.depth-4::before,
.container-disqus .comment.depth-5::before {
	content: "";
	background-image: url("../assets/icons/arrow-response.svg");
	background-size: 25px 29px;
	display: block;
	height: 29px;
	width: 25px;
	opacity: 0.4;
	position: absolute;
	margin-left: -35px;
	margin-top: 5px;
}

.container-titulo-newsletter,
.container-form-newsletter {
	width: 100%;
}

a.whatsapp-desktop {
	display: none;
}

.left-sidebar #box-concursos {
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
}

.youtube-placeholder {
	position: relative;
	width: 100%;
	aspect-ratio: 16/9;
	background-color: #000;
	background-size: cover;
	background-position: center;
	cursor: pointer;
	margin: 1em 0;
}

.youtube-placeholder .play-button {
	width: 64px;
	height: 64px;
	padding: 10px;
	border-radius: 32px;
	background: url('../assets/icons/play.svg') no-repeat center center;
	background-color: #97A0AF;
	background-size: 32px;
	opacity: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

/* ====================================================================================
* Ajustes responsivos
*/

/* Left sidebar sticky em telas maiores */
@media ( min-width: 1081px ) {
	.left-sidebar {
		position: sticky;
		top: 150px;
		height: 600px;
	}

	.info-table {
		width: 100%;
		text-align: center;
		border-collapse:collapse;
		table-layout:auto;
	}
	.info-table td {
		padding: 8px;
	}
	.info-icon svg {
		padding-top: 15px;
		width: 30px;
		height: auto;
		
	}
	.info-text {
		text-align:center;
		vertical-align: top;
		font-size: 13px;
		color: #000;
	}
}

@media screen and ( min-width: 980px ) and ( max-width: 1080px ) {
	.left-sidebar {
		position: sticky;
		top: 150px;
		height: 600px;
	}

	.info-table {
		width: 100%;
		text-align: center;
		border-collapse:collapse;
		table-layout:auto;
		margin-left: -15px;
	}
	.info-table td {
		padding: 8px;
	}
	.info-icon svg {
		padding-top: 15px;
		width: 20px;
		height: auto;
		
	}
	.info-text {
		text-align:center;
		vertical-align: top;
		font-size: 10px;
		color: #000;
	}
}

@media ( max-width: 979px ) {
	.left-box {
		order: 3;
		max-width: max-content;
	}
}

@media (min-width: 768px) {

	.container-like-content {
		margin-bottom: 0px;
	}

	.container-links-compartilhamento-redes-sociais {
		margin-top: 0px;
	}

	/* .breadcrumbs {
		margin-left: -5px;
	}
	.breadcrumbs .breadcrumb-item a {
		padding: 0 5px;
	} */

	#detalhe-noticias .tags {
		margin-left: 8px;
		margin-top: 0;
	}

	#tags-container p {
		display: inline;
	}

	.autor-corpo-noticia {
		text-align: left;
	}

	.autor-avatar img {
		float: left;
		margin-right: 1.5rem;
	}

	/*ajustes no box de autor e likebox*/
	.autor-corpo-noticia p.autor-chamada span.data-publicacao,
	.autor-corpo-noticia p.autor-chamada span.data-atualizacao {
		display: inline-block;
		padding: 0;
	}

	span.data-atualizacao,
	span.data-publicacao {
		padding: 0;
	}

	a.whatsapp-mobile {
		display: none;
	}

	/*
	 * Ajustes responsivos do Likebox
	 */
	.container-likebox .autor-corpo-noticia {
		text-align: left;
	}

	.container-likebox .autor-avatar img {
		float: left;
		margin-right: 1.5rem;
	}

	.container-likebox .titulo-compartilhe-like {
		display: inline-block;
		text-align: inherit;
	}

	/* Tamanho único dos ícones na likebox = tamanho das mídias sociais */
	.container-likebox .wpulike button svg {
		width: 1.5rem;
		height: 1.5rem;
	}

	.container-likebox .comentarios svg,
	.container-likebox .comentarios .icon {
		width: 1.8rem;
		height: 1.8rem;
	}

	.container-likebox .container-links-compartilhamento-redes-sociais svg,
	.container-likebox .container-links-compartilhamento-redes-sociais .icon {
		width: 1.6rem;
		height: 1.6rem;
	}
}

@media (min-width: 1220px) {
	.imagem-destacada {
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 1192px;
	}
}

/* the end, that's all folks */
