/* Publisher maintained: modern X identity for legacy Twitter selectors. */

/* Local X mark. Keep the internal .twitter class for saved options and provider compatibility. */
.fa-twitter::before,
.bsfi-twitter::before,
.bsfi-x::before,
.twitter .fa-twitter::before,
.twitter .bsfi-twitter::before,
.twitter .bsfi-x::before,
.social-item.twitter .icon::before,
.social-item.twitter .icon-twitter::before,
.social-item.twitter .item-icon::before,
.social-login-btn-twitter .fa-twitter::before,
.social-login-btn-twitter .bsfi-twitter::before,
.social-login-btn-twitter .bsfi-x::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	vertical-align: -0.125em;
	background-color: currentColor;
	-webkit-mask: url('../images/social/x.svg') center / contain no-repeat;
	mask: url('../images/social/x.svg') center / contain no-repeat;
}

/* Author, profile, about and compact social links. */
.single-container > .post-author .author-links li.twitter a:hover,
.author-profile .author-links ul li.twitter a,
.listing-item-user .user-social-icons .twitter a:hover,
.bs-about .about-icons-list .about-icon-item.twitter a:hover {
	color: #000;
}

.author-profile .author-links ul li.twitter a,
.bs-about .about-icons-list .about-icon-item.twitter a {
	background-color: #000;
}

/* Social login button. */
.social-login-btn.social-login-btn-twitter:focus,
.social-login-btn.social-login-btn-twitter:hover,
.social-login-btn.social-login-btn-twitter {
	background-color: #000 !important;
	color: #fff !important;
}

/* Publisher social-share shortcode. */
.bs-social-share.style-button.colored span.social-item.twitter a,
.bs-social-share.style-button.colored span.social-item.twitter a:hover,
.bs-social-share.style-button.colored span.social-item.twitter a:focus {
	background-color: #000;
	color: #fff;
}

.bs-social-share.style-outline-button.colored span.social-item.twitter a,
.bs-social-share.style-outline-button.colored span.social-item.twitter a:hover,
.bs-social-share.style-outline-button.colored span.social-item.twitter a:focus {
	border-color: #000;
	color: #000;
}

/* Post share variants. */
.single-post-share .social-item.twitter a,
.single-post-share .social-item.twitter a:hover,
.single-post-share .social-item.twitter a:focus,
.post-share.style-9 .social-item.twitter a,
.post-share.style-10 .social-item.twitter a,
.post-share.style-11 .social-item.twitter a {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.post-share.style-9 .social-item.twitter a:hover,
.post-share.style-10 .social-item.twitter a:hover,
.post-share.style-11 .social-item.twitter a:hover {
	background-color: #222;
	border-color: #222;
	color: #fff;
}

.post-share.style-10 .social-item.twitter .icon,
.post-share.style-11 .social-item.twitter .icon {
	background-color: #000;
	border-color: #000;
}

/* One visual mark only in share buttons: the icon is X, not icon plus text X. */
.bs-social-share .social-item.twitter .item-title,
.single-post-share .social-item.twitter .item-title,
.post-share .social-item.twitter .item-title {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Normalize the X box in the top bar, author links and share buttons. */
.twitter a .bf-icon,
.twitter a .fa-twitter,
.twitter a .bsfi-twitter,
.twitter a .bsfi-x,
.social-item.twitter .icon,
.social-item.twitter .icon .bf-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 1em !important;
	height: 1em !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	margin: 0 !important;
}

/* Topbar: use the same 24px hover box as the other social links. */
.topbar .better-social-counter.style-button .social-item.twitter a,
.topbar .better-social-counter.style-button .social-item.twitter .item-icon,
.topbar .social-item.twitter a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 24px !important;
	min-width: 24px !important;
	height: 24px !important;
	line-height: 24px !important;
	padding: 0 !important;
	margin: 0 !important;
}

.topbar .better-social-counter.style-button .social-item.twitter .item-icon,
.topbar .social-item.twitter .item-icon {
	background-color: transparent;
}

/* Avoid the old Twitter blue in generic colored social items. */
.bs-social-share .social-item.twitter a,
.single-post-share .social-item.twitter a,
.post-share .social-item.twitter a,
.user-social-icons .twitter a,
.about-icons-list .about-icon-item.twitter a {
	--publisher-twitter-color: #000;
}

/* Footer Big Button: keep the X card black, but preserve the visible inset icon tile used by the other networks. */
.better-social-counter.style-big-button .social-item.twitter .item-icon,
.better-social-counter.style-big-button.colored .social-item.twitter .item-icon {
	background: rgba(255, 255, 255, 0.14) !important;
	border-color: rgba(255, 255, 255, 0.22);
}

.better-social-counter.style-big-button .social-item.twitter:hover .item-icon,
.better-social-counter.style-big-button.colored .social-item.twitter:hover .item-icon {
	background: rgba(255, 255, 255, 0.20) !important;
	border-color: rgba(255, 255, 255, 0.30);
}

/* Footer Big Button: restore the original 50px icon geometry after generic X normalization. */
.better-social-counter.style-big-button .social-item.twitter .item-icon,
.better-social-counter.style-big-button.colored .social-item.twitter .item-icon {
	display: inline-block !important;
	box-sizing: content-box;
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	vertical-align: middle !important;
	padding: 0 !important;
	margin: 0 15px 0 0 !important;
	float: left !important;
	font-size: 22px !important;
}