// Styles that override browser defaults and Bootstrap's own reset
//
// This is not the dream. Ideally, this file would be empty because Bootstrap's _reboot
// is plenty.

html {
  height: 100vh;
  margin: 0;
  padding: 0;
  @if global-var-exists(we-changed-what-rem-means-and-now-we-regret-it) {
    /* sets the basis for `rem` styling units */
    font-size: $we-changed-what-rem-means-and-now-we-regret-it; // TODO DELETEME (it'll be hard)
  }
}

body {
  height: 100vh;
  margin: 0;
  padding: 0;
  @include font-sans-regular;
  background-color: $page-background;
  color: $brand-text--dark;
}

/* height 100% needed on all parents so that output pane flexbox can fill available vertical screen space.
  Not sure why position absolute is needed, but it gets push down the screen (not flush with top) otherwise. */

#root {
  width: 100%;
  background-color: $page-background;
}

::-webkit-scrollbar-thumb {
  width: 0.2rem;
  opacity: 0.2;
}

// Getting rid of system blue
textarea:focus,
input:focus {
  outline: none;
}

::placeholder {
  color: $placeholder;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: $placeholder;
  font-size: 1.4rem;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: $placeholder;
  font-size: 1.4rem;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: $placeholder;
  font-size: 1.4rem;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: $placeholder;
  font-size: 1.4rem;
}

/*Bigger size checkbox for non webkit browsers*/
input[type='checkbox'] {
  -webkit-appearance: none;
  background-color: transparent;
  padding: 0.7rem;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  margin-right: 0.5rem;
  border: 1px solid $brand-text--dark;

  &:checked {
    background: $brand-orange;
    border-color: $brand-orange;

    &:after {
      font-family: 'Workbench';
      content: '\e94a';
      font-size: 0.8rem;
      position: absolute;
      top: 1.5px;
      left: 2.5px;
      color: $white;
    }
  }

  &:active {
    box-shadow: inset 0 0 2px $medium-gray;
  }
}

input[type='search'] {
  &::-webkit-search-cancel-button {
    display: none;
  } // #164095745
}
