/* using 100vw makes our pop-outs work, but adds ugly horizontal scroll == width of vertical scrollbar */
html { overflow-x: hidden; }

/* Stop the x scroll on the page. */
.page-wrap {
  overflow-x: hidden;
}

/* Chrome hack to get rid of yellow autofill background */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
}

/* Hides elements we want hidden. */
.hide-me {
  display: none;
}

/* Let's set images max-width to always be 100% width, and let following styles over-rule as needed. */
img {
  max-width: 100%;
  height: auto;
}

/* A class to center text. */
.center {
  text-align: center;
}

.after-nav {
  width: 100vw;
}

/* helper to force images to fill parent, with cropping */
.cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Some module is adding an icon after links. It looks bad and the module should feel bad. */
span.ext {
  background: none;
  width: 0;
  height: 0;
  padding-right: 0;
  text-decoration: none;
}

.inline {
  display: inline;
}