/* Pamgro Blog Post template — loaded only when Pamgro Blog Post is selected. */

.logo span {
	color: #EF4137;
}

.demo-btn {
	background: #EF4137;
}

.breadcrumb {
	color: #7B8EC8;
}

.hero-grid {
	grid-template-columns: 1.1fr 0.9fr;
}

.hero-overlay {
	background: #EF4137;
}

.article-tag {
	color: #EF4137;
}

.article-card a {
	display: block;
	text-decoration: none;
	color: inherit;
}

.blog-note-box .blog-note-link {
	color: #000 !important;
}

.font1 {
	font-family: "Inter", sans-serif;
	font-weight: 400;
}

.pamgro-blog-post .pamgro-content-section {
	margin-top: 50px;
}

.pamgro-blog-post .content-section table td,
.pamgro-blog-post .content-section table th {
	padding: 1em;
	border: 1px solid rgba(0, 0, 0, 0.07);
	font-weight: inherit;
}

.pamgro-blog-post .content-section table {
	margin: 15px 0;
}

.pamgro-blog-post .content-section p {
	font-family: "Inter", sans-serif;
}

.pamgro-blog-post .content-section h2[id^="section"] {
	scroll-margin-top: 100px;
}

.pamgro-blog-post .toc-list a.toc-active {
	color: #EF4137;
	font-weight: 600;
}

.pamgro-blog-post .content-section table tr {
	background-color: #fff !important;
	color: #000 !important;
}

@media (max-width: 575px) {
	.pamgro-blog-post .content {
		max-width: 350px;
		padding: 0;
	}

	.pamgro-blog-post .content-acc .accordion-button::after {
		width: 30px;
		height: 30px;
		font-size: 19px;
	}

	.pamgro-blog-post .table1 {
		overflow-x: auto;
	}

	.pamgro-blog-post .hero-grid {
		grid-template-columns: 1fr !important;
	}

	.pamgro-blog-post .content-section table td,
	.pamgro-blog-post .content-section table th {
		padding: 10px;
	}
}

@media (max-width: 321px) {
	.pamgro-blog-post .sidebar {
		max-width: 296px;
	}

	.pamgro-blog-post .content {
		max-width: 296px;
		padding: 0;
	}
}