#column-hero-section {
    background-image: url(/wp-content/uploads/2025/11/Column-Page-Hero.jpg);
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#column-list-section .section-container, #column-information .section-container{
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.column-post {
    border-bottom: 1px solid #28282854;
}

.main-column-list {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.column-category {
    border: 1px solid #282828;
    padding-left: 3px;
    padding-right: 3px;
}

.column-article {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.column-thumbnail, .column-thumbnail img {
    background-color: #A8A8A8;
    display: flex;
    width: 100%;
    max-width: 115px;
    height: 115px;
	object-fit: cover;
	object-position: center;
    align-items: center;
    justify-content: center;
}

#sidebar-column .column-thumbnail {
    max-width: 80px;
    height: 80px;
}

#sidebar-column .column-thumbnail img, #sidebar-column .column-thumbnail .no-image {
    width: 80px;
    height: 80px;
}

.column-thumbnail .no-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

#sidebar-column .column-article {
    -webkit-line-clamp: 3;
}

@media screen and (max-width: 768px) {
	#case-hero-section {
		height: 200px;
		background-image: url(/wp-content/uploads/2025/11/Column-Page-Hero-Mobile.jpg) !important;
	}
	
	.main-column-list .column-thumbnail, .main-column-list .column-thumbnail img  {
		width: 100%;
		max-width: 100%;
		height: 200px;
	}
	
	.column-post {
		border-bottom: none !important;
		padding-bottom: 0 !important;
	}
	
	.main-column-list {
		row-gap: 40px;
	}
}