/*
 * Global resets
 *
 * Update the foundational and global aspects of the page.
 */

body, main {
  /* Prevent side-scrolling on mobile */
  position: relative;
  overflow-x: hidden;

  // -webkit-text-size-adjust: 100%;
  //     -ms-text-size-adjust: 100%;
}

@media screen {
  body::before {
    content: '';
    width: .5rem;
    background: $border-color;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
  }
}

@media screen and (min-width: $break-point-1) {
  html {
    font-size: $root-font-size-medium;
  }
}

@media screen and (min-width: $break-point-2) {
  html {
    font-size: $root-font-size;
  }
}

@media screen and (min-width: $break-point-4) {
  html {
    font-size: $root-font-size-medium;
  }
}

@media screen and (min-width: $break-point-font-large) {
  html {
    font-size: $root-font-size-large;
  }
}

// @media print {
//   html {
//     font-size: $root-font-size;
//   }
// }

.sr-only {
  // will be properly styled in the main css
  display: none;
  // display: unset;
  // position: absolute;
  // width: 1px;
  // height: 1px;
  // padding: 0;
  // margin: -1px;
  // overflow: hidden;
  // clip: rect(0,0,0,0);
  // border: 0;
}

.sixteen-nine {
  @include aspect-ratio(16, 9);
}

// .faded {
//   color: $gray;
// }

a, .a {
  position: relative;
  padding-bottom: .15rem;
  border-bottom: 1px solid;
  // transition: color 500ms, border-color 250ms ease;
  //
  // &:hover, &:focus {
  //   text-decoration: none;
  //   border-bottom-width: 4px;
  //   transition: color 500ms, border-color 50ms ease-out;
  // }
  //
  // &.no-hover {
  //   border-bottom: none;
  //   padding-bottom: none;
  //   transition: none;
  //
  //   &:hover, &:focus {
  //     transition: none;
  //   }
  // }
}

.img {
  overflow: hidden;
  background-color: $gray-bg;
  // background-position: center;
  // background-repeat: no-repeat;
  // background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTYwIDkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuMDQ4ODI4LCAwLCAwLCAwLjA0Nzk5MSwgNTQuOTk5OTczLCAyMC40MjgxNDgpIj4KICAgIDxwYXRoIGQ9Ik05NTkuODg0IDEyOGMwLjA0MCAwLjAzNCAwLjA4MiAwLjA3NiAwLjExNiAwLjExNnY3NjcuNzdjLTAuMDM0IDAuMDQwLTAuMDc2IDAuMDgyLTAuMTE2IDAuMTE2aC04OTUuNzdjLTAuMDQwLTAuMDM0LTAuMDgyLTAuMDc2LTAuMTE0LTAuMTE2di03NjcuNzcyYzAuMDM0LTAuMDQwIDAuMDc2LTAuMDgyIDAuMTE0LTAuMTE0aDg5NS43N3pNOTYwIDY0aC04OTZjLTM1LjIgMC02NCAyOC44LTY0IDY0djc2OGMwIDM1LjIgMjguOCA2NCA2NCA2NGg4OTZjMzUuMiAwIDY0LTI4LjggNjQtNjR2LTc2OGMwLTM1LjItMjguOC02NC02NC02NHYweiIgc3R5bGU9ImZpbGw6IHJnYigyMjEsIDIyMSwgMjIxKTsiLz4KICAgIDxwYXRoIGQ9Ik04MzIgMjg4YzAgNTMuMDIwLTQyLjk4IDk2LTk2IDk2cy05Ni00Mi45OC05Ni05NiA0Mi45OC05NiA5Ni05NiA5NiA0Mi45OCA5NiA5NnoiIHN0eWxlPSJmaWxsOiByZ2IoMjIxLCAyMjEsIDIyMSk7Ii8+CiAgICA8cGF0aCBkPSJNODk2IDgzMmgtNzY4di0xMjhsMjI0LTM4NCAyNTYgMzIwaDY0bDIyNC0xOTJ6IiBzdHlsZT0iZmlsbDogcmdiKDIyMSwgMjIxLCAyMjEpOyIvPgogIDwvZz4KPC9zdmc+');

  > img {
    margin: 0;
    width: 100%;
    height: 100%;
    // object-fit: cover;
    // object-position: center;
  }
}

h1, h2, h3, h4, h5, h6 {
  & + hr {
    margin-top: 0;
  }
}

// .author {
//   margin-bottom: 3rem;
// }