header.masthead_blog {
  padding-top: 0rem;
  padding-bottom: 0rem;
  text-align: center;
  background-color: #212529;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  height: 4.5rem;
}
 
/*Ilari, tyhjä tila sisällön yläpuolella */
.page-section_blog {
  padding: rem 0;
}
 
.blog-sidebar {
	background: #f8f9fa;
	border-radius: 10px;
	padding: 20px;
}

.blog-post {
	background: white;
	border-radius: 10px;
	padding: 30px;
	box-shadow: 0 2px 15px rgba(0,0,0,0.1);
}

.blog-post img.featured-image {
	max-width: 100%;
	border-radius: 8px;
	margin: 20px 0;
}

.post-list-item {
	padding: 10px 15px;
	margin-bottom: 5px;
	background: white;
	border-radius: 6px;
	border-left: 3px solid transparent;
	transition: all 0.2s;
	cursor: pointer;
	text-decoration: none;
	display: block;
	color: inherit;
}

.post-list-item:hover {
	background: #e9ecef;
	border-left-color: #007bff;
	transform: translateX(5px);
}

.post-list-item.active {
	background: #007bff;
	color: white;
	border-left-color: #0056b3;
}

.post-list-item .post-title {
	font-weight: 600;
	margin-bottom: 3px;
}

.post-list-item .post-date {
	font-size: 0.85rem;
	color: #6c757d;
}

.post-list-item.active .post-date {
	color: rgba(255,255,255,0.8);
}

.post-ingress {
	font-size: 1.2rem;
	color: #495057;
	border-left: 4px solid #007bff;
	padding-left: 20px;
	margin: 20px 0;
	font-style: italic;
}

.search-container {
	margin-bottom: 20px;
}

.post-count {
	font-size: 0.9rem;
	color: #6c757d;
	margin-bottom: 15px;
}

/* Blogin kategoriasuodattimien napit - sama tyyli kuin partsilla ei käytössä*/
.categories-filter .btn-outline-light.category-filter.active {
    background-color: #007bff !important;
    color: white !important;
    border-color: #007bff !important;
}

.categories-filter .btn-outline-light.category-filter {
    color: #f8f9fa;
    border-color: #f8f9fa;
    background-color: transparent;
}

.categories-filter .btn-outline-light.category-filter:hover {
    background-color: #f8f9fa;
    color: #000;
    border-color: #f8f9fa;
}