/* Small additions on top of Bootstrap 5 for the entry database pages. */

.database-card { transition: box-shadow .15s, transform .15s; }
.database-card:hover { box-shadow: 0 .5rem 1rem rgba(0,0,0,.1); transform: translateY(-2px); }

.list-view-item .thumb {
	height: 180px;
	background: #e9ecef center/cover no-repeat;
}

.database-entry .hero {
	height: 400px;
	border-radius: .375rem;
	background: #e9ecef center/cover no-repeat;
}
.database-entry .thumbs .thumb {
	width: 90px;
	height: 70px;
	border-radius: .25rem;
	background: #e9ecef center/cover no-repeat;
	cursor: pointer;
	border: 2px solid transparent;
}
.database-entry .thumbs .thumb:hover { border-color: var(--bs-primary); }
.database-entry .image-caption:empty { display: none; }

@media (max-width: 575.98px) {
	.database-entry .hero { height: 220px; }
}