/* Navbar */
/*.navbar-brand {
	font-size: 1.5rem;
}

.navbar-nav .nav-link {
	font-weight: 500;
	margin-right: 15px;
	transition: color 0.3s ease;
}

	.navbar-nav .nav-link:hover {
		color: #007bff !important;*/ /* Cor primária do Bootstrap */
	/*}*/

/* Hero Section */
.hero-section {
	min-height: 500px;
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://source.unsplash.com/random/1600x900/?tech,nature,city') center center no-repeat; /* Imagem de fundo aleatória */
	background-size: cover;
	position: relative;
	padding-top: 56px; /* Para acomodar o navbar fixo */
}

	.hero-section h1 {
		font-size: 3.5rem;
		text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	}

	.hero-section p {
		font-size: 1.3rem;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	}

.btn-light {
	transition: all 0.3s ease;
}

	.btn-light:hover {
		background-color: #007bff;
		color: #fff !important;
		border-color: #007bff;
	}

/* Section Titles */
.section-title {
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

	.section-title::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		width: 60px;
		height: 4px;
		background-color: #007bff;
		border-radius: 2px;
	}

/* Blog Cards (Horizontal Layout for Index Page) */
.blog-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border-radius: 10px;
	overflow: hidden;
}

	.blog-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
	}

.blog-card-img-horizontal { /* Nova classe para imagens na página inicial */
	height: 250px; /* Altura fixa para a imagem */
	object-fit: cover;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
/* Ajuste para mobile, se a imagem for top em telas pequenas */
@media (max-width: 767.98px) {
	.blog-card-img-horizontal {
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0;
	}
}

.blog-card .card-body {
	padding: 1.5rem;
}

.blog-card .card-title a {
	color: #343a40;
	transition: color 0.3s ease;
}

	.blog-card .card-title a:hover {
		color: #007bff;
	}

.blog-card .btn-outline-primary {
	border-color: #007bff;
	color: #007bff;
	transition: all 0.3s ease;
}

	.blog-card .btn-outline-primary:hover {
		background-color: #007bff;
		color: #fff;
	}

/* Pagination */
.pagination .page-link {
	color: #007bff;
	border-color: #007bff;
	border-radius: 5px;
	margin: 0 3px;
	transition: all 0.3s ease;
}

	.pagination .page-link:hover {
		background-color: #007bff;
		color: #fff;
	}

.pagination .page-item.active .page-link {
	background-color: #007bff;
	border-color: #007bff;
	color: #fff;
}

.pagination .page-item.disabled .page-link {
	color: #6c757d;
	border-color: #dee2e6;
}

/* Newsletter Section */
.bg-primary {
	background-color: #007bff !important;
}

.btn-light.btn-lg.rounded-end {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.form-control.rounded-start {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

/* Post Page */
.post-main-img {
	max-height: 500px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px !important;
}

.blog-post h1 {
	line-height: 1.2;
}

.post-content h3 {
	margin-top: 2.5rem;
	margin-bottom: 1.5rem;
	font-weight: bold;
	color: #343a40;
}

.post-content p {
	line-height: 1.8;
	margin-bottom: 1.5rem;
}

.post-content .blockquote {
	border-left: 5px solid #007bff; /* Cor primária */
	padding-left: 20px;
	font-style: italic;
	color: #555;
	background-color: #e9ecef;
	border-radius: 5px;
}

.post-content .blockquote-footer {
	color: #6c757d;
}

/* Tags (no corpo do post) */
.badge.bg-info {
	background-color: #17a2b8 !important; /* Um azul mais claro para tags */
	color: #fff !important;
	font-size: 0.9rem;
	font-weight: normal;
	transition: background-color 0.3s ease;
}

	.badge.bg-info:hover {
		background-color: #0056b3 !important; /* Um azul mais escuro no hover */
	}

/* Comments Section */
.comment-avatar {
	width: 50px;
	height: 50px;
	object-fit: cover;
}

.comment-bubble {
	position: relative;
}

	.comment-bubble::before {
		content: '';
		position: absolute;
		left: -10px;
		top: 15px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 10px 0;
		border-color: transparent #e9ecef transparent transparent;
	}
/* For nested comments */
.d-flex.mb-4.ms-5 .comment-bubble::before {
	left: -10px; /* Alinha o balão de comentário aninhado */
	border-color: transparent #e9ecef transparent transparent;
}

.d-flex.mb-4.ms-5 {
	padding-left: 3rem; /* Indentação para comentários aninhados */
	border-left: 3px solid #dee2e6;
}

/* Sidebar */
.sidebar .card-header {
	background-color: #007bff; /* Cor de destaque para o cabeçalho do card */
	color: #fff;
	font-weight: bold;
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
}
/* Tags Associadas na Sidebar */
.badge.bg-secondary {
	background-color: #6c757d !important; /* Um cinza mais escuro para tags na sidebar */
	color: #fff !important;
	font-size: 0.85rem;
	font-weight: normal;
	transition: background-color 0.3s ease;
}

	.badge.bg-secondary:hover {
		background-color: #5a6268 !important;
	}

.sidebar .list-group-item {
	transition: background-color 0.3s ease;
}

	.sidebar .list-group-item:hover {
		background-color: #e9ecef;
	}

.sidebar a {
	color: #343a40;
	text-decoration: none;
}

	.sidebar a:hover {
		color: #007bff;
	}

/* Formulário de Busca na Sidebar */
.sidebar .input-group .form-control {
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.sidebar .input-group .btn-primary { /* Mudança de outline para primary */
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0; /* Remove a borda dupla entre input e button */
}


/* Sticky sidebar for larger screens */
@media (min-width: 992px) {
	.sidebar {
		position: sticky;
		top: 80px; /* Ajusta para ficar abaixo do navbar fixo */
	}
}