/* Local replica fixes: keep the ACM static export usable after deployment. */
@font-face {
  font-family: "FontAwesome";
  src: url("./fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
       url("./fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
       url("./fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.top-bar.main-nav .top-bar-section > ul > li > a {
  white-space: nowrap;
  padding-right: 0.625rem !important;
  padding-left: 0.625rem !important;
}

@media only screen and (max-width: 640px) {
  html,
  body {
    overflow-x: hidden;
  }

  #header,
  #main,
  footer,
  .row,
  .article .row,
  .content-detail .row {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .columns,
  .column,
  .large-8,
  .medium-8,
  .large-4,
  .medium-4,
  .small-12 {
    width: 100% !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
  }

  .article.content-detail,
  .article.content-detail article,
  .article.content-detail .columns {
    max-width: 100vw !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .breadcrumbs {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .article.content-detail h1,
  .article.content-detail h2,
  .article.content-detail p {
    max-width: 100%;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .article.content-detail h1 {
    font-size: 1.8rem !important;
    line-height: 1.2 !important;
  }

  .article.content-detail h2 {
    font-size: 1.35rem !important;
    line-height: 1.25 !important;
  }

  .article.content-detail .columns {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .article.content-detail a {
    overflow-wrap: anywhere;
  }
}

/* Hide exported external-link glyphs in navigation chrome. */
#header a:after,
#header a::after,
.top-bar a:after,
.top-bar a::after,
.top-bar-section a:after,
.top-bar-section a::after,
.breadcrumbs a:after,
.breadcrumbs a::after,
.breadcrumbs .current a:after,
.breadcrumbs .current a::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
}

.top-bar-section .has-dropdown > a {
  padding-right: 0.625rem !important;
}