/*
 * 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-large;
  // }
}

@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;
}

// .clearfix, .clearafter::after {
//   @include clearfix();
// }

a, .a {
  // position: relative;
  // padding-bottom: .15rem;
  // border-bottom: 1px dotted transparent;
  transition: color 500ms, border-color 250ms;

  &:hover, &:focus {
    text-decoration: none;
    // border-bottom-width: 4px;
    transition: color 500ms, border-color 50ms;
  }

  &.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;
  }
}

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

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

.author {
  margin-top: 3rem;
}

// .fade-in {
//   animation-duration: 500ms;
//   animation-name: fade-in;
//   animation-fill-mode: forwards;
// }
//
// @keyframes fade-in {
//   from { transform: translateY(-2rem); opacity: 0; }
//   50%  { transform: translateY(-2rem); opacity: 0; }
//   to   { transform: translateY(0);     opacity: 1; }
// }
// 
// .mb6 {
//   margin-bottom: 6rem;
// }