/*@import url('/vendor/fonts/AbrilFatface/style.css');*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');
#totop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 22px;
	line-height: 38px;
	border: 1px solid #777;
	z-index: 999;
	transition: opacity .4s ease-in-out;
}
#main {
	min-height: 60vh;
}
.text-title {
	font-family: 'Merriweather', serif;
}

/* grid */
.grid-item-in {
	position: relative;
	left: -1px;
	border-left: 1px solid #aaa;
	padding: .5rem .5rem 0 .5rem;
}
.grid-item-content {
	display: block;
	border-bottom: 1px solid #aaa;
	padding: 0 0 1rem 0;
}
.related-title {
	height: 3.6rem;
	overflow: hidden;
}
.related-subtitle {
	white-space: nowrap;
	overflow: hidden;
}

.songlist .current-song {
	background-color: #454545;
}

@media (min-width: 768px) {
	.related-subtitle {
		white-space: normal;
	}
}