/* ==========================================================================
   Blog IBC Cartões
   Cores e fonte do site principal (css/ibc.css):
   primária #126AB2 | secundária #0D2844 | texto #5C5C5C | claro #F0F0F0
   ========================================================================== */

:root {
	--ibc-azul: #126AB2;
	--ibc-azul-escuro: #0D2844;
	--ibc-texto: #5C5C5C;
	--ibc-claro: #F0F0F0;
	--ibc-borda: #E3E8EE;
	--ibc-fonte: "Montserrat", sans-serif;
}

/* --------------------------------------------------------------------------
   Breadcrumb (mesmo visual da faixa azul-escura das páginas do site)
   -------------------------------------------------------------------------- */
.ibc-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ibc-breadcrumb li {
	margin: 0;
	font: 700 15px/1.4 var(--ibc-fonte);
	color: var(--ibc-claro);
}

.ibc-breadcrumb li:not(:last-child)::after {
	content: "/";
	margin-left: 6px;
}

.ibc-breadcrumb a {
	color: var(--ibc-claro);
	text-decoration: none;
	transition: color .3s;
}

.ibc-breadcrumb a:hover {
	color: #8EB7D8;
}

.ibc-breadcrumb li[aria-current] {
	font-weight: 500;
	color: #B9CDE2;
}

/* --------------------------------------------------------------------------
   Texto do post
   -------------------------------------------------------------------------- */
.ibc-post-texto {
	font-family: var(--ibc-fonte);
}

.ibc-post-texto p {
	margin: 0 0 1.1em;
}

.ibc-post-texto :is(h2, h3, h4) {
	margin: 1.6em 0 .6em;
	font-family: var(--ibc-fonte);
	font-weight: 700;
	line-height: 1.3;
	color: var(--ibc-azul);
}

.ibc-post-texto h2 {
	font-size: 22px;
}

.ibc-post-texto h3 {
	font-size: 19px;
	color: var(--ibc-azul-escuro);
}

.ibc-post-texto a {
	color: var(--ibc-azul);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ibc-post-texto a:hover {
	color: var(--ibc-azul-escuro);
}

.ibc-post-texto strong {
	color: #3F3F3F;
}

.ibc-post-texto :is(ul, ol) {
	margin: 0 0 1.3em;
	padding-left: 1.4em;
}

.ibc-post-texto li {
	margin-bottom: .45em;
}

.ibc-post-texto ul li::marker,
.ibc-post-texto ol li::marker {
	color: var(--ibc-azul);
	font-weight: 700;
}

/* sobrepõe .hentry blockquote.wp-block-quote do BuddyBoss */
.ibc-post-texto blockquote,
.hentry .ibc-post-texto blockquote.wp-block-quote {
	margin: 1.8em 0;
	padding: 20px 24px;
	border: 0;
	border-left: 4px solid var(--ibc-azul);
	border-radius: 0 8px 8px 0;
	background: #F2F7FC;
	font: 500 17px/1.6 var(--ibc-fonte);
	letter-spacing: 0;
	color: var(--ibc-azul-escuro);
}

.hentry .ibc-post-texto blockquote.wp-block-quote::before {
	display: none;
}

.ibc-post-texto blockquote p:last-child {
	margin-bottom: 0;
}

.ibc-post-texto img {
	height: auto;
	border-radius: 8px;
}

/* --------------------------------------------------------------------------
   Lateral (padrão do menu lateral das páginas de informações do site)
   -------------------------------------------------------------------------- */
.ibc-categorias {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ibc-categorias li {
	margin: 0;
}

.ibc-categorias a {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 12px;
	border-left: 2px solid #CCC;
	font: 500 14px/1.4 var(--ibc-fonte);
	color: var(--ibc-texto);
	text-decoration: none;
	transition: .3s;
}

.ibc-categorias li + li a {
	margin-top: 4px;
}

.ibc-categorias a span {
	color: #9AA3AD;
	font-weight: 400;
}

.ibc-categorias a:hover,
.ibc-categorias .is-active a {
	border-left-color: var(--ibc-azul);
	background-color: var(--ibc-claro);
	color: var(--ibc-azul);
	font-weight: 700;
}

.ibc-contato {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 6px 4px 0;
}

.ibc-contato a {
	display: flex;
	align-items: center;
	gap: 10px;
	font: 500 15px/1.4 var(--ibc-fonte);
	color: var(--ibc-texto);
	text-decoration: none;
	transition: color .3s;
}

.ibc-contato a:hover {
	color: var(--ibc-azul);
}

.ibc-contato i {
	width: 18px;
	text-align: center;
	color: var(--ibc-azul);
}

.ibc-posts-lateral .elementor-post {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
}

.ibc-posts-lateral .elementor-post__thumbnail__link {
	flex: 0 0 34%;
	width: 34% !important;
	max-width: 140px;
	margin: 0 !important;
}

.ibc-posts-lateral .elementor-post__text {
	flex: 1;
	min-width: 0;
}

.ibc-posts-lateral .elementor-post__title a:hover,
.ibc-posts-relacionados .elementor-post__title a:hover {
	color: var(--ibc-azul);
}

/* --------------------------------------------------------------------------
   Posts relacionados
   -------------------------------------------------------------------------- */
.ibc-posts-relacionados .elementor-post {
	overflow: hidden;
	border: 1px solid var(--ibc-borda);
	border-radius: 8px;
	background: #FFF;
	transition: box-shadow .3s, transform .3s;
}

.ibc-posts-relacionados .elementor-post:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(13, 40, 68, .12);
}

.ibc-posts-relacionados .elementor-post__thumbnail__link {
	margin-bottom: 0 !important;
}

.ibc-posts-relacionados .elementor-post__thumbnail {
	border-radius: 0 !important;
}

.ibc-posts-relacionados .elementor-post__text {
	padding: 18px 20px 22px;
}

/* --------------------------------------------------------------------------
   Estrutura do BuddyBoss nas páginas montadas pelo Elementor
   -------------------------------------------------------------------------- */
.ibc-blog.single-post .site-content {
	padding-top: 0;
	padding-bottom: 0;
}

.ibc-blog.single-post #content > .container {
	max-width: none;
	padding: 0;
}

.ibc-blog.single-post #content .site-content-grid {
	display: block;
	margin: 0;
}

.ibc-blog.single-post #content .site-content-grid > * {
	max-width: none;
	padding: 0;
}

/* --------------------------------------------------------------------------
   Faixa de topo das listagens (home do blog, categorias, busca...)
   -------------------------------------------------------------------------- */
.ibc-faixa-topo {
	background-color: var(--ibc-azul-escuro);
	padding: 28px 20px 32px;
}

.ibc-faixa-topo__inner {
	max-width: 1200px;
	margin: 0 auto;
}

.ibc-faixa-topo__titulo {
	margin: 16px 0 0;
	font: 700 38px/1.25 var(--ibc-fonte);
	color: var(--ibc-claro);
}

.ibc-faixa-topo__descricao {
	margin: 10px 0 0;
	font: 400 16px/1.6 var(--ibc-fonte);
	color: #B9CDE2;
}

@media (max-width: 767px) {
	.ibc-faixa-topo {
		padding: 20px 16px 24px;
	}

	.ibc-faixa-topo__titulo {
		font-size: 26px;
	}
}

/* A faixa já mostra o título: esconde o cabeçalho de arquivo do BuddyBoss */
.ibc-com-faixa .page-header {
	display: none;
}

/* o BuddyBoss reserva 76px para o header fixo dele, que não é usado aqui */
.ibc-blog.ibc-com-faixa #content.site-content {
	padding-top: 12px;
}

/* --------------------------------------------------------------------------
   Chamada de orçamento da barra lateral
   -------------------------------------------------------------------------- */
.ibc-cta-lateral {
	padding: 24px 20px;
	border-radius: 8px;
	background: var(--ibc-azul-escuro);
	text-align: center;
}

.ibc-cta-lateral__titulo {
	margin: 0 0 8px;
	font: 700 18px/1.35 var(--ibc-fonte);
	color: #FFF;
}

.ibc-cta-lateral__texto {
	margin: 0 0 18px;
	font: 400 14px/1.5 var(--ibc-fonte);
	color: #B9CDE2;
}

.ibc-cta-lateral__botao {
	display: block;
	padding: 12px 16px;
	border-radius: 30px;
	background: var(--ibc-azul);
	font: 700 14px/1.2 var(--ibc-fonte);
	color: #FFF !important;
	text-decoration: none;
	transition: background-color .3s;
}

.ibc-cta-lateral__botao + .ibc-cta-lateral__botao {
	margin-top: 10px;
}

.ibc-cta-lateral__botao:hover {
	background: #0F5A97;
}

.ibc-cta-lateral__botao--whatsapp {
	background: #25D366;
}

.ibc-cta-lateral__botao--whatsapp:hover {
	background: #1DA851;
}

/* --------------------------------------------------------------------------
   Fonte do site (Montserrat) no conteúdo do BuddyBoss
   -------------------------------------------------------------------------- */
.ibc-blog #content,
.ibc-blog #content :is(h1, h2, h3, h4, h5, h6, .entry-title, .widget-title, input, button, select, textarea),
.ibc-faixa-topo .ibc-faixa-topo__titulo {
	font-family: var(--ibc-fonte);
}

/* Card em destaque da listagem: Montserrat é mais larga que a fonte do BuddyBoss */
.ibc-blog #content .post-grid article.first .entry-title {
	font-size: 26px;
	line-height: 1.3;
}

.ibc-blog #content .post-grid .entry-title a:hover {
	color: var(--ibc-azul);
}

/* --------------------------------------------------------------------------
   Barra lateral das listagens (mesmo template do Elementor da lateral dos posts)
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
	.ibc-lateral-blog {
		position: sticky;
		top: 110px;
		align-self: flex-start;
	}
}

/* Espaço abaixo da barra lateral antes do rodapé */
body .widget-area:not(.widget-area-secondary) {
	padding-bottom: 3.75rem;
}