.row > .aside { display: none !important; }

#header .container,
#body > .container,
#footer .container {
	max-width: 1040px !important;
}

@media (min-width: 992px) {
	.row > .main {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

#header {
	background-color: #fff !important;
	border-bottom: 1px solid #e9ecef;
}
#header .navbar-brand,
#header .nav-link {
	color: #343a40 !important;
}
#header .navbar-brand:hover,
#header .nav-link:hover {
	color: #0d6efd !important;
}
#header .navbar-toggler {
	border-color: rgba(0, 0, 0, 0.15);
}
#header .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(33,37,41,0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#header .nav-item.active .nav-link,
#header .nav-link.active {
	color: #0d6efd !important;
}

body .card.card-threadlist > .card-body,
body .main > .row > div > .card > .card-body {
	padding: .625rem 1rem;
}

.abc-songlist > .abc-songlist-item {
	position: relative;
	padding: .55rem 0;
	border-bottom: 1px solid #e5e8ec;
	border-radius: 0;
	transition: background-color .15s ease-in-out;
	cursor: pointer;
	margin-left: -1rem;
	margin-right: -1rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.abc-songlist > .abc-songlist-item:last-child { border-bottom: 0; }
.abc-songlist-item input[type="checkbox"] { position: relative; z-index: 2; }
.abc-songlist > li.thread.abc-songlist-item:hover,
.abc-songlist > li.abc-songlist-item:hover {
	background-color: #eef1f5 !important;
}

.abc-songlist .subject,
.abc-songlist .small.mt-1,
.abc-songlist li.abc-songlist-item > .flex-grow-1 .subject {
	display: block !important;
	flex: 1 1 0% !important;
	min-width: 0 !important;
	max-width: 100%;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	word-break: normal !important;
	word-wrap: normal !important;
}

.abc-songlist li.abc-songlist-item > .flex-grow-1.min-w-0,
.abc-songlist li.abc-songlist-item > .flex-grow-1.min-w-0 > .min-w-0.flex-grow-1.pe-3 {
	min-width: 0 !important;
}
.abc-songlist .avatar-3 { flex: 0 0 auto; }
.abc-songlist {
	--abc-cover-size: 2.8rem;
}
.abc-songlist .abc-cover-box {
	display: flex;
	align-self: center;
	margin: 0 .75rem 0 0 !important;
}
.abc-songlist .avatar-3.abc-album-cover {
	width: var(--abc-cover-size);
	height: var(--abc-cover-size);
	object-fit: cover;
	border-radius: .375rem;
	background-color: #f1f3f5;
}

.abc-song-date {
	flex: 0 0 auto;
	white-space: nowrap;
	margin-left: .75rem;
	font-size: .9rem;
	color: #ef4444;
	line-height: 1.6;
}

.card-header-tabs > .nav-item > .nav-link,
.card-header-tabs > .nav-item > .nav-link:hover:not(.active),
.card-header-tabs > .nav-item > .nav-link.active {
	border: 1px solid transparent !important;
	background: transparent !important;
	background-image: none !important;
	padding: 0.5rem 1rem !important;
	margin-bottom: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}

#my_main .card-header-tabs > .nav-item > .nav-link:not(.active) {
	color: #495057 !important;
}
#my_main .card-header-tabs > .nav-item > .nav-link:hover,
#my_main .card-header-tabs > .nav-item > .nav-link.active {
	color: var(--bs-link-color) !important;
}

.card-header-dropdown .dropdown-toggle::after {
	display: none !important;
}

.list-group-item.list-group-item-action,
.list-group-item.list-group-item-action:hover,
.list-group-item.list-group-item-action.active {
	font-weight: 400 !important;
	transform: none !important;
}

.abc-songlist-forum .abc-song-date {
	color: #6c757d !important;
}

#header .navbar-brand {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
}

#header .navbar-brand .abc-brand-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.15;
    min-width: 0;
}
#header .navbar-brand .abc-brand-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #343a40;
}
#header .navbar-brand:hover .abc-brand-title {
    color: #0d6efd;
}
#header .navbar-brand .abc-brand-subtitle {
    font-size: .75rem;
    color: #6c757d;
    text-decoration: none;
}
#header .navbar-brand .abc-brand-subtitle:hover {
    color: #0d6efd;
}

.abc-songlist-album > .abc-songlist-item > .flex-grow-1 {
	padding-left: .25rem;
}

.abc-rank-list {
	font-size: 1rem;
	line-height: 1.5;
}
.abc-rank-list li {
	padding: .55rem 0 !important;
	border-bottom: 1px solid #e5e8ec !important;
	margin-left: -1rem;
	margin-right: -1rem;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
	transition: background-color .15s ease-in-out;
	cursor: pointer;
}

.abc-rank-list li:hover { background-color: #eef1f5 !important; }

#my_aside a[data-active="menu-my-thread"],
#my_mobile_nav a[data-active="menu-my-thread"],
#user_aside a[data-active="menu-user-thread"],
#user_mobile_nav a[data-active="menu-user-thread"] {
	display: none !important;
}
.abc-rank-list li:last-child { border-bottom: 0 !important; }
.abc-rank-list .abc-rank-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.6rem;
	height: 1.6rem;
	font-size: .75rem;
	font-weight: 600;
	color: #6c757d;
	background: #f1f3f5;
	border-radius: .375rem;
	flex: 0 0 auto;
}

.abc-index-cards .card-header-tabs > .nav-item > .nav-link {
	color: var(--bs-emphasis-color) !important;
}
.abc-index-cards .card-header-tabs > .nav-item > .nav-link:hover {
	color: var(--bs-nav-link-hover-color) !important;
}
.abc-rank-list .abc-rank-1 { background: #ffd43b; color: #866400; }
.abc-rank-list .abc-rank-2 { background: #ced4da; color: #495057; }
.abc-rank-list .abc-rank-3 { background: #ffd5a1; color: #8a5a00; }
.abc-rank-list li .text-muted { font-size: .9rem; color: #8b93a0 !important; }

.threadlist-2col > li.abc-songlist-item { padding-top: .55rem; padding-bottom: .55rem; border-bottom: 1px solid #e5e8ec; }
.threadlist-2col > li:nth-last-child(-n+2) { border-bottom: 0; }
.threadlist-2col > li { margin-bottom: 0 !important; }
@media (min-width: 768px) {
	.threadlist-2col {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 1.25rem;
		align-items: start;
	}
}

.abc-thread-wrap { position: relative; }
.abc-thread-content { overflow: hidden; transition: max-height .3s ease; }
.abc-thread-content.abc-collapsed {
	overflow: hidden;
	position: relative;
}

.abc-thread-content.abc-collapsed::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 40px;
	background: linear-gradient(to bottom, transparent, #fff);
	pointer-events: none;
}
.abc-thread-wrap .abc-thread-toggle {
	display: block;
	width: 100%;
	text-align: center;
	color: #0d6efd;
	font-size: .875rem;
	padding: .5rem 0;
	margin-top: .25rem;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.abc-thread-wrap .abc-thread-toggle:hover { color: #0a58ca; background: transparent; text-decoration: underline; }
.abc-thread-wrap .abc-thread-toggle:focus { outline: none; box-shadow: none; }