/* Custom styles for the blog application */

/* Sticky Sidebar */
.sticky-sidebar-container .sticky-top {
	/* --header-height is a CSS variable we will set with JavaScript */
	top: calc(var(--header-height, 60px) + 20px); /* 60px fallback, 20px margin */
	z-index: 1019; /* Below the main navbar (z-index: 1020) */
}

/* Advertisement Widget */
.advertisement-widget {
	border-radius: 0.5rem;
	overflow: hidden; /* Ensures content respects the border-radius */
}

.advertisement-widget .carousel-item img {
	width: 100%;
	height: 200px; /* Fixed height for consistency */
	object-fit: cover; /* Ensures the image covers the area without distortion */
}