/* RHD styles */

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

.billboard {
	background-color: #666;
	color: #fff;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3) inset;
}

.billboard p.lead {
	color: rgba(255,255,255,0.6);
}

.billboard .btn-outline-secondary {
	color: #fc0;
	border-color: #fc0;
}

.billboard .btn-outline-secondary:active,
.billboard .btn-outline-secondary:focus,
.billboard .btn-outline-secondary:hover {
	color: #666;
	background-color: #fc0;
}

.album {
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2) inset;
}

a.card {
/* 
background-repeat: no-repeat; 
background-size: 155%;
background-position: 50% 30%;
 */
overflow: hidden;
padding: 0;
position: relative;
margin: .5rem 0;
}

a.card:hover { 
cursor: pointer;
/* 
background-size: 160%;
transition: all .5s;
 */
}

.card-body { padding: 0 !important; }

a.card .card-text {
	color: #fff;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 1rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

a.card:active .card-text,
a.card:focus .card-text,
a.card:hover .card-text {
color: #fc0;
}


.artwork-filter .filter {
	display: inline-block;
	cursor: pointer;
}

ul.artwork-filter {
	text-align: center;
	list-style: none;
	padding: 1rem 0;
	margin-bottom: 2rem;
/* 
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
 */
}

.artwork-filter .btn-link {
	color: #666;
	text-transform: uppercase;
}
.artwork-filter .btn-link:hover, .artwork-filter .btn-link:focus, .artwork-filter .btn-link:active {
	color: #fc0;
	cursor: pointer;
}
.artwork-filter .filter:not(:last-child):after {
	content: '|';
	color: #999;
	padding: 0.5rem;
}