/* Set the width of the thumbnail column */
.column-thumbnail {
	width: 50px;
}

/* Style the thumbnail image. */
.column-thumbnail img {
	width: 50px;
	height: 50px;
	border-radius: 4px;
	object-fit: cover;
}

/* Style the Dashicon placeholder for empty thumbnails. */
.column-thumbnail .dashicons {
	font-size: 50px;
	width: 50px;
	height: 50px;
	background: #c3c4c7;
	border-radius: 4px;
	color: #f6f7f7;
}

/* Keep data-colname from appearing on mobile view. */
.column-thumbnail::before {
	content: "" !important;
}

/* Move the "Thumbnail" and "Title" columns closer together. */
th.column-thumbnail {
	padding-right:0;
}

/* Don't display the "Thumbnail" column name in the header or footer. */
th.column-thumbnail span {
	display:none;
}

/* Pull "Title" header name over in "Thumbnail"s place. */
th.column-thumbnail + th a {
	margin-left:-60px;
}

/* If thumbnail column has .hidden class. The entire column is toggled off. Don't pull "Title" header name over. */
th.column-thumbnail.hidden + th a {
	margin-left:0;
}
