.artistlist {
	transition: opacity .2s ease;

	&.is-loading { 
		opacity: .3; 
		pointer-events: none;
	}
}

.artists-bottom .pagination {
	justify-content: center;
}

.artistlist_artist {
	padding: 10px;

	.title {
		color: #114970;
		font-size: 1.4rem;
		padding-bottom: 6px;
	}

	@media (max-width: 575.98px) { 
		padding: 0;
		border: none;
	}
}

.artistlist_products {
	display: flex;
	gap: 6px;
	height: 190px;

	> a {
		display: block;
		flex: 0 0 calc(33.33% - 4px);
		overflow: hidden;
		border-radius: 3px;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform .2s ease, filter .2s ease;
		}

		&:hover img {
			transform: scale(1.06);
			filter: brightness(1.1);
		}

		&.more {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			background: #f2f2f2;
			text-align: center;
			color: #515a71;
			transition: background .2s ease;

			&:hover {
				background: #dfdfdf;
				text-decoration: none;
			}
		}
	}

	.searchalert {
		flex: 1 0 calc(33.33% - 4px);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
		text-align: center;
		border: 2px dashed #dcdde3;
		border-radius: 5px;
		color: #5c5c5c;
		background: #f7f7f9;
		padding: 5px;

		.btn {
			margin-top: 10px;
		}

		&.sm {
			font-size: 0.9rem;
		}
	}
}

.artistlist.typology-CD {
	.artistlist_products {
		height: 120px;

		.searchalert .btn.btn-icon-only { margin-top: 7px;}
	}
}

.author-search-form {
	position: relative;
	max-width: 400px;

	.input-group-append {
		top: 0;
		right: 0;
		position: absolute;
	}

	@media (max-width: 575.98px) {
		max-width: auto;
	}
}

.artistlist_empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 2px dashed #dcdde3; 
	color: #5c5c5c;
	background: #f7f7f9;
	padding: 20px 20px 40px 20px;
	border-radius: 10px;
	text-align: center;
	
	h2 {
		font-size: 2rem;
	}
	
	img { 
		width: 60%;
		max-width: 240px; 
		height: auto;
	}
}