/**
 * Site-wide header fixes, loaded on every page after site.css.
 *
 * Compiled on its own to css/header-fixes.css (gulp only builds site.scss):
 *   npx -p sass sass --no-source-map sass/header-fixes.scss css/header-fixes.css
 */
@media (min-width: 1025px) and (max-width: 1199px) {
  #header .desktop-menu-row-wrp {
    margin-left: 305px;
  }
  #header .desktop-menu-row-wrp ul.desktop-menu-row {
    gap: 18px;
  }
  #header .desktop-menu-row-wrp ul.desktop-menu-row > li a {
    font-size: 15px;
  }
}
.social-banner-wrap .blog-page-social-button {
  position: relative;
}
.social-banner-wrap .blog-page-social-button.twitter {
  background-image: url(../images/share-x-banner.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
.social-banner-wrap .blog-page-social-button:hover, .social-banner-wrap .blog-page-social-button:focus-visible {
  background-image: url(../images/sprite.png), url(../images/sprite.png), url(../images/sprite.png);
}
.social-banner-wrap .blog-page-social-button:hover.twitter, .social-banner-wrap .blog-page-social-button:focus-visible.twitter {
  background-image: url(../images/share-x-banner.svg), url(../images/share-x-banner.svg), url(../images/share-x-banner.svg);
}
.social-banner-wrap .blog-page-social-button:hover.pdf-button, .social-banner-wrap .blog-page-social-button:focus-visible.pdf-button {
  background-image: url(../images/print-pdf_v3.png), url(../images/print-pdf_v3.png), url(../images/print-pdf_v3.png);
}
.social-banner-wrap .blog-page-social-button:focus {
  outline: none;
}
.social-banner-wrap .blog-page-social-button::after {
  content: "";
  position: absolute;
  top: 1px;
  left: -3px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  opacity: 0;
  pointer-events: none;
}
.social-banner-wrap .blog-page-social-button.pdf-button::after {
  top: -1px;
  left: -1px;
}
.social-banner-wrap .blog-page-social-button:focus-visible::after {
  opacity: 1;
}