/* Small compatibility and accessibility additions to the existing design. */
.toggle-site-nav { border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; }
.skip-link { position: fixed; left: 12px; top: -100px; z-index: 100000; background: #fff; color: #111; padding: 12px 18px; }
.skip-link:focus { top: 12px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex="0"]:focus-visible { outline: 3px solid #dfb72d; outline-offset: 3px; }
[role="button"] { cursor: pointer; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }

.share-link { display:inline-block; padding:6px 12px; margin-right:5px; background:#333; color:#fff; text-decoration:none; font-size:12px; border-radius:3px; }

@media (min-width: 768px) { .toggle-site-nav { display: none; } }

/* WP-Polls expects its AJAX placeholder to be hidden until a request starts.
   The theme replaces the plugin CSS, so retain this functional base rule. */
.wp-polls-loading {
  display: none;
  position: static;
  width: auto;
  margin: 12px 0;
  padding: 8px 12px;
  white-space: normal;
}
.wp-polls .wp-polls-spinner {
  display: inline-block;
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spin .8s linear infinite;
}

@media (prefers-reduced-motion: reduce) { .wp-polls .wp-polls-spinner { animation: none; opacity: .4; } }

/* The retired Facebook Like iframe renders invisibly; keep the page link usable. */
.facebook-follow-button {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  background: #1877f2;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
  text-decoration: none;
}
.facebook-follow-button:hover, .facebook-follow-button:focus-visible { background: #135dbd; color: #fff; }

/* Current MediaElement sizes progress by scaleX(), not fixed pixel widths. */
.mejs-controls .mejs-time-rail .mejs-time-total {
  left: 0;
  width: calc(100% - 10px);
}
.mejs-controls .mejs-time-rail .mejs-time-buffering,
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-hovered {
  width: 100%;
}

/* X branding: local vector marks, white on the dark header, black on light panels. */
.nav-social ul > li > a.nav-social-x:before,
.nav-social ul > li > a.nav-social-x:hover:before {
  background-image: url("../images/x-logo-white.svg");
  background-position: center;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.follow-box-alt .follow-box-alt-x { color: #000; }
.follow-box-alt .follow-box-alt-x:before {
  background-image: url("../images/x-logo-black.svg");
  background-size: 32px 32px;
  background-position: center;
  background-repeat: no-repeat;
}
.widget-links .social-x a:before {
  background-image: url("../images/x-logo-black.svg");
  background-position: center;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.x-follow-button, .share-link-x {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 4px;
  background: #000;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
  text-decoration: none;
}
.x-follow-button:before, .share-link-x:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  background: url("../images/x-logo-white.svg") center / contain no-repeat;
}
.x-follow-button:hover, .x-follow-button:focus-visible,
.share-link-x:hover, .share-link-x:focus-visible { background: #333; color: #fff; }

/* Match the post share controls while preserving each service color. */
.share-link-facebook, .share-link-x {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
.share-link-facebook { background: #1877f2; }
.share-link-facebook:hover, .share-link-facebook:focus-visible { background: #135dbd; color: #fff; }
.share-link-facebook:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  background: url("../images/facebook-logo-white.svg") center / contain no-repeat;
}

/* Use one Facebook blue across the follow heading, mark and button. */
.follow-box-alt .follow-box-alt-facebook { color: #1877f2; }
.follow-box-alt .follow-box-alt-facebook:before {
  background: #1877f2;
  -webkit-mask: url("../images/facebook-logo-white.svg") center / contain no-repeat;
  mask: url("../images/facebook-logo-white.svg") center / contain no-repeat;
}