/*
 * Additions on top of the untouched slackview style.css.
 * Only what is needed because the markup now comes from Halo instead of WordPress.
 */

/* --- Stickiness (replaces jquery.sticky.js, same breakpoints as script.js if_sticker) ---
 * .content has overflow: hidden, which would make it the scroll container for position: sticky
 * (offsetting everything by top: 44px and never sticking). overflow: clip clips identically without
 * that side effect; browsers without it simply get no stickiness. */
@supports (overflow: clip) {
	.content {
		overflow: clip;
		/* overflow: hidden also created a block formatting context (margins of the first article
		   did not collapse through .content); keep that. */
		display: flow-root;
	}
}

@supports not (overflow: clip) {
	.post_meta .sticker, .sidebar > .widget:last-of-type {
		position: static !important;
	}
}

@media (min-width: 601px) {
	.post_meta .sticker {
		position: -webkit-sticky;
		position: sticky;
		top: 44px;
	}
}

/* jquery.sticky wrapped the last widget in .sticky-wrapper at >= 1000px, which removed its border. */
@media (min-width: 1001px) {
	.sidebar > .widget:last-of-type {
		position: -webkit-sticky;
		position: sticky;
		top: 44px;
		border-bottom: none;
	}
}

/* soundy-background-music css/style-front-end.css */
.war_soundy_audio_control {
	border: red 0px solid !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	cursor: pointer !important;
	z-index: 99999 !important;
}

/* In-content [soundy button]s get their image from bgm.js; without music on the page they stay hidden. */
img.war_soundy_audio_control:not([src]) {
	display: none;
}

.war_soundy_audio_control:focus-visible {
	outline: 2px solid #4a90d9;
	outline-offset: 2px;
}

/* --- Comments: Halo's comment widget replaces comments.php; keep it in the 600px text column --- */
.sv_comments {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 80px 0;
	width: 100%;
	max-width: 600px;
}

.single .sv_comments, .page .sv_comments {
	border-bottom: 1px solid #DDD;
}

@media (max-width: 600px) {
	.sv_comments {
		padding: 40px 30px;
	}
}

/* --- Halo content that has no WordPress counterpart --- */
.sv_term_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sv_term_list li {
	padding: 8px 0;
	border-bottom: 1px solid #DDD;
}

.sv_term_list .sv_count {
	color: #777;
}